{"id":25,"date":"2026-09-23T09:42:34","date_gmt":"2026-09-23T09:42:34","guid":{"rendered":"https:\/\/aymankhedr.com\/?page_id=25"},"modified":"2026-10-24T13:07:21","modified_gmt":"2026-10-24T13:07:21","slug":"home","status":"publish","type":"page","link":"https:\/\/aymankhedr.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25\" class=\"elementor elementor-25\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b58261f e-con-full e-flex e-con e-parent\" data-id=\"b58261f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95a6f5e elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"95a6f5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html> \r\n<html lang=\"ar\" dir=\"rtl\" class=\"scroll-smooth\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u064a\u062e \u0623\u064a\u0645\u0646 \u062e\u0636\u0631 \u0644\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a<\/title>\r\n    <!-- Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <!-- Font Awesome -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <!-- Fonts -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Kufi+Arabic:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    fontFamily: {\r\n                        arabic: ['Noto Kufi Arabic', 'sans-serif'],\r\n                        english: ['Inter', 'sans-serif'],\r\n                    },\r\n                    colors: {\r\n                        brand: {\r\n                            burgundy: '#701a35',\r\n                            wine: '#881337',\r\n                            gold: '#d97706',\r\n                            goldLight: '#f59e0b',\r\n                            dark: '#120408'\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    <style>\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n        body {\r\n            margin: 0;\r\n            overflow-x: hidden;\r\n            background-color: #120408;\r\n        }\r\n        \/* =========================\r\n           FONT SYSTEM\r\n        ========================= *\/\r\n        html[dir=\"rtl\"] body {\r\n            font-family: 'Noto Kufi Arabic', sans-serif;\r\n            line-height: 1.9;\r\n        }\r\n        html[dir=\"ltr\"] body {\r\n            font-family: 'Inter', sans-serif;\r\n            line-height: 1.6;\r\n        }\r\n        html[dir=\"rtl\"] button, input, textarea, select, a, span, p, h1, h2, h3, h4 {\r\n            font-family: 'Noto Kufi Arabic', sans-serif;\r\n        }\r\n        html[dir=\"ltr\"] button, input, textarea, select, a, span, p, h1, h2, h3, h4 {\r\n            font-family: 'Inter', sans-serif;\r\n        }\r\n        \/* =========================\r\n           ARABIC TYPOGRAPHY\r\n        ========================= *\/\r\n        html[dir=\"rtl\"] #heroSubtitle {\r\n            font-size: 0.78rem;\r\n            font-weight: 600;\r\n            line-height: 1.9;\r\n        }\r\n        html[dir=\"rtl\"] #heroTitle {\r\n            font-size: 1.65rem;\r\n            font-weight: 800;\r\n            line-height: 1.8;\r\n            letter-spacing: 0;\r\n        }\r\n        html[dir=\"rtl\"] #heroDesc {\r\n            font-size: 0.85rem;\r\n            font-weight: 400;\r\n            line-height: 2;\r\n        }\r\n        html[dir=\"rtl\"] .modal-text {\r\n            line-height: 2;\r\n        }\r\n        @media (min-width: 640px) {\r\n            html[dir=\"rtl\"] #heroTitle {\r\n                font-size: 2.3rem;\r\n            }\r\n            html[dir=\"rtl\"] #heroDesc {\r\n                font-size: 0.95rem;\r\n            }\r\n        }\r\n        @media (min-width: 1024px) {\r\n            html[dir=\"rtl\"] #heroSubtitle {\r\n                font-size: 1rem;\r\n            }\r\n            html[dir=\"rtl\"] #heroTitle {\r\n                font-size: 3.7rem;\r\n                line-height: 1.7;\r\n            }\r\n            html[dir=\"rtl\"] #heroDesc {\r\n                font-size: 1rem;\r\n                line-height: 2;\r\n            }\r\n        }\r\n        \/* =========================\r\n           ENGLISH TYPOGRAPHY\r\n        ========================= *\/\r\n        html[dir=\"ltr\"] #heroSubtitle {\r\n            font-size: 0.8rem;\r\n            line-height: 1.7;\r\n        }\r\n        html[dir=\"ltr\"] #heroTitle {\r\n            font-size: 1.7rem;\r\n            line-height: 1.25;\r\n        }\r\n        html[dir=\"ltr\"] #heroDesc {\r\n            font-size: 0.9rem;\r\n            line-height: 1.8;\r\n        }\r\n        @media (min-width: 640px) {\r\n            html[dir=\"ltr\"] #heroTitle {\r\n                font-size: 2.5rem;\r\n            }\r\n        }\r\n        @media (min-width: 1024px) {\r\n            html[dir=\"ltr\"] #heroSubtitle {\r\n                font-size: 1rem;\r\n            }\r\n            html[dir=\"ltr\"] #heroTitle {\r\n                font-size: 3.7rem;\r\n                line-height: 1.2;\r\n            }\r\n            html[dir=\"ltr\"] #heroDesc {\r\n                font-size: 1.1rem;\r\n            }\r\n        }\r\n        \/* =========================\r\n           HERO\r\n        ========================= *\/\r\n        .hero-bg {\r\n            background-image:\r\n                linear-gradient(\r\n                    to bottom,\r\n                    rgba(18, 4, 8, 0.68),\r\n                    rgba(18, 4, 8, 0.84)\r\n                ),\r\n                url('https:\/\/aymankhedr.com\/wp-content\/uploads\/2026\/10\/BG-2-scaled.jpg');\r\n            background-size: cover;\r\n            background-position: center;\r\n        }\r\n        \/* =========================\r\n           ANIMATIONS\r\n        ========================= *\/\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(20px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        .animate-fade-in { animation: fadeIn 1s cubic-bezier(0.16, 1, 0.3, 1) forwards; }\r\n        .animate-delay-1 { animation-delay: 0.2s; }\r\n        .animate-delay-2 { animation-delay: 0.4s; }\r\n        .animate-delay-3 { animation-delay: 0.6s; }\r\n        \/* =========================\r\n           SCROLL INDICATOR\r\n        ========================= *\/\r\n        @keyframes scrollArrow {\r\n            0%, 100% { transform: translateY(0); opacity: 0.75; }\r\n            50% { transform: translateY(7px); opacity: 1; }\r\n        }\r\n        @keyframes scrollPulse {\r\n            0%, 100% { transform: translateX(-50%) translateY(0); }\r\n            50% { transform: translateX(-50%) translateY(3px); }\r\n        }\r\n        .scroll-indicator { animation: scrollPulse 2.2s infinite ease-in-out; }\r\n        .scroll-arrow { animation: scrollArrow 1.6s infinite ease-in-out; }\r\n        .scroll-indicator:hover { transform: translateX(-50%) translateY(-2px); }\r\n        \r\n        \/* =========================\r\n           LOGO - FIXED FOR MOBILE\r\n        ========================= *\/\r\n        img.site-logo,\r\n        .site-logo {\r\n            height: auto !important;\r\n            width: auto !important;\r\n            max-width: 160px !important; \/* \u062d\u062c\u0645 \u0645\u0639\u0642\u0648\u0644 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 440px *\/\r\n            max-height: 60px !important;\r\n            object-fit: contain !important;\r\n            display: block !important;\r\n        }\r\n        @media (min-width: 768px) {\r\n            .hero-bg > .relative.z-10.max-w-4xl {\r\n                margin-top: 90px !important;\r\n            }\r\n            img.site-logo,\r\n            .site-logo {\r\n                max-width: 280px !important; \/* \u062d\u062c\u0645 \u0627\u0644\u062f\u064a\u0633\u0643\u062a\u0648\u0628 *\/\r\n                max-height: 100px !important;\r\n                transform: scale(1.2) !important;\r\n                transform-origin: top right !important;\r\n            }\r\n            header {\r\n                align-items: flex-start !important;\r\n                padding-inline-start: 40px !important;\r\n                padding-inline-end: 40px !important;\r\n            }\r\n            html[dir=\"ltr\"] img.site-logo,\r\n            html[dir=\"ltr\"] .site-logo {\r\n                transform-origin: top left !important;\r\n            }\r\n        }\r\n        img.drawer-logo,\r\n        .drawer-logo {\r\n            height: auto !important;\r\n            max-width: 150px !important;\r\n            object-fit: contain !important;\r\n            display: block !important;\r\n        }\r\n        \/* =========================\r\n           DESKTOP NAV\r\n        ========================= *\/\r\n        .desktop-main-nav { display: none; }\r\n        @media (min-width: 768px) {\r\n            .desktop-main-nav {\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 16px;\r\n            }\r\n            .desktop-main-nav a {\r\n                position: relative;\r\n                color: rgba(255, 255, 255, .88);\r\n                text-decoration: none;\r\n                font-size: 13px;\r\n                font-weight: 700;\r\n                white-space: nowrap;\r\n                padding: 4px 1px;\r\n                transition: color .25s ease, transform .25s ease;\r\n            }\r\n            .desktop-main-nav a::after {\r\n                content: '';\r\n                position: absolute;\r\n                left: 0; right: 0; bottom: -6px;\r\n                width: 0; height: 2px;\r\n                margin: auto;\r\n                background: #f59e0b;\r\n                border-radius: 999px;\r\n                transition: width .25s ease;\r\n            }\r\n            .desktop-main-nav a:hover {\r\n                color: #fbbf24;\r\n                transform: translateY(-1px);\r\n            }\r\n            .desktop-main-nav a:hover::after { width: 72%; }\r\n        }\r\n        @media (min-width: 1100px) {\r\n            .desktop-main-nav { gap: 21px; }\r\n            .desktop-main-nav a { font-size: 14px; }\r\n        }\r\n        \/* =========================\r\n           MOBILE MENU BUTTON\r\n        ========================= *\/\r\n        @media (min-width: 768px) {\r\n            .mobile-menu-trigger { display: none !important; }\r\n        }\r\n        \/* =========================\r\n           MOBILE OVERRIDES\r\n        ========================= *\/\r\n        @media (max-width: 767px) {\r\n            .hero-bg { background-position: center center; }\r\n            .scroll-indicator { bottom: 1rem !important; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-[#120408] text-white antialiased\">\r\n    <!-- ================= HEADER ================= -->\r\n    <header class=\"absolute top-0 left-0 right-0 z-40 px-4 md:px-16 py-3 md:py-5 flex items-center justify-between bg-gradient-to-b from-[#120408]\/95 via-[#120408]\/60 to-transparent\">\r\n        \r\n        <!-- ================= LOGO ================= -->\r\n        <div class=\"flex items-center cursor-pointer shrink-0\" onclick=\"showToast(currentLang === 'ar' ? '\u0645\u0631\u062d\u0628\u064b\u0627 \u0628\u0643\u0645 \u0641\u064a \u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u064a\u062e \u0623\u064a\u0645\u0646 \u062e\u0636\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629' : 'Welcome to Sheikh Ayman Khader Real Estate')\">\r\n            <img decoding=\"async\" src=\"https:\/\/aymankhedr.com\/wp-content\/uploads\/2026\/09\/WhatsApp_Image_2026-09-23_at_12.24.21_PM-removebg-preview.png\" alt=\"\u0634\u0639\u0627\u0631 \u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u064a\u062e \u0623\u064a\u0645\u0646 \u062e\u0636\u0631\" class=\"site-logo filter drop-shadow-lg\">\r\n        <\/div>\r\n\r\n        <!-- ================= HEADER CONTROLS (ICONS) ================= -->\r\n        <div class=\"flex items-center gap-2 md:gap-4 shrink-0\">\r\n            <!-- ================= DESKTOP MENU ================= -->\r\n            <nav class=\"desktop-main-nav\" aria-label=\"Main Navigation\">\r\n                <a href=\"#\"><span data-i18n=\"menu_houses\">\u0628\u064a\u0648\u062a<\/span><\/a>\r\n                <a href=\"https:\/\/aymankhedr.com\/index.php\/apartments\"><span data-i18n=\"menu_apartments\">\u0634\u0642\u0642<\/span><\/a>\r\n                <a href=\"#\"><span data-i18n=\"menu_land\">\u0623\u0631\u0627\u0636\u064a<\/span><\/a>\r\n                <a href=\"#\"><span data-i18n=\"menu_compounds\">\u0643\u0648\u0645\u0628\u0627\u0648\u0646\u062f<\/span><\/a>\r\n                <a href=\"https:\/\/aymankhedr.com\/index.php\/about-us\/\" onclick=\"openAboutModal(); return false;\">\r\n                    <span data-i18n=\"menu_about_desktop\">\u0645\u0646 \u0646\u062d\u0646<\/span>\r\n                <\/a>\r\n            <\/nav>\r\n\r\n            <!-- ================= LANGUAGE ================= -->\r\n            <button id=\"langToggleBtn\" onclick=\"toggleLanguage()\" class=\"shrink-0 text-xs md:text-sm font-medium text-white\/90 hover:text-white px-3 py-1.5 md:px-4 md:py-2 rounded-full border border-amber-500\/30 hover:border-amber-500 transition-all duration-300 flex items-center gap-1.5 bg-[#701a35]\/30 backdrop-blur-sm\">\r\n                <i class=\"fa-solid fa-globe text-amber-500 text-sm\"><\/i>\r\n                <span id=\"langText\">EN<\/span>\r\n            <\/button>\r\n\r\n            <!-- ================= WHATSAPP ================= -->\r\n            <a href=\"https:\/\/wa.me\/201143141473\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"shrink-0 w-9 h-9 md:w-10 md:h-10 rounded-full border border-emerald-500\/40 bg-emerald-600\/20 hover:bg-emerald-600\/40 flex items-center justify-center text-emerald-400 hover:text-emerald-300 transition-all duration-300\" aria-label=\"WhatsApp\">\r\n                <i class=\"fa-brands fa-whatsapp text-lg\"><\/i>\r\n            <\/a>\r\n\r\n            <!-- ================= CONTACT (DESKTOP) ================= -->\r\n            <button onclick=\"openHelpModal()\" class=\"hidden md:inline-flex shrink-0 items-center justify-center px-5 py-2 rounded-full border border-amber-500\/40 text-sm font-medium text-white hover:bg-amber-600 hover:border-amber-600 transition-all duration-300 bg-[#701a35]\/40 backdrop-blur-sm\">\r\n                <span data-i18n=\"need_help\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/span>\r\n            <\/button>\r\n\r\n            <!-- ================= MOBILE HAMBURGER ================= -->\r\n            <button onclick=\"toggleMobileMenu()\" class=\"shrink-0 mobile-menu-trigger w-9 h-9 rounded-full bg-amber-500 text-[#120408] flex items-center justify-center hover:bg-amber-400 transition-all duration-300 shadow-lg font-bold\" aria-label=\"Menu\">\r\n                <i class=\"fa-solid fa-bars text-sm\"><\/i>\r\n            <\/button>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- ================= HERO ================= -->\r\n    <section class=\"hero-bg relative min-h-screen flex flex-col justify-center pt-28 md:pt-48 pb-20 px-5 md:px-16 overflow-hidden\">\r\n        <div class=\"absolute inset-0 bg-gradient-to-t from-[#120408] via-[#120408]\/35 to-black\/45 pointer-events-none\"><\/div>\r\n        <div class=\"relative z-10 max-w-4xl pt-4 md:pt-0\">\r\n            <h3 id=\"heroSubtitle\" class=\"text-amber-400 font-semibold mb-3 md:mb-4 opacity-0 animate-fade-in animate-delay-1\">\r\n\u0627\u062a\u0637\u0645\u0646 \u0627\u0646\u062a \u0645\u062a\u0623\u0645\u0646            <\/h3>\r\n            <h1 id=\"heroTitle\" class=\"font-extrabold text-white tracking-tight mb-4 md:mb-6 opacity-0 animate-fade-in animate-delay-2\">\r\n                \u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u064a\u062e \u0623\u064a\u0645\u0646 \u062e\u0636\u0631 \u0644\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\r\n            <\/h1>\r\n            <p id=\"heroDesc\" class=\"text-slate-300 max-w-2xl mb-6 md:mb-8 opacity-0 animate-fade-in animate-delay-2\">\r\n\u0646\u0648\u0641\u0631 \u0644\u0643 \u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c\u0647 \u0633\u0648\u0627\u0621 \u0644\u0644\u0634\u0631\u0627\u0621 \u0623\u0648 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631. \u0645\u0643\u062a\u0628 \u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629\u060c \u0645\u0639 \u062e\u0628\u0631\u0629 \u0639\u0645\u0644\u064a\u0629 \u0648\u0645\u0635\u062f\u0627\u0642\u064a\u0629 \u0641\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0648\u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0646\u0627\u0633\u0628 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0627\u062a.\r\n\r\n            <\/p>\r\n            <div class=\"opacity-0 animate-fade-in animate-delay-3 flex flex-wrap gap-3 md:gap-4\">\r\n                <button onclick=\"openAboutModal()\" class=\"group inline-flex items-center gap-2 md:gap-3 px-5 md:px-7 py-3 md:py-3.5 rounded-full border border-amber-500\/50 bg-[#701a35]\/60 hover:bg-amber-600 hover:border-amber-600 text-white font-medium text-sm md:text-base transition-all duration-300 backdrop-blur-sm shadow-xl\">\r\n                    <span class=\"w-6 h-6 md:w-7 md:h-7 rounded-full bg-amber-500 text-[#120408] group-hover:bg-white group-hover:text-[#701a35] flex items-center justify-center transition-colors duration-300\">\r\n                        <i class=\"fa-solid fa-chevron-right text-xs rtl:rotate-180\"><\/i>\r\n                    <\/span>\r\n                    <span data-i18n=\"more_about\">\u0627\u0643\u062a\u0634\u0641 \u0645\u0645\u064a\u0632\u0627\u062a\u0646\u0627<\/span>\r\n                <\/button>\r\n                <a href=\"tel:01143141473\" class=\"inline-flex items-center gap-2 px-5 md:px-7 py-3 md:py-3.5 rounded-full border border-white\/20 bg-black\/30 hover:bg-white\/10 text-white font-medium text-sm md:text-base transition-all duration-300 backdrop-blur-sm\">\r\n                    <i class=\"fa-solid fa-phone text-amber-500 text-xs\"><\/i>\r\n                    <span data-i18n=\"call_now\">\u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646: 01143141473<\/span>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <button type=\"button\" onclick=\"scrollToNextSection()\" aria-label=\"Scroll down\" class=\"scroll-indicator absolute left-1\/2 -translate-x-1\/2 bottom-7 md:bottom-8 z-30 group flex items-center justify-center w-12 h-12 md:w-14 md:h-14 rounded-full border border-amber-400\/50 bg-[#120408]\/70 backdrop-blur-md shadow-[0_10px_35px_rgba(0,0,0,0.45)] hover:border-amber-400 hover:bg-[#120408]\/85 transition-all duration-300\">\r\n            <span class=\"flex flex-col items-center justify-center leading-none\" aria-hidden=\"true\">\r\n                <i class=\"scroll-arrow fa-solid fa-chevron-down text-amber-400 text-base md:text-lg\"><\/i>\r\n                <i class=\"scroll-arrow fa-solid fa-chevron-down text-white\/70 text-base md:text-lg -mt-1.5\" style=\"animation-delay:.15s\"><\/i>\r\n            <\/span>\r\n        <\/button>\r\n    <\/section>\r\n\r\n    <!-- ================= HELP MODAL ================= -->\r\n    <div id=\"helpModal\" class=\"fixed inset-0 z-50 bg-black\/80 backdrop-blur-md hidden items-center justify-center p-4\">\r\n        <div class=\"bg-[#1f0910] border border-[#701a35] w-full max-w-lg rounded-2xl p-6 shadow-2xl relative\">\r\n            <button onclick=\"closeHelpModal()\" class=\"absolute top-4 right-4 rtl:left-4 rtl:right-auto text-slate-400 hover:text-white w-8 h-8 rounded-full bg-[#701a35]\/40 flex items-center justify-center\">\r\n                <i class=\"fa-solid fa-xmark\"><\/i>\r\n            <\/button>\r\n            <div class=\"text-center mb-6\">\r\n                <div class=\"w-14 h-14 bg-amber-500\/20 text-amber-400 rounded-full flex items-center justify-center mx-auto mb-3 text-2xl border border-amber-500\/30\">\r\n                    <i class=\"fa-solid fa-headset\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"text-xl font-bold text-white\" data-i18n=\"help_header\">\u0643\u064a\u0641 \u064a\u0645\u0643\u0646\u0646\u0627 \u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0627\u0644\u064a\u0648\u0645\u061f<\/h3>\r\n                <p class=\"text-slate-400 text-sm mt-1\" data-i18n=\"help_subheader\">\u0641\u0631\u064a\u0642 \u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u064a\u062e \u0623\u064a\u0645\u0646 \u062e\u0636\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u062c\u0627\u0647\u0632 \u0644\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643\u0645.<\/p>\r\n            <\/div>\r\n            <div class=\"space-y-3\">\r\n                <a href=\"tel:01143141473\" class=\"flex items-center justify-between p-4 rounded-xl bg-[#120408] hover:bg-[#701a35]\/30 border border-[#701a35]\/50 transition-colors\">\r\n                    <div class=\"flex items-center gap-3\">\r\n                        <div class=\"w-10 h-10 shrink-0 rounded-lg bg-amber-500\/20 text-amber-400 flex items-center justify-center\">\r\n                            <i class=\"fa-solid fa-phone\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <p class=\"text-sm font-semibold text-white\" data-i18n=\"call_direct\">\u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0645\u0628\u0627\u0634\u0631<\/p>\r\n                            <p class=\"text-xs text-slate-400\">01143141473<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <i class=\"fa-solid fa-chevron-right text-slate-500 rtl:rotate-180\"><\/i>\r\n                <\/a>\r\n                <a href=\"https:\/\/wa.me\/201143141473\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"flex items-center justify-between p-4 rounded-xl bg-[#120408] hover:bg-[#701a35]\/30 border border-[#701a35]\/50 transition-colors\">\r\n                    <div class=\"flex items-center gap-3\">\r\n                        <div class=\"w-10 h-10 shrink-0 rounded-lg bg-emerald-500\/20 text-emerald-400 flex items-center justify-center\">\r\n                            <i class=\"fa-brands fa-whatsapp text-lg\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <p class=\"text-sm font-semibold text-white\" data-i18n=\"whatsapp_chat\">\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/p>\r\n                            <p class=\"text-xs text-slate-400\">01143141473<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <i class=\"fa-solid fa-chevron-right text-slate-500 rtl:rotate-180\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n            <div class=\"mt-5 pt-4 border-t border-[#701a35]\/40 text-xs text-slate-300\">\r\n                <p class=\"font-semibold text-amber-400 mb-1\" data-i18n=\"address_label\">\u0627\u0644\u0639\u0646\u0648\u0627\u0646:<\/p>\r\n                <p data-i18n=\"address_text\">\u0627\u0644\u062c\u064a\u0632\u0629 - \u0627\u0644\u062d\u0648\u0627\u0645\u062f\u064a\u0629 - \u0622\u062e\u0631 \u0634\u0627\u0631\u0639 \u0643\u0627\u0641\u064a\u062a\u0631\u064a\u0627 \u0623\u0628\u0648 \u062e\u0636\u0631\u0647 \u064a\u0645\u064a\u0646 (\u0628\u0639\u062f \u0645\u0627\u0631\u0643\u062a \u0627\u0644\u062a\u0639\u0627\u0648\u0646)<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- ================= MOBILE MENU ================= -->\r\n    <div id=\"mobileMenu\" class=\"fixed inset-0 z-50 bg-black\/80 backdrop-blur-md hidden transition-opacity duration-300 justify-end rtl:justify-start\">\r\n        <div id=\"drawerPanel\" class=\"bg-[#1f0910] border-l rtl:border-l-0 rtl:border-r border-[#701a35] w-full max-w-md h-full p-8 flex flex-col justify-between shadow-2xl overflow-y-auto transform translate-x-full transition-transform duration-300\">\r\n            <div>\r\n                <div class=\"flex items-center justify-between mb-8\">\r\n                    <img decoding=\"async\" src=\"https:\/\/aymankhedr.com\/wp-content\/uploads\/2026\/09\/WhatsApp_Image_2026-09-23_at_12.24.21_PM-removebg-preview.png\" alt=\"\u0634\u0639\u0627\u0631 \u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u064a\u062e \u0623\u064a\u0645\u0646 \u062e\u0636\u0631\" class=\"drawer-logo\">\r\n                    <button onclick=\"toggleMobileMenu()\" class=\"shrink-0 w-10 h-10 rounded-full bg-[#701a35]\/40 text-slate-300 hover:text-white flex items-center justify-center\" aria-label=\"Close Menu\">\r\n                        <i class=\"fa-solid fa-xmark text-lg\"><\/i>\r\n                    <\/button>\r\n                <\/div>\r\n                <nav class=\"space-y-4\">\r\n                    <a href=\"#\" onclick=\"toggleMobileMenu()\" class=\"block text-xl font-semibold text-white hover:text-amber-400 transition-colors pb-2 border-b border-[#701a35]\/40\" data-i18n=\"mobile_houses\">\u0628\u064a\u0648\u062a<\/a>\r\n                    <a href=\"https:\/\/aymankhedr.com\/index.php\/apartments\" onclick=\"toggleMobileMenu()\" class=\"block text-xl font-semibold text-white hover:text-amber-400 transition-colors pb-2 border-b border-[#701a35]\/40\" data-i18n=\"mobile_apartments\">\u0634\u0642\u0642<\/a>\r\n                    <a href=\"#\" onclick=\"toggleMobileMenu()\" class=\"block text-xl font-semibold text-white hover:text-amber-400 transition-colors pb-2 border-b border-[#701a35]\/40\" data-i18n=\"mobile_land\">\u0623\u0631\u0627\u0636\u064a<\/a>\r\n                    <a href=\"#\" onclick=\"toggleMobileMenu()\" class=\"block text-xl font-semibold text-white hover:text-amber-400 transition-colors pb-2 border-b border-[#701a35]\/40\" data-i18n=\"mobile_compounds\">\u0643\u0648\u0645\u0628\u0627\u0648\u0646\u062f<\/a>\r\n                    <a href=\"https:\/\/aymankhedr.com\/index.php\/about-us\/\" onclick=\"toggleMobileMenu(); openAboutModal();\" class=\"block text-xl font-semibold text-white hover:text-amber-400 transition-colors pb-2 border-b border-[#701a35]\/40\" data-i18n=\"mobile_about\">\u0645\u0646 \u0646\u062d\u0646<\/a>\r\n                <\/nav>\r\n            <\/div>\r\n            <div class=\"pt-8 border-t border-[#701a35]\/40 text-center text-xs text-slate-400\">\r\n                <p data-i18n=\"copyright\">\u00a9 2026 \u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u064a\u062e \u0623\u064a\u0645\u0646 \u062e\u0636\u0631 \u0644\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- ================= ABOUT MODAL ================= -->\r\n    <div id=\"aboutModal\" class=\"fixed inset-0 z-50 bg-black\/80 backdrop-blur-md hidden items-center justify-center p-4\">\r\n        <div class=\"bg-[#1f0910] border border-[#701a35] w-full max-w-2xl rounded-2xl p-6 shadow-2xl relative max-h-[90vh] overflow-y-auto\">\r\n            <button onclick=\"closeAboutModal()\" class=\"absolute top-4 right-4 rtl:left-4 rtl:right-auto text-slate-400 hover:text-white w-8 h-8 rounded-full bg-[#701a35]\/40 flex items-center justify-center\">\r\n                <i class=\"fa-solid fa-xmark\"><\/i>\r\n            <\/button>\r\n            <h3 class=\"text-2xl font-bold text-white mb-3\" data-i18n=\"about_modal_title\">\u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u064a\u062e \u0623\u064a\u0645\u0646 \u062e\u0636\u0631 \u0644\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a<\/h3>\r\n            <p class=\"text-amber-400 font-semibold text-sm mb-4\" data-i18n=\"about_modal_subtitle\">\u0634\u0642\u062a\u0643 \u0627\u0644\u062c\u0627\u064a\u0629 \u0628\u0627\u062e\u062a\u064a\u0627\u0631 \u0635\u062d \u0648\u0623\u0645\u0627\u0646 \u0643\u0627\u0645\u0644<\/p>\r\n            <p class=\"modal-text text-slate-300 text-sm leading-relaxed mb-6\" data-i18n=\"about_modal_desc\">\u0645\u0639 \u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u064a\u062e \u0623\u064a\u0645\u0646 \u062e\u0636\u0631 \u0644\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u060c \u0628\u0646\u0648\u0641\u0631\u0644\u0643 \u0634\u0642\u0629 \u0627\u0644\u0623\u062d\u0644\u0627\u0645 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0644\u062a\u0633\u0643\u0646 \u0648\u0623\u0646\u062a \u0645\u0637\u0645\u0646 \u0648\u0645\u062a\u0623\u0645\u0646.<\/p>\r\n            <div class=\"space-y-3 mb-6\">\r\n                <div class=\"flex items-start gap-3 p-3 bg-[#120408] rounded-xl border border-[#701a35]\/40\">\r\n                    <i class=\"fa-solid fa-location-dot text-amber-500 mt-1 shrink-0\"><\/i>\r\n                    <div>\r\n                        <h4 class=\"text-white text-sm font-semibold\" data-i18n=\"feat_1_title\">\u0645\u0648\u0642\u0639 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0645\u0645\u062a\u0627\u0632<\/h4>\r\n                        <p class=\"text-slate-400 text-xs\" data-i18n=\"feat_1_desc\">\u0645\u0648\u0642\u0639 \u062d\u064a\u0648\u064a \u0648\u0645\u062a\u0645\u064a\u0632 \u064a\u0633\u0647\u0644 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u064a\u0647 \u0648\u064a\u0644\u0628\u064a \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643 \u0627\u0644\u064a\u0648\u0645\u064a\u0629.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"flex items-start gap-3 p-3 bg-[#120408] rounded-xl border border-[#701a35]\/40\">\r\n                    <i class=\"fa-solid fa-credit-card text-amber-500 mt-1 shrink-0\"><\/i>\r\n                    <div>\r\n                        <h4 class=\"text-white text-sm font-semibold\" data-i18n=\"feat_2_title\">\u0623\u0646\u0638\u0645\u0629 \u062f\u0641\u0639 \u0645\u0631\u0646\u0629 \u062a\u0646\u0627\u0633\u0628\u0643<\/h4>\r\n                        <p class=\"text-slate-400 text-xs\" data-i18n=\"feat_2_desc\">\u062a\u0633\u0647\u064a\u0644\u0627\u062a \u0633\u062f\u0627\u062f \u0648\u0623\u0646\u0638\u0645\u0629 \u062f\u0641\u0639 \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u062a\u0646\u0627\u0633\u0628 \u0625\u0645\u0643\u0627\u0646\u064a\u0627\u062a\u0643.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"flex items-start gap-3 p-3 bg-[#120408] rounded-xl border border-[#701a35]\/40\">\r\n                    <i class=\"fa-solid fa-ruler-combined text-amber-500 mt-1 shrink-0\"><\/i>\r\n                    <div>\r\n                        <h4 class=\"text-white text-sm font-semibold\" data-i18n=\"feat_3_title\">\u0645\u0633\u0627\u062d\u0627\u062a \u0645\u062a\u0646\u0648\u0639\u0629 \u0644\u062a\u0644\u0628\u064a\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643<\/h4>\r\n                        <p class=\"text-slate-400 text-xs\" data-i18n=\"feat_3_desc\">\u062a\u0634\u0643\u064a\u0644\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u062d\u062c\u0645 \u0623\u0633\u0631\u062a\u0643 \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a\u0643.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"flex items-start gap-3 p-3 bg-[#120408] rounded-xl border border-[#701a35]\/40\">\r\n                    <i class=\"fa-solid fa-gem text-amber-500 mt-1 shrink-0\"><\/i>\r\n                    <div>\r\n                        <h4 class=\"text-white text-sm font-semibold\" data-i18n=\"feat_4_title\">\u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0648\u062a\u0634\u0637\u064a\u0628\u0627\u062a \u0645\u0648\u062f\u0631\u0646<\/h4>\r\n                        <p class=\"text-slate-400 text-xs\" data-i18n=\"feat_4_desc\">\u062f\u064a\u0643\u0648\u0631\u0627\u062a \u0639\u0635\u0631\u064a\u0629 \u0648\u062a\u0634\u0637\u064a\u0628\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u062a\u0636\u0641\u064a \u0641\u062e\u0627\u0645\u0629 \u0639\u0644\u0649 \u0645\u0646\u0632\u0644\u0643.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"flex items-start gap-3 p-3 bg-[#120408] rounded-xl border border-[#701a35]\/40\">\r\n                    <i class=\"fa-solid fa-shield-halved text-amber-500 mt-1 shrink-0\"><\/i>\r\n                    <div>\r\n                        <h4 class=\"text-white text-sm font-semibold\" data-i18n=\"feat_5_title\">\u0628\u0646\u0627\u0621 \u0645\u062a\u064a\u0646 \u0628\u0623\u0641\u0636\u0644 \u062e\u0627\u0645\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u0627\u062a<\/h4>\r\n                        <p class=\"text-slate-400 text-xs\" data-i18n=\"feat_5_desc\">\u0625\u0646\u0634\u0627\u0621\u0627\u062a \u0647\u0646\u062f\u0633\u064a\u0629 \u0645\u062a\u064a\u0646\u0629 \u0648\u0645\u0637\u0627\u0628\u0642\u0629 \u0644\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0623\u0645\u0627\u0646 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"p-4 bg-[#701a35]\/20 rounded-xl border border-amber-500\/30 text-center\">\r\n                <p class=\"text-amber-400 font-bold text-base mb-1\" data-i18n=\"secure_living_title\">\u0623\u0633\u0643\u0646 \u0648\u0623\u0646\u062a \u0645\u0637\u0645\u0646 \u0648\u0645\u062a\u0623\u0645\u0646<\/p>\r\n                <p class=\"text-xs text-slate-300\" data-i18n=\"address_summary\">\u0627\u0644\u062c\u064a\u0632\u0629 - \u0627\u0644\u062d\u0648\u0627\u0645\u062f\u064a\u0629 - \u0622\u062e\u0631 \u0634\u0627\u0631\u0639 \u0643\u0627\u0641\u064a\u062a\u0631\u064a\u0627 \u0623\u0628\u0648 \u062e\u0636\u0631\u0647 \u064a\u0645\u064a\u0646 (\u0628\u0639\u062f \u0645\u0627\u0631\u0643\u062a \u0627\u0644\u062a\u0639\u0627\u0648\u0646)<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- ================= TOAST ================= -->\r\n    <div id=\"toast\" class=\"fixed bottom-6 right-6 rtl:left-6 rtl:right-auto z-50 transform translate-y-20 opacity-0 transition-all duration-300 bg-[#1f0910] border border-amber-500\/50 text-white px-5 py-3 rounded-xl shadow-2xl flex items-center gap-3\">\r\n        <i class=\"fa-solid fa-circle-check text-amber-500 text-lg\"><\/i>\r\n        <span id=\"toastMessage\" class=\"text-sm font-medium\">\u0625\u0634\u0639\u0627\u0631<\/span>\r\n    <\/div>\r\n\r\n    <!-- ================= JAVASCRIPT ================= -->\r\n    <script>\r\n        const translations = {\r\n            ar: {\r\n                dir: 'rtl',\r\n                lang_btn: 'EN',\r\n                hero_subtitle: '\u0634\u0642\u062a\u0643 \u0627\u0644\u062c\u0627\u064a\u0629 \u0628\u0627\u062e\u062a\u064a\u0627\u0631 \u0635\u062d \u0648\u0623\u0645\u0627\u0646 \u0643\u0627\u0645\u0644',\r\n                hero_title: '\u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u064a\u062e \u0623\u064a\u0645\u0646 \u062e\u0636\u0631 \u0644\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a',\r\n                hero_desc: '\u0645\u0639 \u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u064a\u062e \u0623\u064a\u0645\u0646 \u062e\u0636\u0631 \u0644\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u060c \u0628\u0646\u0648\u0641\u0631\u0644\u0643 \u0634\u0642\u0629 \u0627\u0644\u0623\u062d\u0644\u0627\u0645 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0645\u0648\u0642\u0639 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0641\u064a \u0627\u0644\u062c\u064a\u0632\u0629 - \u0627\u0644\u062d\u0648\u0627\u0645\u062f\u064a\u0629.',\r\n                more_about: '\u0627\u0643\u062a\u0634\u0641 \u0645\u0645\u064a\u0632\u0627\u062a\u0646\u0627',\r\n                call_now: '\u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646: 01143141473',\r\n                need_help: '\u0627\u062a\u0635\u0644 \u0628\u0646\u0627',\r\n                menu_houses: '\u0628\u064a\u0648\u062a',\r\n                menu_apartments: '\u0634\u0642\u0642',\r\n                menu_land: '\u0623\u0631\u0627\u0636\u064a',\r\n                menu_compounds: '\u0643\u0648\u0645\u0628\u0627\u0648\u0646\u062f',\r\n                menu_about_desktop: '\u0645\u0646 \u0646\u062d\u0646',\r\n                mobile_houses: '\u0628\u064a\u0648\u062a',\r\n                mobile_apartments: '\u0634\u0642\u0642',\r\n                mobile_land: '\u0623\u0631\u0627\u0636\u064a',\r\n                mobile_compounds: '\u0643\u0648\u0645\u0628\u0627\u0648\u0646\u062f',\r\n                mobile_about: '\u0645\u0646 \u0646\u062d\u0646',\r\n                help_header: '\u0643\u064a\u0641 \u064a\u0645\u0643\u0646\u0646\u0627 \u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0627\u0644\u064a\u0648\u0645\u061f',\r\n                help_subheader: '\u0641\u0631\u064a\u0642 \u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u064a\u062e \u0623\u064a\u0645\u0646 \u062e\u0636\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u062c\u0627\u0647\u0632 \u0644\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643\u0645.',\r\n                call_direct: '\u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0645\u0628\u0627\u0634\u0631',\r\n                whatsapp_chat: '\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628',\r\n                address_label: '\u0627\u0644\u0639\u0646\u0648\u0627\u0646:',\r\n                address_text: '\u0627\u0644\u062c\u064a\u0632\u0629 - \u0627\u0644\u062d\u0648\u0627\u0645\u062f\u064a\u0629 - \u0622\u062e\u0631 \u0634\u0627\u0631\u0639 \u0643\u0627\u0641\u064a\u062a\u0631\u064a\u0627 \u0623\u0628\u0648 \u062e\u0636\u0631\u0647 \u064a\u0645\u064a\u0646 (\u0628\u0639\u062f \u0645\u0627\u0631\u0643\u062a \u0627\u0644\u062a\u0639\u0627\u0648\u0646)',\r\n                about_modal_title: '\u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u064a\u062e \u0623\u064a\u0645\u0646 \u062e\u0636\u0631 \u0644\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a',\r\n                about_modal_subtitle: '\u0634\u0642\u062a\u0643 \u0627\u0644\u062c\u0627\u064a\u0629 \u0628\u0627\u062e\u062a\u064a\u0627\u0631 \u0635\u062d \u0648\u0623\u0645\u0627\u0646 \u0643\u0627\u0645\u0644',\r\n                about_modal_desc: '\u0645\u0639 \u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u064a\u062e \u0623\u064a\u0645\u0646 \u062e\u0636\u0631 \u0644\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u060c \u0628\u0646\u0648\u0641\u0631\u0644\u0643 \u0634\u0642\u0629 \u0627\u0644\u0623\u062d\u0644\u0627\u0645 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0644\u062a\u0633\u0643\u0646 \u0648\u0623\u0646\u062a \u0645\u0637\u0645\u0646 \u0648\u0645\u062a\u0623\u0645\u0646.',\r\n                feat_1_title: '\u0645\u0648\u0642\u0639 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0645\u0645\u062a\u0627\u0632',\r\n                feat_1_desc: '\u0645\u0648\u0642\u0639 \u062d\u064a\u0648\u064a \u0648\u0645\u062a\u0645\u064a\u0632 \u064a\u0633\u0647\u0644 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u064a\u0647 \u0648\u064a\u0644\u0628\u064a \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643 \u0627\u0644\u064a\u0648\u0645\u064a\u0629.',\r\n                feat_2_title: '\u0623\u0646\u0638\u0645\u0629 \u062f\u0641\u0639 \u0645\u0631\u0646\u0629 \u062a\u0646\u0627\u0633\u0628\u0643',\r\n                feat_2_desc: '\u062a\u0633\u0647\u064a\u0644\u0627\u062a \u0633\u062f\u0627\u062f \u0648\u0623\u0646\u0638\u0645\u0629 \u062f\u0641\u0639 \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u062a\u0646\u0627\u0633\u0628 \u0625\u0645\u0643\u0627\u0646\u064a\u0627\u062a\u0643.',\r\n                feat_3_title: '\u0645\u0633\u0627\u062d\u0627\u062a \u0645\u062a\u0646\u0648\u0639\u0629 \u0644\u062a\u0644\u0628\u064a\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643',\r\n                feat_3_desc: '\u062a\u0634\u0643\u064a\u0644\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u062d\u062c\u0645 \u0623\u0633\u0631\u062a\u0643 \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a\u0643.',\r\n                feat_4_title: '\u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0648\u062a\u0634\u0637\u064a\u0628\u0627\u062a \u0645\u0648\u062f\u0631\u0646',\r\n                feat_4_desc: '\u062f\u064a\u0643\u0648\u0631\u0627\u062a \u0639\u0635\u0631\u064a\u0629 \u0648\u062a\u0634\u0637\u064a\u0628\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u062a\u0636\u0641\u064a \u0641\u062e\u0627\u0645\u0629 \u0639\u0644\u0649 \u0645\u0646\u0632\u0644\u0643.',\r\n                feat_5_title: '\u0628\u0646\u0627\u0621 \u0645\u062a\u064a\u0646 \u0628\u0623\u0641\u0636\u0644 \u062e\u0627\u0645\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u0627\u062a',\r\n                feat_5_desc: '\u0625\u0646\u0634\u0627\u0621\u0627\u062a \u0647\u0646\u062f\u0633\u064a\u0629 \u0645\u062a\u064a\u0646\u0629 \u0648\u0645\u0637\u0627\u0628\u0642\u0629 \u0644\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0623\u0645\u0627\u0646 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629.',\r\n                secure_living_title: '\u0623\u0633\u0643\u0646 \u0648\u0623\u0646\u062a \u0645\u0637\u0645\u0646 \u0648\u0645\u062a\u0623\u0645\u0646',\r\n                address_summary: '\u0627\u0644\u062c\u064a\u0632\u0629 - \u0627\u0644\u062d\u0648\u0627\u0645\u062f\u064a\u0629 - \u0622\u062e\u0631 \u0634\u0627\u0631\u0639 \u0643\u0627\u0641\u064a\u062a\u0631\u064a\u0627 \u0623\u0628\u0648 \u062e\u0636\u0631\u0647 \u064a\u0645\u064a\u0646 (\u0628\u0639\u062f \u0645\u0627\u0631\u0643\u062a \u0627\u0644\u062a\u0639\u0627\u0648\u0646)',\r\n                copyright: '\u00a9 2026 \u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u064a\u062e \u0623\u064a\u0645\u0646 \u062e\u0636\u0631 \u0644\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.',\r\n            },\r\n            en: {\r\n                dir: 'ltr',\r\n                lang_btn: '\u0639\u0631\u0628\u064a',\r\n                hero_subtitle: 'Your Next Home with Absolute Security and Smart Choice',\r\n                hero_title: 'Sheikh Ayman Khader Real Estate Investment & Marketing',\r\n                hero_desc: 'Providing your dream apartment with the highest quality standards, strategic location, and flexible payment plans in Giza - Al Hawamdia.',\r\n                more_about: 'Discover Our Features',\r\n                call_now: 'Call: 01143141473',\r\n                need_help: 'Contact Us',\r\n                menu_houses: 'Houses',\r\n                menu_apartments: 'Apartments',\r\n                menu_land: 'Land',\r\n                menu_compounds: 'Compounds',\r\n                menu_about_desktop: 'About Us',\r\n                mobile_houses: 'Houses',\r\n                mobile_apartments: 'Apartments',\r\n                mobile_land: 'Land',\r\n                mobile_compounds: 'Compounds',\r\n                mobile_about: 'About Us',\r\n                help_header: 'How can we assist you today?',\r\n                help_subheader: 'Contact Sheikh Ayman Khader Real Estate team for inquiries.',\r\n                call_direct: 'Call Direct',\r\n                whatsapp_chat: 'WhatsApp Inquiry',\r\n                address_label: 'Address:',\r\n                address_text: 'Giza - Al Hawamdia - End of Abu Khadhra Cafeteria Street to the right (after Al Taawon Market)',\r\n                about_modal_title: 'Sheikh Ayman Khader Real Estate Investment & Marketing',\r\n                about_modal_subtitle: 'Your Next Home with Absolute Security and Smart Choice',\r\n                about_modal_desc: 'With Sheikh Ayman Khader Real Estate Investment & Marketing, we provide your dream apartment with the highest quality standards. Live with total peace of mind and security.',\r\n                feat_1_title: 'Strategic Location',\r\n                feat_1_desc: 'Prime location tailored for convenient lifestyle and accessibility.',\r\n                feat_2_title: 'Flexible Payment Systems',\r\n                feat_2_desc: 'Customized installment options to suit your financial convenience.',\r\n                feat_3_title: 'Various Spaces',\r\n                feat_3_desc: 'Diverse apartment areas designed to perfectly match your family needs.',\r\n                feat_4_title: 'Modern Designs & Finishes',\r\n                feat_4_desc: 'Contemporary architectural style with premium finishing standards.',\r\n                feat_5_title: 'Solid Construction',\r\n                feat_5_desc: 'Built with the highest quality foundation materials for durability and safety.',\r\n                secure_living_title: 'Live with absolute peace of mind and security',\r\n                address_summary: 'Giza - Al Hawamdia - End of Abu Khadhra Cafeteria Street to the right (after Al Taawon Market)',\r\n                copyright: '\u00a9 2026 Sheikh Ayman Khader Real Estate Investment & Marketing. All rights reserved.',\r\n            }\r\n        };\r\n\r\n        let currentLang = 'ar';\r\n\r\n        function toggleLanguage() {\r\n            currentLang = currentLang === 'ar' ? 'en' : 'ar';\r\n            const t = translations[currentLang];\r\n            document.documentElement.setAttribute('dir', t.dir);\r\n            document.documentElement.setAttribute('lang', currentLang);\r\n            document.title = currentLang === 'ar' ? '\u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u064a\u062e \u0623\u064a\u0645\u0646 \u062e\u0636\u0631 \u0644\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a' : 'Sheikh Ayman Khader Real Estate Investment & Marketing';\r\n            \r\n            document.getElementById('langText').innerText = t.lang_btn;\r\n            document.getElementById('heroSubtitle').innerText = t.hero_subtitle;\r\n            document.getElementById('heroTitle').innerText = t.hero_title;\r\n            document.getElementById('heroDesc').innerText = t.hero_desc;\r\n            \r\n            document.querySelectorAll('[data-i18n]').forEach(el => {\r\n                const key = el.getAttribute('data-i18n');\r\n                if (t[key]) {\r\n                    el.innerText = t[key];\r\n                }\r\n            });\r\n\r\n            showToast(currentLang === 'ar' ? '\u062a\u0645 \u0627\u0644\u062a\u0628\u062f\u064a\u0644 \u0625\u0644\u0649 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629' : 'Switched to English');\r\n        }\r\n\r\n        function showToast(message) {\r\n            const toast = document.getElementById('toast');\r\n            const toastMsg = document.getElementById('toastMessage');\r\n            toastMsg.innerText = message;\r\n            toast.classList.remove('translate-y-20', 'opacity-0');\r\n            setTimeout(() => {\r\n                toast.classList.add('translate-y-20', 'opacity-0');\r\n            }, 3500);\r\n        }\r\n\r\n        function openHelpModal() {\r\n            const modal = document.getElementById('helpModal');\r\n            modal.classList.remove('hidden');\r\n            modal.classList.add('flex');\r\n        }\r\n        function closeHelpModal() {\r\n            const modal = document.getElementById('helpModal');\r\n            modal.classList.add('hidden');\r\n            modal.classList.remove('flex');\r\n        }\r\n\r\n        function openAboutModal() {\r\n            const modal = document.getElementById('aboutModal');\r\n            modal.classList.remove('hidden');\r\n            modal.classList.add('flex');\r\n        }\r\n        function closeAboutModal() {\r\n            const modal = document.getElementById('aboutModal');\r\n            modal.classList.add('hidden');\r\n            modal.classList.remove('flex');\r\n        }\r\n\r\n        function toggleMobileMenu() {\r\n            const menu = document.getElementById('mobileMenu');\r\n            const panel = document.getElementById('drawerPanel');\r\n            const isOpening = menu.classList.contains('hidden');\r\n\r\n            if (isOpening) {\r\n                menu.classList.remove('hidden');\r\n                menu.classList.add('flex');\r\n                setTimeout(() => {\r\n                    panel.classList.remove('translate-x-full');\r\n                    panel.classList.add('translate-x-0');\r\n                }, 10);\r\n            } else {\r\n                panel.classList.remove('translate-x-0');\r\n                panel.classList.add('translate-x-full');\r\n                setTimeout(() => {\r\n                    menu.classList.add('hidden');\r\n                    menu.classList.remove('flex');\r\n                }, 300);\r\n            }\r\n        }\r\n\r\n        function scrollToNextSection() {\r\n            window.scrollTo({\r\n                top: window.innerHeight,\r\n                behavior: 'smooth'\r\n            });\r\n        }\r\n\r\n        window.onclick = function (event) {\r\n            if (event.target.id === 'helpModal') closeHelpModal();\r\n            if (event.target.id === 'aboutModal') closeAboutModal();\r\n            if (event.target.id === 'mobileMenu') toggleMobileMenu();\r\n        };\r\n\r\n        document.addEventListener('DOMContentLoaded', function () {\r\n            document.documentElement.setAttribute('dir', 'rtl');\r\n            document.documentElement.setAttribute('lang', 'ar');\r\n            currentLang = 'ar';\r\n            document.getElementById('langText').innerText = 'EN';\r\n            \r\n            const panel = document.getElementById('drawerPanel');\r\n            if (panel) {\r\n                panel.classList.remove('translate-x-0');\r\n                panel.classList.add('translate-x-full');\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-129480b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"129480b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n    \/* ========================================================\r\n       RESET\r\n    ======================================================== *\/\r\n\r\n    #cairo-properties-section,\r\n    #cairo-properties-section * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n\r\n    #cairo-properties-section {\r\n\r\n        position: relative;\r\n\r\n        width: 100%;\r\n        max-width: 100%;\r\n\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n\r\n        overflow: hidden;\r\n\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                #f7f5f1 0%,\r\n                #ffffff 50%,\r\n                #f7f5f1 100%\r\n            );\r\n\r\n        color: #120408;\r\n\r\n        font-family:\r\n            'Noto Kufi Arabic',\r\n            sans-serif;\r\n\r\n        isolation: isolate;\r\n\r\n    }\r\n\r\n\r\n    html[dir=\"ltr\"]\r\n    #cairo-properties-section {\r\n\r\n        font-family:\r\n            'Inter',\r\n            sans-serif;\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       BANNER AREA\r\n       \u0628\u0639\u064a\u062f \u0639\u0646 \u0627\u0644\u0623\u0637\u0631\u0627\u0641 + Rounded\r\n    ======================================================== *\/\r\n\r\n    #cairo-properties-section .cps-banner-wrap {\r\n\r\n        position: relative;\r\n\r\n        width:\r\n            calc(100% - 64px);\r\n\r\n        max-width: 1380px;\r\n\r\n        margin:\r\n            0 auto;\r\n\r\n        padding: 0;\r\n\r\n        overflow: hidden;\r\n\r\n        line-height: 0;\r\n\r\n        border-radius: 26px;\r\n\r\n        background: #ffffff;\r\n\r\n        box-shadow:\r\n            0 18px 45px\r\n            rgba(\r\n                18,\r\n                4,\r\n                8,\r\n                .08\r\n            );\r\n\r\n        animation:\r\n            cpsBannerReveal\r\n            1s\r\n            cubic-bezier(.16,1,.3,1)\r\n            both;\r\n\r\n    }\r\n\r\n\r\n    #cairo-properties-section .cps-banner {\r\n\r\n        display: block;\r\n\r\n        width: 100%;\r\n        max-width: 100%;\r\n\r\n        height: auto;\r\n\r\n        margin: 0;\r\n        padding: 0;\r\n\r\n        border: 0;\r\n\r\n        object-fit: contain;\r\n\r\n        object-position: center;\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       BANNER EFFECT\r\n    ======================================================== *\/\r\n\r\n    @keyframes cpsBannerReveal {\r\n\r\n        0% {\r\n\r\n            opacity: 0;\r\n\r\n            transform:\r\n                translateY(-18px)\r\n                scale(.985);\r\n\r\n            filter:\r\n                blur(5px);\r\n\r\n        }\r\n\r\n        100% {\r\n\r\n            opacity: 1;\r\n\r\n            transform:\r\n                translateY(0)\r\n                scale(1);\r\n\r\n            filter:\r\n                blur(0);\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       MAIN INNER CONTAINER\r\n       \u0647\u0646\u0627 \u0627\u0644\u0645\u0633\u0627\u0641\u0627\u062a \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629 \u0644\u0644\u0643\u0631\u0648\u062a\r\n    ======================================================== *\/\r\n\r\n    #cairo-properties-section .cps-container {\r\n\r\n        position: relative;\r\n\r\n        z-index: 3;\r\n\r\n        width:\r\n            min(\r\n                calc(100% - 64px),\r\n                1380px\r\n            );\r\n\r\n        margin:\r\n            0 auto;\r\n\r\n        padding:\r\n            0\r\n            0\r\n            70px;\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       TOP HEADER\r\n    ======================================================== *\/\r\n\r\n    #cairo-properties-section .cps-top {\r\n\r\n        display: flex;\r\n\r\n        align-items: flex-end;\r\n\r\n        justify-content: space-between;\r\n\r\n        gap: 45px;\r\n\r\n        margin:\r\n            56px\r\n            0\r\n            40px;\r\n\r\n    }\r\n\r\n\r\n    #cairo-properties-section .cps-title-area {\r\n\r\n        width: 100%;\r\n\r\n        max-width: 850px;\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       EYEBROW\r\n    ======================================================== *\/\r\n\r\n    #cairo-properties-section .cps-eyebrow {\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 11px;\r\n\r\n        margin:\r\n            0\r\n            0\r\n            15px;\r\n\r\n        color: #701a35;\r\n\r\n        font-size: 11px;\r\n\r\n        font-weight: 800;\r\n\r\n        letter-spacing: .07em;\r\n\r\n    }\r\n\r\n\r\n    #cairo-properties-section .cps-eyebrow-line {\r\n\r\n        width: 42px;\r\n\r\n        height: 2px;\r\n\r\n        flex-shrink: 0;\r\n\r\n        background: #d97706;\r\n\r\n        border-radius: 999px;\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       TITLE\r\n    ======================================================== *\/\r\n\r\n    #cairo-properties-section #cpsTitle {\r\n\r\n        margin:\r\n            0\r\n            0\r\n            17px;\r\n\r\n        color: #120408;\r\n\r\n        font-size: 48px;\r\n\r\n        font-weight: 800;\r\n\r\n        line-height: 1.3;\r\n\r\n        letter-spacing: 0;\r\n\r\n    }\r\n\r\n\r\n    html[dir=\"rtl\"]\r\n    #cairo-properties-section #cpsTitle {\r\n\r\n        line-height: 1.75;\r\n\r\n    }\r\n\r\n\r\n    html[dir=\"ltr\"]\r\n    #cairo-properties-section #cpsTitle {\r\n\r\n        line-height: 1.15;\r\n\r\n        letter-spacing: -.03em;\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       DESCRIPTION\r\n    ======================================================== *\/\r\n\r\n    #cairo-properties-section #cpsDescription {\r\n\r\n        margin: 0;\r\n\r\n        max-width: 710px;\r\n\r\n        color: #64748b;\r\n\r\n        font-size: 14px;\r\n\r\n        font-weight: 400;\r\n\r\n    }\r\n\r\n\r\n    html[dir=\"rtl\"]\r\n    #cairo-properties-section #cpsDescription {\r\n\r\n        line-height: 2.2;\r\n\r\n    }\r\n\r\n\r\n    html[dir=\"ltr\"]\r\n    #cairo-properties-section #cpsDescription {\r\n\r\n        line-height: 1.8;\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       TOOLBAR\r\n    ======================================================== *\/\r\n\r\n    #cairo-properties-section .cps-toolbar {\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        justify-content: space-between;\r\n\r\n        gap: 20px;\r\n\r\n        padding:\r\n            0\r\n            0\r\n            19px;\r\n\r\n        margin:\r\n            0\r\n            0\r\n            28px;\r\n\r\n        border-bottom:\r\n            1px solid\r\n            rgba(\r\n                112,\r\n                26,\r\n                53,\r\n                .10\r\n            );\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       FILTERS\r\n    ======================================================== *\/\r\n\r\n    #cairo-properties-section .cps-filters {\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        flex-wrap: wrap;\r\n\r\n        gap: 5px;\r\n\r\n        padding: 5px;\r\n\r\n        background: #fff;\r\n\r\n        border:\r\n            1px solid\r\n            rgba(\r\n                112,\r\n                26,\r\n                53,\r\n                .10\r\n            );\r\n\r\n        border-radius: 15px;\r\n\r\n        box-shadow:\r\n            0 8px 24px\r\n            rgba(\r\n                18,\r\n                4,\r\n                8,\r\n                .04\r\n            );\r\n\r\n    }\r\n\r\n\r\n    #cairo-properties-section .cps-filter {\r\n\r\n        display: inline-flex;\r\n\r\n        align-items: center;\r\n\r\n        justify-content: center;\r\n\r\n        gap: 8px;\r\n\r\n        padding:\r\n            10px 15px;\r\n\r\n        border: 0;\r\n\r\n        border-radius: 11px;\r\n\r\n        background: transparent;\r\n\r\n        color: #64748b;\r\n\r\n        font-family: inherit;\r\n\r\n        font-size: 10px;\r\n\r\n        font-weight: 700;\r\n\r\n        cursor: pointer;\r\n\r\n        white-space: nowrap;\r\n\r\n        transition:\r\n            background .25s ease,\r\n            color .25s ease,\r\n            transform .25s ease,\r\n            box-shadow .25s ease;\r\n\r\n    }\r\n\r\n\r\n    #cairo-properties-section .cps-filter:hover {\r\n\r\n        color: #701a35;\r\n\r\n        background:\r\n            rgba(\r\n                112,\r\n                26,\r\n                53,\r\n                .05\r\n            );\r\n\r\n        transform:\r\n            translateY(-1px);\r\n\r\n    }\r\n\r\n\r\n    #cairo-properties-section .cps-filter.active {\r\n\r\n        color: #fff;\r\n\r\n        background: #701a35;\r\n\r\n        box-shadow:\r\n            0 8px 18px\r\n            rgba(\r\n                112,\r\n                26,\r\n                53,\r\n                .18\r\n            );\r\n\r\n    }\r\n\r\n\r\n    #cairo-properties-section .cps-filter.active:hover {\r\n\r\n        color: #fff;\r\n\r\n        background: #701a35;\r\n\r\n    }\r\n\r\n\r\n    #cairo-properties-section .cps-filter-icon {\r\n\r\n        font-size: 9px;\r\n\r\n        line-height: 1;\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       RESULTS\r\n    ======================================================== *\/\r\n\r\n    #cairo-properties-section .cps-results {\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 8px;\r\n\r\n        color: #64748b;\r\n\r\n        font-size: 10px;\r\n\r\n        font-weight: 600;\r\n\r\n        white-space: nowrap;\r\n\r\n    }\r\n\r\n\r\n    #cairo-properties-section .cps-results-number {\r\n\r\n        color: #d97706;\r\n\r\n        font-size: 12px;\r\n\r\n        font-weight: 800;\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       GRID\r\n       \u0627\u0644\u0643\u0631\u0648\u062a \u0644\u0647\u0627 \u0645\u0633\u0627\u0641\u0627\u062a \u0645\u0646 \u0627\u0644\u062d\u0648\u0627\u0641\r\n    ======================================================== *\/\r\n\r\n    #cairo-properties-section .cps-grid {\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            repeat(\r\n                3,\r\n                minmax(0, 1fr)\r\n            );\r\n\r\n        gap: 26px;\r\n\r\n        width: 100%;\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       CARD\r\n    ======================================================== *\/\r\n\r\n    #cairo-properties-section .cps-card {\r\n\r\n        position: relative;\r\n\r\n        overflow: hidden;\r\n\r\n        background: #fff;\r\n\r\n        border:\r\n            1px solid\r\n            rgba(\r\n                18,\r\n                4,\r\n                8,\r\n                .08\r\n            );\r\n\r\n        border-radius: 20px;\r\n\r\n        box-shadow:\r\n            0 12px 35px\r\n            rgba(\r\n                18,\r\n                4,\r\n                8,\r\n                .06\r\n            );\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateY(32px)\r\n            scale(.985);\r\n\r\n        animation:\r\n            cpsCardReveal\r\n            .8s\r\n            cubic-bezier(.16,1,.3,1)\r\n            forwards;\r\n\r\n        animation-delay:\r\n            var(--cps-delay, 0s);\r\n\r\n        transition:\r\n            transform .35s ease,\r\n            box-shadow .35s ease,\r\n            border-color .35s ease;\r\n\r\n    }\r\n\r\n\r\n    #cairo-properties-section .cps-card:hover {\r\n\r\n        transform:\r\n            translateY(-7px);\r\n\r\n        border-color:\r\n            rgba(\r\n                112,\r\n                26,\r\n                53,\r\n                .18\r\n            );\r\n\r\n        box-shadow:\r\n            0 24px 55px\r\n            rgba(\r\n                18,\r\n                4,\r\n                8,\r\n                .11\r\n            );\r\n\r\n    }\r\n\r\n\r\n    @keyframes cpsCardReveal {\r\n\r\n        0% {\r\n\r\n            opacity: 0;\r\n\r\n            transform:\r\n                translateY(32px)\r\n                scale(.985);\r\n\r\n            filter:\r\n                blur(5px);\r\n\r\n        }\r\n\r\n        100% {\r\n\r\n            opacity: 1;\r\n\r\n            transform:\r\n                translateY(0)\r\n                scale(1);\r\n\r\n            filter:\r\n                blur(0);\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       IMAGE\r\n    ======================================================== *\/\r\n\r\n    #cairo-properties-section .cps-image {\r\n\r\n        position: relative;\r\n\r\n        height: 265px;\r\n\r\n        overflow: hidden;\r\n\r\n        background: #e5e7eb;\r\n\r\n    }\r\n\r\n\r\n    #cairo-properties-section .cps-image img {\r\n\r\n        display: block;\r\n\r\n        width: 100%;\r\n        height: 100%;\r\n\r\n        object-fit: cover;\r\n\r\n        transition:\r\n            transform .65s\r\n            cubic-bezier(\r\n                .16,\r\n                1,\r\n                .3,\r\n                1\r\n            );\r\n\r\n    }\r\n\r\n\r\n    #cairo-properties-section .cps-card:hover\r\n    .cps-image img {\r\n\r\n        transform:\r\n            scale(1.06);\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       BADGES\r\n    ======================================================== *\/\r\n\r\n    .cps-badge-row {\r\n\r\n        position: absolute;\r\n\r\n        top: 14px;\r\n\r\n        left: 14px;\r\n\r\n        right: 14px;\r\n\r\n        z-index: 3;\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        justify-content: space-between;\r\n\r\n        gap: 8px;\r\n\r\n    }\r\n\r\n\r\n    html[dir=\"rtl\"]\r\n    .cps-badge-row {\r\n\r\n        flex-direction: row-reverse;\r\n\r\n    }\r\n\r\n\r\n    .cps-type-badge,\r\n    .cps-featured-badge {\r\n\r\n        display: inline-flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 6px;\r\n\r\n        padding:\r\n            6px 10px;\r\n\r\n        border-radius: 999px;\r\n\r\n        backdrop-filter:\r\n            blur(12px);\r\n\r\n        -webkit-backdrop-filter:\r\n            blur(12px);\r\n\r\n        font-size: 8px;\r\n\r\n        font-weight: 800;\r\n\r\n    }\r\n\r\n\r\n    .cps-type-badge {\r\n\r\n        color: #fff;\r\n\r\n        background:\r\n            rgba(\r\n                112,\r\n                26,\r\n                53,\r\n                .88\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .cps-featured-badge {\r\n\r\n        color: #fff;\r\n\r\n        background:\r\n            rgba(\r\n                217,\r\n                119,\r\n                6,\r\n                .90\r\n            );\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       CARD BODY\r\n    ======================================================== *\/\r\n\r\n    #cairo-properties-section .cps-body {\r\n\r\n        padding:\r\n            20px 20px 21px;\r\n\r\n    }\r\n\r\n\r\n    .cps-project {\r\n\r\n        display: block;\r\n\r\n        margin:\r\n            0\r\n            0\r\n            5px;\r\n\r\n        color: #d97706;\r\n\r\n        font-size: 9px;\r\n\r\n        font-weight: 700;\r\n\r\n    }\r\n\r\n\r\n    .cps-name {\r\n\r\n        margin:\r\n            0\r\n            0\r\n            6px;\r\n\r\n        color: #120408;\r\n\r\n        font-size: 18px;\r\n\r\n        font-weight: 800;\r\n\r\n        line-height: 1.45;\r\n\r\n    }\r\n\r\n\r\n    .cps-address {\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 6px;\r\n\r\n        margin:\r\n            0\r\n            0\r\n            16px;\r\n\r\n        color: #64748b;\r\n\r\n        font-size: 9px;\r\n\r\n        line-height: 1.7;\r\n\r\n    }\r\n\r\n\r\n    .cps-address i {\r\n\r\n        color: #d97706;\r\n\r\n        font-size: 9px;\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       SPECS\r\n    ======================================================== *\/\r\n\r\n    .cps-specs {\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            repeat(\r\n                3,\r\n                1fr\r\n            );\r\n\r\n        gap: 7px;\r\n\r\n        margin:\r\n            0\r\n            0\r\n            18px;\r\n\r\n    }\r\n\r\n\r\n    .cps-spec {\r\n\r\n        padding:\r\n            10px 6px;\r\n\r\n        text-align: center;\r\n\r\n        background: #f8f6f2;\r\n\r\n        border-radius: 11px;\r\n\r\n    }\r\n\r\n\r\n    .cps-spec i {\r\n\r\n        display: block;\r\n\r\n        margin:\r\n            0\r\n            0\r\n            5px;\r\n\r\n        color: #701a35;\r\n\r\n        font-size: 10px;\r\n\r\n    }\r\n\r\n\r\n    .cps-spec strong {\r\n\r\n        display: block;\r\n\r\n        color: #120408;\r\n\r\n        font-size: 10px;\r\n\r\n        font-weight: 800;\r\n\r\n    }\r\n\r\n\r\n    .cps-spec span {\r\n\r\n        display: block;\r\n\r\n        margin-top: 1px;\r\n\r\n        color: #94a3b8;\r\n\r\n        font-size: 7px;\r\n\r\n        font-weight: 600;\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       PRICE\r\n    ======================================================== *\/\r\n\r\n    .cps-price-row {\r\n\r\n        display: flex;\r\n\r\n        align-items: flex-end;\r\n\r\n        justify-content: space-between;\r\n\r\n        gap: 12px;\r\n\r\n        padding:\r\n            15px 0 0;\r\n\r\n        border-top:\r\n            1px solid\r\n            rgba(\r\n                18,\r\n                4,\r\n                8,\r\n                .08\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .cps-price-label {\r\n\r\n        display: block;\r\n\r\n        color: #94a3b8;\r\n\r\n        font-size: 8px;\r\n\r\n        font-weight: 600;\r\n\r\n        margin:\r\n            0\r\n            0\r\n            3px;\r\n\r\n    }\r\n\r\n\r\n    .cps-price {\r\n\r\n        color: #701a35;\r\n\r\n        font-size: 17px;\r\n\r\n        font-weight: 800;\r\n\r\n    }\r\n\r\n\r\n    .cps-payment {\r\n\r\n        text-align: left;\r\n\r\n    }\r\n\r\n\r\n    html[dir=\"rtl\"]\r\n    .cps-payment {\r\n\r\n        text-align: right;\r\n\r\n    }\r\n\r\n\r\n    .cps-payment-label {\r\n\r\n        display: block;\r\n\r\n        color: #94a3b8;\r\n\r\n        font-size: 7px;\r\n\r\n        margin:\r\n            0\r\n            0\r\n            3px;\r\n\r\n    }\r\n\r\n\r\n    .cps-payment-value {\r\n\r\n        color: #120408;\r\n\r\n        font-size: 9px;\r\n\r\n        font-weight: 700;\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       FOOTER\r\n    ======================================================== *\/\r\n\r\n    .cps-footer {\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        justify-content: space-between;\r\n\r\n        gap: 12px;\r\n\r\n        margin:\r\n            17px\r\n            0\r\n            0;\r\n\r\n    }\r\n\r\n\r\n    .cps-details {\r\n\r\n        flex: 1;\r\n\r\n        display: inline-flex;\r\n\r\n        align-items: center;\r\n\r\n        justify-content: center;\r\n\r\n        gap: 7px;\r\n\r\n        padding:\r\n            11px 14px;\r\n\r\n        border:\r\n            1px solid\r\n            rgba(\r\n                112,\r\n                26,\r\n                53,\r\n                .18\r\n            );\r\n\r\n        border-radius: 11px;\r\n\r\n        color: #701a35;\r\n\r\n        background: #fff;\r\n\r\n        font-family: inherit;\r\n\r\n        font-size: 9px;\r\n\r\n        font-weight: 800;\r\n\r\n        cursor: pointer;\r\n\r\n        transition:\r\n            .25s ease;\r\n\r\n    }\r\n\r\n\r\n    .cps-details:hover {\r\n\r\n        color: #fff;\r\n\r\n        background: #701a35;\r\n\r\n        border-color: #701a35;\r\n\r\n    }\r\n\r\n\r\n    .cps-whatsapp {\r\n\r\n        width: 42px;\r\n        height: 42px;\r\n\r\n        display: inline-flex;\r\n\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        flex-shrink: 0;\r\n\r\n        border-radius: 11px;\r\n\r\n        color: #fff;\r\n\r\n        background: #25D366;\r\n\r\n        text-decoration: none;\r\n\r\n        transition:\r\n            .25s ease;\r\n\r\n    }\r\n\r\n\r\n    .cps-whatsapp:hover {\r\n\r\n        transform:\r\n            translateY(-2px);\r\n\r\n        filter:\r\n            brightness(.95);\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       BOTTOM\r\n    ======================================================== *\/\r\n\r\n    #cairo-properties-section .cps-bottom {\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        justify-content: center;\r\n\r\n        gap: 15px;\r\n\r\n        margin:\r\n            52px\r\n            0\r\n            0;\r\n\r\n        padding:\r\n            0;\r\n\r\n        color: #701a35;\r\n\r\n        font-size: 9px;\r\n\r\n        font-weight: 700;\r\n\r\n        text-align: center;\r\n\r\n    }\r\n\r\n\r\n    #cairo-properties-section .cps-bottom-line {\r\n\r\n        width: 65px;\r\n\r\n        height: 1px;\r\n\r\n        background:\r\n            rgba(\r\n                112,\r\n                26,\r\n                53,\r\n                .18\r\n            );\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       TABLET\r\n    ======================================================== *\/\r\n\r\n    @media (max-width: 1100px) {\r\n\r\n        #cairo-properties-section .cps-banner-wrap {\r\n\r\n            width:\r\n                calc(100% - 44px);\r\n\r\n            border-radius: 22px;\r\n\r\n        }\r\n\r\n\r\n        #cairo-properties-section .cps-container {\r\n\r\n            width:\r\n                calc(100% - 44px);\r\n\r\n        }\r\n\r\n\r\n        #cairo-properties-section .cps-filters {\r\n\r\n            width: 100%;\r\n\r\n        }\r\n\r\n\r\n        #cairo-properties-section .cps-filter {\r\n\r\n            flex: 1;\r\n\r\n        }\r\n\r\n\r\n        #cairo-properties-section .cps-toolbar {\r\n\r\n            align-items: flex-start;\r\n\r\n            flex-direction: column;\r\n\r\n        }\r\n\r\n\r\n        #cairo-properties-section .cps-results {\r\n\r\n            padding-inline-start: 3px;\r\n\r\n        }\r\n\r\n\r\n        #cairo-properties-section .cps-grid {\r\n\r\n            grid-template-columns:\r\n                repeat(\r\n                    2,\r\n                    minmax(0, 1fr)\r\n                );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       MOBILE\r\n    ======================================================== *\/\r\n\r\n    @media (max-width: 820px) {\r\n\r\n        #cairo-properties-section .cps-banner-wrap {\r\n\r\n            width:\r\n                calc(100% - 32px);\r\n\r\n            border-radius: 18px;\r\n\r\n        }\r\n\r\n\r\n        #cairo-properties-section .cps-container {\r\n\r\n            width:\r\n                calc(100% - 32px);\r\n\r\n            padding-bottom: 55px;\r\n\r\n        }\r\n\r\n\r\n        #cairo-properties-section .cps-top {\r\n\r\n            flex-direction: column;\r\n\r\n            align-items: flex-start;\r\n\r\n            gap: 22px;\r\n\r\n            margin:\r\n                42px\r\n                0\r\n                30px;\r\n\r\n        }\r\n\r\n\r\n        #cairo-properties-section #cpsTitle {\r\n\r\n            font-size: 35px;\r\n\r\n        }\r\n\r\n\r\n        #cairo-properties-section .cps-toolbar {\r\n\r\n            flex-direction: column;\r\n\r\n            align-items: flex-start;\r\n\r\n        }\r\n\r\n\r\n        #cairo-properties-section .cps-filters {\r\n\r\n            width: 100%;\r\n\r\n        }\r\n\r\n\r\n        #cairo-properties-section .cps-filter {\r\n\r\n            flex: 1;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       SMALL MOBILE\r\n    ======================================================== *\/\r\n\r\n    @media (max-width: 560px) {\r\n\r\n        #cairo-properties-section .cps-banner-wrap {\r\n\r\n            width:\r\n                calc(100% - 24px);\r\n\r\n            border-radius: 15px;\r\n\r\n        }\r\n\r\n\r\n        #cairo-properties-section .cps-container {\r\n\r\n            width:\r\n                calc(100% - 24px);\r\n\r\n            padding-bottom: 42px;\r\n\r\n        }\r\n\r\n\r\n        #cairo-properties-section .cps-top {\r\n\r\n            margin:\r\n                30px\r\n                0\r\n                24px;\r\n\r\n        }\r\n\r\n\r\n        #cairo-properties-section .cps-grid {\r\n\r\n            grid-template-columns: 1fr;\r\n\r\n            gap: 18px;\r\n\r\n        }\r\n\r\n\r\n        #cairo-properties-section #cpsTitle {\r\n\r\n            font-size: 26px;\r\n\r\n        }\r\n\r\n\r\n        html[dir=\"rtl\"]\r\n        #cairo-properties-section #cpsTitle {\r\n\r\n            line-height: 1.8;\r\n\r\n        }\r\n\r\n\r\n        #cairo-properties-section #cpsDescription {\r\n\r\n            font-size: 11px;\r\n\r\n        }\r\n\r\n\r\n        #cairo-properties-section .cps-filters {\r\n\r\n            display: grid;\r\n\r\n            grid-template-columns:\r\n                repeat(\r\n                    2,\r\n                    1fr\r\n                );\r\n\r\n            width: 100%;\r\n\r\n        }\r\n\r\n\r\n        #cairo-properties-section .cps-filter {\r\n\r\n            width: 100%;\r\n\r\n            padding:\r\n                10px 6px;\r\n\r\n            font-size: 9px;\r\n\r\n        }\r\n\r\n\r\n        #cairo-properties-section .cps-filter-icon {\r\n\r\n            display: none;\r\n\r\n        }\r\n\r\n\r\n        #cairo-properties-section .cps-image {\r\n\r\n            height: 235px;\r\n\r\n        }\r\n\r\n\r\n        #cairo-properties-section .cps-body {\r\n\r\n            padding:\r\n                17px;\r\n\r\n        }\r\n\r\n\r\n        #cairo-properties-section .cps-bottom {\r\n\r\n            margin-top: 42px;\r\n\r\n            font-size: 8px;\r\n\r\n        }\r\n\r\n\r\n        #cairo-properties-section .cps-bottom-line {\r\n\r\n            width: 32px;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* ========================================================\r\n       REDUCED MOTION\r\n    ======================================================== *\/\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n        #cairo-properties-section .cps-banner,\r\n        #cairo-properties-section .cps-card {\r\n\r\n            animation: none !important;\r\n\r\n            opacity: 1 !important;\r\n\r\n            transform: none !important;\r\n\r\n            filter: none !important;\r\n\r\n        }\r\n\r\n    }\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-085ce6f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"085ce6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* =========================================\r\n   AYMAN KHADER - NEWS TICKER\r\n   BURGUNDY + GOLD\r\n   Standalone Section\r\n========================================= *\/\r\n\r\n.akh-news-ticker {\r\n    --akh-burgundy: #701A35;\r\n    --akh-burgundy-dark: #5A1429;\r\n    --akh-gold: #D4AF37;\r\n    --akh-white: #ffffff;\r\n\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    direction: rtl;\r\n    font-family: \"Noto Kufi Arabic\", Arial, sans-serif;\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: var(--akh-burgundy);\r\n    color: var(--akh-white);\r\n    box-sizing: border-box;\r\n    border: 0;\r\n}\r\n\r\n.akh-news-ticker *,\r\n.akh-news-ticker *::before,\r\n.akh-news-ticker *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Main Row *\/\r\n.akh-news-ticker__inner {\r\n    width: 100%;\r\n    min-height: 58px;\r\n    display: flex;\r\n    align-items: stretch;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n\/* Fixed Label *\/\r\n.akh-news-ticker__label {\r\n    flex: 0 0 auto;\r\n    min-width: 155px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    padding: 0 22px;\r\n    background: var(--akh-gold);\r\n    color: var(--akh-burgundy);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    line-height: 1.5;\r\n    white-space: nowrap;\r\n    position: relative;\r\n    z-index: 5;\r\n}\r\n\r\n.akh-news-ticker__icon {\r\n    width: 9px;\r\n    height: 9px;\r\n    border-radius: 50%;\r\n    background: var(--akh-burgundy);\r\n    display: inline-block;\r\n    animation: akhNewsPulse 1.6s ease-in-out infinite;\r\n}\r\n\r\n\/* News Viewport *\/\r\n.akh-news-ticker__viewport {\r\n    flex: 1 1 auto;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n\/* Soft Burgundy Edges *\/\r\n.akh-news-ticker__viewport::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 45px;\r\n    background: linear-gradient(\r\n        to right,\r\n        var(--akh-burgundy),\r\n        transparent\r\n    );\r\n    z-index: 3;\r\n    pointer-events: none;\r\n}\r\n\r\n.akh-news-ticker__viewport::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    right: 0;\r\n    width: 45px;\r\n    background: linear-gradient(\r\n        to left,\r\n        var(--akh-burgundy),\r\n        transparent\r\n    );\r\n    z-index: 3;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Moving Track *\/\r\n.akh-news-ticker__track {\r\n    display: flex;\r\n    align-items: center;\r\n    width: max-content;\r\n    flex-shrink: 0;\r\n    animation: akhNewsTicker 32s linear infinite;\r\n    will-change: transform;\r\n}\r\n\r\n.akh-news-ticker__viewport:hover .akh-news-ticker__track {\r\n    animation-play-state: paused;\r\n}\r\n\r\n\/* News Item *\/\r\n.akh-news-ticker__item {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 18px;\r\n    padding: 0 28px;\r\n    white-space: nowrap;\r\n}\r\n\r\n.akh-news-ticker__item a {\r\n    color: var(--akh-white);\r\n    text-decoration: none !important;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    line-height: 1.7;\r\n    transition: color 0.25s ease;\r\n}\r\n\r\n.akh-news-ticker__item a:hover {\r\n    color: var(--akh-gold);\r\n}\r\n\r\n.akh-news-ticker__dot {\r\n    width: 5px;\r\n    height: 5px;\r\n    flex: 0 0 5px;\r\n    border-radius: 50%;\r\n    background: var(--akh-gold);\r\n}\r\n\r\n\/* Smooth Entrance *\/\r\n.akh-news-ticker {\r\n    opacity: 0;\r\n    transform: translateY(12px);\r\n    animation: akhNewsAppear 0.8s cubic-bezier(.22,1,.36,1) 0.15s forwards;\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes akhNewsAppear {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(12px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes akhNewsTicker {\r\n    from {\r\n        transform: translateX(0);\r\n    }\r\n\r\n    to {\r\n        transform: translateX(-50%);\r\n    }\r\n}\r\n\r\n@keyframes akhNewsPulse {\r\n    0%,\r\n    100% {\r\n        transform: scale(1);\r\n        opacity: 1;\r\n    }\r\n\r\n    50% {\r\n        transform: scale(1.45);\r\n        opacity: 0.55;\r\n    }\r\n}\r\n\r\n\/* =========================================\r\n   ENGLISH\r\n========================================= *\/\r\n\r\nhtml[lang=\"en\"] .akh-news-ticker,\r\nhtml[dir=\"ltr\"] .akh-news-ticker,\r\nbody[dir=\"ltr\"] .akh-news-ticker {\r\n    direction: ltr;\r\n}\r\n\r\nhtml[lang=\"en\"] .akh-news-ticker__track,\r\nhtml[dir=\"ltr\"] .akh-news-ticker__track,\r\nbody[dir=\"ltr\"] .akh-news-ticker__track {\r\n    animation-name: akhNewsTickerLTR;\r\n}\r\n\r\n@keyframes akhNewsTickerLTR {\r\n    from {\r\n        transform: translateX(-50%);\r\n    }\r\n\r\n    to {\r\n        transform: translateX(0);\r\n    }\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n    .akh-news-ticker__inner {\r\n        min-height: 52px;\r\n    }\r\n\r\n    .akh-news-ticker__label {\r\n        min-width: 118px;\r\n        padding: 0 14px;\r\n        font-size: 11px;\r\n        gap: 7px;\r\n    }\r\n\r\n    .akh-news-ticker__icon {\r\n        width: 7px;\r\n        height: 7px;\r\n    }\r\n\r\n    .akh-news-ticker__item {\r\n        gap: 12px;\r\n        padding: 0 18px;\r\n    }\r\n\r\n    .akh-news-ticker__item a {\r\n        font-size: 11px;\r\n    }\r\n\r\n    .akh-news-ticker__dot {\r\n        width: 4px;\r\n        height: 4px;\r\n        flex-basis: 4px;\r\n    }\r\n\r\n    .akh-news-ticker__track {\r\n        animation-duration: 24s;\r\n    }\r\n}\r\n\r\n\/* =========================================\r\n   REDUCE MOTION\r\n========================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .akh-news-ticker,\r\n    .akh-news-ticker__track,\r\n    .akh-news-ticker__icon {\r\n        animation: none !important;\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- =========================================\r\n     NEWS TICKER\r\n========================================= -->\r\n\r\n<section class=\"akh-news-ticker\" aria-label=\"Latest News\">\r\n\r\n    <div class=\"akh-news-ticker__inner\">\r\n\r\n        <!-- FIXED LABEL -->\r\n        <div class=\"akh-news-ticker__label\">\r\n\r\n            <span class=\"akh-news-ticker__icon\"><\/span>\r\n\r\n            <span class=\"akh-ar\">\u0622\u062e\u0631 \u0627\u0644\u0623\u062e\u0628\u0627\u0631<\/span>\r\n            <span class=\"akh-en\" style=\"display:none;\">Latest News<\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- MOVING NEWS -->\r\n        <div class=\"akh-news-ticker__viewport\">\r\n\r\n            <div class=\"akh-news-ticker__track\">\r\n\r\n                <!-- NEWS 1 -->\r\n                <div class=\"akh-news-ticker__item\">\r\n                    <span class=\"akh-news-ticker__dot\"><\/span>\r\n                    <a href=\"#\">\r\n                        \u0623\u062d\u062f\u062b \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0644\u0644\u0628\u064a\u0639\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- NEWS 2 -->\r\n                <div class=\"akh-news-ticker__item\">\r\n                    <span class=\"akh-news-ticker__dot\"><\/span>\r\n                    <a href=\"#\">\r\n                        \u0627\u0643\u062a\u0634\u0641 \u0623\u062d\u062f\u062b \u0641\u0631\u0635 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0641\u064a \u0627\u0644\u0642\u0627\u0647\u0631\u0629\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- NEWS 3 -->\r\n                <div class=\"akh-news-ticker__item\">\r\n                    <span class=\"akh-news-ticker__dot\"><\/span>\r\n                    <a href=\"#\">\r\n                        \u0648\u062d\u062f\u0627\u062a \u0645\u0645\u064a\u0632\u0629 \u0641\u064a \u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0628\u0623\u0633\u0639\u0627\u0631 \u062a\u0646\u0627\u0641\u0633\u064a\u0629\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- NEWS 4 -->\r\n                <div class=\"akh-news-ticker__item\">\r\n                    <span class=\"akh-news-ticker__dot\"><\/span>\r\n                    <a href=\"#\">\r\n                        \u062a\u0627\u0628\u0639 \u0623\u062d\u062f\u062b \u0627\u0644\u0639\u0631\u0648\u0636 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u062c\u062f\u064a\u062f\u0629\r\n                    <\/a>\r\n                <\/div>\r\n\r\n\r\n                <!-- DUPLICATE FOR SEAMLESS LOOP -->\r\n\r\n                <div class=\"akh-news-ticker__item\">\r\n                    <span class=\"akh-news-ticker__dot\"><\/span>\r\n                    <a href=\"#\">\r\n                        \u0623\u062d\u062f\u062b \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0644\u0644\u0628\u064a\u0639\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <div class=\"akh-news-ticker__item\">\r\n                    <span class=\"akh-news-ticker__dot\"><\/span>\r\n                    <a href=\"#\">\r\n                        \u0627\u0643\u062a\u0634\u0641 \u0623\u062d\u062f\u062b \u0641\u0631\u0635 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0641\u064a \u0627\u0644\u0642\u0627\u0647\u0631\u0629\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <div class=\"akh-news-ticker__item\">\r\n                    <span class=\"akh-news-ticker__dot\"><\/span>\r\n                    <a href=\"#\">\r\n                        \u0648\u062d\u062f\u0627\u062a \u0645\u0645\u064a\u0632\u0629 \u0641\u064a \u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0628\u0623\u0633\u0639\u0627\u0631 \u062a\u0646\u0627\u0641\u0633\u064a\u0629\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <div class=\"akh-news-ticker__item\">\r\n                    <span class=\"akh-news-ticker__dot\"><\/span>\r\n                    <a href=\"#\">\r\n                        \u062a\u0627\u0628\u0639 \u0623\u062d\u062f\u062b \u0627\u0644\u0639\u0631\u0648\u0636 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u062c\u062f\u064a\u062f\u0629\r\n                    <\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    function akhNewsLanguage() {\r\n\r\n        const isEnglish =\r\n            document.documentElement.lang === \"en\" ||\r\n            document.documentElement.dir === \"ltr\" ||\r\n            document.body.dir === \"ltr\";\r\n\r\n        document.querySelectorAll(\".akh-news-ticker\").forEach(function(ticker) {\r\n\r\n            const ar = ticker.querySelector(\".akh-ar\");\r\n            const en = ticker.querySelector(\".akh-en\");\r\n\r\n            if (ar && en) {\r\n                ar.style.display = isEnglish ? \"none\" : \"inline\";\r\n                en.style.display = isEnglish ? \"inline\" : \"none\";\r\n            }\r\n\r\n        });\r\n\r\n    }\r\n\r\n    akhNewsLanguage();\r\n\r\n    const observer = new MutationObserver(akhNewsLanguage);\r\n\r\n    observer.observe(document.documentElement, {\r\n        attributes: true,\r\n        attributeFilter: [\"lang\", \"dir\"]\r\n    });\r\n\r\n})();\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52b21d2 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"52b21d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     AYMAN KHADER REAL ESTATE\r\n     LATEST REAL UNITS \u2014 EL HAWAMDEYA\r\n\r\n     - 3 real property units\r\n     - Original burgundy \/ red and gold design\r\n     - Original banner, cards and animations\r\n     - Real property details links\r\n     - WhatsApp message includes the actual unit URL\r\n     - Arabic \/ English language support\r\n     - No fictional payment plans or prices\r\n========================================================= -->\r\n\r\n<section id=\"cairo-properties-section\">\r\n\r\n    <!-- FULL WIDTH BANNER -->\r\n    <div class=\"cps-banner-wrap\">\r\n        <img decoding=\"async\"\r\n            class=\"cps-banner\"\r\n            src=\"https:\/\/aymankhedr.com\/wp-content\/uploads\/2026\/09\/home-benner.png\"\r\n            alt=\"Latest Real Estate Units in El Hawamdeya\"\r\n            loading=\"eager\"\r\n        >\r\n    <\/div>\r\n\r\n    <!-- BACKGROUND DECOR -->\r\n    <div class=\"cps-bg cps-bg-top\"><\/div>\r\n    <div class=\"cps-bg cps-bg-bottom\"><\/div>\r\n\r\n    <!-- MAIN CONTENT -->\r\n    <div class=\"cps-container\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"cps-top cps-animate\">\r\n            <div class=\"cps-title-area\">\r\n\r\n                <div class=\"cps-eyebrow\">\r\n                    <span class=\"cps-eyebrow-line\"><\/span>\r\n                    <span id=\"cpsEyebrow\">\u0623\u062d\u062f\u062b \u0627\u0644\u0648\u062d\u062f\u0627\u062a<\/span>\r\n                <\/div>\r\n\r\n                <h2 id=\"cpsTitle\">\r\n\u0627\u0643\u062a\u0634\u0641 \u0623\u0641\u0636\u0644 \u0627\u0644\u0643\u0645\u0628\u0648\u0646\u062f\u0627\u062a \u0627\u0644\u0633\u0643\u0646\u064a\u0629 \u0641\u064a \u0627\u0644\u062d\u0648\u0627\u0645\u062f\u064a\u0629                <\/h2>\r\n\r\n                <p id=\"cpsDescription\">\r\n                    \u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0648\u0623\u0633\u0639\u0627\u0631\u0647\u0627 \u0648\u0645\u0633\u0627\u062d\u0627\u062a\u0647\u0627 \u0648\u0645\u0648\u0627\u0635\u0641\u0627\u062a\u0647\u0627.\r\n                <\/p>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- FILTER \/ TOOLBAR -->\r\n        <div class=\"cps-toolbar cps-animate\">\r\n\r\n            <div class=\"cps-filters\">\r\n\r\n                <button\r\n                    class=\"cps-filter active\"\r\n                    data-filter=\"all\"\r\n                    type=\"button\"\r\n                >\r\n                    <span class=\"cps-filter-icon\">\r\n                        <i class=\"fa-solid fa-layer-group\"><\/i>\r\n                    <\/span>\r\n                    <span id=\"cpsFilterAll\">\u0627\u0644\u0643\u0644<\/span>\r\n                <\/button>\r\n\r\n                <button\r\n                    class=\"cps-filter\"\r\n                    data-filter=\"apartment\"\r\n                    type=\"button\"\r\n                >\r\n                    <span class=\"cps-filter-icon\">\r\n                        <i class=\"fa-solid fa-building\"><\/i>\r\n                    <\/span>\r\n                    <span id=\"cpsFilterApartment\">\u0634\u0642\u0642<\/span>\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"cps-results\">\r\n                <span id=\"cpsResultsLabel\">\u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0645\u0639\u0631\u0648\u0636\u0629<\/span>\r\n                <span class=\"cps-results-number\">3<\/span>\r\n                <span id=\"cpsResultsUnits\">\u0648\u062d\u062f\u0627\u062a<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- REAL PROPERTY GRID -->\r\n        <div id=\"cpsGrid\" class=\"cps-grid\"><\/div>\r\n\r\n        <!-- BOTTOM -->\r\n        <div class=\"cps-bottom cps-animate\">\r\n            <span class=\"cps-bottom-line\"><\/span>\r\n            <span id=\"cpsBottomText\">\r\n                \u0648\u062d\u062f\u0627\u062a \u0639\u0642\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u062d\u0648\u0627\u0645\u062f\u064a\u0629\r\n            <\/span>\r\n            <span class=\"cps-bottom-line\"><\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   BASE\r\n========================================================= *\/\r\n\r\n#cairo-properties-section,\r\n#cairo-properties-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#cairo-properties-section {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    overflow: hidden;\r\n\r\n    background: linear-gradient(\r\n        180deg,\r\n        #f7f5f1 0%,\r\n        #ffffff 48%,\r\n        #f7f5f1 100%\r\n    );\r\n\r\n    color: #120408;\r\n    font-family: 'Noto Kufi Arabic', sans-serif;\r\n    isolation: isolate;\r\n}\r\n\r\nhtml[dir=\"ltr\"] #cairo-properties-section {\r\n    font-family: 'Inter', sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BANNER\r\n========================================================= *\/\r\n\r\n#cairo-properties-section .cps-banner-wrap {\r\n    position: relative;\r\n    width: calc(100% - 64px);\r\n    max-width: 1380px;\r\n    margin: 28px auto 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    line-height: 0;\r\n    border-radius: 28px;\r\n    background: #ffffff;\r\n\r\n    box-shadow: 0 20px 50px rgba(18, 4, 8, .10);\r\n\r\n    opacity: 0;\r\n    transform: translateY(-22px) scale(.985);\r\n    filter: blur(5px);\r\n    will-change: opacity, transform, filter;\r\n\r\n    transition:\r\n        opacity 1s cubic-bezier(.16,1,.3,1),\r\n        transform 1s cubic-bezier(.16,1,.3,1),\r\n        filter 1s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n#cairo-properties-section .cps-banner-wrap.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n    filter: blur(0);\r\n}\r\n\r\n#cairo-properties-section .cps-banner {\r\n    display: block;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    height: auto;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    border: 0;\r\n    object-fit: contain;\r\n    object-position: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND DECOR\r\n========================================================= *\/\r\n\r\n#cairo-properties-section .cps-bg {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    filter: blur(90px);\r\n    z-index: 0;\r\n}\r\n\r\n#cairo-properties-section .cps-bg-top {\r\n    width: 500px;\r\n    height: 500px;\r\n    top: 250px;\r\n    right: -200px;\r\n    background: rgba(112, 26, 53, .07);\r\n}\r\n\r\n#cairo-properties-section .cps-bg-bottom {\r\n    width: 420px;\r\n    height: 420px;\r\n    bottom: 60px;\r\n    left: -180px;\r\n    background: rgba(217, 119, 6, .06);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n#cairo-properties-section .cps-container {\r\n    position: relative;\r\n    z-index: 3;\r\n    width: min(calc(100% - 64px), 1380px);\r\n    max-width: 1380px;\r\n    margin: 0 auto;\r\n    padding: 0 0 75px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATION\r\n========================================================= *\/\r\n\r\n#cairo-properties-section .cps-animate {\r\n    opacity: 0;\r\n    transform: translateY(38px);\r\n    filter: blur(5px);\r\n    will-change: opacity, transform, filter;\r\n\r\n    transition:\r\n        opacity .95s cubic-bezier(.16,1,.3,1),\r\n        transform .95s cubic-bezier(.16,1,.3,1),\r\n        filter .95s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n#cairo-properties-section .cps-animate.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    filter: blur(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n#cairo-properties-section .cps-top {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 45px;\r\n    margin: 52px 0 40px;\r\n}\r\n\r\n#cairo-properties-section .cps-title-area {\r\n    width: 100%;\r\n    max-width: 850px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n#cairo-properties-section .cps-eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    margin: 0 0 15px;\r\n    color: #701a35;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: .07em;\r\n}\r\n\r\n#cairo-properties-section .cps-eyebrow-line {\r\n    width: 42px;\r\n    height: 2px;\r\n    flex-shrink: 0;\r\n    background: #d97706;\r\n    border-radius: 999px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n#cairo-properties-section #cpsTitle {\r\n    margin: 0 0 17px;\r\n    color: #120408;\r\n    font-size: 48px;\r\n    font-weight: 800;\r\n    line-height: 1.3;\r\n    letter-spacing: 0;\r\n}\r\n\r\nhtml[dir=\"rtl\"] #cairo-properties-section #cpsTitle {\r\n    line-height: 1.75;\r\n}\r\n\r\nhtml[dir=\"ltr\"] #cairo-properties-section #cpsTitle {\r\n    line-height: 1.15;\r\n    letter-spacing: -.03em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n#cairo-properties-section #cpsDescription {\r\n    margin: 0;\r\n    max-width: 710px;\r\n    color: #64748b;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n}\r\n\r\nhtml[dir=\"rtl\"] #cairo-properties-section #cpsDescription {\r\n    line-height: 2.2;\r\n}\r\n\r\nhtml[dir=\"ltr\"] #cairo-properties-section #cpsDescription {\r\n    line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOOLBAR\r\n========================================================= *\/\r\n\r\n#cairo-properties-section .cps-toolbar {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    padding: 0 0 19px;\r\n    margin: 0 0 30px;\r\n    border-bottom: 1px solid rgba(112, 26, 53, .10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FILTERS\r\n========================================================= *\/\r\n\r\n#cairo-properties-section .cps-filters {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 5px;\r\n    padding: 5px;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(112, 26, 53, .10);\r\n    border-radius: 15px;\r\n    box-shadow: 0 8px 24px rgba(18, 4, 8, .04);\r\n}\r\n\r\n#cairo-properties-section .cps-filter {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    padding: 10px 15px;\r\n    border: 0;\r\n    border-radius: 11px;\r\n    background: transparent;\r\n    color: #64748b;\r\n    font-family: inherit;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    white-space: nowrap;\r\n\r\n    transition:\r\n        background .25s ease,\r\n        color .25s ease,\r\n        transform .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n#cairo-properties-section .cps-filter:hover {\r\n    color: #701a35;\r\n    background: rgba(112, 26, 53, .05);\r\n    transform: translateY(-1px);\r\n}\r\n\r\n#cairo-properties-section .cps-filter.active {\r\n    color: #ffffff;\r\n    background: #701a35;\r\n    box-shadow: 0 8px 18px rgba(112, 26, 53, .18);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESULTS\r\n========================================================= *\/\r\n\r\n#cairo-properties-section .cps-results {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #64748b;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    white-space: nowrap;\r\n}\r\n\r\n#cairo-properties-section .cps-results-number {\r\n    color: #d97706;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n#cairo-properties-section .cps-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 26px;\r\n    width: 100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROPERTY CARD\r\n========================================================= *\/\r\n\r\n#cairo-properties-section .cps-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(18, 4, 8, .08);\r\n    border-radius: 20px;\r\n\r\n    box-shadow: 0 12px 35px rgba(18, 4, 8, .06);\r\n\r\n    opacity: 0;\r\n    transform: translateY(40px) scale(.985);\r\n    filter: blur(5px);\r\n    will-change: opacity, transform, filter;\r\n\r\n    transition:\r\n        opacity .85s cubic-bezier(.16,1,.3,1),\r\n        transform .85s cubic-bezier(.16,1,.3,1),\r\n        filter .85s cubic-bezier(.16,1,.3,1),\r\n        box-shadow .35s ease,\r\n        border-color .35s ease;\r\n\r\n    transition-delay: var(--cps-delay, 0s);\r\n}\r\n\r\n#cairo-properties-section .cps-card.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n    filter: blur(0);\r\n}\r\n\r\n#cairo-properties-section .cps-card.is-visible:hover {\r\n    transform: translateY(-7px) scale(1);\r\n    border-color: rgba(112, 26, 53, .18);\r\n    box-shadow: 0 24px 55px rgba(18, 4, 8, .11);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n#cairo-properties-section .cps-image {\r\n    position: relative;\r\n    height: 265px;\r\n    overflow: hidden;\r\n    background: #e5e7eb;\r\n}\r\n\r\n#cairo-properties-section .cps-image img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n\r\n    transition: transform .7s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n#cairo-properties-section .cps-card:hover .cps-image img {\r\n    transform: scale(1.06);\r\n}\r\n\r\n#cairo-properties-section .cps-image-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n        to bottom,\r\n        rgba(0,0,0,.02),\r\n        rgba(18,4,8,.35)\r\n    );\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BADGES\r\n========================================================= *\/\r\n\r\n#cairo-properties-section .cps-badge-row {\r\n    position: absolute;\r\n    top: 14px;\r\n    left: 14px;\r\n    right: 14px;\r\n    z-index: 3;\r\n\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    gap: 8px;\r\n}\r\n\r\nhtml[dir=\"rtl\"] #cairo-properties-section .cps-badge-row {\r\n    flex-direction: row-reverse;\r\n}\r\n\r\n#cairo-properties-section .cps-type-badge,\r\n#cairo-properties-section .cps-featured-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    padding: 6px 10px;\r\n    border-radius: 999px;\r\n\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n\r\n    font-size: 8px;\r\n    font-weight: 800;\r\n}\r\n\r\n#cairo-properties-section .cps-type-badge {\r\n    color: #ffffff;\r\n    background: rgba(112, 26, 53, .90);\r\n}\r\n\r\n#cairo-properties-section .cps-featured-badge {\r\n    color: #ffffff;\r\n    background: rgba(217, 119, 6, .95);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STATUS TAG\r\n   No invented limited-time offers\r\n========================================================= *\/\r\n\r\n#cairo-properties-section .cps-duration-tag {\r\n    position: absolute;\r\n    left: 14px;\r\n    bottom: 14px;\r\n    z-index: 4;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n\r\n    max-width: calc(100% - 28px);\r\n    padding: 8px 12px;\r\n    border-radius: 999px;\r\n\r\n    color: #ffffff;\r\n    background: rgba(112, 26, 53, .96);\r\n    border: 1px solid rgba(255, 255, 255, .20);\r\n\r\n    box-shadow: 0 8px 20px rgba(18, 4, 8, .22);\r\n\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n\r\n    font-size: 8px;\r\n    font-weight: 800;\r\n    line-height: 1.4;\r\n    white-space: nowrap;\r\n}\r\n\r\n#cairo-properties-section .cps-duration-tag i {\r\n    color: #fbbf24;\r\n    font-size: 9px;\r\n    flex-shrink: 0;\r\n}\r\n\r\nhtml[dir=\"rtl\"] #cairo-properties-section .cps-duration-tag {\r\n    right: 14px;\r\n    left: auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD BODY\r\n========================================================= *\/\r\n\r\n#cairo-properties-section .cps-body {\r\n    padding: 20px 20px 21px;\r\n}\r\n\r\n#cairo-properties-section .cps-project {\r\n    display: block;\r\n    margin: 0 0 5px;\r\n    color: #d97706;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n}\r\n\r\n#cairo-properties-section .cps-name {\r\n    margin: 0 0 6px;\r\n    color: #120408;\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    line-height: 1.45;\r\n}\r\n\r\n#cairo-properties-section .cps-address {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 6px;\r\n    margin: 0 0 14px;\r\n    color: #64748b;\r\n    font-size: 9px;\r\n    line-height: 1.9;\r\n    overflow-wrap: anywhere;\r\n}\r\n\r\n#cairo-properties-section .cps-address i {\r\n    color: #d97706;\r\n    font-size: 10px;\r\n    margin-top: 3px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROPERTY META \u2014 FACADE AND UNIT TYPE\r\n========================================================= *\/\r\n\r\n#cairo-properties-section .cps-unit-meta {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 8px;\r\n    margin: 0 0 15px;\r\n}\r\n\r\n#cairo-properties-section .cps-unit-meta-item {\r\n    min-width: 0;\r\n    padding: 9px 10px;\r\n    border: 1px solid rgba(112, 26, 53, .08);\r\n    background: #fffdfb;\r\n    border-radius: 10px;\r\n}\r\n\r\n#cairo-properties-section .cps-unit-meta-label {\r\n    display: block;\r\n    color: #94a3b8;\r\n    font-size: 8px;\r\n    font-weight: 600;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n#cairo-properties-section .cps-unit-meta-value {\r\n    display: block;\r\n    color: #701a35;\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    line-height: 1.7;\r\n    overflow-wrap: anywhere;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SPECS\r\n========================================================= *\/\r\n\r\n#cairo-properties-section .cps-specs {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 7px;\r\n    margin: 0 0 15px;\r\n}\r\n\r\n#cairo-properties-section .cps-spec {\r\n    min-width: 0;\r\n    padding: 10px 5px;\r\n    text-align: center;\r\n    background: #f8f6f2;\r\n    border-radius: 11px;\r\n}\r\n\r\n#cairo-properties-section .cps-spec i {\r\n    display: block;\r\n    margin: 0 0 5px;\r\n    color: #701a35;\r\n    font-size: 10px;\r\n}\r\n\r\n#cairo-properties-section .cps-spec strong {\r\n    display: block;\r\n    color: #120408;\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    line-height: 1.7;\r\n    overflow-wrap: anywhere;\r\n}\r\n\r\n#cairo-properties-section .cps-spec span {\r\n    display: block;\r\n    margin-top: 1px;\r\n    color: #94a3b8;\r\n    font-size: 7px;\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   UNIT DISTRIBUTION\r\n========================================================= *\/\r\n\r\n#cairo-properties-section .cps-layout {\r\n    margin: 0 0 17px;\r\n    padding: 12px;\r\n    background: #fbf9f6;\r\n    border-inline-start: 3px solid #d97706;\r\n    border-radius: 9px;\r\n}\r\n\r\n#cairo-properties-section .cps-layout-label {\r\n    display: block;\r\n    margin: 0 0 5px;\r\n    color: #94a3b8;\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n}\r\n\r\n#cairo-properties-section .cps-layout-text {\r\n    margin: 0;\r\n    color: #120408;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    line-height: 2;\r\n    overflow-wrap: anywhere;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRICE AND FLOOR\r\n========================================================= *\/\r\n\r\n#cairo-properties-section .cps-price-row {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n    padding: 15px 0 0;\r\n    border-top: 1px solid rgba(18, 4, 8, .08);\r\n}\r\n\r\n#cairo-properties-section .cps-price-label {\r\n    display: block;\r\n    color: #94a3b8;\r\n    font-size: 8px;\r\n    font-weight: 600;\r\n    margin: 0 0 3px;\r\n}\r\n\r\n#cairo-properties-section .cps-price {\r\n    color: #701a35;\r\n    font-size: 17px;\r\n    font-weight: 800;\r\n    line-height: 1.7;\r\n    overflow-wrap: anywhere;\r\n}\r\n\r\n#cairo-properties-section .cps-payment {\r\n    text-align: left;\r\n    max-width: 42%;\r\n}\r\n\r\nhtml[dir=\"rtl\"] #cairo-properties-section .cps-payment {\r\n    text-align: right;\r\n}\r\n\r\n#cairo-properties-section .cps-payment-label {\r\n    display: block;\r\n    color: #94a3b8;\r\n    font-size: 8px;\r\n    margin: 0 0 3px;\r\n}\r\n\r\n#cairo-properties-section .cps-payment-value {\r\n    color: #120408;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOTER BUTTONS\r\n========================================================= *\/\r\n\r\n#cairo-properties-section .cps-footer {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n    margin: 17px 0 0;\r\n}\r\n\r\n#cairo-properties-section .cps-details {\r\n    flex: 1;\r\n    min-width: 0;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 7px;\r\n\r\n    padding: 11px 14px;\r\n\r\n    border: 1px solid rgba(112, 26, 53, .18);\r\n    border-radius: 11px;\r\n\r\n    color: #701a35;\r\n    background: #ffffff;\r\n\r\n    font-family: inherit;\r\n    font-size: 9px;\r\n    font-weight: 800;\r\n\r\n    cursor: pointer;\r\n\r\n    transition: .25s ease;\r\n}\r\n\r\n#cairo-properties-section .cps-details:hover {\r\n    color: #ffffff;\r\n    background: #701a35;\r\n    border-color: #701a35;\r\n}\r\n\r\n#cairo-properties-section .cps-whatsapp {\r\n    width: 42px;\r\n    height: 42px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n\r\n    border-radius: 11px;\r\n    color: #ffffff;\r\n    background: #25D366;\r\n    text-decoration: none;\r\n    font-size: 20px;\r\n\r\n    transition: .25s ease;\r\n}\r\n\r\n#cairo-properties-section .cps-whatsapp:hover {\r\n    transform: translateY(-2px);\r\n    filter: brightness(.95);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM\r\n========================================================= *\/\r\n\r\n#cairo-properties-section .cps-bottom {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 15px;\r\n    margin: 52px 0 0;\r\n    padding: 0;\r\n    color: #701a35;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    text-align: center;\r\n}\r\n\r\n#cairo-properties-section .cps-bottom-line {\r\n    width: 65px;\r\n    height: 1px;\r\n    background: rgba(112, 26, 53, .18);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    #cairo-properties-section .cps-banner-wrap {\r\n        width: calc(100% - 44px);\r\n        margin-top: 22px;\r\n        border-radius: 22px;\r\n    }\r\n\r\n    #cairo-properties-section .cps-container {\r\n        width: calc(100% - 44px);\r\n    }\r\n\r\n    #cairo-properties-section .cps-filters {\r\n        width: auto;\r\n    }\r\n\r\n    #cairo-properties-section .cps-filter {\r\n        flex: 1;\r\n    }\r\n\r\n    #cairo-properties-section .cps-toolbar {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n    }\r\n\r\n    #cairo-properties-section .cps-results {\r\n        padding-inline-start: 3px;\r\n    }\r\n\r\n    #cairo-properties-section .cps-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 820px) {\r\n\r\n    #cairo-properties-section .cps-banner-wrap {\r\n        width: calc(100% - 32px);\r\n        margin-top: 18px;\r\n        border-radius: 19px;\r\n    }\r\n\r\n    #cairo-properties-section .cps-container {\r\n        width: calc(100% - 32px);\r\n        padding-bottom: 58px;\r\n    }\r\n\r\n    #cairo-properties-section .cps-top {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 22px;\r\n        margin: 38px 0 30px;\r\n    }\r\n\r\n    #cairo-properties-section #cpsTitle {\r\n        font-size: 35px;\r\n    }\r\n\r\n    #cairo-properties-section .cps-toolbar {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n\r\n    #cairo-properties-section .cps-filters {\r\n        width: auto;\r\n    }\r\n\r\n    #cairo-properties-section .cps-filter {\r\n        flex: 1;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 560px) {\r\n\r\n    #cairo-properties-section .cps-banner-wrap {\r\n        width: calc(100% - 24px);\r\n        margin-top: 14px;\r\n        border-radius: 16px;\r\n    }\r\n\r\n    #cairo-properties-section .cps-container {\r\n        width: calc(100% - 24px);\r\n        padding-bottom: 44px;\r\n    }\r\n\r\n    #cairo-properties-section .cps-top {\r\n        margin: 30px 0 25px;\r\n    }\r\n\r\n    #cairo-properties-section .cps-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 18px;\r\n    }\r\n\r\n    #cairo-properties-section #cpsTitle {\r\n        font-size: 26px;\r\n    }\r\n\r\n    html[dir=\"rtl\"] #cairo-properties-section #cpsTitle {\r\n        line-height: 1.8;\r\n    }\r\n\r\n    #cairo-properties-section #cpsDescription {\r\n        font-size: 11px;\r\n    }\r\n\r\n    #cairo-properties-section .cps-filters {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        width: 100%;\r\n    }\r\n\r\n    #cairo-properties-section .cps-filter {\r\n        width: 100%;\r\n        padding: 10px 6px;\r\n        font-size: 9px;\r\n    }\r\n\r\n    #cairo-properties-section .cps-filter-icon {\r\n        display: none;\r\n    }\r\n\r\n    #cairo-properties-section .cps-image {\r\n        height: 235px;\r\n    }\r\n\r\n    #cairo-properties-section .cps-body {\r\n        padding: 17px;\r\n    }\r\n\r\n    #cairo-properties-section .cps-bottom {\r\n        margin-top: 42px;\r\n        font-size: 8px;\r\n    }\r\n\r\n    #cairo-properties-section .cps-bottom-line {\r\n        width: 32px;\r\n    }\r\n\r\n    #cairo-properties-section .cps-duration-tag {\r\n        font-size: 7px;\r\n        padding: 7px 10px;\r\n    }\r\n\r\n    #cairo-properties-section .cps-price {\r\n        font-size: 15px;\r\n    }\r\n\r\n    #cairo-properties-section .cps-unit-meta-value {\r\n        font-size: 9px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    #cairo-properties-section .cps-banner-wrap,\r\n    #cairo-properties-section .cps-animate,\r\n    #cairo-properties-section .cps-card {\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n        filter: none !important;\r\n        transition: none !important;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    'use strict';\r\n\r\n    \/* =====================================================\r\n       SETTINGS\r\n    ===================================================== *\/\r\n\r\n    const WHATSAPP_NUMBER = '201143141473';\r\n\r\n    const properties = [\r\n\/* =================================================\r\n           UNIT 2 \u2014 TULIB\r\n        ================================================== *\/\r\n\r\n        {\r\n            id: 2,\r\n\r\n            type: 'apartment',\r\n\r\n            featured: false,\r\n\r\n            available: true,\r\n\r\n            url: 'https:\/\/aymankhedr.com\/index.php\/real-estate-unit\/tulib\/',\r\n\r\n            image: 'https:\/\/aymankhedr.com\/wp-content\/uploads\/2026\/10\/AR-7.jpg-scaled.webp',\r\n\r\n            project: {\r\n                ar: '\u0648\u062d\u062f\u0629 \u0633\u0643\u0646\u064a\u0629',\r\n                en: 'Residential Unit'\r\n            },\r\n\r\n            name: {\r\n                ar: '\u0648\u062d\u062f\u0629 \u0628\u0643\u0648\u0645\u0628\u0627\u0648\u0646\u062f \u062a\u0648\u0644\u064a\u0628',\r\n                en: 'Tulib Compound'\r\n            },\r\n\r\n            address: {\r\n                ar: '\u062e\u0644\u0641 \u0627\u0644\u0645\u062f\u0631\u0633\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629',\r\n                en: 'Behind the Modern School'\r\n            },\r\n\r\n            area: {\r\n                ar: '125 \u0645\u00b2',\r\n                en: '125 m\u00b2'\r\n            },\r\n\r\n            rooms: {\r\n                ar: '3 \u063a\u0631\u0641',\r\n                en: '3 Rooms'\r\n            },\r\n\r\n            baths: {\r\n                ar: '2 \u062d\u0645\u0627\u0645',\r\n                en: '2 Baths'\r\n            },\r\n\r\n            price: {\r\n                ar: '1,600,000 \u062c\u0646\u064a\u0647',\r\n                en: 'EGP 1,600,000'\r\n            },\r\n\r\n            floor: {\r\n                ar: '\u0627\u0644\u062f\u0648\u0631 1',\r\n                en: '1st Floor'\r\n            },\r\n\r\n            facade: {\r\n                ar: '\u0623\u0645\u0627\u0645\u064a',\r\n                en: 'Front'\r\n            },\r\n\r\n            unitKind: {\r\n                ar: '\u0623\u0645\u0627\u0645\u064a\u0629',\r\n                en: 'Front-facing'\r\n            },\r\n\r\n            distribution: {\r\n                ar: '3 \u063a\u0631\u0641\u060c 2 \u062d\u0645\u0627\u0645\u060c \u0645\u0637\u0628\u062e\u060c \u0631\u064a\u0633\u0628\u0634\u0646 \u0639\u0636\u0645',\r\n                en: '3 rooms, 2 bathrooms, kitchen, shell-finished reception'\r\n            },\r\n\r\n            status: {\r\n                ar: '\u0645\u062a\u0627\u062d\u0629',\r\n                en: 'Available'\r\n            }\r\n        },\r\n\r\n        \/* =================================================\r\n           UNIT 1 \u2014 GARDENIA\r\n        ================================================== *\/\r\n\r\n        {\r\n            id: 1,\r\n\r\n            type: 'apartment',\r\n\r\n            featured: false,\r\n\r\n            available: false,\r\n\r\n            url: 'https:\/\/aymankhedr.com\/index.php\/real-estate-unit\/gardenia\/',\r\n\r\n            image: 'https:\/\/aymankhedr.com\/wp-content\/uploads\/2026\/10\/Luxury_residential_building_in_E%E2%80%A6_20261005095559.jpg',\r\n\r\n            project: {\r\n                ar: '\u0648\u062d\u062f\u0629 \u0633\u0643\u0646\u064a\u0629',\r\n                en: 'Residential Unit'\r\n            },\r\n\r\n            name: {\r\n                ar: '\u0648\u062d\u062f\u0629 \u0628\u0645\u0634\u0631\u0648\u0639 \u0628\u0631\u0634\u0644\u0648\u0646\u0629 \u062c\u0627\u0631\u062f\u064a\u0646\u064a\u0627',\r\n                en: 'Gardenia Unit'\r\n            },\r\n\r\n            address: {\r\n                ar: '\u0627\u0644\u0639\u0637\u0648\u0631 \u0627\u0644\u0645\u062f\u0631\u0633\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629',\r\n                en: 'Al Otour \u2013 Modern School'\r\n            },\r\n\r\n            area: {\r\n                ar: '240 \u0645\u00b2',\r\n                en: '240 m\u00b2'\r\n            },\r\n\r\n            rooms: {\r\n                ar: '3 \u063a\u0631\u0641',\r\n                en: '3 Rooms'\r\n            },\r\n\r\n            baths: {\r\n                ar: '2 \u062d\u0645\u0627\u0645',\r\n                en: '2 Baths'\r\n            },\r\n\r\n            price: {\r\n                ar: '3,000,000 \u062c\u0646\u064a\u0647',\r\n                en: 'EGP 3,000,000'\r\n            },\r\n\r\n            floor: {\r\n                ar: '\u0627\u0644\u062f\u0648\u0631 1',\r\n                en: '1st Floor'\r\n            },\r\n\r\n            facade: {\r\n                ar: '\u0623\u0645\u0627\u0645\u064a',\r\n                en: 'Front'\r\n            },\r\n\r\n            unitKind: {\r\n                ar: '\u0623\u0645\u0627\u0645\u064a\u0629',\r\n                en: 'Front-facing'\r\n            },\r\n\r\n            distribution: {\r\n                ar: '3 \u063a\u0631\u0641\u060c 2 \u062d\u0645\u0627\u0645\u060c \u0645\u0637\u0628\u062e\u060c \u0631\u064a\u0633\u0628\u0634\u0646 \u0644\u0648\u0643\u0633',\r\n                en: '3 rooms, 2 bathrooms, kitchen, luxury-finished reception'\r\n            },\r\n\r\n            status: {\r\n                ar: '\u0627\u0633\u062a\u0641\u0633\u0631 \u0639\u0646 \u0627\u0644\u062a\u0648\u0641\u0631',\r\n                en: 'Check Availability'\r\n            }\r\n        },\r\n\r\n\r\n        \r\n\r\n        \/* =================================================\r\n           UNIT 3 \u2014 NASSER GHONIEM\r\n        ================================================== *\/\r\n\r\n        {\r\n            id: 3,\r\n\r\n            type: 'apartment',\r\n\r\n            featured: false,\r\n\r\n            available: false,\r\n\r\n            url: 'https:\/\/aymankhedr.com\/index.php\/real-estate-unit\/nasser-ghoniem\/',\r\n\r\n            image: 'https:\/\/aymankhedr.com\/wp-content\/uploads\/2026\/10\/Modern_apartment_building_in_Giza_20261005113115.jpg',\r\n\r\n            project: {\r\n                ar: '\u0648\u062d\u062f\u0629 \u0633\u0643\u0646\u064a\u0629',\r\n                en: 'Residential Unit'\r\n            },\r\n\r\n            name: {\r\n                ar: '\u0648\u062d\u062f\u0629 \u0628\u0645\u0634\u0631\u0648\u0639 \u0625\u0645\u062a\u062f\u0627\u062f \u0623\u0628\u0648 \u062e\u0636\u0631\u0629',\r\n                en: 'Abu Khadra Project'\r\n            },\r\n\r\n            address: {\r\n                ar: '\u0623\u0628\u0648\u062e\u0636\u0631\u0629',\r\n                en: 'Abu Khadra'\r\n            },\r\n\r\n            area: {\r\n                ar: '140 \u0645\u00b2',\r\n                en: '140 m\u00b2'\r\n            },\r\n\r\n            rooms: {\r\n                ar: '3 \u063a\u0631\u0641',\r\n                en: '3 Rooms'\r\n            },\r\n\r\n            baths: {\r\n                ar: '2 \u062d\u0645\u0627\u0645',\r\n                en: '2 Baths'\r\n            },\r\n\r\n            price: {\r\n                ar: '1,000,000 \u062c\u0646\u064a\u0647',\r\n                en: 'EGP 1,000,000'\r\n            },\r\n\r\n            floor: {\r\n                ar: '\u0627\u0644\u062f\u0648\u0631 \u0627\u0644\u0623\u0631\u0636\u064a',\r\n                en: 'Ground Floor'\r\n            },\r\n\r\n            facade: {\r\n                ar: '\u0623\u0645\u0627\u0645\u064a',\r\n                en: 'Front'\r\n            },\r\n\r\n            unitKind: {\r\n                ar: '\u0623\u0645\u0627\u0645\u064a\u0629',\r\n                en: 'Front-facing'\r\n            },\r\n\r\n            distribution: {\r\n                ar: '3 \u063a\u0631\u0641\u060c 2 \u062d\u0645\u0627\u0645\u060c \u0645\u0637\u0628\u062e\u060c \u0631\u064a\u0633\u0628\u0634\u0646 \u0639\u0636\u0645',\r\n                en: '3 rooms, 2 bathrooms, kitchen, shell-finished reception'\r\n            },\r\n\r\n            status: {\r\n                ar: '\u0627\u0633\u062a\u0641\u0633\u0631 \u0639\u0646 \u0627\u0644\u062a\u0648\u0641\u0631',\r\n                en: 'Check Availability'\r\n            }\r\n        }\r\n\r\n    ];\r\n\r\n\r\n    \/* =====================================================\r\n       TRANSLATIONS\r\n    ===================================================== *\/\r\n\r\n    const translations = {\r\n\r\n        ar: {\r\n            eyebrow: '\u0623\u062d\u062f\u062b \u0627\u0644\u0648\u062d\u062f\u0627\u062a',\r\n\r\n            title: '\u0623\u062d\u062f\u062b \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u062d\u0648\u0627\u0645\u062f\u064a\u0629',\r\n\r\n            description: '\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0648\u0623\u0633\u0639\u0627\u0631\u0647\u0627 \u0648\u0645\u0633\u0627\u062d\u0627\u062a\u0647\u0627 \u0648\u0645\u0648\u0627\u0635\u0641\u0627\u062a\u0647\u0627.',\r\n\r\n            all: '\u0627\u0644\u0643\u0644',\r\n\r\n            apartment: '\u0634\u0642\u0642',\r\n\r\n            results: '\u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0645\u0639\u0631\u0648\u0636\u0629',\r\n\r\n            units: '\u0648\u062d\u062f\u0627\u062a',\r\n\r\n            bottom: '\u0648\u062d\u062f\u0627\u062a \u0639\u0642\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u062d\u0648\u0627\u0645\u062f\u064a\u0629',\r\n\r\n            featured: '\u0645\u0645\u064a\u0632',\r\n\r\n            details: '\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644',\r\n\r\n            priceLabel: '\u0627\u0644\u0633\u0639\u0631',\r\n\r\n            floorLabel: '\u0627\u0644\u062f\u0648\u0631',\r\n\r\n            area: '\u0627\u0644\u0645\u0633\u0627\u062d\u0629',\r\n\r\n            rooms: '\u0627\u0644\u063a\u0631\u0641',\r\n\r\n            baths: '\u0627\u0644\u062d\u0645\u0627\u0645\u0627\u062a',\r\n\r\n            facade: '\u0627\u0644\u0648\u0627\u062c\u0647\u0629',\r\n\r\n            unitKind: '\u0627\u0644\u0646\u0648\u0639',\r\n\r\n            distribution: '\u0627\u0644\u062a\u0642\u0633\u064a\u0645'\r\n        },\r\n\r\n        en: {\r\n            eyebrow: 'LATEST UNITS',\r\n\r\n            title: 'Hawamdeya Compounds | Prime Choices for Living & Investment',\r\n\r\n            description: 'Explore the prices, areas, layouts and details of these properties.',\r\n\r\n            all: 'All',\r\n\r\n            apartment: 'Apartments',\r\n\r\n            results: 'Displayed Properties',\r\n\r\n            units: 'Units',\r\n\r\n            bottom: 'Properties in El Hawamdeya',\r\n\r\n            featured: 'Featured',\r\n\r\n            details: 'View Details',\r\n\r\n            priceLabel: 'Price',\r\n\r\n            floorLabel: 'Floor',\r\n\r\n            area: 'Area',\r\n\r\n            rooms: 'Rooms',\r\n\r\n            baths: 'Bathrooms',\r\n\r\n            facade: 'Facade',\r\n\r\n            unitKind: 'Unit Type',\r\n\r\n            distribution: 'Layout'\r\n        }\r\n\r\n    };\r\n\r\n\r\n    \/* =====================================================\r\n       ROOT\r\n    ===================================================== *\/\r\n\r\n    const root = document.getElementById(\r\n        'cairo-properties-section'\r\n    );\r\n\r\n    if (!root) {\r\n        return;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       LANGUAGE\r\n    ===================================================== *\/\r\n\r\n    function getLanguage() {\r\n\r\n        return document.documentElement.getAttribute('dir') === 'rtl'\r\n            ? 'ar'\r\n            : 'en';\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       ENTRANCE ANIMATIONS\r\n    ===================================================== *\/\r\n\r\n    let entranceObserver = null;\r\n\r\n    function initializeEntranceObserver() {\r\n\r\n        const selector =\r\n            '#cairo-properties-section .cps-banner-wrap,' +\r\n            '#cairo-properties-section .cps-animate,' +\r\n            '#cairo-properties-section .cps-card';\r\n\r\n        const elements = root.querySelectorAll(selector);\r\n\r\n        if (!('IntersectionObserver' in window)) {\r\n\r\n            elements.forEach(function (element) {\r\n                element.classList.add('is-visible');\r\n            });\r\n\r\n            return;\r\n        }\r\n\r\n        if (entranceObserver) {\r\n            entranceObserver.disconnect();\r\n        }\r\n\r\n        entranceObserver = new IntersectionObserver(\r\n\r\n            function (entries) {\r\n\r\n                entries.forEach(function (entry) {\r\n\r\n                    if (!entry.isIntersecting) {\r\n                        return;\r\n                    }\r\n\r\n                    entry.target.classList.add('is-visible');\r\n\r\n                    entranceObserver.unobserve(entry.target);\r\n\r\n                });\r\n\r\n            },\r\n\r\n            {\r\n                threshold: 0.12,\r\n                rootMargin: '0px 0px -60px 0px'\r\n            }\r\n\r\n        );\r\n\r\n        elements.forEach(function (element) {\r\n\r\n            if (!element.classList.contains('is-visible')) {\r\n                entranceObserver.observe(element);\r\n            }\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       CREATE PROPERTY CARD\r\n    ===================================================== *\/\r\n\r\n    function createCard(property, lang, index) {\r\n\r\n        const t = translations[lang];\r\n\r\n        const propertyTypes = {\r\n            apartment: t.apartment\r\n        };\r\n\r\n        const propertyIcons = {\r\n            apartment: 'fa-solid fa-building'\r\n        };\r\n\r\n        const propertyType =\r\n            propertyTypes[property.type] || t.apartment;\r\n\r\n        const propertyIcon =\r\n            propertyIcons[property.type] || 'fa-solid fa-building';\r\n\r\n        const card = document.createElement('article');\r\n\r\n        card.className = 'cps-card';\r\n\r\n        card.dataset.type = property.type;\r\n\r\n        card.style.setProperty(\r\n            '--cps-delay',\r\n            (index * 0.11) + 's'\r\n        );\r\n\r\n\r\n        \/* Escape text inserted into HTML attributes\/text. *\/\r\n\r\n        function escapeHTML(value) {\r\n\r\n            return String(value)\r\n                .replace(\/&\/g, '&amp;')\r\n                .replace(\/<\/g, '&lt;')\r\n                .replace(\/>\/g, '&gt;')\r\n                .replace(\/\"\/g, '&quot;')\r\n                .replace(\/'\/g, '&#039;');\r\n\r\n        }\r\n\r\n        const safeName = escapeHTML(property.name[lang]);\r\n\r\n        const safeImage = escapeHTML(property.image);\r\n\r\n        const safeProject = escapeHTML(property.project[lang]);\r\n\r\n        const safeAddress = escapeHTML(property.address[lang]);\r\n\r\n        const safeArea = escapeHTML(property.area[lang]);\r\n\r\n        const safeRooms = escapeHTML(property.rooms[lang]);\r\n\r\n        const safeBaths = escapeHTML(property.baths[lang]);\r\n\r\n        const safePrice = escapeHTML(property.price[lang]);\r\n\r\n        const safeFloor = escapeHTML(property.floor[lang]);\r\n\r\n        const safeFacade = escapeHTML(property.facade[lang]);\r\n\r\n        const safeKind = escapeHTML(property.unitKind[lang]);\r\n\r\n        const safeDistribution = escapeHTML(property.distribution[lang]);\r\n\r\n        const safeStatus = escapeHTML(property.status[lang]);\r\n\r\n\r\n        card.innerHTML = `\r\n\r\n            <div class=\"cps-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"${safeImage}\"\r\n                    alt=\"${safeName}\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"cps-image-overlay\"><\/div>\r\n\r\n                <div class=\"cps-badge-row\">\r\n\r\n                    <span class=\"cps-type-badge\">\r\n                        <i class=\"${propertyIcon}\"><\/i>\r\n                        ${propertyType}\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <span class=\"cps-duration-tag\">\r\n\r\n                    <i class=\"${\r\n                        property.available\r\n                            ? 'fa-solid fa-circle-check'\r\n                            : 'fa-solid fa-circle-info'\r\n                    }\"><\/i>\r\n\r\n                    ${safeStatus}\r\n\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cps-body\">\r\n\r\n                <span class=\"cps-project\">\r\n                    ${safeProject}\r\n                <\/span>\r\n\r\n                <h3 class=\"cps-name\">\r\n                    ${safeName}\r\n                <\/h3>\r\n\r\n                <div class=\"cps-address\">\r\n                    <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                    <span>${safeAddress}<\/span>\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cps-unit-meta\">\r\n\r\n                    <div class=\"cps-unit-meta-item\">\r\n\r\n                        <span class=\"cps-unit-meta-label\">\r\n                            ${t.facade}\r\n                        <\/span>\r\n\r\n                        <strong class=\"cps-unit-meta-value\">\r\n                            ${safeFacade}\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"cps-unit-meta-item\">\r\n\r\n                        <span class=\"cps-unit-meta-label\">\r\n                            ${t.unitKind}\r\n                        <\/span>\r\n\r\n                        <strong class=\"cps-unit-meta-value\">\r\n                            ${safeKind}\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cps-specs\">\r\n\r\n                    <div class=\"cps-spec\">\r\n\r\n                        <i class=\"fa-solid fa-ruler-combined\"><\/i>\r\n\r\n                        <strong>${safeArea}<\/strong>\r\n\r\n                        <span>${t.area}<\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"cps-spec\">\r\n\r\n                        <i class=\"fa-solid fa-bed\"><\/i>\r\n\r\n                        <strong>${safeRooms}<\/strong>\r\n\r\n                        <span>${t.rooms}<\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"cps-spec\">\r\n\r\n                        <i class=\"fa-solid fa-bath\"><\/i>\r\n\r\n                        <strong>${safeBaths}<\/strong>\r\n\r\n                        <span>${t.baths}<\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cps-layout\">\r\n\r\n                    <span class=\"cps-layout-label\">\r\n                        ${t.distribution}\r\n                    <\/span>\r\n\r\n                    <p class=\"cps-layout-text\">\r\n                        ${safeDistribution}\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cps-price-row\">\r\n\r\n                    <div>\r\n\r\n                        <span class=\"cps-price-label\">\r\n                            ${t.priceLabel}\r\n                        <\/span>\r\n\r\n                        <strong class=\"cps-price\">\r\n                            ${safePrice}\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"cps-payment\">\r\n\r\n                        <span class=\"cps-payment-label\">\r\n                            ${t.floorLabel}\r\n                        <\/span>\r\n\r\n                        <strong class=\"cps-payment-value\">\r\n                            ${safeFloor}\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cps-footer\">\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"cps-details\"\r\n                        aria-label=\"${escapeHTML(t.details)}: ${safeName}\"\r\n                    >\r\n\r\n                        <span>${t.details}<\/span>\r\n\r\n                        <i class=\"fa-solid fa-arrow-left\" aria-hidden=\"true\"><\/i>\r\n\r\n                    <\/button>\r\n\r\n\r\n                    <a\r\n                        href=\"#\"\r\n                        target=\"_blank\"\r\n                        rel=\"noopener noreferrer\"\r\n                        class=\"cps-whatsapp\"\r\n                        aria-label=\"WhatsApp - ${safeName}\"\r\n                        title=\"WhatsApp\"\r\n                    >\r\n\r\n                        <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        `;\r\n\r\n\r\n        \/* ================================================\r\n           VIEW DETAILS \u2014 OPEN REAL UNIT PAGE\r\n        ================================================= *\/\r\n\r\n        const detailsButton = card.querySelector('.cps-details');\r\n\r\n        if (detailsButton) {\r\n\r\n            detailsButton.addEventListener('click', function () {\r\n\r\n                window.open(\r\n                    property.url,\r\n                    '_blank',\r\n                    'noopener,noreferrer'\r\n                );\r\n\r\n            });\r\n\r\n        }\r\n\r\n\r\n        \/* ================================================\r\n           WHATSAPP \u2014 INCLUDE THE ACTUAL UNIT URL\r\n        ================================================= *\/\r\n\r\n        const whatsappButton = card.querySelector('.cps-whatsapp');\r\n\r\n        if (whatsappButton) {\r\n\r\n            const whatsappMessage = lang === 'ar'\r\n\r\n                ? [\r\n                    '\u0645\u0631\u062d\u0628\u064b\u0627\u060c \u0623\u0648\u062f \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0646 \u0647\u0630\u0647 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629.',\r\n                    '',\r\n                    '\u0627\u0633\u0645 \u0627\u0644\u0648\u062d\u062f\u0629: ' + property.name.ar,\r\n                    '\u0627\u0644\u0633\u0639\u0631: ' + property.price.ar,\r\n                    '\u0627\u0644\u0645\u0633\u0627\u062d\u0629: ' + property.area.ar,\r\n                    '\u0627\u0644\u062f\u0648\u0631: ' + property.floor.ar,\r\n                    '',\r\n                    '\u0631\u0627\u0628\u0637 \u0627\u0644\u0648\u062d\u062f\u0629:',\r\n                    property.url\r\n                ].join('\\n')\r\n\r\n                : [\r\n                    'Hello, I would like to inquire about this property.',\r\n                    '',\r\n                    'Unit: ' + property.name.en,\r\n                    'Price: ' + property.price.en,\r\n                    'Area: ' + property.area.en,\r\n                    'Floor: ' + property.floor.en,\r\n                    '',\r\n                    'Property link:',\r\n                    property.url\r\n                ].join('\\n');\r\n\r\n\r\n            whatsappButton.href =\r\n                'https:\/\/wa.me\/' +\r\n                WHATSAPP_NUMBER +\r\n                '?text=' +\r\n                encodeURIComponent(whatsappMessage);\r\n\r\n        }\r\n\r\n        return card;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       RENDER PROPERTIES\r\n    ===================================================== *\/\r\n\r\n    function renderProperties(filter) {\r\n\r\n        const lang = getLanguage();\r\n\r\n        const grid = root.querySelector('#cpsGrid');\r\n\r\n        if (!grid) {\r\n            return;\r\n        }\r\n\r\n        grid.innerHTML = '';\r\n\r\n        const visibleProperties = properties.filter(function (property) {\r\n\r\n            return filter === 'all' || property.type === filter;\r\n\r\n        });\r\n\r\n        visibleProperties.forEach(function (property, index) {\r\n\r\n            grid.appendChild(\r\n                createCard(property, lang, index)\r\n            );\r\n\r\n        });\r\n\r\n\r\n        const number = root.querySelector('.cps-results-number');\r\n\r\n        const units = root.querySelector('#cpsResultsUnits');\r\n\r\n        if (number) {\r\n            number.textContent = visibleProperties.length;\r\n        }\r\n\r\n        if (units) {\r\n            units.textContent = lang === 'ar'\r\n                ? '\u0648\u062d\u062f\u0627\u062a'\r\n                : (visibleProperties.length === 1 ? 'Unit' : 'Units');\r\n        }\r\n\r\n        initializeEntranceObserver();\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       UPDATE LANGUAGE\r\n    ===================================================== *\/\r\n\r\n    function updateLanguage() {\r\n\r\n        const lang = getLanguage();\r\n\r\n        const t = translations[lang];\r\n\r\n        const textMap = {\r\n            '#cpsEyebrow': t.eyebrow,\r\n            '#cpsTitle': t.title,\r\n            '#cpsDescription': t.description,\r\n            '#cpsFilterAll': t.all,\r\n            '#cpsFilterApartment': t.apartment,\r\n            '#cpsResultsLabel': t.results,\r\n            '#cpsBottomText': t.bottom\r\n        };\r\n\r\n        Object.keys(textMap).forEach(function (selector) {\r\n\r\n            const element = root.querySelector(selector);\r\n\r\n            if (element) {\r\n                element.textContent = textMap[selector];\r\n            }\r\n\r\n        });\r\n\r\n\r\n        const activeFilter = root.querySelector('.cps-filter.active');\r\n\r\n        const filter = activeFilter\r\n            ? activeFilter.dataset.filter\r\n            : 'all';\r\n\r\n        renderProperties(filter);\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       FILTER BUTTONS\r\n    ===================================================== *\/\r\n\r\n    root.querySelectorAll('.cps-filter').forEach(function (button) {\r\n\r\n        button.addEventListener('click', function () {\r\n\r\n            root.querySelectorAll('.cps-filter').forEach(function (item) {\r\n\r\n                item.classList.remove('active');\r\n\r\n            });\r\n\r\n            this.classList.add('active');\r\n\r\n            renderProperties(this.dataset.filter);\r\n\r\n        });\r\n\r\n    });\r\n\r\n\r\n    \/* =====================================================\r\n       WATCH LANGUAGE DIRECTION\r\n    ===================================================== *\/\r\n\r\n    let languageUpdateTimer = null;\r\n\r\n    const languageObserver = new MutationObserver(function () {\r\n\r\n        clearTimeout(languageUpdateTimer);\r\n\r\n        languageUpdateTimer = setTimeout(function () {\r\n\r\n            updateLanguage();\r\n\r\n        }, 30);\r\n\r\n    });\r\n\r\n    languageObserver.observe(document.documentElement, {\r\n\r\n        attributes: true,\r\n\r\n        attributeFilter: ['dir']\r\n\r\n    });\r\n\r\n\r\n    \/* =====================================================\r\n       INITIAL RENDER\r\n    ===================================================== *\/\r\n\r\n    updateLanguage();\r\n\r\n    initializeEntranceObserver();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04f90ea elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"04f90ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\r\n     LATEST WORKS \/ REAL ESTATE CAROUSEL\r\n     Elementor HTML Widget - Complete Code\r\n     7 Real Properties + Automatic Featured Images\r\n===================================================== -->\r\n\r\n<section id=\"latest-works-carousel\">\r\n\r\n    <div class=\"lwc-bg lwc-bg-1\"><\/div>\r\n    <div class=\"lwc-bg lwc-bg-2\"><\/div>\r\n\r\n    <div class=\"lwc-container\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"lwc-header lwc-reveal\">\r\n\r\n            <div class=\"lwc-eyebrow\">\r\n                <span><\/span>\r\n                <strong id=\"lwcEyebrow\">\u0622\u062e\u0631 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/strong>\r\n                <span><\/span>\r\n            <\/div>\r\n\r\n            <h2 id=\"lwcTitle\">\u0623\u062d\u062f\u062b \u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u0648\u0645\u0634\u0631\u0648\u0639\u0627\u062a\u0646\u0627<\/h2>\r\n\r\n            <p id=\"lwcDescription\">\r\n                \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062e\u062a\u0627\u0631\u0629 \u0645\u0646 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0633\u0643\u0646\u064a\u0629 \u0627\u0644\u062a\u064a \u0646\u0641\u062e\u0631 \u0628\u062a\u0642\u062f\u064a\u0645\u0647\u0627.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- CAROUSEL -->\r\n        <div class=\"lwc-carousel-wrap lwc-reveal\">\r\n\r\n            <div class=\"lwc-carousel\" id=\"lwcCarousel\">\r\n\r\n                <div class=\"lwc-track\" id=\"lwcTrack\">\r\n\r\n                    <!-- Original set: populated automatically -->\r\n                    <div class=\"lwc-set\" id=\"lwcSet\"><\/div>\r\n\r\n                    <!-- Duplicate set: seamless infinite loop -->\r\n                    <div\r\n                        class=\"lwc-set lwc-set-copy\"\r\n                        id=\"lwcSetCopy\"\r\n                        aria-hidden=\"true\"\r\n                    ><\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- BOTTOM -->\r\n        <div class=\"lwc-bottom lwc-reveal\">\r\n            <span><\/span>\r\n            <strong id=\"lwcBottomText\">\u0623\u062d\u062f\u062b \u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/strong>\r\n            <span><\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================================================\r\n     CSS\r\n===================================================== -->\r\n\r\n<style>\r\n#latest-works-carousel,\r\n#latest-works-carousel * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#latest-works-carousel {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0 !important;\r\n    padding: 85px 0 75px;\r\n    overflow: hidden;\r\n    background: linear-gradient(\r\n        180deg,\r\n        #f7f4f1 0%,\r\n        #ffffff 50%,\r\n        #f7f4f1 100%\r\n    );\r\n    color: #120408;\r\n    isolation: isolate;\r\n    font-family: 'Noto Kufi Arabic', sans-serif;\r\n}\r\n\r\nhtml[dir=\"ltr\"] #latest-works-carousel {\r\n    font-family: 'Inter', sans-serif;\r\n}\r\n\r\n\/* BACKGROUND DECOR *\/\r\n\r\n#latest-works-carousel .lwc-bg {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    filter: blur(100px);\r\n    z-index: 0;\r\n}\r\n\r\n#latest-works-carousel .lwc-bg-1 {\r\n    width: 420px;\r\n    height: 420px;\r\n    top: -180px;\r\n    right: -160px;\r\n    background: rgba(112, 26, 53, .08);\r\n}\r\n\r\n#latest-works-carousel .lwc-bg-2 {\r\n    width: 350px;\r\n    height: 350px;\r\n    bottom: -180px;\r\n    left: -140px;\r\n    background: rgba(217, 119, 6, .07);\r\n}\r\n\r\n\/* CONTAINER *\/\r\n\r\n#latest-works-carousel .lwc-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(calc(100% - 64px), 1380px);\r\n    max-width: 1380px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* SCROLL REVEAL *\/\r\n\r\n#latest-works-carousel .lwc-reveal {\r\n    opacity: 0;\r\n    transform: translateY(35px);\r\n    filter: blur(5px);\r\n    will-change: opacity, transform, filter;\r\n    transition:\r\n        opacity 1s cubic-bezier(.16, 1, .3, 1),\r\n        transform 1s cubic-bezier(.16, 1, .3, 1),\r\n        filter 1s cubic-bezier(.16, 1, .3, 1);\r\n}\r\n\r\n#latest-works-carousel .lwc-reveal.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    filter: blur(0);\r\n}\r\n\r\n\/* HEADER *\/\r\n\r\n#latest-works-carousel .lwc-header {\r\n    max-width: 850px;\r\n    margin: 0 auto 46px;\r\n    text-align: center;\r\n}\r\n\r\n#latest-works-carousel .lwc-eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 11px;\r\n    margin-bottom: 14px;\r\n    color: #701a35;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: .08em;\r\n}\r\n\r\n#latest-works-carousel .lwc-eyebrow span {\r\n    width: 35px;\r\n    height: 2px;\r\n    flex-shrink: 0;\r\n    border-radius: 999px;\r\n    background: #d97706;\r\n}\r\n\r\n#latest-works-carousel #lwcTitle {\r\n    margin: 0 0 15px;\r\n    color: #120408;\r\n    font-size: 46px;\r\n    font-weight: 800;\r\n    line-height: 1.35;\r\n    letter-spacing: -.02em;\r\n}\r\n\r\nhtml[dir=\"rtl\"] #latest-works-carousel #lwcTitle {\r\n    line-height: 1.7;\r\n    letter-spacing: 0;\r\n}\r\n\r\n#latest-works-carousel #lwcDescription {\r\n    margin: 0 auto;\r\n    max-width: 680px;\r\n    color: #64748b;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    line-height: 2;\r\n}\r\n\r\n\/* CAROUSEL *\/\r\n\r\n#latest-works-carousel .lwc-carousel-wrap {\r\n    position: relative;\r\n    width: 100%;\r\n}\r\n\r\n#latest-works-carousel .lwc-carousel {\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: 14px 0 32px;\r\n    cursor: grab;\r\n    touch-action: pan-y;\r\n    -webkit-mask-image: linear-gradient(\r\n        to right,\r\n        transparent 0%,\r\n        #000 4%,\r\n        #000 96%,\r\n        transparent 100%\r\n    );\r\n    mask-image: linear-gradient(\r\n        to right,\r\n        transparent 0%,\r\n        #000 4%,\r\n        #000 96%,\r\n        transparent 100%\r\n    );\r\n}\r\n\r\n#latest-works-carousel .lwc-carousel:active {\r\n    cursor: grabbing;\r\n}\r\n\r\n#latest-works-carousel .lwc-track {\r\n    display: flex;\r\n    align-items: stretch;\r\n    width: max-content;\r\n    gap: 24px;\r\n    will-change: transform;\r\n    transform: translate3d(0, 0, 0);\r\n    backface-visibility: hidden;\r\n    -webkit-backface-visibility: hidden;\r\n    transform-style: preserve-3d;\r\n}\r\n\r\n#latest-works-carousel .lwc-set {\r\n    display: flex;\r\n    align-items: stretch;\r\n    flex-shrink: 0;\r\n    gap: 24px;\r\n}\r\n\r\n\/* PROPERTY CARD *\/\r\n\r\n#latest-works-carousel .lwc-card {\r\n    position: relative;\r\n    flex: 0 0 395px;\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(18, 4, 8, .08);\r\n    border-radius: 22px;\r\n    box-shadow: 0 15px 45px rgba(18, 4, 8, .07);\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n    transition:\r\n        transform .4s cubic-bezier(.16, 1, .3, 1),\r\n        box-shadow .4s ease,\r\n        border-color .4s ease;\r\n}\r\n\r\n#latest-works-carousel .lwc-card:hover {\r\n    transform: translateY(-8px);\r\n    border-color: rgba(112, 26, 53, .18);\r\n    box-shadow: 0 28px 60px rgba(18, 4, 8, .13);\r\n}\r\n\r\n\/* PROPERTY IMAGE *\/\r\n\r\n#latest-works-carousel .lwc-image {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 275px;\r\n    overflow: hidden;\r\n    background: #e5e7eb;\r\n}\r\n\r\n#latest-works-carousel .lwc-image img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    opacity: 0;\r\n    transition:\r\n        transform .8s cubic-bezier(.16, 1, .3, 1),\r\n        opacity .35s ease;\r\n}\r\n\r\n#latest-works-carousel .lwc-image img.lwc-image-loaded {\r\n    opacity: 1;\r\n}\r\n\r\n#latest-works-carousel .lwc-card:hover .lwc-image img {\r\n    transform: scale(1.07);\r\n}\r\n\r\n#latest-works-carousel .lwc-image-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    background: linear-gradient(\r\n        to bottom,\r\n        rgba(18, 4, 8, .03),\r\n        rgba(18, 4, 8, .48)\r\n    );\r\n    pointer-events: none;\r\n}\r\n\r\n\/* TAG *\/\r\n\r\n#latest-works-carousel .lwc-card-tag {\r\n    position: absolute;\r\n    top: 15px;\r\n    right: 15px;\r\n    z-index: 3;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 7px 12px;\r\n    border-radius: 999px;\r\n    color: #ffffff;\r\n    background: rgba(112, 26, 53, .94);\r\n    border: 1px solid rgba(255, 255, 255, .18);\r\n    box-shadow: 0 8px 20px rgba(18, 4, 8, .18);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    font-size: 9px;\r\n    font-weight: 800;\r\n}\r\n\r\nhtml[dir=\"rtl\"] #latest-works-carousel .lwc-card-tag {\r\n    right: auto;\r\n    left: 15px;\r\n}\r\n\r\n\/* CARD BODY *\/\r\n\r\n#latest-works-carousel .lwc-card-body {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    min-height: 190px;\r\n    padding: 21px 21px 22px;\r\n}\r\n\r\n#latest-works-carousel .lwc-card-category {\r\n    display: block;\r\n    margin: 0 0 7px;\r\n    color: #d97706;\r\n    font-size: 9px;\r\n    font-weight: 800;\r\n    letter-spacing: .08em;\r\n    line-height: 1.8;\r\n}\r\n\r\n#latest-works-carousel .lwc-card-body h3 {\r\n    margin: 0 0 8px;\r\n    color: #120408;\r\n    font-size: 19px;\r\n    font-weight: 800;\r\n    line-height: 1.65;\r\n}\r\n\r\n#latest-works-carousel .lwc-card-body p {\r\n    margin: 0 0 17px;\r\n    color: #64748b;\r\n    font-size: 11px;\r\n    font-weight: 400;\r\n    line-height: 2;\r\n}\r\n\r\n\/* PROJECT LINK *\/\r\n\r\n#latest-works-carousel .lwc-card-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-top: auto;\r\n    color: #701a35;\r\n    text-decoration: none;\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    line-height: 1.8;\r\n    transition: gap .25s ease, color .25s ease;\r\n    -webkit-user-drag: none;\r\n}\r\n\r\n#latest-works-carousel .lwc-card-link i {\r\n    color: #d97706;\r\n    font-size: 10px;\r\n    transition: transform .25s ease;\r\n}\r\n\r\n#latest-works-carousel .lwc-card-link:hover {\r\n    color: #701a35;\r\n    gap: 12px;\r\n}\r\n\r\n#latest-works-carousel .lwc-card-link:hover i {\r\n    transform: translateX(-3px);\r\n}\r\n\r\n\/* BOTTOM *\/\r\n\r\n#latest-works-carousel .lwc-bottom {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 15px;\r\n    margin-top: 25px;\r\n    color: #701a35;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    text-align: center;\r\n}\r\n\r\n#latest-works-carousel .lwc-bottom span {\r\n    width: 65px;\r\n    height: 1px;\r\n    background: rgba(112, 26, 53, .18);\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1100px) {\r\n    #latest-works-carousel {\r\n        padding: 70px 0 60px;\r\n    }\r\n\r\n    #latest-works-carousel .lwc-container {\r\n        width: calc(100% - 44px);\r\n    }\r\n\r\n    #latest-works-carousel #lwcTitle {\r\n        font-size: 40px;\r\n    }\r\n\r\n    #latest-works-carousel .lwc-card {\r\n        flex-basis: 350px;\r\n    }\r\n\r\n    #latest-works-carousel .lwc-image {\r\n        height: 250px;\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 700px) {\r\n    #latest-works-carousel {\r\n        padding: 58px 0 48px;\r\n    }\r\n\r\n    #latest-works-carousel .lwc-container {\r\n        width: calc(100% - 28px);\r\n    }\r\n\r\n    #latest-works-carousel .lwc-header {\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    #latest-works-carousel .lwc-eyebrow {\r\n        font-size: 9px;\r\n    }\r\n\r\n    #latest-works-carousel #lwcTitle {\r\n        font-size: 29px;\r\n    }\r\n\r\n    html[dir=\"rtl\"] #latest-works-carousel #lwcTitle {\r\n        line-height: 1.8;\r\n    }\r\n\r\n    #latest-works-carousel #lwcDescription {\r\n        font-size: 11px;\r\n        line-height: 2;\r\n    }\r\n\r\n    #latest-works-carousel .lwc-carousel {\r\n        padding: 10px 0 25px;\r\n        -webkit-mask-image: linear-gradient(\r\n            to right,\r\n            transparent 0%,\r\n            #000 6%,\r\n            #000 94%,\r\n            transparent 100%\r\n        );\r\n        mask-image: linear-gradient(\r\n            to right,\r\n            transparent 0%,\r\n            #000 6%,\r\n            #000 94%,\r\n            transparent 100%\r\n        );\r\n    }\r\n\r\n    #latest-works-carousel .lwc-card {\r\n        flex-basis: min(82vw, 335px);\r\n        border-radius: 19px;\r\n    }\r\n\r\n    #latest-works-carousel .lwc-image {\r\n        height: 225px;\r\n    }\r\n\r\n    #latest-works-carousel .lwc-card-body {\r\n        min-height: 180px;\r\n        padding: 17px;\r\n    }\r\n\r\n    #latest-works-carousel .lwc-card-body h3 {\r\n        font-size: 17px;\r\n    }\r\n\r\n    #latest-works-carousel .lwc-card-body p {\r\n        font-size: 10px;\r\n    }\r\n\r\n    #latest-works-carousel .lwc-bottom {\r\n        margin-top: 15px;\r\n    }\r\n\r\n    #latest-works-carousel .lwc-bottom span {\r\n        width: 35px;\r\n    }\r\n}\r\n\r\n\/* REDUCED MOTION *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    #latest-works-carousel .lwc-reveal {\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n        filter: none !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    #latest-works-carousel .lwc-track {\r\n        transform: none !important;\r\n    }\r\n\r\n    #latest-works-carousel .lwc-card,\r\n    #latest-works-carousel .lwc-image img {\r\n        transition: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- =====================================================\r\n     JAVASCRIPT\r\n===================================================== -->\r\n\r\n<script>\r\n(function () {\r\n    'use strict';\r\n\r\n    const section = document.getElementById(\r\n        'latest-works-carousel'\r\n    );\r\n\r\n    if (!section || section.dataset.lwcInitialized === 'true') {\r\n        return;\r\n    }\r\n\r\n    section.dataset.lwcInitialized = 'true';\r\n\r\n    const track = section.querySelector('#lwcTrack');\r\n    const firstSet = section.querySelector('#lwcSet');\r\n    const copySet = section.querySelector('#lwcSetCopy');\r\n    const carousel = section.querySelector('#lwcCarousel');\r\n\r\n    if (!track || !firstSet || !copySet || !carousel) {\r\n        return;\r\n    }\r\n\r\n    \/* =====================================================\r\n       REAL PROPERTIES\r\n\r\n       Featured photos are retrieved from each property's\r\n       own WordPress page. No Unsplash images are used.\r\n    ===================================================== *\/\r\n\r\n    const PROJECTS = [\r\n        {\r\n            id: 'omar',\r\n            url: 'https:\/\/aymankhedr.com\/index.php\/real-estate-unit\/omar-bn-khattab-2\/',\r\n            titleAr: '\u0639\u0645\u0631 \u0628\u0646 \u0627\u0644\u062e\u0637\u0627\u0628 2',\r\n            titleEn: 'Omar Ibn Al-Khattab 2',\r\n            tagAr: '\u0639\u0645\u0627\u0631\u0629 \u0633\u0643\u0646\u064a\u0629',\r\n            tagEn: 'RESIDENTIAL BUILDING',\r\n            categoryAr: '\u0639\u0642\u0627\u0631 \u0633\u0643\u0646\u064a',\r\n            categoryEn: 'RESIDENTIAL PROPERTY',\r\n            descriptionAr: '\u0639\u0642\u0627\u0631 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0641\u064a \u0645\u0646\u0637\u0642\u0629 \u062e\u0644\u0641 \u0627\u0644\u0639\u0637\u0648\u0631.',\r\n            descriptionEn: 'Multi-unit property in Khalf El Atour.'\r\n        },\r\n\r\n        {\r\n            id: 'hamdy',\r\n            url: 'https:\/\/aymankhedr.com\/index.php\/real-estate-unit\/hamdy-abu-omaira\/',\r\n            titleAr: ' \u0627\u0644\u0632\u0647\u0631\u0629 \u0627\u0644\u0642\u062f\u064a\u0645\u0629 ',\r\n            titleEn: '  Alzahra Al Qadima',\r\n            tagAr: '\u0639\u0645\u0627\u0631\u0629 \u0633\u0643\u0646\u064a\u0629',\r\n            tagEn: 'RESIDENTIAL BUILDING',\r\n            categoryAr: '\u0639\u0642\u0627\u0631 \u0633\u0643\u0646\u064a',\r\n            categoryEn: 'RESIDENTIAL PROPERTY',\r\n            descriptionAr: '\u0648\u062d\u062f\u0627\u062a \u0633\u0643\u0646\u064a\u0629 \u0641\u064a \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0632\u0647\u0631\u0629 \u0627\u0644\u0642\u062f\u064a\u0645\u0629.',\r\n            descriptionEn: 'Residential units in El Zahraa El Qadima.'\r\n        },\r\n\r\n        {\r\n            id: 'amn-dawla',\r\n            url: 'https:\/\/aymankhedr.com\/index.php\/real-estate-unit\/amn-dawla-2\/',\r\n            titleAr: '\u0623\u0645\u0646 \u0627\u0644\u062f\u0648\u0644\u0629 2',\r\n            titleEn: 'Amn El Dawla 2',\r\n            tagAr: '\u0639\u0645\u0627\u0631\u0629 \u0633\u0643\u0646\u064a\u0629',\r\n            tagEn: 'RESIDENTIAL BUILDING',\r\n            categoryAr: '\u0639\u0642\u0627\u0631 \u0633\u0643\u0646\u064a',\r\n            categoryEn: 'RESIDENTIAL PROPERTY',\r\n            descriptionAr: '\u0639\u0642\u0627\u0631 \u0633\u0643\u0646\u064a \u0641\u064a \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0639\u0632\u0628\u0629 \u0627\u0644\u0634\u0631\u0642\u064a\u0629.',\r\n            descriptionEn: 'Residential property in Ezbet El Sharqia.'\r\n        },\r\n\r\n        {\r\n            id: 'bassem',\r\n            url: 'https:\/\/aymankhedr.com\/index.php\/real-estate-unit\/bassem-tuhamy\/',\r\n            titleAr: ' \u0627\u0644\u0641\u0627\u0631\u0633',\r\n            titleEn: 'Al Fares',\r\n            tagAr: '\u0639\u0645\u0627\u0631\u0629 \u0633\u0643\u0646\u064a\u0629',\r\n            tagEn: 'RESIDENTIAL BUILDING',\r\n            categoryAr: '\u0639\u0642\u0627\u0631 \u0633\u0643\u0646\u064a',\r\n            categoryEn: 'RESIDENTIAL PROPERTY',\r\n            descriptionAr: '\u0648\u062d\u062f\u0627\u062a \u0633\u0643\u0646\u064a\u0629 \u0628\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u062e\u0644\u0641 \u0627\u0644\u0639\u0637\u0648\u0631.',\r\n            descriptionEn: 'Residential units near El Taawoun, behind El Atour.'\r\n        },\r\n\r\n        {\r\n            id: 'gardenia',\r\n            url: 'https:\/\/aymankhedr.com\/index.php\/real-estate-unit\/gardenia\/',\r\n            titleAr: '\u0645\u0634\u0631\u0648\u0639 \u0628\u0631\u0634\u0644\u0648\u0646\u0629 \u062c\u0631\u062f\u064a\u0646\u0627',\r\n            titleEn: 'Barcelona Gardina Project',\r\n            tagAr: '\u0645\u0634\u0631\u0648\u0639 \u0633\u0643\u0646\u064a',\r\n            tagEn: 'RESIDENTIAL PROJECT',\r\n            categoryAr: '\u0645\u0634\u0631\u0648\u0639 \u0628\u0631\u0634\u0644\u0648\u0646\u0629 \u062c\u0631\u062f\u064a\u0646\u0627',\r\n            categoryEn: 'BARCELONA GARDINA',\r\n            descriptionAr: '\u0645\u0634\u0631\u0648\u0639 \u0633\u0643\u0646\u064a \u0641\u064a \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0639\u0637\u0648\u0631 \u0628\u0631\u0634\u0644\u0648\u0646\u0629.',\r\n            descriptionEn: 'Residential project in El Atour Barcelona.'\r\n        },\r\n\r\n        {\r\n            id: 'tulib',\r\n            url: 'https:\/\/aymankhedr.com\/index.php\/real-estate-unit\/tulib\/',\r\n            titleAr: '\u0643\u0645\u0628\u0627\u0648\u0646\u062f \u062a\u0648\u0644\u064a\u0628',\r\n            titleEn: 'Tulip Compound',\r\n            tagAr: '\u0643\u0648\u0645\u0628\u0627\u0648\u0646\u062f',\r\n            tagEn: 'COMPOUND',\r\n            categoryAr: '\u0643\u0645\u0628\u0627\u0648\u0646\u062f \u062a\u0648\u0644\u064a\u0628',\r\n            categoryEn: 'TULIP COMPOUND',\r\n            descriptionAr: '\u0643\u0645\u0628\u0627\u0648\u0646\u062f \u062a\u0648\u0644\u064a\u0628 \u062e\u0644\u0641 \u0627\u0644\u0645\u062f\u0631\u0633\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629.',\r\n            descriptionEn: 'Tulip Compound behind the Modern School.'\r\n        },\r\n\r\n        {\r\n            id: 'essawi',\r\n            url: 'https:\/\/aymankhedr.com\/index.php\/real-estate-unit\/essawi-tower\/',\r\n            titleAr: '\u0628\u0631\u062c \u0627\u0644\u0639\u064a\u0633\u0648\u064a',\r\n            titleEn: 'El Essawi Tower',\r\n            tagAr: '\u0628\u0631\u062c \u0633\u0643\u0646\u064a',\r\n            tagEn: 'RESIDENTIAL TOWER',\r\n            categoryAr: '\u0628\u0631\u062c \u0627\u0644\u0639\u064a\u0633\u0648\u064a',\r\n            categoryEn: 'EL ESSAWI TOWER',\r\n            descriptionAr: '\u0628\u0631\u062c \u0633\u0643\u0646\u064a \u0641\u064a \u0645\u0646\u0637\u0642\u0629 \u0639\u0645\u0648\u0645\u064a.',\r\n            descriptionEn: 'Residential tower in the Omoumi area.'\r\n        }\r\n    ];\r\n\r\n\r\n    \/* =====================================================\r\n       LANGUAGE\r\n    ===================================================== *\/\r\n\r\n    function getLanguage() {\r\n        return document.documentElement.getAttribute('dir') === 'rtl'\r\n            ? 'ar'\r\n            : 'en';\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       CARD TEMPLATE\r\n\r\n       The same seven real properties are used for both sets.\r\n       This avoids maintaining a second manually duplicated\r\n       list and keeps the infinite loop consistent.\r\n    ===================================================== *\/\r\n\r\n    function createCard(project, lang) {\r\n        const isArabic = lang === 'ar';\r\n\r\n        const title = isArabic\r\n            ? project.titleAr\r\n            : project.titleEn;\r\n\r\n        const tag = isArabic\r\n            ? project.tagAr\r\n            : project.tagEn;\r\n\r\n        const category = isArabic\r\n            ? project.categoryAr\r\n            : project.categoryEn;\r\n\r\n        const description = isArabic\r\n            ? project.descriptionAr\r\n            : project.descriptionEn;\r\n\r\n        const linkText = isArabic\r\n            ? '\u0639\u0631\u0636 \u0627\u0644\u0645\u0634\u0631\u0648\u0639'\r\n            : 'View Property';\r\n\r\n        return `\r\n            <article class=\"lwc-card\">\r\n\r\n                <div class=\"lwc-image\">\r\n\r\n                    <img\r\n                        data-project-image=\"${project.id}\"\r\n                        alt=\"${title}\"\r\n                        loading=\"lazy\"\r\n                        decoding=\"async\"\r\n                        draggable=\"false\"\r\n                    >\r\n\r\n                    <div class=\"lwc-image-overlay\"><\/div>\r\n\r\n                    <span class=\"lwc-card-tag\">\r\n                        ${tag}\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"lwc-card-body\">\r\n\r\n                    <span class=\"lwc-card-category\">\r\n                        ${category}\r\n                    <\/span>\r\n\r\n                    <h3>${title}<\/h3>\r\n\r\n                    <p>${description}<\/p>\r\n\r\n                    <a\r\n                        href=\"${project.url}\"\r\n                        class=\"lwc-card-link\"\r\n                        aria-label=\"${linkText}: ${title}\"\r\n                        draggable=\"false\"\r\n                    >\r\n                        <span>${linkText}<\/span>\r\n                        <i class=\"fa-solid fa-arrow-left\" aria-hidden=\"true\"><\/i>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n        `;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       FIND FEATURED IMAGE\r\n\r\n       First choice: WordPress Open Graph featured image.\r\n       Fallbacks: WordPress featured-image classes or the\r\n       first linked image in the property's own photo gallery.\r\n    ===================================================== *\/\r\n\r\n    const imageCache = new Map();\r\n\r\n    function getFeaturedImage(project) {\r\n        if (imageCache.has(project.id)) {\r\n            return imageCache.get(project.id);\r\n        }\r\n\r\n        const imagePromise = (async function () {\r\n            try {\r\n                const response = await fetch(project.url, {\r\n                    credentials: 'same-origin',\r\n                    cache: 'force-cache'\r\n                });\r\n\r\n                if (!response.ok) {\r\n                    throw new Error(\r\n                        'Unable to load property page: ' + response.status\r\n                    );\r\n                }\r\n\r\n                const html = await response.text();\r\n\r\n                const page = new DOMParser().parseFromString(\r\n                    html,\r\n                    'text\/html'\r\n                );\r\n\r\n                \/* Prefer the page's featured social image. *\/\r\n\r\n                const ogImage = page.querySelector(\r\n                    'meta[property=\"og:image\"]'\r\n                );\r\n\r\n                const twitterImage = page.querySelector(\r\n                    'meta[name=\"twitter:image\"]'\r\n                );\r\n\r\n                const imageSource = page.querySelector(\r\n                    'link[rel=\"image_src\"]'\r\n                );\r\n\r\n                let imageURL =\r\n                    (ogImage && ogImage.content) ||\r\n                    (twitterImage && twitterImage.content) ||\r\n                    (imageSource && imageSource.href) ||\r\n                    '';\r\n\r\n                \/*\r\n                 * If social metadata is unavailable, find the\r\n                 * WordPress featured image or property gallery.\r\n                 *\/\r\n\r\n                if (!imageURL) {\r\n                    const imageElement = page.querySelector(\r\n                        '.wp-post-image, ' +\r\n                        '.post-thumbnail img, ' +\r\n                        '.featured-image img, ' +\r\n                        '.rpf-single-gallery img, ' +\r\n                        '.rpf-property-gallery img, ' +\r\n                        '.rpf-gallery img'\r\n                    ) || page.querySelector(\r\n                        'a[href*=\"\/wp-content\/uploads\/\"] img'\r\n                    ) || Array.from(page.images).find(function (img) {\r\n                        return (\r\n                            (img.getAttribute('src') || '').includes(\r\n                                '\/wp-content\/uploads\/'\r\n                            ) ||\r\n                            (img.getAttribute('data-src') || '').includes(\r\n                                '\/wp-content\/uploads\/'\r\n                            ) ||\r\n                            (img.getAttribute('data-lazy-src') || '').includes(\r\n                                '\/wp-content\/uploads\/'\r\n                            )\r\n                        );\r\n                    });\r\n\r\n                    if (imageElement) {\r\n                        const linkedImage = imageElement.closest(\r\n                            'a[href*=\"\/wp-content\/uploads\/\"]'\r\n                        );\r\n\r\n                        imageURL =\r\n                            (linkedImage && linkedImage.href) ||\r\n                            imageElement.getAttribute('src') ||\r\n                            imageElement.getAttribute('data-src') ||\r\n                            imageElement.getAttribute('data-lazy-src') ||\r\n                            '';\r\n                    }\r\n                }\r\n\r\n                if (!imageURL) {\r\n                    throw new Error(\r\n                        'No featured image found for ' + project.titleAr\r\n                    );\r\n                }\r\n\r\n                return new URL(imageURL, project.url).href;\r\n\r\n            } catch (error) {\r\n                console.warn(\r\n                    '[Latest Works Carousel] Featured image unavailable:',\r\n                    project.titleAr,\r\n                    error\r\n                );\r\n\r\n                return '';\r\n            }\r\n        })();\r\n\r\n        imageCache.set(project.id, imagePromise);\r\n\r\n        return imagePromise;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       APPLY FEATURED IMAGES TO BOTH SETS\r\n    ===================================================== *\/\r\n\r\n    function loadFeaturedImages() {\r\n        const images = section.querySelectorAll(\r\n            'img[data-project-image]'\r\n        );\r\n\r\n        images.forEach(function (img) {\r\n            const project = PROJECTS.find(function (item) {\r\n                return item.id === img.dataset.projectImage;\r\n            });\r\n\r\n            if (!project) {\r\n                return;\r\n            }\r\n\r\n            getFeaturedImage(project).then(function (imageURL) {\r\n                if (!imageURL || !img.isConnected) {\r\n                    return;\r\n                }\r\n\r\n                img.onload = function () {\r\n                    img.classList.add('lwc-image-loaded');\r\n                    measureLoop();\r\n                };\r\n\r\n                img.onerror = function () {\r\n                    console.warn(\r\n                        '[Latest Works Carousel] Image failed to load:',\r\n                        imageURL\r\n                    );\r\n                };\r\n\r\n                img.src = imageURL;\r\n            });\r\n        });\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       RENDER BOTH SETS\r\n    ===================================================== *\/\r\n\r\n    function renderCards() {\r\n        const lang = getLanguage();\r\n\r\n        const cardMarkup = PROJECTS.map(function (project) {\r\n            return createCard(project, lang);\r\n        }).join('');\r\n\r\n        firstSet.innerHTML = cardMarkup;\r\n        copySet.innerHTML = cardMarkup;\r\n\r\n        measureLoop();\r\n\r\n        loadFeaturedImages();\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       HEADER TRANSLATION\r\n    ===================================================== *\/\r\n\r\n    function updateText() {\r\n        const lang = getLanguage();\r\n\r\n        const eyebrow = section.querySelector('#lwcEyebrow');\r\n        const title = section.querySelector('#lwcTitle');\r\n        const description = section.querySelector('#lwcDescription');\r\n        const bottom = section.querySelector('#lwcBottomText');\r\n\r\n        if (lang === 'ar') {\r\n            if (eyebrow) {\r\n                eyebrow.textContent = '\u0622\u062e\u0631 \u0627\u0644\u0623\u0639\u0645\u0627\u0644';\r\n            }\r\n\r\n            if (title) {\r\n                title.textContent = '\u0623\u062d\u062f\u062b \u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u0648\u0645\u0634\u0631\u0648\u0639\u0627\u062a\u0646\u0627';\r\n            }\r\n\r\n            if (description) {\r\n                description.textContent =\r\n                    '\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062e\u062a\u0627\u0631\u0629 \u0645\u0646 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0633\u0643\u0646\u064a\u0629 \u0627\u0644\u062a\u064a \u0646\u0641\u062e\u0631 \u0628\u062a\u0642\u062f\u064a\u0645\u0647\u0627.';\r\n            }\r\n\r\n            if (bottom) {\r\n                bottom.textContent = '\u0623\u062d\u062f\u062b \u0623\u0639\u0645\u0627\u0644\u0646\u0627';\r\n            }\r\n\r\n        } else {\r\n            if (eyebrow) {\r\n                eyebrow.textContent = 'LATEST WORKS';\r\n            }\r\n\r\n            if (title) {\r\n                title.textContent = 'Our Latest Work & Projects';\r\n            }\r\n\r\n            if (description) {\r\n                description.textContent =\r\n                    'A curated selection of residential properties and projects we are proud to present.';\r\n            }\r\n\r\n            if (bottom) {\r\n                bottom.textContent = 'OUR LATEST WORK';\r\n            }\r\n        }\r\n\r\n        renderCards();\r\n\r\n        direction = lang === 'ar' ? 1 : -1;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       SCROLL REVEAL\r\n    ===================================================== *\/\r\n\r\n    const revealItems = section.querySelectorAll('.lwc-reveal');\r\n\r\n    if ('IntersectionObserver' in window) {\r\n        const revealObserver = new IntersectionObserver(\r\n            function (entries) {\r\n                entries.forEach(function (entry) {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('is-visible');\r\n\r\n                        revealObserver.unobserve(entry.target);\r\n                    }\r\n                });\r\n            },\r\n            {\r\n                threshold: 0.12\r\n            }\r\n        );\r\n\r\n        revealItems.forEach(function (item) {\r\n            revealObserver.observe(item);\r\n        });\r\n\r\n    } else {\r\n        revealItems.forEach(function (item) {\r\n            item.classList.add('is-visible');\r\n        });\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       CAROUSEL SETTINGS\r\n    ===================================================== *\/\r\n\r\n    let offset = 0;\r\n    let loopWidth = 0;\r\n    let lastTime = 0;\r\n    let paused = false;\r\n    let isDragging = false;\r\n\r\n    let direction = getLanguage() === 'ar' ? 1 : -1;\r\n\r\n    \/* Pixels per millisecond. *\/\r\n\r\n    const SPEED = 0.085;\r\n\r\n    const reducedMotion = window.matchMedia &&\r\n        window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n\r\n    \/* =====================================================\r\n       MEASURE LOOP\r\n    ===================================================== *\/\r\n\r\n    function measureLoop() {\r\n        loopWidth = firstSet.getBoundingClientRect().width + 24;\r\n\r\n        if (loopWidth > 0 && Math.abs(offset) >= loopWidth) {\r\n            offset = offset % loopWidth;\r\n        }\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       NORMALIZE LOOP\r\n    ===================================================== *\/\r\n\r\n    function normalizeOffset() {\r\n        if (loopWidth <= 0) {\r\n            return;\r\n        }\r\n\r\n        while (offset <= -loopWidth) {\r\n            offset += loopWidth;\r\n        }\r\n\r\n        while (offset >= loopWidth) {\r\n            offset -= loopWidth;\r\n        }\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       CONTINUOUS ANIMATION\r\n    ===================================================== *\/\r\n\r\n    function animate(timestamp) {\r\n        if (!lastTime) {\r\n            lastTime = timestamp;\r\n        }\r\n\r\n        const delta = Math.min(timestamp - lastTime, 32);\r\n\r\n        lastTime = timestamp;\r\n\r\n        if (\r\n            !reducedMotion &&\r\n            !paused &&\r\n            !isDragging &&\r\n            loopWidth > 0\r\n        ) {\r\n            offset += direction * delta * SPEED;\r\n\r\n            normalizeOffset();\r\n\r\n            track.style.transform =\r\n                'translate3d(' + offset.toFixed(2) + 'px, 0, 0)';\r\n        }\r\n\r\n        requestAnimationFrame(animate);\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       PAUSE ON HOVER\r\n    ===================================================== *\/\r\n\r\n    section.addEventListener('mouseenter', function () {\r\n        paused = true;\r\n    });\r\n\r\n    section.addEventListener('mouseleave', function () {\r\n        paused = false;\r\n    });\r\n\r\n\r\n    \/* =====================================================\r\n       TOUCH DRAG \/ SWIPE\r\n    ===================================================== *\/\r\n\r\n    let touchStartX = 0;\r\n    let touchStartOffset = 0;\r\n\r\n    carousel.addEventListener(\r\n        'touchstart',\r\n        function (event) {\r\n            if (!event.touches || !event.touches.length) {\r\n                return;\r\n            }\r\n\r\n            touchStartX = event.touches[0].clientX;\r\n            touchStartOffset = offset;\r\n\r\n            isDragging = true;\r\n            paused = true;\r\n        },\r\n        { passive: true }\r\n    );\r\n\r\n    carousel.addEventListener(\r\n        'touchmove',\r\n        function (event) {\r\n            if (\r\n                !isDragging ||\r\n                !event.touches ||\r\n                !event.touches.length\r\n            ) {\r\n                return;\r\n            }\r\n\r\n            const currentX = event.touches[0].clientX;\r\n\r\n            offset = touchStartOffset + (currentX - touchStartX);\r\n\r\n            normalizeOffset();\r\n\r\n            track.style.transform =\r\n                'translate3d(' + offset.toFixed(2) + 'px, 0, 0)';\r\n        },\r\n        { passive: true }\r\n    );\r\n\r\n    function endTouchDrag() {\r\n        isDragging = false;\r\n        paused = false;\r\n    }\r\n\r\n    carousel.addEventListener('touchend', endTouchDrag, {\r\n        passive: true\r\n    });\r\n\r\n    carousel.addEventListener('touchcancel', endTouchDrag, {\r\n        passive: true\r\n    });\r\n\r\n\r\n    \/* =====================================================\r\n       MOUSE DRAG\r\n    ===================================================== *\/\r\n\r\n    let mouseDown = false;\r\n    let mouseStartX = 0;\r\n    let mouseStartOffset = 0;\r\n\r\n    carousel.addEventListener('mousedown', function (event) {\r\n        if (event.button !== 0) {\r\n            return;\r\n        }\r\n\r\n        if (event.target.closest('a, button')) {\r\n            return;\r\n        }\r\n\r\n        mouseDown = true;\r\n        mouseStartX = event.clientX;\r\n        mouseStartOffset = offset;\r\n\r\n        isDragging = true;\r\n        paused = true;\r\n    });\r\n\r\n    window.addEventListener('mousemove', function (event) {\r\n        if (!mouseDown) {\r\n            return;\r\n        }\r\n\r\n        offset = mouseStartOffset + (event.clientX - mouseStartX);\r\n\r\n        normalizeOffset();\r\n\r\n        track.style.transform =\r\n            'translate3d(' + offset.toFixed(2) + 'px, 0, 0)';\r\n    });\r\n\r\n    function endMouseDrag() {\r\n        if (!mouseDown) {\r\n            return;\r\n        }\r\n\r\n        mouseDown = false;\r\n        isDragging = false;\r\n        paused = false;\r\n    }\r\n\r\n    window.addEventListener('mouseup', endMouseDrag);\r\n    window.addEventListener('blur', endMouseDrag);\r\n\r\n\r\n    \/* =====================================================\r\n       RTL \/ LTR WATCHER\r\n    ===================================================== *\/\r\n\r\n    let languageTimer = null;\r\n\r\n    const languageObserver = new MutationObserver(function () {\r\n        clearTimeout(languageTimer);\r\n\r\n        languageTimer = setTimeout(function () {\r\n            updateText();\r\n        }, 50);\r\n    });\r\n\r\n    languageObserver.observe(document.documentElement, {\r\n        attributes: true,\r\n        attributeFilter: ['dir']\r\n    });\r\n\r\n\r\n    \/* =====================================================\r\n       RESIZE\r\n    ===================================================== *\/\r\n\r\n    let resizeTimer = null;\r\n\r\n    window.addEventListener(\r\n        'resize',\r\n        function () {\r\n            clearTimeout(resizeTimer);\r\n\r\n            resizeTimer = setTimeout(function () {\r\n                measureLoop();\r\n            }, 100);\r\n        },\r\n        { passive: true }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       INITIALIZE\r\n    ===================================================== *\/\r\n\r\n    updateText();\r\n\r\n    measureLoop();\r\n\r\n    requestAnimationFrame(animate);\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c7ce34b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c7ce34b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  Ayman Khader Real Estate \u2014 Combined Homepage Sections\r\n  Order: Banner -> Real properties (sale\/rent tabs) -> Popular areas\r\n  Paste the entire code into one Elementor HTML widget.\r\n-->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');\r\n\r\n\/* ===== BANNER: placed directly above the properties section ===== *\/\r\n.akh-home-banner{width:calc(100% - 64px);max-width:1380px;margin:28px auto 0;padding:0;border-radius:28px;overflow:hidden;background:transparent;box-shadow:0 14px 40px rgba(0,0,0,.08);opacity:0;transform:translateY(25px);animation:akhBannerIn 1s cubic-bezier(.22,1,.36,1) forwards;line-height:0}\r\n.akh-home-banner img{display:block;width:100%;height:auto;max-width:100%;min-width:0;margin:0;padding:0;border:0;object-fit:contain;object-position:center;background:transparent;opacity:0;transform:scale(1.025);animation:akhBannerImageIn 1.2s cubic-bezier(.22,1,.36,1) .08s forwards;transition:transform 1s cubic-bezier(.22,1,.36,1)}\r\n.akh-home-banner:hover img{transform:scale(1.01)}\r\n@keyframes akhBannerIn{to{opacity:1;transform:translateY(0)}}\r\n@keyframes akhBannerImageIn{to{opacity:1;transform:scale(1)}}\r\n\r\n\/* ===== PROPERTIES SECTION ===== *\/\r\n.skh-properties-section{--skh-burgundy:#701a35;--skh-wine:#881337;--skh-gold:#d97706;--skh-gold-light:#f59e0b;--skh-dark:#120408;--skh-cream:#fcfaf8;--skh-text:#2b171d;--skh-muted:#786d70;--skh-border:#eadfe2;width:100%;margin:0;padding:48px 20px 74px;background:linear-gradient(180deg,#fff 0%,#fcfaf8 100%);font-family:'Noto Kufi Arabic',sans-serif;box-sizing:border-box;direction:rtl}\r\n.skh-properties-section *,.skh-properties-section *:before,.skh-properties-section *:after{box-sizing:border-box}\r\n.skh-properties-section .skh-en{display:none}\r\n.skh-properties-section .skh-ar{display:inline}\r\n:is(html[lang^=\"en\"],html[dir=\"ltr\"],body[dir=\"ltr\"]) .skh-properties-section{direction:ltr;font-family:'Inter',sans-serif}\r\n:is(html[lang^=\"en\"],html[dir=\"ltr\"],body[dir=\"ltr\"]) .skh-properties-section .skh-ar{display:none}\r\n:is(html[lang^=\"en\"],html[dir=\"ltr\"],body[dir=\"ltr\"]) .skh-properties-section .skh-en{display:inline}\r\n.skh-properties-container{width:100%;max-width:1250px;margin:0 auto}\r\n.skh-properties-header{text-align:center;margin:0 0 30px}\r\n.skh-properties-title{margin:0;color:var(--skh-burgundy);font-size:34px;font-weight:800;line-height:1.55;letter-spacing:-.4px}\r\n.skh-title-line{width:62px;height:5px;margin:12px auto 15px;background:linear-gradient(90deg,var(--skh-burgundy),var(--skh-gold));border-radius:20px}\r\n.skh-properties-subtitle{max-width:780px;margin:0 auto;color:var(--skh-muted);font-size:14px;line-height:1.9;font-weight:500}\r\n.skh-filters-wrap{display:flex;justify-content:center;margin:0 0 32px}\r\n.skh-filters{display:inline-flex;align-items:center;gap:4px;padding:5px;background:#f4eef0;border:1px solid #eadde1;border-radius:12px;box-shadow:0 5px 18px rgba(112,26,53,.06)}\r\n.skh-filter{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:115px;padding:11px 18px;border:0;outline:0;background:transparent;color:var(--skh-burgundy);border-radius:9px;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:color .25s ease,background .25s ease,box-shadow .25s ease}\r\n.skh-filter:hover{background:rgba(112,26,53,.08)}\r\n.skh-filter.active{background:var(--skh-burgundy);color:#fff;box-shadow:0 5px 14px rgba(112,26,53,.2)}\r\n.skh-filter i{font-size:11px;opacity:.9}\r\n.skh-properties-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}\r\n.skh-property-card{position:relative;min-width:0;overflow:hidden;background:#fff;border:1px solid rgba(18,4,8,.08);border-radius:20px;box-shadow:0 12px 35px rgba(18,4,8,.06);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;animation:skhCardIn .6s cubic-bezier(.16,1,.3,1) both}\r\n.skh-property-card:hover{transform:translateY(-6px);border-color:rgba(112,26,53,.18);box-shadow:0 24px 55px rgba(18,4,8,.11)}\r\n.skh-property-card:nth-child(2){animation-delay:.06s}.skh-property-card:nth-child(3){animation-delay:.12s}.skh-property-card:nth-child(4){animation-delay:.18s}.skh-property-card:nth-child(5){animation-delay:.24s}.skh-property-card:nth-child(6){animation-delay:.30s}.skh-property-card:nth-child(7){animation-delay:.36s}\r\n@keyframes skhCardIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}\r\n.skh-image-wrap{position:relative;width:100%;height:265px;overflow:hidden;background:#eee}\r\n.skh-property-image{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;object-fit:cover!important;object-position:center 38%!important;opacity:1!important;z-index:1!important;transition:transform .65s cubic-bezier(.16,1,.3,1)}\r\n.skh-property-card:hover .skh-property-image{transform:scale(1.055)}\r\n.skh-image-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(to bottom,rgba(0,0,0,.02),rgba(18,4,8,.38));pointer-events:none}\r\n.skh-card-badge-row{position:absolute;top:14px;left:14px;right:14px;z-index:5;display:flex;align-items:center;justify-content:flex-start;gap:8px}\r\n.skh-type-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;color:#fff;background:rgba(112,26,53,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:9px;font-weight:800;box-shadow:0 5px 14px rgba(18,4,8,.12)}\r\n.skh-type-badge i{font-size:9px}\r\n.skh-photo-count{position:absolute;bottom:14px;z-index:5;left:14px;display:flex;align-items:center;gap:5px;padding:6px 9px;border-radius:7px;background:rgba(255,255,255,.95);color:var(--skh-burgundy);font-size:10px;font-weight:800;box-shadow:0 4px 12px rgba(0,0,0,.08)}\r\nhtml[dir=\"rtl\"] .skh-photo-count{left:14px;right:auto}\r\nhtml[dir=\"ltr\"] .skh-photo-count{right:14px;left:auto}\r\n.skh-photo-count i{color:var(--skh-gold);font-size:10px}\r\n.skh-property-content{padding:20px 20px 21px}\r\n.skh-property-category{display:block;margin:0 0 6px;color:var(--skh-gold);font-size:9px;font-weight:800;line-height:1.7}\r\n.skh-property-title{margin:0 0 8px;color:var(--skh-dark);font-size:18px;font-weight:800;line-height:1.65}\r\n.skh-location{display:flex;align-items:flex-start;gap:7px;margin:0 0 16px;color:#64748b;font-size:10px;line-height:1.8;font-weight:600}\r\n.skh-location i{margin-top:4px;color:var(--skh-gold);font-size:10px}\r\n.skh-property-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 17px;padding:0;border:0}\r\n.skh-meta-item{min-width:0;min-height:77px;padding:10px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f8f6f2;border-radius:11px;color:var(--skh-dark);font-size:10px;font-weight:800;line-height:1.45}\r\n.skh-meta-item i{margin-bottom:5px;color:var(--skh-burgundy);font-size:11px}\r\n.skh-meta-value{display:block;color:var(--skh-dark);font-size:11px;font-weight:800;line-height:1.4;overflow-wrap:anywhere}\r\n.skh-meta-label{display:block;margin-top:3px;color:#93858a;font-size:8px;font-weight:600;line-height:1.45}\r\n.skh-card-price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:15px;border-top:1px solid rgba(18,4,8,.08)}\r\n.skh-card-price-side{min-width:0}\r\n.skh-card-price-label{display:block;margin-bottom:4px;color:#93858a;font-size:9px;font-weight:600;line-height:1.5}\r\n.skh-card-price-value{display:block;color:var(--skh-burgundy);font-size:17px;font-weight:800;line-height:1.5;overflow-wrap:anywhere}\r\n.skh-card-company-side{min-width:0;max-width:43%;text-align:end}\r\n.skh-card-company-label{display:block;margin-bottom:4px;color:#93858a;font-size:8px;font-weight:600;line-height:1.5}\r\n.skh-card-company-value{display:block;color:var(--skh-dark);font-size:9px;font-weight:800;line-height:1.5}\r\n.skh-card-footer{display:flex;align-items:center;gap:9px;margin-top:17px}\r\n.skh-view-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 13px;border:1px solid rgba(112,26,53,.18);border-radius:11px;color:var(--skh-burgundy);background:#fff;text-decoration:none;font-size:10px;font-weight:800;transition:background .25s ease,color .25s ease,border-color .25s ease}\r\n.skh-view-btn:hover{color:#fff;background:var(--skh-burgundy);border-color:var(--skh-burgundy)}\r\n.skh-view-btn i{color:var(--skh-gold);font-size:10px}\r\n.skh-card-whatsapp{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;border-radius:11px;color:#fff;background:#25D366;text-decoration:none;transition:transform .25s ease,filter .25s ease}\r\n.skh-card-whatsapp:hover{color:#fff;transform:translateY(-2px);filter:brightness(.95)}\r\n.skh-card-whatsapp i{font-size:17px}\r\n.skh-property-card.is-hidden{display:none!important}\r\n.skh-empty-state{display:none;margin:0 auto;padding:35px 20px;max-width:700px;text-align:center;border:1px dashed #d9c4cb;border-radius:16px;background:#fff;color:#786d70;font-size:14px;line-height:2}\r\n.skh-empty-state.is-visible{display:block}\r\n.skh-empty-state i{display:block;margin-bottom:10px;color:var(--skh-gold);font-size:26px}\r\n.skh-view-all-wrap{display:flex;justify-content:center;margin-top:35px}\r\n.skh-view-all{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 26px;border:1px solid rgba(112,26,53,.26);border-radius:9px;background:#fff;color:var(--skh-burgundy);text-decoration:none;font-size:11px;font-weight:800;transition:background .25s ease,color .25s ease,transform .25s ease}\r\n.skh-view-all:hover{background:var(--skh-burgundy);color:#fff;transform:translateY(-2px)}\r\n.skh-view-all i{color:var(--skh-gold)}\r\n\r\n\/* ===== POPULAR AREAS (kept after the properties) ===== *\/\r\n.popular-destinations{font-family:'Noto Kufi Arabic',sans-serif;width:100%!important;max-width:100%!important;margin:0!important;padding:55px 0 60px!important;background:#f9f9f9!important;box-sizing:border-box;direction:rtl;overflow:hidden!important}\r\n.popular-destinations *,.popular-destinations *:before,.popular-destinations *:after{box-sizing:border-box}\r\n.popular-destinations .en-text{display:none}\r\n.popular-destinations .ar-text{display:inline-block}\r\n:is(html[lang^=\"en\"],html[dir=\"ltr\"],body[dir=\"ltr\"]) .popular-destinations{direction:ltr;font-family:'Inter',sans-serif}\r\n:is(html[lang^=\"en\"],html[dir=\"ltr\"],body[dir=\"ltr\"]) .popular-destinations .en-text{display:inline-block}\r\n:is(html[lang^=\"en\"],html[dir=\"ltr\"],body[dir=\"ltr\"]) .popular-destinations .ar-text{display:none}\r\n.popular-destinations .container{width:100%!important;max-width:1200px!important;margin:0 auto!important;padding:0 20px!important}\r\n.dest-section-header{text-align:center;margin:0 0 40px!important;padding:0!important;animation:popularContentEnter .9s cubic-bezier(.22,1,.36,1) .1s both}\r\n.dest-section-header .title{font-size:32px;color:#0b2e4a;margin:0 0 10px!important;padding:0!important;position:relative;display:inline-block;font-weight:700;line-height:1.5}\r\n.dest-section-header .title:after{content:'';display:block;width:60%;height:3px;background:#0b2e4a;margin:8px auto 0;border-radius:3px}\r\n.dest-section-header .subtitle{font-size:15px;color:#666;margin:0!important;padding:0!important;line-height:1.8}\r\n@keyframes popularContentEnter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}\r\n@keyframes popularCardEnter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}\r\n.destinations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:250px;gap:20px;margin:0!important;padding:0!important;animation:popularContentEnter .9s cubic-bezier(.22,1,.36,1) .2s both}\r\n.dest-card{position:relative;min-width:0;min-height:250px;background:#ddd;color:#fff;border-radius:14px;overflow:hidden;isolation:isolate;box-shadow:0 6px 18px rgba(0,0,0,.12);transition:transform .3s ease,box-shadow .3s ease;animation:popularCardEnter .8s cubic-bezier(.22,1,.36,1) both}\r\n.dest-card:nth-child(1){animation-delay:.14s}\r\n.dest-card:nth-child(2){animation-delay:.22s}\r\n.dest-card:nth-child(3){animation-delay:.3s}\r\n.dest-card:nth-child(4){animation-delay:.38s}\r\n.dest-card:nth-child(5){animation-delay:.46s}\r\n.dest-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.18)}\r\n.large-card{grid-row:span 2;min-height:520px}\r\n.dest-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;display:block!important;visibility:visible!important;opacity:1!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important;z-index:0!important;transition:transform .55s ease,filter .35s ease}\r\n.dest-card:hover .dest-image{transform:scale(1.05);filter:brightness(1.03)}\r\n.popular-destinations .overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.45) 32%,rgba(0,0,0,.12) 65%,rgba(0,0,0,.02) 100%);z-index:1;pointer-events:none}\r\n.location-badge{position:absolute;top:18px;left:18px;z-index:3;background:rgba(255,255,255,.96);color:#0b2e4a;padding:7px 13px;border-radius:30px;font-size:10px;font-weight:700;line-height:1.5;box-shadow:0 3px 12px rgba(0,0,0,.12)}\r\n.card-content{position:absolute;left:20px;right:20px;bottom:20px;text-align:center;z-index:2}\r\n.popular-destinations .card-content h3{margin:0 0 8px!important;padding:0!important;font-size:25px;font-weight:700;color:#fff;line-height:1.5;text-shadow:1px 2px 5px rgba(0,0,0,.65)}\r\n.popular-destinations .large-card .card-content h3{font-size:33px}\r\n.popular-destinations .card-content p{margin:0!important;padding:0!important;font-size:13px;line-height:1.8;color:#f5f5f5;text-shadow:1px 1px 4px rgba(0,0,0,.65)}\r\n.popular-destinations .large-card .card-content p{font-size:15px;line-height:1.8}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media(max-width:1100px){.akh-home-banner{width:calc(100% - 44px)}.skh-properties-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.popular-destinations{padding:45px 0 55px!important}.popular-destinations .destinations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}\r\n@media(max-width:820px){.akh-home-banner{width:calc(100% - 32px);border-radius:22px}.skh-properties-section{padding:40px 16px 60px}.popular-destinations{padding-top:38px!important}}\r\n@media(max-width:700px){.akh-home-banner{width:calc(100% - 24px);margin-top:14px;border-radius:17px;box-shadow:0 10px 28px rgba(0,0,0,.07)}.skh-properties-section{padding:38px 14px 55px}.skh-properties-title{font-size:27px}.skh-properties-subtitle{font-size:12px;line-height:1.9}.skh-properties-header{margin-bottom:25px}.skh-filters{width:100%;max-width:360px}.skh-filter{flex:1;min-width:0;padding:10px 7px;font-size:11px}.skh-properties-grid{grid-template-columns:1fr;gap:18px}.skh-image-wrap{height:250px}.skh-property-content{padding:17px}.skh-property-title{font-size:17px}.skh-card-company-side{max-width:44%}.popular-destinations{padding:38px 0 45px!important}.popular-destinations .container{padding:0 15px!important}.dest-section-header{margin-bottom:29px!important}.dest-section-header .title{font-size:26px}.dest-section-header .subtitle{font-size:13px}.popular-destinations .destinations-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:16px}.popular-destinations .dest-card,.popular-destinations .large-card{grid-row:auto;height:300px;min-height:300px}.popular-destinations .large-card{height:380px;min-height:380px}.popular-destinations .location-badge{top:14px;left:14px;font-size:10px;padding:6px 11px}.popular-destinations .card-content{left:15px;right:15px;bottom:17px}.popular-destinations .card-content h3{font-size:23px}.popular-destinations .large-card .card-content h3{font-size:29px}.popular-destinations .card-content p,.popular-destinations .large-card .card-content p{font-size:12px;line-height:1.8}}\r\n@media(max-width:390px){.skh-image-wrap{height:225px}.skh-property-content{padding:15px}.skh-card-price-value{font-size:14px}.skh-meta-item{font-size:9px}.skh-view-btn{padding:9px 10px}.popular-destinations .large-card{height:350px;min-height:350px}}\r\n@media(prefers-reduced-motion:reduce){.akh-home-banner,.akh-home-banner img,.skh-property-card,.dest-section-header,.popular-destinations .destinations-grid,.dest-card{animation:none!important;opacity:1!important;transform:none!important}.akh-home-banner img,.skh-property-card,.skh-property-image,.dest-image{transition:none!important}}\r\n<\/style>\r\n\r\n<!-- =====================================================\r\n     1. BANNER \u2014 ABOVE THE PROPERTIES\r\n====================================================== -->\r\n<div class=\"akh-home-banner\">\r\n  <img decoding=\"async\" src=\"https:\/\/aymankhedr.com\/wp-content\/uploads\/2026\/09\/offer-benner.jpg\" alt=\"Ayman Khader Real Estate\" loading=\"eager\" fetchpriority=\"high\" referrerpolicy=\"no-referrer\">\r\n<\/div>\r\n\r\n<!-- =====================================================\r\n     2. REAL PROPERTIES \u2014 ALL LISTINGS IN SALE TAB\r\n====================================================== -->\r\n<section class=\"skh-properties-section\" id=\"skhLatestProperties\">\r\n  <div class=\"skh-properties-container\">\r\n    <div class=\"skh-properties-header\">\r\n      <h2 class=\"skh-properties-title\"><span class=\"skh-ar\">\u0623\u062d\u062f\u062b \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0641\u064a \u0627\u0644\u062d\u0648\u0627\u0645\u062f\u064a\u0629<\/span><span class=\"skh-en\">Latest Properties in El Hawamdeya<\/span><\/h2>\r\n      <div class=\"skh-title-line\"><\/div>\r\n      <p class=\"skh-properties-subtitle\"><span class=\"skh-ar\">\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0648\u0623\u0633\u0639\u0627\u0631 \u0648\u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0645\u0646\u0634\u0648\u0631\u0629 \u0641\u064a \u0643\u0644 \u0639\u0642\u0627\u0631.<\/span><span class=\"skh-en\">Explore multi-unit properties with published starting prices and unit areas.<\/span><\/p>\r\n    <\/div>\r\n\r\n    <div class=\"skh-filters-wrap\">\r\n      <div class=\"skh-filters\" role=\"tablist\" aria-label=\"Property purpose\">\r\n        <button type=\"button\" class=\"skh-filter\" data-filter=\"all\" role=\"tab\" aria-selected=\"false\"><span class=\"skh-ar\">\u0627\u0644\u0643\u0644<\/span><span class=\"skh-en\">All<\/span><i class=\"fa-solid fa-filter\" aria-hidden=\"true\"><\/i><\/button>\r\n        <button type=\"button\" class=\"skh-filter\" data-filter=\"rent\" role=\"tab\" aria-selected=\"false\"><span class=\"skh-ar\">\u0644\u0644\u0625\u064a\u062c\u0627\u0631<\/span><span class=\"skh-en\">For Rent<\/span><i class=\"fa-solid fa-key\" aria-hidden=\"true\"><\/i><\/button>\r\n        <button type=\"button\" class=\"skh-filter active\" data-filter=\"sale\" role=\"tab\" aria-selected=\"true\"><span class=\"skh-ar\">\u0644\u0644\u0628\u064a\u0639<\/span><span class=\"skh-en\">For Sale<\/span><i class=\"fa-solid fa-tag\" aria-hidden=\"true\"><\/i><\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"skh-properties-grid\" id=\"skhPropertiesGrid\">\r\n      <!-- Real property cards are rendered below from the seven pages. -->\r\n    <\/div>\r\n\r\n    <div class=\"skh-empty-state\" id=\"skhRentEmpty\" aria-live=\"polite\">\r\n      <i class=\"fa-regular fa-building\" aria-hidden=\"true\"><\/i>\r\n      <span class=\"skh-ar\">\u0644\u0627 \u062a\u0648\u062c\u062f \u0648\u062d\u062f\u0627\u062a \u0644\u0644\u0625\u064a\u062c\u0627\u0631 \u0645\u0639\u0631\u0648\u0636\u0629 \u062d\u0627\u0644\u064a\u064b\u0627. \u0633\u062a\u064f\u0636\u0627\u0641 \u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0625\u064a\u062c\u0627\u0631 \u0647\u0646\u0627 \u0639\u0646\u062f \u062a\u0648\u0641\u0631\u0647\u0627.<\/span>\r\n      <span class=\"skh-en\">There are currently no rental listings. Rental properties will appear here when available.<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"skh-view-all-wrap\">\r\n      <a href=\"https:\/\/aymankhedr.com\/#skhLatestProperties\" class=\"skh-view-all\"><span class=\"skh-ar\">\u0639\u0631\u0636 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0642\u0639<\/span><span class=\"skh-en\">Browse Properties on the Website<\/span><i class=\"fa-solid fa-arrow-left\" aria-hidden=\"true\"><\/i><\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- =====================================================\r\n     3. POPULAR AREAS \u2014 AFTER THE PROPERTIES\r\n====================================================== -->\r\n<section class=\"popular-destinations\" id=\"popularDestinations\">\r\n  <div class=\"container\">\r\n    <div class=\"dest-section-header\">\r\n      <h2 class=\"title\"><span class=\"ar-text\">\u0627\u0644\u0623\u0645\u0627\u0643\u0646 \u0627\u0644\u0623\u0643\u062b\u0631 \u0634\u0647\u0631\u0629<\/span><span class=\"en-text\">Most Popular Places<\/span><\/h2>\r\n      <p class=\"subtitle\"><span class=\"ar-text\">\u0627\u0643\u062a\u0634\u0641 \u0623\u0643\u062b\u0631 \u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0637\u0644\u0628\u0627\u064b \u0648\u0627\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0639\u0642\u0627\u0631 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0643<\/span><span class=\"en-text\">Discover the most requested locations and find the right property for you<\/span><\/p>\r\n    <\/div>\r\n\r\n    <div class=\"destinations-grid\">\r\n      <div class=\"dest-card large-card\">\r\n        <img decoding=\"async\" class=\"dest-image\" src=\"https:\/\/images.pexels.com\/photos\/323780\/pexels-photo-323780.jpeg\" alt=\"El Azaba El Sharqeya real estate area\" loading=\"lazy\" referrerpolicy=\"no-referrer\">\r\n        <div class=\"overlay\"><\/div>\r\n        <div class=\"location-badge\"><span class=\"ar-text\">\u0639\u0642\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0632\u0628\u0629 \u0627\u0644\u0634\u0631\u0642\u064a\u0629<\/span><span class=\"en-text\">El Azaba El Sharqeya Real Estate<\/span><\/div>\r\n        <div class=\"card-content\"><h3><span class=\"ar-text\">\u0627\u0644\u0639\u0632\u0628\u0629 \u0627\u0644\u0634\u0631\u0642\u064a\u0629<\/span><span class=\"en-text\">El Azaba El Sharqeya<\/span><\/h3><p><span class=\"ar-text\">\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0641\u064a \u0627\u0644\u0645\u0646\u0637\u0642\u0629<\/span><span class=\"en-text\">Explore available properties and residential units in the area<\/span><\/p><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dest-card\">\r\n        <img decoding=\"async\" class=\"dest-image\" src=\"https:\/\/images.pexels.com\/photos\/280229\/pexels-photo-280229.jpeg\" alt=\"Wara El Atour real estate area\" loading=\"lazy\" referrerpolicy=\"no-referrer\">\r\n        <div class=\"overlay\"><\/div>\r\n        <div class=\"location-badge\"><span class=\"ar-text\">\u0639\u0642\u0627\u0631\u0627\u062a \u062e\u0644\u0641 \u0627\u0644\u0639\u0637\u0648\u0631<\/span><span class=\"en-text\">Wara El Atour Real Estate<\/span><\/div>\r\n        <div class=\"card-content\"><h3><span class=\"ar-text\">\u062e\u0644\u0641 \u0627\u0644\u0639\u0637\u0648\u0631<\/span><span class=\"en-text\">Wara El Atour<\/span><\/h3><p><span class=\"ar-text\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0648\u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0641\u064a \u0627\u0644\u0645\u0646\u0637\u0642\u0629<\/span><span class=\"en-text\">Discover available homes and properties in the area<\/span><\/p><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dest-card\">\r\n        <img decoding=\"async\" class=\"dest-image\" src=\"https:\/\/images.pexels.com\/photos\/186077\/pexels-photo-186077.jpeg\" alt=\"Zahret El Sokkar real estate area\" loading=\"lazy\" referrerpolicy=\"no-referrer\">\r\n        <div class=\"overlay\"><\/div>\r\n        <div class=\"location-badge\"><span class=\"ar-text\">\u0639\u0642\u0627\u0631\u0627\u062a \u0632\u0647\u0631\u0629 \u0627\u0644\u0633\u0643\u0631<\/span><span class=\"en-text\">Zahret El Sokkar Real Estate<\/span><\/div>\r\n        <div class=\"card-content\"><h3><span class=\"ar-text\">\u0632\u0647\u0631\u0629 \u0627\u0644\u0633\u0643\u0631<\/span><span class=\"en-text\">Zahret El Sokkar<\/span><\/h3><p><span class=\"ar-text\">\u0627\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0639\u0642\u0627\u0631 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0641\u064a \u0632\u0647\u0631\u0629 \u0627\u0644\u0633\u0643\u0631<\/span><span class=\"en-text\">Find the right property in Zahret El Sokkar<\/span><\/p><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dest-card\">\r\n        <img decoding=\"async\" class=\"dest-image\" src=\"https:\/\/images.pexels.com\/photos\/323705\/pexels-photo-323705.jpeg\" alt=\"Al Bahr real estate area\" loading=\"lazy\" referrerpolicy=\"no-referrer\">\r\n        <div class=\"overlay\"><\/div>\r\n        <div class=\"location-badge\"><span class=\"ar-text\">\u0639\u0642\u0627\u0631\u0627\u062a \u0627\u0644\u0628\u062d\u0631<\/span><span class=\"en-text\">Al Bahr Real Estate<\/span><\/div>\r\n        <div class=\"card-content\"><h3><span class=\"ar-text\">\u0627\u0644\u0628\u062d\u0631<\/span><span class=\"en-text\">Al Bahr<\/span><\/h3><p><span class=\"ar-text\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0641\u064a \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0628\u062d\u0631<\/span><span class=\"en-text\">Explore available properties and residential units in Al Bahr<\/span><\/p><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dest-card\">\r\n        <img decoding=\"async\" class=\"dest-image\" src=\"https:\/\/images.pexels.com\/photos\/323705\/pexels-photo-323705.jpeg\" alt=\"El Sheikh Othman real estate area\" loading=\"lazy\" referrerpolicy=\"no-referrer\">\r\n        <div class=\"overlay\"><\/div>\r\n        <div class=\"location-badge\"><span class=\"ar-text\">\u0639\u0642\u0627\u0631\u0627\u062a \u0627\u0644\u0634\u064a\u062e \u0639\u062a\u0645\u0627\u0646<\/span><span class=\"en-text\">El Sheikh Othman Real Estate<\/span><\/div>\r\n        <div class=\"card-content\"><h3><span class=\"ar-text\">\u0627\u0644\u0634\u064a\u062e \u0639\u062a\u0645\u0627\u0646<\/span><span class=\"en-text\">El Sheikh Othman<\/span><\/h3><p><span class=\"ar-text\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0648\u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0641\u064a \u0627\u0644\u0634\u064a\u062e \u0639\u062a\u0645\u0627\u0646<\/span><span class=\"en-text\">Explore available properties and units in El Sheikh Othman<\/span><\/p><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  const root = document.getElementById('skhLatestProperties');\r\n  if (!root || root.dataset.initialized === 'true') return;\r\n  root.dataset.initialized = 'true';\r\n\r\n  const grid = root.querySelector('#skhPropertiesGrid');\r\n  const emptyState = root.querySelector('#skhRentEmpty');\r\n  const buttons = Array.from(root.querySelectorAll('.skh-filter'));\r\n\r\n  \/* Published details taken from the current property pages. *\/\r\n  const properties = [\r\n    {\r\n      nameAr: '\u0639\u0645\u0631 \u0628\u0646 \u0627\u0644\u062e\u0637\u0627\u0628 2', nameEn: 'Omar Ibn Al-Khattab 2',\r\n      url: 'https:\/\/aymankhedr.com\/index.php\/real-estate-unit\/omar-bn-khattab-2\/',\r\n      image: 'https:\/\/aymankhedr.com\/wp-content\/uploads\/2026\/10\/Contemporary_residential_buildin%E2%80%A6_20261005104635-765x1024.jpg',\r\n      locationAr: '\u062e\u0644\u0641 \u0627\u0644\u0639\u0637\u0648\u0631', locationEn: 'Khalf El Atour',\r\n      count: '3', area: '110', price: '1,150,000', photos: '3'\r\n    },\r\n    {\r\n      nameAr: '\u0627\u0644\u0632\u0647\u0631\u0629 \u0627\u0644\u0642\u062f\u064a\u0645\u0629', nameEn: 'Alzahra Al Qadima',\r\n      url: 'https:\/\/aymankhedr.com\/index.php\/real-estate-unit\/hamdy-abu-omaira\/',\r\n      image: 'https:\/\/aymankhedr.com\/wp-content\/uploads\/2026\/10\/Apartment_building_in_Giza_20261005111943-765x1024.jpg',\r\n      locationAr: '\u0627\u0644\u0632\u0647\u0631\u0629 \u0627\u0644\u0642\u062f\u064a\u0645\u0629', locationEn: 'El Zahraa El Qadima',\r\n      count: '12', area: '75', price: '550,000', photos: '4'\r\n    },\r\n    {\r\n      nameAr: '\u0623\u0645\u0646 \u0627\u0644\u062f\u0648\u0644\u0629 2', nameEn: 'Amn El Dawla 2',\r\n      url: 'https:\/\/aymankhedr.com\/index.php\/real-estate-unit\/amn-dawla-2\/',\r\n      image: 'https:\/\/aymankhedr.com\/wp-content\/uploads\/2026\/10\/Residential_building_on_quiet_st%E2%80%A6_20261005102814-765x1024.jpg',\r\n      locationAr: '\u0627\u0644\u0639\u0632\u0628\u0629 \u0627\u0644\u0634\u0631\u0642\u064a\u0629', locationEn: 'El Azaba El Sharqeya',\r\n      count: '6', area: '90', price: '800,000', photos: '3'\r\n    },\r\n    {\r\n      nameAr: ' \u0627\u0644\u0641\u0627\u0631\u0633', nameEn: 'Al Fares',\r\n      url: 'https:\/\/aymankhedr.com\/index.php\/real-estate-unit\/bassem-tuhamy\/',\r\n      image: 'https:\/\/aymankhedr.com\/wp-content\/uploads\/2026\/10\/Modern_residential_building_facade_20261005110055-1-765x1024.jpg',\r\n      locationAr: '\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u062e\u0644\u0641 \u0627\u0644\u0639\u0637\u0648\u0631', locationEn: 'El Taawoun, behind El Atour',\r\n      count: '6', area: '140', price: '1,200,000', photos: '5'\r\n    },\r\n    {\r\n      nameAr: '\u0645\u0634\u0631\u0648\u0639 \u0628\u0631\u0634\u0644\u0648\u0646\u0629 \u062c\u0627\u0631\u062f\u064a\u0646\u064a\u0627', nameEn: 'Barcelona Gardina Project',\r\n      url: 'https:\/\/aymankhedr.com\/index.php\/real-estate-unit\/gardenia\/',\r\n      image: 'https:\/\/aymankhedr.com\/wp-content\/uploads\/2026\/10\/Luxury_residential_building_in_E%E2%80%A6_20261005095559.jpg',\r\n      locationAr: '\u0627\u0644\u0639\u0637\u0648\u0631 \u0628\u0631\u0634\u0644\u0648\u0646\u0629', locationEn: 'El Atour Barcelona',\r\n      count: '6', area: '240', price: '3,000,000', photos: '4'\r\n    },\r\n    {\r\n      nameAr: '\u0643\u0645\u0628\u0627\u0648\u0646\u062f \u062a\u0648\u0644\u064a\u0628', nameEn: 'Tulip Compound',\r\n      url: 'https:\/\/aymankhedr.com\/index.php\/real-estate-unit\/tulib\/',\r\n      image: 'https:\/\/aymankhedr.com\/wp-content\/uploads\/2026\/10\/AR-7.jpg-1024x1024.webp',\r\n      locationAr: '\u062e\u0644\u0641 \u0627\u0644\u0645\u062f\u0631\u0633\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629', locationEn: 'Behind the Modern School',\r\n      count: '36', area: '125', price: '1,600,000', photos: '5'\r\n    },\r\n    {\r\n      nameAr: '\u0628\u0631\u062c \u0627\u0644\u0639\u064a\u0633\u0648\u064a', nameEn: 'El Essawi Tower',\r\n      url: 'https:\/\/aymankhedr.com\/index.php\/real-estate-unit\/essawi-tower\/',\r\n      image: 'https:\/\/aymankhedr.com\/wp-content\/uploads\/2026\/10\/Modern_apartment_building_in_Giza_20261005102150-1-765x1024.jpg',\r\n      locationAr: '\u0639\u0645\u0648\u0645\u064a', locationEn: 'Omoumi',\r\n      count: '16', area: '100', price: '1,000,000', photos: '5'\r\n    }\r\n  ];\r\n\r\n  const waNumber = '201143141473';\r\n  const iconArrow = '<i class=\"fa-solid fa-arrow-left\" aria-hidden=\"true\"><\/i>';\r\n\r\n  function cardMarkup(p) {\r\n    const waText = encodeURIComponent('\u0623\u0631\u063a\u0628 \u0641\u064a \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0646 ' + p.nameAr + ' \u2014 ' + p.url);\r\n    return `\r\n      <article class=\"skh-property-card\" data-type=\"sale\">\r\n        <div class=\"skh-image-wrap\">\r\n          <img class=\"skh-property-image\" src=\"${p.image}\" alt=\"${p.nameAr} - ${p.nameEn}\" loading=\"lazy\" decoding=\"async\" referrerpolicy=\"no-referrer\">\r\n          <div class=\"skh-image-overlay\"><\/div>\r\n          <div class=\"skh-card-badge-row\">\r\n            <span class=\"skh-type-badge\"><i class=\"fa-solid fa-tag\" aria-hidden=\"true\"><\/i><span class=\"skh-ar\">\u0644\u0644\u0628\u064a\u0639<\/span><span class=\"skh-en\">For Sale<\/span><\/span>\r\n          <\/div>\r\n          <div class=\"skh-photo-count\"><i class=\"fa-solid fa-camera\" aria-hidden=\"true\"><\/i><span>${p.photos}<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"skh-property-content\">\r\n          <span class=\"skh-property-category\"><span class=\"skh-ar\">\u0639\u0642\u0627\u0631 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0648\u062d\u062f\u0627\u062a<\/span><span class=\"skh-en\">Multi-unit property<\/span><\/span>\r\n          <h3 class=\"skh-property-title\"><span class=\"skh-ar\">${p.nameAr}<\/span><span class=\"skh-en\">${p.nameEn}<\/span><\/h3>\r\n          <div class=\"skh-location\"><i class=\"fa-solid fa-location-dot\" aria-hidden=\"true\"><\/i><span class=\"skh-ar\">${p.locationAr}<\/span><span class=\"skh-en\">${p.locationEn}<\/span><\/div>\r\n          <div class=\"skh-property-meta\">\r\n            <div class=\"skh-meta-item\"><i class=\"fa-solid fa-building\" aria-hidden=\"true\"><\/i><span class=\"skh-meta-value\">${p.count}<\/span><span class=\"skh-meta-label\"><span class=\"skh-ar\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0648\u062d\u062f\u0627\u062a<\/span><span class=\"skh-en\">Total units<\/span><\/span><\/div>\r\n            <div class=\"skh-meta-item\"><i class=\"fa-solid fa-ruler-combined\" aria-hidden=\"true\"><\/i><span class=\"skh-meta-value\"><span class=\"skh-ar\">${p.area} \u0645\u00b2<\/span><span class=\"skh-en\">${p.area} m\u00b2<\/span><\/span><span class=\"skh-meta-label\"><span class=\"skh-ar\">\u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0638\u0627\u0647\u0631\u0629<\/span><span class=\"skh-en\">Listed area<\/span><\/span><\/div>\r\n            <div class=\"skh-meta-item\"><i class=\"fa-solid fa-images\" aria-hidden=\"true\"><\/i><span class=\"skh-meta-value\">${p.photos}<\/span><span class=\"skh-meta-label\"><span class=\"skh-ar\">\u0635\u0648\u0631 \u0641\u064a \u0627\u0644\u0635\u0641\u062d\u0629<\/span><span class=\"skh-en\">Page photos<\/span><\/span><\/div>\r\n          <\/div>\r\n          <div class=\"skh-card-price-row\">\r\n            <div class=\"skh-card-price-side\">\r\n              <span class=\"skh-card-price-label\"><span class=\"skh-ar\">\u0627\u0644\u0633\u0639\u0631 \u064a\u0628\u062f\u0623 \u0645\u0646<\/span><span class=\"skh-en\">Starting price<\/span><\/span>\r\n              <strong class=\"skh-card-price-value\"><span class=\"skh-ar\">${p.price} \u062c\u0646\u064a\u0647<\/span><span class=\"skh-en\">EGP ${p.price}<\/span><\/strong>\r\n            <\/div>\r\n            <div class=\"skh-card-company-side\">\r\n              <span class=\"skh-card-company-label\"><span class=\"skh-ar\">\u0627\u0644\u0645\u0639\u0644\u0646<\/span><span class=\"skh-en\">Listed by<\/span><\/span>\r\n              <strong class=\"skh-card-company-value\"><span class=\"skh-ar\">\u0627\u0644\u0634\u064a\u062e \u0623\u064a\u0645\u0646 \u062e\u0636\u0631<\/span><span class=\"skh-en\">Ayman Khader Real Estate<\/span><\/strong>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"skh-card-footer\">\r\n            <a href=\"${p.url}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"skh-view-btn\"><span class=\"skh-ar\">\u0639\u0631\u0636 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0648\u062d\u062f\u0627\u062a<\/span><span class=\"skh-en\">View unit details<\/span>${iconArrow}<\/a>\r\n            <a href=\"https:\/\/wa.me\/${waNumber}?text=${waText}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"skh-card-whatsapp\" aria-label=\"WhatsApp ${p.nameEn}\"><i class=\"fa-brands fa-whatsapp\" aria-hidden=\"true\"><\/i><\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>`;\r\n  }\r\n\r\n  grid.innerHTML = properties.map(cardMarkup).join('');\r\n\r\n  function applyFilter(filter) {\r\n    buttons.forEach(function (button) {\r\n      const active = button.dataset.filter === filter;\r\n      button.classList.toggle('active', active);\r\n      button.setAttribute('aria-selected', active ? 'true' : 'false');\r\n    });\r\n\r\n    grid.querySelectorAll('.skh-property-card').forEach(function (card) {\r\n      const show = filter !== 'rent' && (filter === 'all' || card.dataset.type === filter);\r\n      card.classList.toggle('is-hidden', !show);\r\n    });\r\n\r\n    emptyState.classList.toggle('is-visible', filter === 'rent');\r\n    grid.style.display = filter === 'rent' ? 'none' : 'grid';\r\n  }\r\n\r\n  buttons.forEach(function (button) {\r\n    button.addEventListener('click', function () {\r\n      applyFilter(button.dataset.filter);\r\n    });\r\n  });\r\n\r\n  \/* Sale is the default tab; rental remains deliberately empty. *\/\r\n  applyFilter('sale');\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13a0765 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"13a0765\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     FAQ VIDEO SECTION\r\n     Click-to-play only (no autoplay)\r\n     Arabic Default \/ English Secondary\r\n     Follows Hero Language + Direction (html[dir])\r\n========================================================= -->\r\n\r\n<section id=\"lpfq-section\">\r\n\r\n    <div class=\"lpfq-glow lpfq-glow-top\"><\/div>\r\n    <div class=\"lpfq-glow lpfq-glow-bottom\"><\/div>\r\n\r\n    <div class=\"lpfq-container\">\r\n\r\n        <!-- ================= TEXT ================= -->\r\n        <div class=\"lpfq-content\">\r\n\r\n            <h2 id=\"lpfqTitle\">\u0623\u0633\u0626\u0644\u0629 \u0634\u0627\u0626\u0639\u0629<\/h2>\r\n\r\n            <p id=\"lpfqDesc\">\r\n                \u062c\u0645\u0639\u0646\u0627 \u0644\u0643 \u0623\u0643\u062a\u0631 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0644\u064a \u0628\u062a\u062a\u0633\u0623\u0644 \u0642\u0628\u0644 \u0623\u064a \u0642\u0631\u0627\u0631 \u0634\u0631\u0627\u0621 \u0623\u0648 \u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0639\u0642\u0627\u0631\u064a\u060c\r\n                \u0648\u062c\u0627\u0648\u0628\u0646\u0627 \u0639\u0644\u064a\u0647\u0627 \u0628\u0634\u0643\u0644 \u0645\u0628\u0627\u0634\u0631 \u0648\u0648\u0627\u0636\u062d. \u0627\u0636\u063a\u0637 \u062a\u0634\u063a\u064a\u0644 \u0648\u0634\u0648\u0641 \u0627\u0644\u0625\u062c\u0627\u0628\u0627\u062a.\r\n            <\/p>\r\n\r\n            <ul class=\"lpfq-list\">\r\n                <li class=\"lpfq-item\">\r\n                    <details>\r\n                        <summary>\r\n                            <i class=\"fa-solid fa-circle-question\"><\/i>\r\n                            <strong id=\"lpfqQ1\">\u0625\u0632\u0627\u064a \u0623\u062a\u0623\u0643\u062f \u0625\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 \u0633\u0644\u064a\u0645\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u064b\u0627\u061f<\/strong>\r\n                            <i class=\"fa-solid fa-chevron-down lpfq-chev\"><\/i>\r\n                        <\/summary>\r\n                        <p id=\"lpfqA1\">\u0627\u0637\u0644\u0628 \u0639\u0642\u062f \u0627\u0644\u0645\u0644\u0643\u064a\u0629 \u0648\u062a\u0623\u0643\u062f \u0625\u0646\u0647 \u0645\u0633\u062c\u0644 \u0641\u064a \u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u060c \u0644\u0623\u0646 \u0627\u0644\u0645\u0644\u0643\u064a\u0629 \u0641\u064a \u0645\u0635\u0631 \u0628\u062a\u0646\u062a\u0642\u0644 \u0628\u0627\u0644\u062a\u0633\u062c\u064a\u0644 (\u0642\u0627\u0646\u0648\u0646 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0631\u0642\u0645 114 \u0644\u0633\u0646\u0629 1946). \u0644\u0648 \u0627\u0644\u0648\u062d\u062f\u0629 \u0628\u0639\u0642\u062f \u0627\u0628\u062a\u062f\u0627\u0626\u064a\u060c \u0627\u0633\u0623\u0644 \u0639\u0646 \u062d\u0643\u0645 \u0635\u062d\u0629 \u0648\u0646\u0641\u0627\u0630 \u0623\u0648 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u062a\u0633\u062c\u064a\u0644. \u0631\u0627\u062c\u0639 \u0643\u0645\u0627\u0646 \u0631\u062e\u0635\u0629 \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0645\u0637\u0627\u0628\u0642\u062a\u0647\u0627 \u0644\u0644\u0648\u0627\u0642\u0639\u060c \u0648\u0625\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 \u062e\u0627\u0644\u064a\u0629 \u0645\u0646 \u0627\u0644\u0631\u0647\u0646 \u0623\u0648 \u0627\u0644\u062d\u062c\u0632 \u0623\u0648 \u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629\u060c \u0648\u0625\u0646 \u0627\u0644\u0628\u0627\u0626\u0639 \u0647\u0648 \u0627\u0644\u0645\u0627\u0644\u0643 \u0623\u0648 \u0645\u0639\u0627\u0647 \u062a\u0648\u0643\u064a\u0644 \u0631\u0633\u0645\u064a \u0633\u0627\u0631\u064a. \u0648\u064a\u0641\u0636\u0644 \u062a\u0639\u0631\u0636 \u0627\u0644\u0623\u0648\u0631\u0627\u0642 \u0639\u0644\u0649 \u0645\u062d\u0627\u0645\u064d \u0642\u0628\u0644 \u0627\u0644\u062f\u0641\u0639.<\/p>\r\n                    <\/details>\r\n                <\/li>\r\n                <li class=\"lpfq-item\">\r\n                    <details>\r\n                        <summary>\r\n                            <i class=\"fa-solid fa-circle-question\"><\/i>\r\n                            <strong id=\"lpfqQ2\">\u0625\u064a\u0647 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0633\u062f\u0627\u062f \u0648\u0627\u0644\u062a\u0642\u0633\u064a\u0637 \u0627\u0644\u0645\u062a\u0627\u062d\u0629\u061f<\/strong>\r\n                            <i class=\"fa-solid fa-chevron-down lpfq-chev\"><\/i>\r\n                        <\/summary>\r\n                        <p id=\"lpfqA2\">\u0627\u0644\u0645\u062a\u0627\u062d \u063a\u0627\u0644\u0628\u064b\u0627: \u0627\u0644\u062f\u0641\u0639 \u0643\u0627\u0634 (\u0648\u063a\u0627\u0644\u0628\u064b\u0627 \u0628\u064a\u0643\u0648\u0646 \u0628\u062e\u0635\u0645)\u060c \u0623\u0648 \u0627\u0644\u062a\u0642\u0633\u064a\u0637 \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \u0645\u0639 \u0627\u0644\u0645\u0627\u0644\u0643 \u0623\u0648 \u0627\u0644\u0634\u0631\u0643\u0629 \u0628\u062f\u0641\u0639\u0629 \u0645\u0642\u062f\u0645\u0629 \u0648\u0623\u0642\u0633\u0627\u0637 \u0639\u0644\u0649 \u0633\u0646\u064a\u0646\u060c \u0623\u0648 \u0627\u0644\u062a\u0645\u0648\u064a\u0644 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0645\u0646 \u0627\u0644\u0628\u0646\u0648\u0643 \u0648\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u0645\u0648\u064a\u0644 \u0627\u0644\u0645\u0631\u062e\u0635\u0629 \u0648\u0641\u0642 \u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062a\u0645\u0648\u064a\u0644 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0631\u0642\u0645 148 \u0644\u0633\u0646\u0629 2001. \u0623\u064a \u0646\u0638\u0627\u0645 \u0644\u0627\u0632\u0645 \u064a\u062a\u0643\u062a\u0628 \u0641\u064a \u0627\u0644\u0639\u0642\u062f \u0628\u0648\u0636\u0648\u062d: \u0642\u064a\u0645\u0629 \u0627\u0644\u0645\u0642\u062f\u0645\u060c \u0648\u0639\u062f\u062f \u0627\u0644\u0623\u0642\u0633\u0627\u0637 \u0648\u0645\u0648\u0627\u0639\u064a\u062f\u0647\u0627\u060c \u0648\u063a\u0631\u0627\u0645\u0629 \u0627\u0644\u062a\u0623\u062e\u064a\u0631. \u0648\u0627\u062f\u0641\u0639 \u0628\u062a\u062d\u0648\u064a\u0644 \u0628\u0646\u0643\u064a \u0623\u0648 \u0628\u0625\u064a\u0635\u0627\u0644 \u0631\u0633\u0645\u064a\u060c \u0648\u0645\u062a\u062f\u0641\u0639\u0634 \u0643\u0627\u0634 \u0645\u0646 \u063a\u064a\u0631 \u0625\u064a\u0635\u0627\u0644.<\/p>\r\n                    <\/details>\r\n                <\/li>\r\n                <li class=\"lpfq-item\">\r\n                    <details>\r\n                        <summary>\r\n                            <i class=\"fa-solid fa-circle-question\"><\/i>\r\n                            <strong id=\"lpfqQ3\">\u0625\u064a\u0647 \u0627\u0644\u0623\u0648\u0631\u0627\u0642 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0644\u0625\u062a\u0645\u0627\u0645 \u0627\u0644\u0634\u0631\u0627\u0621\u061f<\/strong>\r\n                            <i class=\"fa-solid fa-chevron-down lpfq-chev\"><\/i>\r\n                        <\/summary>\r\n                        <p id=\"lpfqA3\">\u0645\u0646\u0643: \u0635\u0648\u0631\u0629 \u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0631\u0642\u0645 \u0627\u0644\u0642\u0648\u0645\u064a \u0633\u0627\u0631\u064a\u0629. \u0645\u0646 \u0627\u0644\u0628\u0627\u0626\u0639: \u0639\u0642\u062f \u0645\u0644\u0643\u064a\u0629 \u0627\u0644\u0648\u062d\u062f\u0629\u060c \u0648\u0635\u0648\u0631\u0629 \u0628\u0637\u0627\u0642\u062a\u0647\u060c \u0648\u062a\u0648\u0643\u064a\u0644 \u0631\u0633\u0645\u064a \u0644\u0648 \u0628\u064a\u0628\u064a\u0639 \u0646\u064a\u0627\u0628\u0629 \u0639\u0646 \u0627\u0644\u0645\u0627\u0644\u0643. \u0648\u0645\u0639\u0627\u0647\u0645: \u0631\u062e\u0635\u0629 \u0627\u0644\u0628\u0646\u0627\u0621\u060c \u0648\u0622\u062e\u0631 \u0625\u064a\u0635\u0627\u0644\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621 \u0648\u0627\u0644\u0645\u064a\u0627\u0647 \u0648\u0627\u0644\u063a\u0627\u0632\u060c \u0648\u0645\u0627 \u064a\u062b\u0628\u062a \u0633\u062f\u0627\u062f \u0627\u0644\u0636\u0631\u064a\u0628\u0629 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629. \u0628\u0639\u062f \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0623\u0648\u0631\u0627\u0642 \u064a\u062a\u062d\u0631\u0631 \u0639\u0642\u062f \u0627\u0644\u0628\u064a\u0639\u060c \u0648\u0628\u0639\u062f\u0647\u0627 \u064a\u062a\u0645 \u062a\u0633\u062c\u064a\u0644\u0647 \u0641\u064a \u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u060c \u0623\u0648 \u0631\u0641\u0639 \u062f\u0639\u0648\u0649 \u0635\u062d\u0629 \u062a\u0648\u0642\u064a\u0639 \u0623\u0648 \u0635\u062d\u0629 \u0648\u0646\u0641\u0627\u0630 \u0644\u0648 \u0627\u0644\u0639\u0642\u062f \u0627\u0628\u062a\u062f\u0627\u0626\u064a.<\/p>\r\n                    <\/details>\r\n                <\/li>\r\n                <li class=\"lpfq-item\">\r\n                    <details>\r\n                        <summary>\r\n                            <i class=\"fa-solid fa-circle-question\"><\/i>\r\n                            <strong id=\"lpfqQ4\">\u0625\u0632\u0627\u064a \u0623\u062e\u062a\u0627\u0631 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0645\u064a\u0632\u0627\u0646\u064a\u062a\u064a\u061f<\/strong>\r\n                            <i class=\"fa-solid fa-chevron-down lpfq-chev\"><\/i>\r\n                        <\/summary>\r\n                        <p id=\"lpfqA4\">\u0627\u0628\u062f\u0623 \u0628\u062a\u062d\u062f\u064a\u062f \u0645\u064a\u0632\u0627\u0646\u064a\u062a\u0643 \u0627\u0644\u0641\u0639\u0644\u064a\u0629\u060c \u0648\u0627\u062d\u0633\u0628 \u0645\u0639\u0627\u0647\u0627 \u0645\u0635\u0627\u0631\u064a\u0641 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0648\u0627\u0644\u0639\u0645\u0648\u0644\u0629 \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0648\u0623\u064a \u062a\u0634\u0637\u064a\u0628\u0627\u062a\u060c \u0648\u062e\u0644\u064a \u0627\u0644\u0642\u0633\u0637 \u0627\u0644\u0634\u0647\u0631\u064a \u0641\u064a \u062d\u062f\u0648\u062f \u0645\u0627 \u062a\u0642\u062f\u0631 \u062a\u0644\u062a\u0632\u0645 \u0628\u064a\u0647 \u0628\u062f\u0648\u0646 \u0636\u063a\u0637 (\u063a\u0627\u0644\u0628\u064b\u0627 \u0645\u0634 \u0623\u0643\u062a\u0631 \u0645\u0646 \u062b\u0644\u062b \u0627\u0644\u062f\u062e\u0644). \u0628\u0639\u062f\u0647\u0627 \u0642\u0627\u0631\u0646 \u0628\u064a\u0646 \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0645\u0646 \u062d\u064a\u062b \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0642\u0631\u064a\u0628\u0629 \u0648\u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0623\u0633\u0631\u062a\u0643 \u0648\u062d\u0627\u0644\u0629 \u0627\u0644\u062a\u0634\u0637\u064a\u0628\u060c \u0648\u0645\u062a\u0634\u062a\u0631\u064a\u0634 \u0645\u0646 \u063a\u064a\u0631 \u0645\u0639\u0627\u064a\u0646\u0629 \u0639\u0644\u0649 \u0627\u0644\u0637\u0628\u064a\u0639\u0629. \u0648\u0641\u0631\u064a\u0642\u0646\u0627 \u064a\u0642\u062f\u0631 \u064a\u0631\u0634\u062d\u0644\u0643 \u0627\u0644\u0623\u0646\u0633\u0628 \u062d\u0633\u0628 \u0645\u064a\u0632\u0627\u0646\u064a\u062a\u0643.<\/p>\r\n                    <\/details>\r\n                <\/li>\r\n            <\/ul>\r\n\r\n            <p class=\"lpfq-note\" id=\"lpfqNote\">\u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0625\u0631\u0634\u0627\u062f\u064a\u0629 \u0648\u0644\u0627 \u062a\u063a\u0646\u064a \u0639\u0646 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062d\u0627\u0645\u064d \u0645\u062e\u062a\u0635 \u0642\u0628\u0644 \u0627\u0644\u062a\u0639\u0627\u0642\u062f.<\/p>\r\n\r\n            <a href=\"https:\/\/wa.me\/201143141473\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"lpfq-whatsapp\">\r\n                <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n                <span id=\"lpfqWhatsapp\">\u0639\u0646\u062f\u0643 \u0633\u0624\u0627\u0644 \u062a\u0627\u0646\u064a\u061f \u0627\u0633\u0623\u0644\u0646\u0627 \u0639\u0644\u0649 \u0648\u0627\u062a\u0633\u0627\u0628<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n        <!-- ================= VIDEO ================= -->\r\n        <div class=\"lpfq-video-wrap\" id=\"lpfqVideoWrap\">\r\n\r\n            <div class=\"lpfq-stage\" id=\"lpfqStage\">\r\n\r\n                <video\r\n                    id=\"lpfqVideo\"\r\n                    src=\"https:\/\/aymankhedr.com\/wp-content\/uploads\/2026\/10\/AQO0kxvWfMMRU6td8FlwSvozMdyRS_-2BK9WvAggXzEvBuUpTerUj9spEV6CXTz6M3ZGWeIj2r_llm4Rn-cneFaZ9mwxB95GN9s.mp4#t=0.1\"\r\n                    preload=\"metadata\"\r\n                    playsinline\r\n                ><\/video>\r\n\r\n                <div class=\"lpfq-overlay\" id=\"lpfqOverlay\">\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"lpfq-play\"\r\n                        id=\"lpfqPlay\"\r\n                        aria-label=\"\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0641\u064a\u062f\u064a\u0648\"\r\n                    >\r\n                        <i class=\"fa-solid fa-play\"><\/i>\r\n                    <\/button>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n#lpfq-section,\r\n#lpfq-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#lpfq-section {\r\n    --lpfq-burgundy: #701a35;\r\n    --lpfq-wine: #881337;\r\n    --lpfq-gold: #d97706;\r\n    --lpfq-gold-light: #f59e0b;\r\n    --lpfq-dark: #120408;\r\n    --lpfq-border: #eadfe2;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    background: linear-gradient(180deg, #ffffff 0%, #fcfaf8 52%, #ffffff 100%);\r\n    color: var(--lpfq-dark);\r\n    font-family: 'Noto Kufi Arabic', sans-serif;\r\n}\r\n\r\nhtml[dir=\"ltr\"] #lpfq-section {\r\n    font-family: 'Inter', sans-serif;\r\n}\r\n\r\n\/* ---------- glow ---------- *\/\r\n\r\n#lpfq-section .lpfq-glow {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    filter: blur(95px);\r\n    z-index: 0;\r\n}\r\n\r\n#lpfq-section .lpfq-glow-top {\r\n    width: 480px;\r\n    height: 480px;\r\n    top: -300px;\r\n    left: -160px;\r\n    background: rgba(112, 26, 53, .06);\r\n}\r\n\r\n#lpfq-section .lpfq-glow-bottom {\r\n    width: 420px;\r\n    height: 420px;\r\n    bottom: -260px;\r\n    right: -150px;\r\n    background: rgba(217, 119, 6, .055);\r\n}\r\n\r\n\/* ---------- layout ---------- *\/\r\n\r\n#lpfq-section .lpfq-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(calc(100% - 48px), 1280px);\r\n    margin: 0 auto;\r\n    padding: 70px 0 80px;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);\r\n    gap: 56px;\r\n    align-items: start;\r\n}\r\n\r\n\/* ---------- text ---------- *\/\r\n\r\n#lpfq-section .lpfq-eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    margin-bottom: 14px;\r\n    color: var(--lpfq-burgundy);\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n}\r\n\r\n#lpfq-section .lpfq-eyebrow-line {\r\n    width: 42px;\r\n    height: 2px;\r\n    flex-shrink: 0;\r\n    border-radius: 999px;\r\n    background: var(--lpfq-gold);\r\n}\r\n\r\n#lpfq-section #lpfqTitle {\r\n    margin: 0 0 14px;\r\n    color: var(--lpfq-dark);\r\n    font-size: 34px;\r\n    font-weight: 800;\r\n    line-height: 1.35;\r\n    letter-spacing: -.02em;\r\n}\r\n\r\nhtml[dir=\"rtl\"] #lpfq-section #lpfqTitle {\r\n    line-height: 1.75;\r\n    letter-spacing: 0;\r\n}\r\n\r\n#lpfq-section #lpfqDesc {\r\n    max-width: 560px;\r\n    margin: 0 0 24px;\r\n    color: #64748b;\r\n    font-size: 14px;\r\n    line-height: 1.9;\r\n}\r\n\r\nhtml[dir=\"rtl\"] #lpfq-section #lpfqDesc {\r\n    line-height: 2.1;\r\n}\r\n\r\n#lpfq-section .lpfq-list {\r\n    list-style: none;\r\n    margin: 0 0 28px;\r\n    padding: 0;\r\n    display: grid;\r\n    gap: 10px;\r\n}\r\n\r\n#lpfq-section .lpfq-list li {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n    padding: 13px 16px;\r\n    background: #fdfbfa;\r\n    border: 1px solid rgba(112, 26, 53, .09);\r\n    border-radius: 14px;\r\n    color: #44353a;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    line-height: 1.8;\r\n}\r\n\r\n#lpfq-section .lpfq-qa strong {\r\n    display: block;\r\n    margin-bottom: 4px;\r\n    color: var(--lpfq-burgundy);\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n}\r\n\r\n#lpfq-section .lpfq-qa p {\r\n    margin: 0;\r\n    color: #64748b;\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n    line-height: 1.95;\r\n}\r\n\r\nhtml[dir=\"rtl\"] #lpfq-section .lpfq-qa p {\r\n    line-height: 2.1;\r\n}\r\n\r\n#lpfq-section .lpfq-note {\r\n    margin: -12px 0 26px;\r\n    color: #94a3b8;\r\n    font-size: 11px;\r\n    line-height: 1.8;\r\n}\r\n\r\n#lpfq-section .lpfq-list li i {\r\n    flex-shrink: 0;\r\n    margin-top: 5px;\r\n    color: var(--lpfq-gold);\r\n    font-size: 13px;\r\n}\r\n\r\n#lpfq-section .lpfq-whatsapp {\r\n    min-height: 52px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    padding: 0 22px;\r\n    border-radius: 13px;\r\n    color: #ffffff;\r\n    background: #25D366;\r\n    box-shadow: 0 10px 24px rgba(37, 211, 102, .16);\r\n    text-decoration: none;\r\n    font-family: inherit;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    transition: transform .25s ease, filter .25s ease;\r\n}\r\n\r\n#lpfq-section .lpfq-whatsapp:hover {\r\n    transform: translateY(-2px);\r\n    filter: brightness(.96);\r\n}\r\n\r\n#lpfq-section .lpfq-whatsapp i {\r\n    font-size: 19px;\r\n}\r\n\r\n\/* ---------- accordion ---------- *\/\r\n\r\n#lpfq-section .lpfq-list li.lpfq-item {\r\n    display: block;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    transition: border-color .25s ease, background .25s ease;\r\n}\r\n\r\n#lpfq-section .lpfq-list li.lpfq-item:has(details[open]) {\r\n    border-color: rgba(112, 26, 53, .28);\r\n    background: #ffffff;\r\n}\r\n\r\n#lpfq-section .lpfq-item summary {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n    padding: 13px 16px;\r\n    cursor: pointer;\r\n    list-style: none;\r\n    user-select: none;\r\n}\r\n\r\n#lpfq-section .lpfq-item summary::-webkit-details-marker {\r\n    display: none;\r\n}\r\n\r\n#lpfq-section .lpfq-item summary:focus-visible {\r\n    outline: 3px solid rgba(217, 119, 6, .35);\r\n    outline-offset: -3px;\r\n    border-radius: 14px;\r\n}\r\n\r\n#lpfq-section .lpfq-item summary strong {\r\n    flex: 1;\r\n    color: #44353a;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    line-height: 1.8;\r\n}\r\n\r\n#lpfq-section .lpfq-item details[open] summary strong {\r\n    color: var(--lpfq-burgundy);\r\n}\r\n\r\n#lpfq-section .lpfq-item .lpfq-chev {\r\n    margin-inline-start: auto;\r\n    color: var(--lpfq-burgundy);\r\n    font-size: 12px;\r\n    transition: transform .3s ease;\r\n}\r\n\r\n#lpfq-section .lpfq-item details[open] .lpfq-chev {\r\n    transform: rotate(180deg);\r\n}\r\n\r\n#lpfq-section .lpfq-item details > p {\r\n    margin: 0;\r\n    padding: 0 16px 16px 16px;\r\n    padding-inline-start: 41px;\r\n    color: #64748b;\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n    line-height: 1.95;\r\n}\r\n\r\nhtml[dir=\"rtl\"] #lpfq-section .lpfq-item details > p {\r\n    line-height: 2.1;\r\n}\r\n\r\n\/* ---------- video ---------- *\/\r\n\r\n#lpfq-section .lpfq-video-wrap {\r\n    display: flex;\r\n    justify-content: center;\r\n    position: sticky;\r\n    top: 90px;\r\n}\r\n\r\n#lpfq-section .lpfq-stage {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n    overflow: hidden;\r\n    border-radius: 24px;\r\n    background: var(--lpfq-dark);\r\n    border: 1px solid rgba(112, 26, 53, .18);\r\n    box-shadow: 0 24px 60px rgba(18, 4, 8, .18);\r\n}\r\n\r\n\/* vertical video: narrower stage, set automatically by script *\/\r\n#lpfq-section .lpfq-stage.is-portrait {\r\n    width: min(100%, 380px);\r\n}\r\n\r\n#lpfq-section .lpfq-stage video {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: contain;\r\n    background: var(--lpfq-dark);\r\n}\r\n\r\n#lpfq-section .lpfq-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 2;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n    background: linear-gradient(180deg, rgba(18, 4, 8, .35), rgba(18, 4, 8, .62));\r\n    transition: opacity .3s ease, visibility .3s ease;\r\n}\r\n\r\n#lpfq-section .lpfq-overlay.is-hidden {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n}\r\n\r\n#lpfq-section .lpfq-play {\r\n    width: 84px;\r\n    height: 84px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0;\r\n    border: 0;\r\n    border-radius: 50%;\r\n    color: #ffffff;\r\n    background: #dc2626;\r\n    box-shadow: 0 0 0 10px rgba(220, 38, 38, .25), 0 14px 34px rgba(0, 0, 0, .4);\r\n    font-size: 28px;\r\n    cursor: pointer;\r\n    transition: transform .25s ease, box-shadow .25s ease;\r\n}\r\n\r\n#lpfq-section .lpfq-play i {\r\n    margin-inline-start: 4px;\r\n}\r\n\r\nhtml[dir=\"rtl\"] #lpfq-section .lpfq-play i {\r\n    margin-inline-start: 0;\r\n    margin-inline-end: 0;\r\n    transform: translateX(-3px);\r\n}\r\n\r\n#lpfq-section .lpfq-play:hover {\r\n    transform: scale(1.07);\r\n    box-shadow: 0 0 0 14px rgba(220, 38, 38, .22), 0 16px 38px rgba(0, 0, 0, .45);\r\n}\r\n\r\n#lpfq-section .lpfq-play:focus-visible {\r\n    outline: 3px solid var(--lpfq-gold-light);\r\n    outline-offset: 5px;\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    #lpfq-section .lpfq-play,\r\n    #lpfq-section .lpfq-chev,\r\n    #lpfq-section .lpfq-overlay,\r\n    #lpfq-section .lpfq-whatsapp {\r\n        transition: none;\r\n    }\r\n}\r\n\r\n\/* ---------- responsive ---------- *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    #lpfq-section .lpfq-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 34px;\r\n        padding: 50px 0 60px;\r\n    }\r\n\r\n    #lpfq-section .lpfq-video-wrap {\r\n        order: -1;\r\n        position: static;\r\n    }\r\n\r\n    #lpfq-section #lpfqTitle {\r\n        font-size: 27px;\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n\r\n    #lpfq-section .lpfq-container {\r\n        width: calc(100% - 24px);\r\n        padding: 36px 0 48px;\r\n    }\r\n\r\n    #lpfq-section #lpfqTitle {\r\n        font-size: 23px;\r\n    }\r\n\r\n    #lpfq-section #lpfqDesc,\r\n    #lpfq-section .lpfq-list li {\r\n        font-size: 12px;\r\n    }\r\n\r\n    #lpfq-section .lpfq-item summary strong {\r\n        font-size: 12.5px;\r\n    }\r\n\r\n    #lpfq-section .lpfq-item details > p {\r\n        font-size: 11.5px;\r\n    }\r\n\r\n    #lpfq-section .lpfq-stage {\r\n        border-radius: 18px;\r\n    }\r\n\r\n    #lpfq-section .lpfq-play {\r\n        width: 68px;\r\n        height: 68px;\r\n        font-size: 23px;\r\n    }\r\n\r\n    #lpfq-section .lpfq-whatsapp {\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    'use strict';\r\n\r\n    const video = document.getElementById('lpfqVideo');\r\n    const stage = document.getElementById('lpfqStage');\r\n    const overlay = document.getElementById('lpfqOverlay');\r\n    const playBtn = document.getElementById('lpfqPlay');\r\n\r\n    \/* ---------- translations ---------- *\/\r\n\r\n    const translations = {\r\n        ar: {\r\n            title: '\u0623\u0633\u0626\u0644\u0629 \u0634\u0627\u0626\u0639\u0629',\r\n            desc: '\u062c\u0645\u0639\u0646\u0627 \u0644\u0643 \u0623\u0643\u062a\u0631 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0644\u064a \u0628\u062a\u062a\u0633\u0623\u0644 \u0642\u0628\u0644 \u0623\u064a \u0642\u0631\u0627\u0631 \u0634\u0631\u0627\u0621 \u0623\u0648 \u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0639\u0642\u0627\u0631\u064a\u060c \u0648\u062c\u0627\u0648\u0628\u0646\u0627 \u0639\u0644\u064a\u0647\u0627 \u0628\u0634\u0643\u0644 \u0645\u0628\u0627\u0634\u0631 \u0648\u0648\u0627\u0636\u062d. \u0627\u0636\u063a\u0637 \u062a\u0634\u063a\u064a\u0644 \u0648\u0634\u0648\u0641 \u0627\u0644\u0625\u062c\u0627\u0628\u0627\u062a.',\r\n            q1: '\u0625\u0632\u0627\u064a \u0623\u062a\u0623\u0643\u062f \u0625\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 \u0633\u0644\u064a\u0645\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u064b\u0627\u061f',\r\n            a1: '\u0627\u0637\u0644\u0628 \u0639\u0642\u062f \u0627\u0644\u0645\u0644\u0643\u064a\u0629 \u0648\u062a\u0623\u0643\u062f \u0625\u0646\u0647 \u0645\u0633\u062c\u0644 \u0641\u064a \u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u060c \u0644\u0623\u0646 \u0627\u0644\u0645\u0644\u0643\u064a\u0629 \u0641\u064a \u0645\u0635\u0631 \u0628\u062a\u0646\u062a\u0642\u0644 \u0628\u0627\u0644\u062a\u0633\u062c\u064a\u0644 (\u0642\u0627\u0646\u0648\u0646 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0631\u0642\u0645 114 \u0644\u0633\u0646\u0629 1946). \u0644\u0648 \u0627\u0644\u0648\u062d\u062f\u0629 \u0628\u0639\u0642\u062f \u0627\u0628\u062a\u062f\u0627\u0626\u064a\u060c \u0627\u0633\u0623\u0644 \u0639\u0646 \u062d\u0643\u0645 \u0635\u062d\u0629 \u0648\u0646\u0641\u0627\u0630 \u0623\u0648 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u062a\u0633\u062c\u064a\u0644. \u0631\u0627\u062c\u0639 \u0643\u0645\u0627\u0646 \u0631\u062e\u0635\u0629 \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0645\u0637\u0627\u0628\u0642\u062a\u0647\u0627 \u0644\u0644\u0648\u0627\u0642\u0639\u060c \u0648\u0625\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 \u062e\u0627\u0644\u064a\u0629 \u0645\u0646 \u0627\u0644\u0631\u0647\u0646 \u0623\u0648 \u0627\u0644\u062d\u062c\u0632 \u0623\u0648 \u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629\u060c \u0648\u0625\u0646 \u0627\u0644\u0628\u0627\u0626\u0639 \u0647\u0648 \u0627\u0644\u0645\u0627\u0644\u0643 \u0623\u0648 \u0645\u0639\u0627\u0647 \u062a\u0648\u0643\u064a\u0644 \u0631\u0633\u0645\u064a \u0633\u0627\u0631\u064a. \u0648\u064a\u0641\u0636\u0644 \u062a\u0639\u0631\u0636 \u0627\u0644\u0623\u0648\u0631\u0627\u0642 \u0639\u0644\u0649 \u0645\u062d\u0627\u0645\u064d \u0642\u0628\u0644 \u0627\u0644\u062f\u0641\u0639.',\r\n            q2: '\u0625\u064a\u0647 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0633\u062f\u0627\u062f \u0648\u0627\u0644\u062a\u0642\u0633\u064a\u0637 \u0627\u0644\u0645\u062a\u0627\u062d\u0629\u061f',\r\n            a2: '\u0627\u0644\u0645\u062a\u0627\u062d \u063a\u0627\u0644\u0628\u064b\u0627: \u0627\u0644\u062f\u0641\u0639 \u0643\u0627\u0634 (\u0648\u063a\u0627\u0644\u0628\u064b\u0627 \u0628\u064a\u0643\u0648\u0646 \u0628\u062e\u0635\u0645)\u060c \u0623\u0648 \u0627\u0644\u062a\u0642\u0633\u064a\u0637 \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \u0645\u0639 \u0627\u0644\u0645\u0627\u0644\u0643 \u0623\u0648 \u0627\u0644\u0634\u0631\u0643\u0629 \u0628\u062f\u0641\u0639\u0629 \u0645\u0642\u062f\u0645\u0629 \u0648\u0623\u0642\u0633\u0627\u0637 \u0639\u0644\u0649 \u0633\u0646\u064a\u0646\u060c \u0623\u0648 \u0627\u0644\u062a\u0645\u0648\u064a\u0644 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0645\u0646 \u0627\u0644\u0628\u0646\u0648\u0643 \u0648\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u0645\u0648\u064a\u0644 \u0627\u0644\u0645\u0631\u062e\u0635\u0629 \u0648\u0641\u0642 \u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062a\u0645\u0648\u064a\u0644 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0631\u0642\u0645 148 \u0644\u0633\u0646\u0629 2001. \u0623\u064a \u0646\u0638\u0627\u0645 \u0644\u0627\u0632\u0645 \u064a\u062a\u0643\u062a\u0628 \u0641\u064a \u0627\u0644\u0639\u0642\u062f \u0628\u0648\u0636\u0648\u062d: \u0642\u064a\u0645\u0629 \u0627\u0644\u0645\u0642\u062f\u0645\u060c \u0648\u0639\u062f\u062f \u0627\u0644\u0623\u0642\u0633\u0627\u0637 \u0648\u0645\u0648\u0627\u0639\u064a\u062f\u0647\u0627\u060c \u0648\u063a\u0631\u0627\u0645\u0629 \u0627\u0644\u062a\u0623\u062e\u064a\u0631. \u0648\u0627\u062f\u0641\u0639 \u0628\u062a\u062d\u0648\u064a\u0644 \u0628\u0646\u0643\u064a \u0623\u0648 \u0628\u0625\u064a\u0635\u0627\u0644 \u0631\u0633\u0645\u064a\u060c \u0648\u0645\u062a\u062f\u0641\u0639\u0634 \u0643\u0627\u0634 \u0645\u0646 \u063a\u064a\u0631 \u0625\u064a\u0635\u0627\u0644.',\r\n            q3: '\u0625\u064a\u0647 \u0627\u0644\u0623\u0648\u0631\u0627\u0642 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0644\u0625\u062a\u0645\u0627\u0645 \u0627\u0644\u0634\u0631\u0627\u0621\u061f',\r\n            a3: '\u0645\u0646\u0643: \u0635\u0648\u0631\u0629 \u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0631\u0642\u0645 \u0627\u0644\u0642\u0648\u0645\u064a \u0633\u0627\u0631\u064a\u0629. \u0645\u0646 \u0627\u0644\u0628\u0627\u0626\u0639: \u0639\u0642\u062f \u0645\u0644\u0643\u064a\u0629 \u0627\u0644\u0648\u062d\u062f\u0629\u060c \u0648\u0635\u0648\u0631\u0629 \u0628\u0637\u0627\u0642\u062a\u0647\u060c \u0648\u062a\u0648\u0643\u064a\u0644 \u0631\u0633\u0645\u064a \u0644\u0648 \u0628\u064a\u0628\u064a\u0639 \u0646\u064a\u0627\u0628\u0629 \u0639\u0646 \u0627\u0644\u0645\u0627\u0644\u0643. \u0648\u0645\u0639\u0627\u0647\u0645: \u0631\u062e\u0635\u0629 \u0627\u0644\u0628\u0646\u0627\u0621\u060c \u0648\u0622\u062e\u0631 \u0625\u064a\u0635\u0627\u0644\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621 \u0648\u0627\u0644\u0645\u064a\u0627\u0647 \u0648\u0627\u0644\u063a\u0627\u0632\u060c \u0648\u0645\u0627 \u064a\u062b\u0628\u062a \u0633\u062f\u0627\u062f \u0627\u0644\u0636\u0631\u064a\u0628\u0629 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629. \u0628\u0639\u062f \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0623\u0648\u0631\u0627\u0642 \u064a\u062a\u062d\u0631\u0631 \u0639\u0642\u062f \u0627\u0644\u0628\u064a\u0639\u060c \u0648\u0628\u0639\u062f\u0647\u0627 \u064a\u062a\u0645 \u062a\u0633\u062c\u064a\u0644\u0647 \u0641\u064a \u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u060c \u0623\u0648 \u0631\u0641\u0639 \u062f\u0639\u0648\u0649 \u0635\u062d\u0629 \u062a\u0648\u0642\u064a\u0639 \u0623\u0648 \u0635\u062d\u0629 \u0648\u0646\u0641\u0627\u0630 \u0644\u0648 \u0627\u0644\u0639\u0642\u062f \u0627\u0628\u062a\u062f\u0627\u0626\u064a.',\r\n            q4: '\u0625\u0632\u0627\u064a \u0623\u062e\u062a\u0627\u0631 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0645\u064a\u0632\u0627\u0646\u064a\u062a\u064a\u061f',\r\n            a4: '\u0627\u0628\u062f\u0623 \u0628\u062a\u062d\u062f\u064a\u062f \u0645\u064a\u0632\u0627\u0646\u064a\u062a\u0643 \u0627\u0644\u0641\u0639\u0644\u064a\u0629\u060c \u0648\u0627\u062d\u0633\u0628 \u0645\u0639\u0627\u0647\u0627 \u0645\u0635\u0627\u0631\u064a\u0641 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0648\u0627\u0644\u0639\u0645\u0648\u0644\u0629 \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0648\u0623\u064a \u062a\u0634\u0637\u064a\u0628\u0627\u062a\u060c \u0648\u062e\u0644\u064a \u0627\u0644\u0642\u0633\u0637 \u0627\u0644\u0634\u0647\u0631\u064a \u0641\u064a \u062d\u062f\u0648\u062f \u0645\u0627 \u062a\u0642\u062f\u0631 \u062a\u0644\u062a\u0632\u0645 \u0628\u064a\u0647 \u0628\u062f\u0648\u0646 \u0636\u063a\u0637 (\u063a\u0627\u0644\u0628\u064b\u0627 \u0645\u0634 \u0623\u0643\u062a\u0631 \u0645\u0646 \u062b\u0644\u062b \u0627\u0644\u062f\u062e\u0644). \u0628\u0639\u062f\u0647\u0627 \u0642\u0627\u0631\u0646 \u0628\u064a\u0646 \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0645\u0646 \u062d\u064a\u062b \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0642\u0631\u064a\u0628\u0629 \u0648\u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0623\u0633\u0631\u062a\u0643 \u0648\u062d\u0627\u0644\u0629 \u0627\u0644\u062a\u0634\u0637\u064a\u0628\u060c \u0648\u0645\u062a\u0634\u062a\u0631\u064a\u0634 \u0645\u0646 \u063a\u064a\u0631 \u0645\u0639\u0627\u064a\u0646\u0629 \u0639\u0644\u0649 \u0627\u0644\u0637\u0628\u064a\u0639\u0629. \u0648\u0641\u0631\u064a\u0642\u0646\u0627 \u064a\u0642\u062f\u0631 \u064a\u0631\u0634\u062d\u0644\u0643 \u0627\u0644\u0623\u0646\u0633\u0628 \u062d\u0633\u0628 \u0645\u064a\u0632\u0627\u0646\u064a\u062a\u0643.',\r\n            note: '\u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0625\u0631\u0634\u0627\u062f\u064a\u0629 \u0648\u0644\u0627 \u062a\u063a\u0646\u064a \u0639\u0646 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062d\u0627\u0645\u064d \u0645\u062e\u062a\u0635 \u0642\u0628\u0644 \u0627\u0644\u062a\u0639\u0627\u0642\u062f.',\r\n            whatsapp: '\u0639\u0646\u062f\u0643 \u0633\u0624\u0627\u0644 \u062a\u0627\u0646\u064a\u061f \u0627\u0633\u0623\u0644\u0646\u0627 \u0639\u0644\u0649 \u0648\u0627\u062a\u0633\u0627\u0628',\r\n            playAria: '\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0641\u064a\u062f\u064a\u0648'\r\n        },\r\n        en: {\r\n            title: 'Frequently Asked Questions',\r\n            desc: 'We gathered the questions people ask most before any property purchase or investment, and answered them clearly and directly. Press play to watch the answers.',\r\n            q1: 'How can I make sure the property is legally sound?',\r\n            a1: 'Ask for the ownership contract and confirm it is registered with the Real Estate Registry, because under Egyptian law ownership transfers through registration (Real Estate Registration Law No. 114 of 1946). If the unit is sold under a preliminary contract, ask about a validity-and-enforcement judgment or the registration procedure. Also check that the building permit matches the actual unit, that the unit is free of mortgages, seizures or legal disputes, and that the seller is the owner or holds a valid official power of attorney. It is best to have a lawyer review the papers before you pay.',\r\n            q2: 'What payment and installment plans are available?',\r\n            a2: 'Common options are: cash payment (often with a discount), direct installments with the owner or company through a down payment and yearly installments, or real estate finance from licensed banks and finance companies under the Real Estate Finance Law No. 148 of 2001. Whatever the plan, the contract must state it clearly: the down payment, the number and dates of installments, and the late-payment penalty. Pay by bank transfer or against an official receipt, and never pay cash without a receipt.',\r\n            q3: 'What documents are needed to complete the purchase?',\r\n            a3: 'From you: a valid national ID copy. From the seller: the unit ownership contract, a copy of their ID, and an official power of attorney if selling on the owner\\u2019s behalf. Along with these: the building permit, the latest electricity, water and gas bills, and proof that property tax is paid. After the papers are reviewed, the sale contract is drawn up and then registered with the Real Estate Registry, or a signature-validity or validity-and-enforcement lawsuit is filed if the contract is preliminary.',\r\n            q4: 'How do I choose the right unit for my budget?',\r\n            a4: 'Start by setting your real budget, then add registration fees, commission, maintenance and any finishing costs, and keep the monthly installment at a level you can sustain comfortably (usually no more than a third of your income). Then compare units by location, nearby services, size for your family and finishing condition, and never buy without inspecting the unit in person. Our team can recommend the best fit for your budget.',\r\n            note: 'This information is for guidance only and does not replace advice from a qualified lawyer before signing.',\r\n            whatsapp: 'Have another question? Ask us on WhatsApp',\r\n            playAria: 'Play video'\r\n        }\r\n    };\r\n\r\n    function currentLanguage() {\r\n        return document.documentElement.getAttribute('dir') === 'rtl' ? 'ar' : 'en';\r\n    }\r\n\r\n    function setText(id, value) {\r\n        const el = document.getElementById(id);\r\n        if (el) {\r\n            el.textContent = value;\r\n        }\r\n    }\r\n\r\n    function updateLanguage() {\r\n        const t = translations[currentLanguage()];\r\n\r\n        setText('lpfqTitle', t.title);\r\n        setText('lpfqDesc', t.desc);\r\n        for (let i = 1; i <= 4; i++) {\r\n            setText('lpfqQ' + i, t['q' + i]);\r\n            setText('lpfqA' + i, t['a' + i]);\r\n        }\r\n\r\n        setText('lpfqNote', t.note);\r\n        setText('lpfqWhatsapp', t.whatsapp);\r\n\r\n        playBtn.setAttribute('aria-label', t.playAria);\r\n    }\r\n\r\n    \/* ---------- play on click only ---------- *\/\r\n\r\n    function startVideo() {\r\n        overlay.classList.add('is-hidden');\r\n        video.controls = true;\r\n\r\n        const p = video.play();\r\n\r\n        if (p && typeof p.catch === 'function') {\r\n            p.catch(function () {\r\n                \/* playback blocked: show the overlay again *\/\r\n                overlay.classList.remove('is-hidden');\r\n                video.controls = false;\r\n            });\r\n        }\r\n    }\r\n\r\n    playBtn.addEventListener('click', startVideo);\r\n\r\n    video.addEventListener('ended', function () {\r\n        video.controls = false;\r\n        video.currentTime = 0.1;\r\n        overlay.classList.remove('is-hidden');\r\n    });\r\n\r\n    \/* ---------- fit stage to video shape ---------- *\/\r\n\r\n    video.addEventListener('loadedmetadata', function () {\r\n        if (video.videoWidth && video.videoHeight) {\r\n            stage.style.aspectRatio = video.videoWidth + ' \/ ' + video.videoHeight;\r\n\r\n            if (video.videoHeight > video.videoWidth) {\r\n                stage.classList.add('is-portrait');\r\n            }\r\n        }\r\n    });\r\n\r\n    \/* ---------- follow hero language ---------- *\/\r\n\r\n    new MutationObserver(updateLanguage).observe(\r\n        document.documentElement,\r\n        { attributes: true, attributeFilter: ['dir'] }\r\n    );\r\n\r\n    updateLanguage();\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d003efa elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d003efa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     LIST YOUR PROPERTY WITH US\r\n     CTA ONLY \/ FORM HIDDEN UNTIL BUTTON CLICK\r\n     Arabic Default \/ English Secondary\r\n     Follows Hero Language + Direction\r\n\r\n     IMPORTANT:\r\n     Replace YOUR_EMAIL_HERE with the receiving email.\r\n========================================================= -->\r\n\r\n<section id=\"lpuw-section\">\r\n\r\n    <!-- =====================================================\r\n         BACKGROUND\r\n    ====================================================== -->\r\n\r\n    <div class=\"lpuw-glow lpuw-glow-top\"><\/div>\r\n    <div class=\"lpuw-glow lpuw-glow-bottom\"><\/div>\r\n\r\n\r\n    <div class=\"lpuw-container\">\r\n\r\n\r\n        <!-- =================================================\r\n             CTA - VISIBLE BY DEFAULT\r\n        ================================================== -->\r\n\r\n        <div\r\n            class=\"lpuw-cta\"\r\n            id=\"lpuwCta\"\r\n        >\r\n\r\n            <div class=\"lpuw-cta-top\">\r\n\r\n                <div class=\"lpuw-cta-eyebrow\">\r\n\r\n                    <span class=\"lpuw-eyebrow-line\"><\/span>\r\n\r\n                    <span id=\"lpuwCtaEyebrow\">\r\n                        \u0627\u0639\u0631\u0636 \u0648\u062d\u062f\u062a\u0643 \u0639\u0646\u062f\u0646\u0627\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"lpuw-cta-icon\">\r\n\r\n                    <i class=\"fa-solid fa-building-circle-check\"><\/i>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"lpuw-cta-content\">\r\n\r\n                <h2 id=\"lpuwCtaTitle\">\r\n                    \u0627\u0639\u0631\u0636 \u0648\u062d\u062f\u062a\u0643 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u0645\u0639\u0646\u0627\r\n                <\/h2>\r\n\r\n\r\n                <p id=\"lpuwCtaDescription\">\r\n                    \u0644\u062f\u064a\u0643 \u0648\u062d\u062f\u0629 \u0639\u0642\u0627\u0631\u064a\u0629 \u0644\u0644\u0628\u064a\u0639 \u0623\u0648 \u0644\u0644\u0625\u064a\u062c\u0627\u0631\u061f\r\n                    \u0623\u0631\u0633\u0644 \u0644\u0646\u0627 \u062a\u0641\u0627\u0635\u064a\u0644\u0647\u0627 \u0648\u0633\u064a\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0641\u0631\u064a\u0642\u0646\u0627\r\n                    \u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0627\u0633\u062a\u0643\u0645\u0627\u0644 \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0639\u0631\u0636.\r\n                <\/p>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"lpuw-cta-button\"\r\n                    id=\"lpuwToggleForm\"\r\n                    aria-expanded=\"false\"\r\n                    aria-controls=\"lpuwFormCard\"\r\n                >\r\n\r\n                    <span class=\"lpuw-cta-button-icon\">\r\n\r\n                        <i class=\"fa-solid fa-house-circle-check\"><\/i>\r\n\r\n                    <\/span>\r\n\r\n\r\n                    <span id=\"lpuwCtaButtonText\">\r\n                        \u0627\u0639\u0631\u0636 \u0648\u062d\u062f\u062a\u0643 \u0627\u0644\u0622\u0646\r\n                    <\/span>\r\n\r\n\r\n                    <span class=\"lpuw-cta-arrow\">\r\n\r\n                        <i class=\"fa-solid fa-arrow-down\"><\/i>\r\n\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             FORM CARD - HIDDEN INITIALLY\r\n        ================================================== -->\r\n\r\n        <div\r\n            class=\"lpuw-form-card\"\r\n            id=\"lpuwFormCard\"\r\n            aria-hidden=\"true\"\r\n        >\r\n\r\n\r\n            <!-- =============================================\r\n                 FORM INTRO\r\n            ============================================== -->\r\n\r\n            <div class=\"lpuw-form-top\">\r\n\r\n                <div class=\"lpuw-form-icon\">\r\n\r\n                    <i class=\"fa-solid fa-house-circle-check\"><\/i>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div>\r\n\r\n                    <h3 id=\"lpuwFormTitle\">\r\n                        \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u062d\u062f\u0629\r\n                    <\/h3>\r\n\r\n\r\n                    <p id=\"lpuwFormSubtitle\">\r\n                        \u0627\u0645\u0644\u0623 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0628\u0623\u0643\u0628\u0631 \u0642\u062f\u0631 \u0645\u0645\u0643\u0646 \u0645\u0646 \u0627\u0644\u062f\u0642\u0629.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =============================================\r\n                 FORM\r\n            ============================================== -->\r\n\r\n            <form\r\n                id=\"lpuwPropertyForm\"\r\n                enctype=\"multipart\/form-data\"\r\n                novalidate\r\n            >\r\n\r\n\r\n                <!-- =========================================\r\n                     PROPERTY INFORMATION\r\n                ========================================== -->\r\n\r\n                <div class=\"lpuw-block\">\r\n\r\n                    <div class=\"lpuw-block-title\">\r\n\r\n                        <span class=\"lpuw-block-number\">\r\n                            01\r\n                        <\/span>\r\n\r\n\r\n                        <div>\r\n\r\n                            <strong id=\"lpuwPropertyInfoTitle\">\r\n                                \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0648\u062d\u062f\u0629\r\n                            <\/strong>\r\n\r\n\r\n                            <span id=\"lpuwPropertyInfoSub\">\r\n                                \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u0639\u0642\u0627\u0631\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"lpuw-fields-grid\">\r\n\r\n\r\n                        <!-- Property Name -->\r\n\r\n                        <div class=\"lpuw-field lpuw-span-2\">\r\n\r\n                            <label for=\"lpuwPropertyName\">\r\n\r\n                                <span>\r\n                                    \u0627\u0633\u0645 \u0627\u0644\u0648\u062d\u062f\u0629 \/ \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\r\n                                <\/span>\r\n\r\n                                <b>*<\/b>\r\n\r\n                            <\/label>\r\n\r\n\r\n                            <div class=\"lpuw-input-wrap\">\r\n\r\n                                <i class=\"fa-solid fa-heading\"><\/i>\r\n\r\n\r\n                                <input\r\n                                    type=\"text\"\r\n                                    id=\"lpuwPropertyName\"\r\n                                    name=\"property_name\"\r\n                                    placeholder=\"\u0645\u062b\u0627\u0644: \u0634\u0642\u0629 180 \u0645\u062a\u0631 \u0644\u0644\u0628\u064a\u0639\"\r\n                                    required\r\n                                >\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <small class=\"lpuw-error\"><\/small>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- Property Type -->\r\n\r\n                        <div class=\"lpuw-field\">\r\n\r\n                            <label for=\"lpuwPropertyType\">\r\n\r\n                                <span>\r\n                                    \u0646\u0648\u0639 \u0627\u0644\u0639\u0642\u0627\u0631\r\n                                <\/span>\r\n\r\n                                <b>*<\/b>\r\n\r\n                            <\/label>\r\n\r\n\r\n                            <div class=\"lpuw-input-wrap\">\r\n\r\n                                <i class=\"fa-solid fa-house\"><\/i>\r\n\r\n\r\n                                <select\r\n                                    id=\"lpuwPropertyType\"\r\n                                    name=\"property_type\"\r\n                                    required\r\n                                >\r\n\r\n                                    <option value=\"\">\r\n                                        \u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u0639\u0642\u0627\u0631\r\n                                    <\/option>\r\n\r\n                                    <option value=\"house\">\r\n                                        \u0628\u064a\u062a\r\n                                    <\/option>\r\n\r\n                                    <option value=\"apartment\">\r\n                                        \u0634\u0642\u0629\r\n                                    <\/option>\r\n\r\n                                    <option value=\"villa\">\r\n                                        \u0641\u064a\u0644\u0627\r\n                                    <\/option>\r\n\r\n                                    <option value=\"land\">\r\n                                        \u0623\u0631\u0636\r\n                                    <\/option>\r\n\r\n                                    <option value=\"compound\">\r\n                                        \u0643\u0648\u0645\u0628\u0627\u0648\u0646\u062f\r\n                                    <\/option>\r\n\r\n                                    <option value=\"other\">\r\n                                        \u0623\u062e\u0631\u0649\r\n                                    <\/option>\r\n\r\n                                <\/select>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <small class=\"lpuw-error\"><\/small>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- Listing Type -->\r\n\r\n                        <div class=\"lpuw-field\">\r\n\r\n                            <label for=\"lpuwListingType\">\r\n\r\n                                <span>\r\n                                    \u0627\u0644\u063a\u0631\u0636\r\n                                <\/span>\r\n\r\n                                <b>*<\/b>\r\n\r\n                            <\/label>\r\n\r\n\r\n                            <div class=\"lpuw-input-wrap\">\r\n\r\n                                <i class=\"fa-solid fa-tags\"><\/i>\r\n\r\n\r\n                                <select\r\n                                    id=\"lpuwListingType\"\r\n                                    name=\"listing_type\"\r\n                                    required\r\n                                >\r\n\r\n                                    <option value=\"\">\r\n                                        \u0627\u062e\u062a\u0631 \u0627\u0644\u063a\u0631\u0636\r\n                                    <\/option>\r\n\r\n                                    <option value=\"sale\">\r\n                                        \u0644\u0644\u0628\u064a\u0639\r\n                                    <\/option>\r\n\r\n                                    <option value=\"rent\">\r\n                                        \u0644\u0644\u0625\u064a\u062c\u0627\u0631\r\n                                    <\/option>\r\n\r\n                                <\/select>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <small class=\"lpuw-error\"><\/small>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- Location -->\r\n\r\n                        <div class=\"lpuw-field lpuw-span-2\">\r\n\r\n                            <label for=\"lpuwLocation\">\r\n\r\n                                <span>\r\n                                    \u0627\u0644\u0645\u0648\u0642\u0639 \/ \u0627\u0644\u0645\u0646\u0637\u0642\u0629\r\n                                <\/span>\r\n\r\n                                <b>*<\/b>\r\n\r\n                            <\/label>\r\n\r\n\r\n                            <div class=\"lpuw-input-wrap\">\r\n\r\n                                <i class=\"fa-solid fa-location-dot\"><\/i>\r\n\r\n\r\n                                <input\r\n                                    type=\"text\"\r\n                                    id=\"lpuwLocation\"\r\n                                    name=\"location\"\r\n                                    placeholder=\"\u0627\u0643\u062a\u0628 \u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0623\u0648 \u0627\u0644\u0645\u0648\u0642\u0639\"\r\n                                    required\r\n                                >\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <small class=\"lpuw-error\"><\/small>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- Area -->\r\n\r\n                        <div class=\"lpuw-field\">\r\n\r\n                            <label for=\"lpuwArea\">\r\n\r\n                                <span>\r\n                                    \u0627\u0644\u0645\u0633\u0627\u062d\u0629\r\n                                <\/span>\r\n\r\n                                <b>*<\/b>\r\n\r\n                            <\/label>\r\n\r\n\r\n                            <div class=\"lpuw-input-wrap\">\r\n\r\n                                <i class=\"fa-solid fa-ruler-combined\"><\/i>\r\n\r\n\r\n                                <input\r\n                                    type=\"number\"\r\n                                    id=\"lpuwArea\"\r\n                                    name=\"area\"\r\n                                    min=\"1\"\r\n                                    placeholder=\"180\"\r\n                                    required\r\n                                >\r\n\r\n\r\n                                <em>\r\n                                    \u0645\u00b2\r\n                                <\/em>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <small class=\"lpuw-error\"><\/small>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- Bedrooms -->\r\n\r\n                        <div class=\"lpuw-field\">\r\n\r\n                            <label for=\"lpuwBedrooms\">\r\n\r\n                                <span>\r\n                                    \u063a\u0631\u0641 \u0627\u0644\u0646\u0648\u0645\r\n                                <\/span>\r\n\r\n                            <\/label>\r\n\r\n\r\n                            <div class=\"lpuw-input-wrap\">\r\n\r\n                                <i class=\"fa-solid fa-bed\"><\/i>\r\n\r\n\r\n                                <input\r\n                                    type=\"number\"\r\n                                    id=\"lpuwBedrooms\"\r\n                                    name=\"bedrooms\"\r\n                                    min=\"0\"\r\n                                    placeholder=\"3\"\r\n                                >\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- Bathrooms -->\r\n\r\n                        <div class=\"lpuw-field\">\r\n\r\n                            <label for=\"lpuwBathrooms\">\r\n\r\n                                <span>\r\n                                    \u0627\u0644\u062d\u0645\u0627\u0645\u0627\u062a\r\n                                <\/span>\r\n\r\n                            <\/label>\r\n\r\n\r\n                            <div class=\"lpuw-input-wrap\">\r\n\r\n                                <i class=\"fa-solid fa-bath\"><\/i>\r\n\r\n\r\n                                <input\r\n                                    type=\"number\"\r\n                                    id=\"lpuwBathrooms\"\r\n                                    name=\"bathrooms\"\r\n                                    min=\"0\"\r\n                                    placeholder=\"2\"\r\n                                >\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- Price -->\r\n\r\n                        <div class=\"lpuw-field\">\r\n\r\n                            <label for=\"lpuwPrice\">\r\n\r\n                                <span>\r\n                                    \u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\r\n                                <\/span>\r\n\r\n                            <\/label>\r\n\r\n\r\n                            <div class=\"lpuw-input-wrap\">\r\n\r\n                                <i class=\"fa-solid fa-money-bill-wave\"><\/i>\r\n\r\n\r\n                                <input\r\n                                    type=\"text\"\r\n                                    id=\"lpuwPrice\"\r\n                                    name=\"price\"\r\n                                    placeholder=\"4,500,000\"\r\n                                >\r\n\r\n\r\n                                <em>\r\n                                    \u062c\u0646\u064a\u0647\r\n                                <\/em>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- Finishing -->\r\n\r\n                        <div class=\"lpuw-field\">\r\n\r\n                            <label for=\"lpuwFinishing\">\r\n\r\n                                <span>\r\n                                    \u062d\u0627\u0644\u0629 \u0627\u0644\u062a\u0634\u0637\u064a\u0628\r\n                                <\/span>\r\n\r\n                            <\/label>\r\n\r\n\r\n                            <div class=\"lpuw-input-wrap\">\r\n\r\n                                <i class=\"fa-solid fa-paint-roller\"><\/i>\r\n\r\n\r\n                                <select\r\n                                    id=\"lpuwFinishing\"\r\n                                    name=\"finishing\"\r\n                                >\r\n\r\n                                    <option value=\"\">\r\n                                        \u0627\u062e\u062a\u0631 \u0627\u0644\u062d\u0627\u0644\u0629\r\n                                    <\/option>\r\n\r\n                                    <option value=\"fully-finished\">\r\n                                        \u062a\u0634\u0637\u064a\u0628 \u0643\u0627\u0645\u0644\r\n                                    <\/option>\r\n\r\n                                    <option value=\"semi-finished\">\r\n                                        \u0646\u0635\u0641 \u062a\u0634\u0637\u064a\u0628\r\n                                    <\/option>\r\n\r\n                                    <option value=\"core-and-shell\">\r\n                                        \u0639\u0644\u0649 \u0627\u0644\u0637\u0648\u0628\r\n                                    <\/option>\r\n\r\n                                    <option value=\"furnished\">\r\n                                        \u0645\u0641\u0631\u0648\u0634\u0629\r\n                                    <\/option>\r\n\r\n                                <\/select>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- Payment -->\r\n\r\n                        <div class=\"lpuw-field lpuw-span-2\">\r\n\r\n                            <label for=\"lpuwPayment\">\r\n\r\n                                <span>\r\n                                    \u0646\u0638\u0627\u0645 \u0627\u0644\u0633\u062f\u0627\u062f\r\n                                <\/span>\r\n\r\n                            <\/label>\r\n\r\n\r\n                            <div class=\"lpuw-input-wrap\">\r\n\r\n                                <i class=\"fa-solid fa-credit-card\"><\/i>\r\n\r\n\r\n                                <input\r\n                                    type=\"text\"\r\n                                    id=\"lpuwPayment\"\r\n                                    name=\"payment_plan\"\r\n                                    placeholder=\"\u0643\u0627\u0634 \/ \u062a\u0642\u0633\u064a\u0637 7 \u0633\u0646\u0648\u0627\u062a \/ \u0645\u0642\u062f\u0645 20%...\"\r\n                                >\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- Description -->\r\n\r\n                        <div class=\"lpuw-field lpuw-span-full\">\r\n\r\n                            <label for=\"lpuwDescriptionField\">\r\n\r\n                                <span>\r\n                                    \u0648\u0635\u0641 \u0627\u0644\u0648\u062d\u062f\u0629\r\n                                <\/span>\r\n\r\n                            <\/label>\r\n\r\n\r\n                            <textarea\r\n                                id=\"lpuwDescriptionField\"\r\n                                name=\"description\"\r\n                                rows=\"5\"\r\n                                placeholder=\"\u0627\u0643\u062a\u0628 \u0623\u0647\u0645 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0648\u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0642\u0631\u064a\u0628\u0629 \u0645\u0646 \u0627\u0644\u0648\u062d\u062f\u0629...\"\r\n                            ><\/textarea>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- =========================================\r\n                     CONTACT INFORMATION\r\n                ========================================== -->\r\n\r\n                <div class=\"lpuw-block\">\r\n\r\n                    <div class=\"lpuw-block-title\">\r\n\r\n                        <span class=\"lpuw-block-number\">\r\n                            02\r\n                        <\/span>\r\n\r\n\r\n                        <div>\r\n\r\n                            <strong id=\"lpuwOwnerInfoTitle\">\r\n                                \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644\r\n                            <\/strong>\r\n\r\n\r\n                            <span id=\"lpuwOwnerInfoSub\">\r\n                                \u062d\u062a\u0649 \u064a\u062a\u0645\u0643\u0646 \u0641\u0631\u064a\u0642\u0646\u0627 \u0645\u0646 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"lpuw-fields-grid\">\r\n\r\n\r\n                        <!-- Full Name -->\r\n\r\n                        <div class=\"lpuw-field\">\r\n\r\n                            <label for=\"lpuwOwnerName\">\r\n\r\n                                <span>\r\n                                    \u0627\u0644\u0627\u0633\u0645 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\r\n                                <\/span>\r\n\r\n                                <b>*<\/b>\r\n\r\n                            <\/label>\r\n\r\n\r\n                            <div class=\"lpuw-input-wrap\">\r\n\r\n                                <i class=\"fa-solid fa-user\"><\/i>\r\n\r\n\r\n                                <input\r\n                                    type=\"text\"\r\n                                    id=\"lpuwOwnerName\"\r\n                                    name=\"owner_name\"\r\n                                    placeholder=\"\u0627\u0633\u0645\u0643 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\"\r\n                                    required\r\n                                >\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <small class=\"lpuw-error\"><\/small>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- Phone -->\r\n\r\n                        <div class=\"lpuw-field\">\r\n\r\n                            <label for=\"lpuwPhone\">\r\n\r\n                                <span>\r\n                                    \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641\r\n                                <\/span>\r\n\r\n                                <b>*<\/b>\r\n\r\n                            <\/label>\r\n\r\n\r\n                            <div class=\"lpuw-input-wrap lpuw-phone-wrap\">\r\n\r\n                                <i class=\"fa-solid fa-phone\"><\/i>\r\n\r\n\r\n                                <input\r\n                                    type=\"tel\"\r\n                                    id=\"lpuwPhone\"\r\n                                    name=\"phone\"\r\n                                    inputmode=\"tel\"\r\n                                    placeholder=\"01143141473\"\r\n                                    required\r\n                                >\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <small class=\"lpuw-error\"><\/small>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- WhatsApp -->\r\n\r\n                        <div class=\"lpuw-field\">\r\n\r\n                            <label for=\"lpuwWhatsapp\">\r\n\r\n                                <span>\r\n                                    \u0648\u0627\u062a\u0633\u0627\u0628\r\n                                <\/span>\r\n\r\n                            <\/label>\r\n\r\n\r\n                            <div class=\"lpuw-input-wrap\">\r\n\r\n                                <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n\r\n\r\n                                <input\r\n                                    type=\"tel\"\r\n                                    id=\"lpuwWhatsapp\"\r\n                                    name=\"whatsapp\"\r\n                                    inputmode=\"tel\"\r\n                                    placeholder=\"\u0631\u0642\u0645 \u0648\u0627\u062a\u0633\u0627\u0628 \u0625\u0646 \u0643\u0627\u0646 \u0645\u062e\u062a\u0644\u0641\u064b\u0627\"\r\n                                >\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- Email -->\r\n\r\n                        <div class=\"lpuw-field\">\r\n\r\n                            <label for=\"lpuwEmail\">\r\n\r\n                                <span>\r\n                                    \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\r\n                                <\/span>\r\n\r\n                            <\/label>\r\n\r\n\r\n                            <div class=\"lpuw-input-wrap\">\r\n\r\n                                <i class=\"fa-solid fa-envelope\"><\/i>\r\n\r\n\r\n                                <input\r\n                                    type=\"email\"\r\n                                    id=\"lpuwEmail\"\r\n                                    name=\"email\"\r\n                                    placeholder=\"name@example.com\"\r\n                                >\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <small class=\"lpuw-error\"><\/small>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- Preferred Contact -->\r\n\r\n                        <div class=\"lpuw-field lpuw-span-2\">\r\n\r\n                            <label for=\"lpuwPreferredContact\">\r\n\r\n                                <span>\r\n                                    \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0645\u0641\u0636\u0644\u0629\r\n                                <\/span>\r\n\r\n                            <\/label>\r\n\r\n\r\n                            <div class=\"lpuw-input-wrap\">\r\n\r\n                                <i class=\"fa-solid fa-comments\"><\/i>\r\n\r\n\r\n                                <select\r\n                                    id=\"lpuwPreferredContact\"\r\n                                    name=\"preferred_contact\"\r\n                                >\r\n\r\n                                    <option value=\"\">\r\n                                        \u0627\u062e\u062a\u0631 \u0627\u0644\u0637\u0631\u064a\u0642\u0629\r\n                                    <\/option>\r\n\r\n                                    <option value=\"phone\">\r\n                                        \u0627\u062a\u0635\u0627\u0644 \u0647\u0627\u062a\u0641\u064a\r\n                                    <\/option>\r\n\r\n                                    <option value=\"whatsapp\">\r\n                                        \u0648\u0627\u062a\u0633\u0627\u0628\r\n                                    <\/option>\r\n\r\n                                    <option value=\"email\">\r\n                                        \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\r\n                                    <\/option>\r\n\r\n                                <\/select>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- =========================================\r\n                     IMAGES\r\n                ========================================== -->\r\n\r\n                <div class=\"lpuw-block\">\r\n\r\n                    <div class=\"lpuw-block-title\">\r\n\r\n                        <span class=\"lpuw-block-number\">\r\n                            03\r\n                        <\/span>\r\n\r\n\r\n                        <div>\r\n\r\n                            <strong id=\"lpuwImagesTitle\">\r\n                                \u0635\u0648\u0631 \u0627\u0644\u0648\u062d\u062f\u0629\r\n                            <\/strong>\r\n\r\n\r\n                            <span id=\"lpuwImagesSub\">\r\n                                \u0623\u0636\u0641 \u0635\u0648\u0631\u064b\u0627 \u0648\u0627\u0636\u062d\u0629 \u0644\u0644\u062f\u0627\u062e\u0644 \u0648\u0627\u0644\u062e\u0627\u0631\u062c \u0648\u0627\u0644\u0648\u0627\u062c\u0647\u0629\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"lpuw-upload-area\">\r\n\r\n                        <input\r\n                            type=\"file\"\r\n                            id=\"lpuwImages\"\r\n                            name=\"property_images\"\r\n                            accept=\"image\/jpeg,image\/png,image\/webp\"\r\n                            multiple\r\n                            hidden\r\n                        >\r\n\r\n\r\n                        <label\r\n                            for=\"lpuwImages\"\r\n                            class=\"lpuw-upload-label\"\r\n                        >\r\n\r\n                            <div class=\"lpuw-upload-icon\">\r\n\r\n                                <i class=\"fa-solid fa-cloud-arrow-up\"><\/i>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <strong id=\"lpuwUploadTitle\">\r\n                                \u0627\u0631\u0641\u0639 \u0635\u0648\u0631 \u0627\u0644\u0648\u062d\u062f\u0629\r\n                            <\/strong>\r\n\r\n\r\n                            <span id=\"lpuwUploadText\">\r\n                                \u0627\u0633\u062d\u0628 \u0627\u0644\u0635\u0648\u0631 \u0647\u0646\u0627 \u0623\u0648 \u0627\u0636\u063a\u0637 \u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0644\u0641\u0627\u062a\r\n                            <\/span>\r\n\r\n\r\n                            <small id=\"lpuwUploadHint\">\r\n                                JPG \/ PNG \/ WEBP \u2014 \u062d\u062a\u0649 8 \u0635\u0648\u0631 \u2014 \u0628\u062d\u062f \u0623\u0642\u0635\u0649 5MB \u0644\u0644\u0635\u0648\u0631\u0629\r\n                            <\/small>\r\n\r\n                        <\/label>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div\r\n                        id=\"lpuwPreview\"\r\n                        class=\"lpuw-preview\"\r\n                    ><\/div>\r\n\r\n\r\n                    <div\r\n                        id=\"lpuwFileStatus\"\r\n                        class=\"lpuw-file-status\"\r\n                    ><\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- =========================================\r\n                     EXTRA NOTE\r\n                ========================================== -->\r\n\r\n                <div class=\"lpuw-note\">\r\n\r\n                    <i class=\"fa-solid fa-circle-info\"><\/i>\r\n\r\n\r\n                    <p id=\"lpuwNote\">\r\n\r\n                        \u0628\u0639\u062f \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\u060c \u0633\u064a\u0642\u0648\u0645 \u0641\u0631\u064a\u0642\u0646\u0627 \u0628\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644\r\n                        \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0644\u0627\u0633\u062a\u0643\u0645\u0627\u0644 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0648\u062d\u062f\u0629 \u0648\u0622\u0644\u064a\u0629 \u0639\u0631\u0636\u0647\u0627.\r\n\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- =========================================\r\n                     TERMS\r\n                ========================================== -->\r\n\r\n                <label class=\"lpuw-terms\">\r\n\r\n                    <input\r\n                        type=\"checkbox\"\r\n                        id=\"lpuwConsent\"\r\n                        required\r\n                    >\r\n\r\n\r\n                    <span class=\"lpuw-check-box\">\r\n\r\n                        <i class=\"fa-solid fa-check\"><\/i>\r\n\r\n                    <\/span>\r\n\r\n\r\n                    <span id=\"lpuwConsentText\">\r\n\r\n                        \u0623\u0642\u0631 \u0628\u0623\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0645\u0631\u0633\u0644\u0629 \u062a\u062e\u0635 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0645\u0630\u0643\u0648\u0631\u0629\r\n                        \u0648\u0623\u0648\u0627\u0641\u0642 \u0639\u0644\u0649 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u064a \u0628\u062e\u0635\u0648\u0635 \u0627\u0644\u0637\u0644\u0628.\r\n\r\n                    <\/span>\r\n\r\n                <\/label>\r\n\r\n\r\n                <!-- =========================================\r\n                     SUBMIT\r\n                ========================================== -->\r\n\r\n                <div class=\"lpuw-submit-row\">\r\n\r\n                    <button\r\n                        type=\"submit\"\r\n                        class=\"lpuw-submit\"\r\n                        id=\"lpuwSubmit\"\r\n                    >\r\n\r\n                        <span class=\"lpuw-submit-icon\">\r\n\r\n                            <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n\r\n                        <\/span>\r\n\r\n\r\n                        <span id=\"lpuwSubmitText\">\r\n                            \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0648\u062d\u062f\u0629 \u0644\u0644\u0645\u0631\u0627\u062c\u0639\u0629\r\n                        <\/span>\r\n\r\n                    <\/button>\r\n\r\n\r\n                    <a\r\n                        href=\"https:\/\/wa.me\/201143141473\"\r\n                        target=\"_blank\"\r\n                        rel=\"noopener noreferrer\"\r\n                        class=\"lpuw-whatsapp-submit\"\r\n                    >\r\n\r\n                        <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n\r\n\r\n                        <span id=\"lpuwWhatsappText\">\r\n                            \u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\r\n                        <\/span>\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- =========================================\r\n                     FORM MESSAGE\r\n                ========================================== -->\r\n\r\n                <div\r\n                    id=\"lpuwFormMessage\"\r\n                    class=\"lpuw-form-message\"\r\n                    role=\"status\"\r\n                    aria-live=\"polite\"\r\n                ><\/div>\r\n\r\n            <\/form>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* ========================================================\r\n   RESET\r\n======================================================== *\/\r\n\r\n#lpuw-section,\r\n#lpuw-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ========================================================\r\n   SECTION\r\n======================================================== *\/\r\n\r\n#lpuw-section {\r\n\r\n    --lpuw-burgundy: #701a35;\r\n    --lpuw-wine: #881337;\r\n    --lpuw-gold: #d97706;\r\n    --lpuw-gold-light: #f59e0b;\r\n    --lpuw-dark: #120408;\r\n\r\n    --lpuw-bg: #fcfaf8;\r\n    --lpuw-muted: #786d70;\r\n    --lpuw-border: #eadfe2;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            #ffffff 0%,\r\n            #fcfaf8 52%,\r\n            #ffffff 100%\r\n        );\r\n\r\n    color:\r\n        var(--lpuw-dark);\r\n\r\n    font-family:\r\n        'Noto Kufi Arabic',\r\n        sans-serif;\r\n\r\n    isolation: isolate;\r\n}\r\n\r\n\r\nhtml[dir=\"ltr\"]\r\n#lpuw-section {\r\n\r\n    font-family:\r\n        'Inter',\r\n        sans-serif;\r\n\r\n}\r\n\r\n\r\n\/* ========================================================\r\n   GLOW\r\n======================================================== *\/\r\n\r\n#lpuw-section .lpuw-glow {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n\r\n    filter:\r\n        blur(95px);\r\n\r\n    z-index: 0;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-glow-top {\r\n\r\n    width: 520px;\r\n\r\n    height: 520px;\r\n\r\n    top: -330px;\r\n\r\n    right: -180px;\r\n\r\n    background:\r\n        rgba(\r\n            112,\r\n            26,\r\n            53,\r\n            .065\r\n        );\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-glow-bottom {\r\n\r\n    width: 420px;\r\n\r\n    height: 420px;\r\n\r\n    bottom: -260px;\r\n\r\n    left: -170px;\r\n\r\n    background:\r\n        rgba(\r\n            217,\r\n            119,\r\n            6,\r\n            .055\r\n        );\r\n}\r\n\r\n\r\n\/* ========================================================\r\n   CONTAINER\r\n======================================================== *\/\r\n\r\n#lpuw-section .lpuw-container {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width:\r\n        min(\r\n            calc(100% - 48px),\r\n            1280px\r\n        );\r\n\r\n    margin:\r\n        0 auto;\r\n\r\n    padding:\r\n        55px 0 85px;\r\n}\r\n\r\n\r\n\/* ========================================================\r\n   CTA\r\n======================================================== *\/\r\n\r\n#lpuw-section .lpuw-cta {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    margin: 0;\r\n\r\n    padding:\r\n        34px 38px;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #ffffff 0%,\r\n            #fdf8f5 100%\r\n        );\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            112,\r\n            26,\r\n            53,\r\n            .12\r\n        );\r\n\r\n    border-radius:\r\n        24px;\r\n\r\n    box-shadow:\r\n        0 18px 55px\r\n        rgba(\r\n            18,\r\n            4,\r\n            8,\r\n            .07\r\n        );\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-cta::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 240px;\r\n    height: 240px;\r\n\r\n    top: -130px;\r\n    right: -90px;\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    background:\r\n        rgba(\r\n            217,\r\n            119,\r\n            6,\r\n            .065\r\n        );\r\n\r\n    filter:\r\n        blur(30px);\r\n\r\n    pointer-events:\r\n        none;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-cta-top {\r\n\r\n    position: relative;\r\n\r\n    z-index: 1;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    gap: 20px;\r\n\r\n    margin-bottom:\r\n        17px;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-cta-eyebrow {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 11px;\r\n\r\n    color:\r\n        var(--lpuw-burgundy);\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    letter-spacing:\r\n        .06em;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-eyebrow-line {\r\n\r\n    width: 42px;\r\n\r\n    height: 2px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    border-radius:\r\n        999px;\r\n\r\n    background:\r\n        var(--lpuw-gold);\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-cta-icon {\r\n\r\n    width: 48px;\r\n\r\n    height: 48px;\r\n\r\n    flex:\r\n        0 0 48px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            var(--lpuw-burgundy),\r\n            var(--lpuw-wine)\r\n        );\r\n\r\n    border-radius:\r\n        14px;\r\n\r\n    box-shadow:\r\n        0 9px 25px\r\n        rgba(\r\n            112,\r\n            26,\r\n            53,\r\n            .16\r\n        );\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-cta-icon i {\r\n\r\n    font-size:\r\n        18px;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-cta-content {\r\n\r\n    position: relative;\r\n\r\n    z-index: 1;\r\n\r\n    max-width:\r\n        900px;\r\n}\r\n\r\n\r\n#lpuw-section #lpuwCtaTitle {\r\n\r\n    margin:\r\n        0 0 12px;\r\n\r\n    color:\r\n        var(--lpuw-dark);\r\n\r\n    font-size:\r\n        38px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    line-height:\r\n        1.35;\r\n\r\n    letter-spacing:\r\n        -.02em;\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n#lpuw-section #lpuwCtaTitle {\r\n\r\n    line-height:\r\n        1.75;\r\n\r\n    letter-spacing:\r\n        0;\r\n}\r\n\r\n\r\n#lpuw-section #lpuwCtaDescription {\r\n\r\n    max-width:\r\n        760px;\r\n\r\n    margin:\r\n        0 0 24px;\r\n\r\n    color:\r\n        #64748b;\r\n\r\n    font-size:\r\n        13px;\r\n\r\n    line-height:\r\n        1.95;\r\n}\r\n\r\n\r\nhtml[dir=\"rtl\"]\r\n#lpuw-section #lpuwCtaDescription {\r\n\r\n    line-height:\r\n        2.15;\r\n}\r\n\r\n\r\n\/* ========================================================\r\n   CTA BUTTON\r\n======================================================== *\/\r\n\r\n#lpuw-section .lpuw-cta-button {\r\n\r\n    min-height:\r\n        56px;\r\n\r\n    display:\r\n        inline-flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    gap:\r\n        11px;\r\n\r\n    padding:\r\n        0 18px 0 10px;\r\n\r\n    border:\r\n        0;\r\n\r\n    border-radius:\r\n        14px;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            var(--lpuw-burgundy),\r\n            var(--lpuw-wine)\r\n        );\r\n\r\n    box-shadow:\r\n        0 12px 28px\r\n        rgba(\r\n            112,\r\n            26,\r\n            53,\r\n            .19\r\n        );\r\n\r\n    font-family:\r\n        inherit;\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    cursor:\r\n        pointer;\r\n\r\n    transition:\r\n        transform .28s ease,\r\n        box-shadow .28s ease,\r\n        filter .28s ease;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-cta-button:hover {\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 17px 34px\r\n        rgba(\r\n            112,\r\n            26,\r\n            53,\r\n            .24\r\n        );\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-cta-button:focus-visible {\r\n\r\n    outline:\r\n        3px solid\r\n        rgba(\r\n            217,\r\n            119,\r\n            6,\r\n            .30\r\n        );\r\n\r\n    outline-offset:\r\n        4px;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-cta-button-icon {\r\n\r\n    width: 36px;\r\n\r\n    height: 36px;\r\n\r\n    display: flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    flex:\r\n        0 0 36px;\r\n\r\n    color:\r\n        var(--lpuw-dark);\r\n\r\n    background:\r\n        var(--lpuw-gold-light);\r\n\r\n    border-radius:\r\n        10px;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-cta-button-icon i {\r\n\r\n    font-size:\r\n        14px;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-cta-arrow {\r\n\r\n    width: 24px;\r\n\r\n    height: 24px;\r\n\r\n    display: flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    margin-inline-start:\r\n        3px;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-cta.is-open\r\n.lpuw-cta-arrow {\r\n\r\n    transform:\r\n        rotate(180deg);\r\n}\r\n\r\n\r\n\/* ========================================================\r\n   FORM CARD\r\n======================================================== *\/\r\n\r\n#lpuw-section .lpuw-form-card {\r\n\r\n    display:\r\n        none;\r\n\r\n    width: 100%;\r\n\r\n    margin-top:\r\n        24px;\r\n\r\n    padding:\r\n        30px;\r\n\r\n    background:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .96\r\n        );\r\n\r\n    border:\r\n        1px solid\r\n        var(--lpuw-border);\r\n\r\n    border-radius:\r\n        24px;\r\n\r\n    box-shadow:\r\n        0 20px 60px\r\n        rgba(\r\n            18,\r\n            4,\r\n            8,\r\n            .07\r\n        );\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-form-card.is-visible {\r\n\r\n    display:\r\n        block;\r\n\r\n    animation:\r\n        lpuwFormReveal\r\n        .55s\r\n        cubic-bezier(\r\n            .16,\r\n            1,\r\n            .3,\r\n            1\r\n        )\r\n        both;\r\n}\r\n\r\n\r\n@keyframes lpuwFormReveal {\r\n\r\n    from {\r\n\r\n        opacity:\r\n            0;\r\n\r\n        transform:\r\n            translateY(-16px);\r\n    }\r\n\r\n    to {\r\n\r\n        opacity:\r\n            1;\r\n\r\n        transform:\r\n            translateY(0);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ========================================================\r\n   FORM TOP\r\n======================================================== *\/\r\n\r\n#lpuw-section .lpuw-form-top {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        15px;\r\n\r\n    padding-bottom:\r\n        24px;\r\n\r\n    margin-bottom:\r\n        25px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(\r\n            112,\r\n            26,\r\n            53,\r\n            .10\r\n        );\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-form-icon {\r\n\r\n    width: 52px;\r\n\r\n    height: 52px;\r\n\r\n    flex:\r\n        0 0 52px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            var(--lpuw-burgundy),\r\n            var(--lpuw-wine)\r\n        );\r\n\r\n    border-radius:\r\n        15px;\r\n\r\n    box-shadow:\r\n        0 9px 25px\r\n        rgba(\r\n            112,\r\n            26,\r\n            53,\r\n            .18\r\n        );\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-form-icon i {\r\n\r\n    font-size:\r\n        19px;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-form-top h3 {\r\n\r\n    margin:\r\n        0 0 3px;\r\n\r\n    color:\r\n        var(--lpuw-dark);\r\n\r\n    font-size:\r\n        17px;\r\n\r\n    font-weight:\r\n        800;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-form-top p {\r\n\r\n    margin:\r\n        0;\r\n\r\n    color:\r\n        #94a3b8;\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    line-height:\r\n        1.7;\r\n}\r\n\r\n\r\n\/* ========================================================\r\n   BLOCK\r\n======================================================== *\/\r\n\r\n#lpuw-section .lpuw-block {\r\n\r\n    padding:\r\n        23px;\r\n\r\n    margin-bottom:\r\n        20px;\r\n\r\n    background:\r\n        #fdfbfa;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            112,\r\n            26,\r\n            53,\r\n            .09\r\n        );\r\n\r\n    border-radius:\r\n        18px;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-block-title {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        11px;\r\n\r\n    margin-bottom:\r\n        20px;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-block-number {\r\n\r\n    width: 34px;\r\n\r\n    height: 34px;\r\n\r\n    flex:\r\n        0 0 34px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    border-radius:\r\n        10px;\r\n\r\n    color:\r\n        var(--lpuw-burgundy);\r\n\r\n    background:\r\n        rgba(\r\n            112,\r\n            26,\r\n            53,\r\n            .08\r\n        );\r\n\r\n    font-family:\r\n        'Inter',\r\n        sans-serif;\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    font-weight:\r\n        800;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-block-title strong {\r\n\r\n    display:\r\n        block;\r\n\r\n    margin-bottom:\r\n        2px;\r\n\r\n    color:\r\n        var(--lpuw-dark);\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    font-weight:\r\n        800;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-block-title span:not(.lpuw-block-number) {\r\n\r\n    display:\r\n        block;\r\n\r\n    color:\r\n        #94a3b8;\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    line-height:\r\n        1.6;\r\n}\r\n\r\n\r\n\/* ========================================================\r\n   FIELDS GRID\r\n======================================================== *\/\r\n\r\n#lpuw-section .lpuw-fields-grid {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            2,\r\n            minmax(\r\n                0,\r\n                1fr\r\n            )\r\n        );\r\n\r\n    gap:\r\n        16px;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-span-2 {\r\n\r\n    grid-column:\r\n        span 2;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-span-full {\r\n\r\n    grid-column:\r\n        1 \/ -1;\r\n}\r\n\r\n\r\n\/* ========================================================\r\n   FIELD\r\n======================================================== *\/\r\n\r\n#lpuw-section .lpuw-field {\r\n\r\n    min-width:\r\n        0;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-field label {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        4px;\r\n\r\n    margin-bottom:\r\n        7px;\r\n\r\n    color:\r\n        #44353a;\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    font-weight:\r\n        800;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-field label b {\r\n\r\n    color:\r\n        #c2414a;\r\n\r\n    font-size:\r\n        10px;\r\n}\r\n\r\n\r\n\/* ========================================================\r\n   INPUT WRAP\r\n======================================================== *\/\r\n\r\n#lpuw-section .lpuw-input-wrap {\r\n\r\n    position:\r\n        relative;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    min-height:\r\n        46px;\r\n\r\n    border:\r\n        1px solid\r\n        #e5dadd;\r\n\r\n    border-radius:\r\n        12px;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    transition:\r\n        border-color .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-input-wrap:focus-within {\r\n\r\n    border-color:\r\n        var(--lpuw-burgundy);\r\n\r\n    box-shadow:\r\n        0 0 0 4px\r\n        rgba(\r\n            112,\r\n            26,\r\n            53,\r\n            .07\r\n        );\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-input-wrap > i {\r\n\r\n    width:\r\n        40px;\r\n\r\n    flex:\r\n        0 0 40px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    color:\r\n        var(--lpuw-gold);\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    pointer-events:\r\n        none;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-input-wrap input,\r\n#lpuw-section .lpuw-input-wrap select {\r\n\r\n    width:\r\n        100%;\r\n\r\n    min-width:\r\n        0;\r\n\r\n    height:\r\n        44px;\r\n\r\n    padding:\r\n        0 10px;\r\n\r\n    border:\r\n        0;\r\n\r\n    outline:\r\n        0;\r\n\r\n    background:\r\n        transparent;\r\n\r\n    color:\r\n        var(--lpuw-dark);\r\n\r\n    font-family:\r\n        inherit;\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    font-weight:\r\n        600;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-input-wrap select {\r\n\r\n    appearance:\r\n        none;\r\n\r\n    -webkit-appearance:\r\n        none;\r\n\r\n    cursor:\r\n        pointer;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-input-wrap input::placeholder {\r\n\r\n    color:\r\n        #b5aaae;\r\n\r\n    opacity:\r\n        1;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-input-wrap em {\r\n\r\n    flex:\r\n        0 0 auto;\r\n\r\n    margin-inline-end:\r\n        12px;\r\n\r\n    color:\r\n        #94a3b8;\r\n\r\n    font-family:\r\n        inherit;\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    font-style:\r\n        normal;\r\n\r\n    font-weight:\r\n        700;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-field textarea {\r\n\r\n    width:\r\n        100%;\r\n\r\n    min-height:\r\n        125px;\r\n\r\n    padding:\r\n        13px 14px;\r\n\r\n    border:\r\n        1px solid\r\n        #e5dadd;\r\n\r\n    border-radius:\r\n        12px;\r\n\r\n    outline:\r\n        0;\r\n\r\n    resize:\r\n        vertical;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    color:\r\n        var(--lpuw-dark);\r\n\r\n    font-family:\r\n        inherit;\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    font-weight:\r\n        500;\r\n\r\n    line-height:\r\n        1.9;\r\n\r\n    transition:\r\n        border-color .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-field textarea:focus {\r\n\r\n    border-color:\r\n        var(--lpuw-burgundy);\r\n\r\n    box-shadow:\r\n        0 0 0 4px\r\n        rgba(\r\n            112,\r\n            26,\r\n            53,\r\n            .07\r\n        );\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-field textarea::placeholder {\r\n\r\n    color:\r\n        #b5aaae;\r\n\r\n    opacity:\r\n        1;\r\n}\r\n\r\n\r\n\/* ========================================================\r\n   ERROR\r\n======================================================== *\/\r\n\r\n#lpuw-section .lpuw-error {\r\n\r\n    display:\r\n        block;\r\n\r\n    min-height:\r\n        14px;\r\n\r\n    margin-top:\r\n        4px;\r\n\r\n    color:\r\n        #c2414a;\r\n\r\n    font-size:\r\n        7px;\r\n\r\n    line-height:\r\n        1.5;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-field.has-error\r\n.lpuw-input-wrap,\r\n\r\n#lpuw-section .lpuw-field.has-error\r\ntextarea {\r\n\r\n    border-color:\r\n        #c2414a;\r\n}\r\n\r\n\r\n\/* ========================================================\r\n   UPLOAD\r\n======================================================== *\/\r\n\r\n#lpuw-section .lpuw-upload-area {\r\n\r\n    width:\r\n        100%;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-upload-label {\r\n\r\n    min-height:\r\n        200px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    flex-direction:\r\n        column;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    padding:\r\n        30px;\r\n\r\n    border:\r\n        1.5px dashed\r\n        rgba(\r\n            112,\r\n            26,\r\n            53,\r\n            .28\r\n        );\r\n\r\n    border-radius:\r\n        17px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(112,26,53,.025),\r\n            rgba(217,119,6,.025)\r\n        );\r\n\r\n    cursor:\r\n        pointer;\r\n\r\n    text-align:\r\n        center;\r\n\r\n    transition:\r\n        border-color .25s ease,\r\n        background .25s ease,\r\n        transform .25s ease;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-upload-label:hover {\r\n\r\n    border-color:\r\n        var(--lpuw-burgundy);\r\n\r\n    background:\r\n        rgba(\r\n            112,\r\n            26,\r\n            53,\r\n            .045\r\n        );\r\n\r\n    transform:\r\n        translateY(-1px);\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-upload-icon {\r\n\r\n    width:\r\n        56px;\r\n\r\n    height:\r\n        56px;\r\n\r\n    margin-bottom:\r\n        12px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    border-radius:\r\n        16px;\r\n\r\n    color:\r\n        var(--lpuw-gold);\r\n\r\n    background:\r\n        rgba(\r\n            217,\r\n            119,\r\n            6,\r\n            .10\r\n        );\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-upload-icon i {\r\n\r\n    font-size:\r\n        22px;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-upload-label strong {\r\n\r\n    margin-bottom:\r\n        5px;\r\n\r\n    color:\r\n        var(--lpuw-dark);\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    font-weight:\r\n        800;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-upload-label span {\r\n\r\n    margin-bottom:\r\n        7px;\r\n\r\n    color:\r\n        #64748b;\r\n\r\n    font-size:\r\n        9px;\r\n\r\n    line-height:\r\n        1.7;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-upload-label small {\r\n\r\n    color:\r\n        #94a3b8;\r\n\r\n    font-size:\r\n        7px;\r\n\r\n    line-height:\r\n        1.5;\r\n}\r\n\r\n\r\n\/* ========================================================\r\n   IMAGE PREVIEW\r\n======================================================== *\/\r\n\r\n#lpuw-section .lpuw-preview {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            4,\r\n            minmax(\r\n                0,\r\n                1fr\r\n            )\r\n        );\r\n\r\n    gap:\r\n        10px;\r\n\r\n    margin-top:\r\n        14px;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-preview-item {\r\n\r\n    position:\r\n        relative;\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    aspect-ratio:\r\n        1 \/ .78;\r\n\r\n    border-radius:\r\n        12px;\r\n\r\n    background:\r\n        #eee;\r\n\r\n    border:\r\n        1px solid\r\n        #e5dadd;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-preview-item img {\r\n\r\n    width:\r\n        100%;\r\n\r\n    height:\r\n        100%;\r\n\r\n    display:\r\n        block;\r\n\r\n    object-fit:\r\n        cover;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-preview-remove {\r\n\r\n    position:\r\n        absolute;\r\n\r\n    top:\r\n        7px;\r\n\r\n    inset-inline-end:\r\n        7px;\r\n\r\n    width:\r\n        27px;\r\n\r\n    height:\r\n        27px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    border:\r\n        0;\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    color:\r\n        #fff;\r\n\r\n    background:\r\n        rgba(\r\n            18,\r\n            4,\r\n            8,\r\n            .78\r\n        );\r\n\r\n    cursor:\r\n        pointer;\r\n\r\n    transition:\r\n        .2s ease;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-preview-remove:hover {\r\n\r\n    background:\r\n        #c2414a;\r\n\r\n    transform:\r\n        scale(1.05);\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-preview-name {\r\n\r\n    position:\r\n        absolute;\r\n\r\n    bottom:\r\n        0;\r\n\r\n    left:\r\n        0;\r\n\r\n    right:\r\n        0;\r\n\r\n    padding:\r\n        7px;\r\n\r\n    color:\r\n        #fff;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(18,4,8,.8),\r\n            transparent\r\n        );\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    white-space:\r\n        nowrap;\r\n\r\n    text-overflow:\r\n        ellipsis;\r\n\r\n    font-family:\r\n        'Inter',\r\n        sans-serif;\r\n\r\n    font-size:\r\n        7px;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-file-status {\r\n\r\n    margin-top:\r\n        9px;\r\n\r\n    color:\r\n        #64748b;\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    line-height:\r\n        1.7;\r\n}\r\n\r\n\r\n\/* ========================================================\r\n   NOTE\r\n======================================================== *\/\r\n\r\n#lpuw-section .lpuw-note {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        flex-start;\r\n\r\n    gap:\r\n        10px;\r\n\r\n    padding:\r\n        13px 15px;\r\n\r\n    margin:\r\n        2px 0 16px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(\r\n            217,\r\n            119,\r\n            6,\r\n            .18\r\n        );\r\n\r\n    border-radius:\r\n        12px;\r\n\r\n    background:\r\n        rgba(\r\n            217,\r\n            119,\r\n            6,\r\n            .045\r\n        );\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-note i {\r\n\r\n    flex-shrink:\r\n        0;\r\n\r\n    margin-top:\r\n        3px;\r\n\r\n    color:\r\n        var(--lpuw-gold);\r\n\r\n    font-size:\r\n        11px;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-note p {\r\n\r\n    margin:\r\n        0;\r\n\r\n    color:\r\n        #786d70;\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    line-height:\r\n        1.8;\r\n}\r\n\r\n\r\n\/* ========================================================\r\n   TERMS\r\n======================================================== *\/\r\n\r\n#lpuw-section .lpuw-terms {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        flex-start;\r\n\r\n    gap:\r\n        10px;\r\n\r\n    margin-bottom:\r\n        20px;\r\n\r\n    color:\r\n        #786d70;\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    line-height:\r\n        1.8;\r\n\r\n    cursor:\r\n        pointer;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-terms input {\r\n\r\n    position:\r\n        absolute;\r\n\r\n    opacity:\r\n        0;\r\n\r\n    pointer-events:\r\n        none;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-check-box {\r\n\r\n    width:\r\n        20px;\r\n\r\n    height:\r\n        20px;\r\n\r\n    flex:\r\n        0 0 20px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    border:\r\n        1px solid\r\n        #dcced2;\r\n\r\n    border-radius:\r\n        6px;\r\n\r\n    background:\r\n        #fff;\r\n\r\n    color:\r\n        transparent;\r\n\r\n    transition:\r\n        .2s ease;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-terms input:checked\r\n+ .lpuw-check-box {\r\n\r\n    background:\r\n        var(--lpuw-burgundy);\r\n\r\n    border-color:\r\n        var(--lpuw-burgundy);\r\n\r\n    color:\r\n        #fff;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-check-box i {\r\n\r\n    font-size:\r\n        9px;\r\n}\r\n\r\n\r\n\/* ========================================================\r\n   SUBMIT\r\n======================================================== *\/\r\n\r\n#lpuw-section .lpuw-submit-row {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        1fr\r\n        auto;\r\n\r\n    gap:\r\n        10px;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-submit,\r\n#lpuw-section .lpuw-whatsapp-submit {\r\n\r\n    min-height:\r\n        52px;\r\n\r\n    display:\r\n        inline-flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    gap:\r\n        9px;\r\n\r\n    border-radius:\r\n        13px;\r\n\r\n    text-decoration:\r\n        none;\r\n\r\n    font-family:\r\n        inherit;\r\n\r\n    font-size:\r\n        10px;\r\n\r\n    font-weight:\r\n        800;\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        box-shadow .25s ease,\r\n        background .25s ease;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-submit {\r\n\r\n    border:\r\n        0;\r\n\r\n    color:\r\n        #fff;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            var(--lpuw-burgundy),\r\n            var(--lpuw-wine)\r\n        );\r\n\r\n    cursor:\r\n        pointer;\r\n\r\n    box-shadow:\r\n        0 10px 25px\r\n        rgba(\r\n            112,\r\n            26,\r\n            53,\r\n            .18\r\n        );\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-submit:hover {\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 15px 32px\r\n        rgba(\r\n            112,\r\n            26,\r\n            53,\r\n            .24\r\n        );\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-submit:disabled {\r\n\r\n    opacity:\r\n        .65;\r\n\r\n    cursor:\r\n        not-allowed;\r\n\r\n    transform:\r\n        none;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-submit-icon {\r\n\r\n    width:\r\n        28px;\r\n\r\n    height:\r\n        28px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    border-radius:\r\n        8px;\r\n\r\n    color:\r\n        var(--lpuw-dark);\r\n\r\n    background:\r\n        var(--lpuw-gold-light);\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-whatsapp-submit {\r\n\r\n    min-width:\r\n        190px;\r\n\r\n    padding:\r\n        0 20px;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    background:\r\n        #25D366;\r\n\r\n    box-shadow:\r\n        0 10px 24px\r\n        rgba(\r\n            37,\r\n            211,\r\n            102,\r\n            .16\r\n        );\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-whatsapp-submit:hover {\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    filter:\r\n        brightness(.96);\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-whatsapp-submit i {\r\n\r\n    font-size:\r\n        17px;\r\n}\r\n\r\n\r\n\/* ========================================================\r\n   FORM MESSAGE\r\n======================================================== *\/\r\n\r\n#lpuw-section .lpuw-form-message {\r\n\r\n    display:\r\n        none;\r\n\r\n    margin-top:\r\n        15px;\r\n\r\n    padding:\r\n        12px 14px;\r\n\r\n    border-radius:\r\n        11px;\r\n\r\n    font-size:\r\n        8px;\r\n\r\n    line-height:\r\n        1.8;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-form-message.success {\r\n\r\n    display:\r\n        block;\r\n\r\n    color:\r\n        #166534;\r\n\r\n    background:\r\n        #f0fdf4;\r\n\r\n    border:\r\n        1px solid\r\n        #bbf7d0;\r\n}\r\n\r\n\r\n#lpuw-section .lpuw-form-message.error {\r\n\r\n    display:\r\n        block;\r\n\r\n    color:\r\n        #991b1b;\r\n\r\n    background:\r\n        #fef2f2;\r\n\r\n    border:\r\n        1px solid\r\n        #fecaca;\r\n}\r\n\r\n\r\n\/* ========================================================\r\n   TABLET\r\n======================================================== *\/\r\n\r\n@media (max-width: 850px) {\r\n\r\n    #lpuw-section .lpuw-container {\r\n\r\n        width:\r\n            calc(\r\n                100% - 32px\r\n            );\r\n\r\n        padding:\r\n            45px 0 65px;\r\n    }\r\n\r\n\r\n    #lpuw-section .lpuw-cta {\r\n\r\n        padding:\r\n            30px;\r\n    }\r\n\r\n\r\n    #lpuw-section .lpuw-form-card {\r\n\r\n        padding:\r\n            23px;\r\n    }\r\n\r\n\r\n    #lpuw-section .lpuw-preview {\r\n\r\n        grid-template-columns:\r\n            repeat(\r\n                3,\r\n                minmax(\r\n                    0,\r\n                    1fr\r\n                )\r\n            );\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ========================================================\r\n   MOBILE\r\n======================================================== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    #lpuw-section .lpuw-container {\r\n\r\n        width:\r\n            calc(\r\n                100% - 24px\r\n            );\r\n\r\n        padding:\r\n            32px 0 50px;\r\n    }\r\n\r\n\r\n    #lpuw-section .lpuw-cta {\r\n\r\n        padding:\r\n            24px 20px;\r\n\r\n        border-radius:\r\n            18px;\r\n    }\r\n\r\n\r\n    #lpuw-section .lpuw-cta-top {\r\n\r\n        margin-bottom:\r\n            14px;\r\n    }\r\n\r\n\r\n    #lpuw-section .lpuw-cta-eyebrow {\r\n\r\n        font-size:\r\n            8px;\r\n    }\r\n\r\n\r\n    #lpuw-section .lpuw-eyebrow-line {\r\n\r\n        width:\r\n            30px;\r\n    }\r\n\r\n\r\n    #lpuw-section .lpuw-cta-icon {\r\n\r\n        width:\r\n            42px;\r\n\r\n        height:\r\n            42px;\r\n\r\n        flex-basis:\r\n            42px;\r\n\r\n        border-radius:\r\n            12px;\r\n    }\r\n\r\n\r\n    #lpuw-section .lpuw-cta-icon i {\r\n\r\n        font-size:\r\n            15px;\r\n    }\r\n\r\n\r\n    #lpuw-section #lpuwCtaTitle {\r\n\r\n        font-size:\r\n            25px;\r\n\r\n        margin-bottom:\r\n            10px;\r\n    }\r\n\r\n\r\n    #lpuw-section #lpuwCtaDescription {\r\n\r\n        font-size:\r\n            9px;\r\n\r\n        line-height:\r\n            2;\r\n\r\n        margin-bottom:\r\n            19px;\r\n    }\r\n\r\n\r\n    #lpuw-section .lpuw-cta-button {\r\n\r\n        width:\r\n            100%;\r\n\r\n        min-height:\r\n            54px;\r\n\r\n        padding:\r\n            0 10px;\r\n\r\n        font-size:\r\n            9px;\r\n    }\r\n\r\n\r\n    #lpuw-section .lpuw-form-card {\r\n\r\n        margin-top:\r\n            16px;\r\n\r\n        padding:\r\n            16px;\r\n\r\n        border-radius:\r\n            18px;\r\n    }\r\n\r\n\r\n    #lpuw-section .lpuw-form-top {\r\n\r\n        align-items:\r\n            flex-start;\r\n\r\n        padding-bottom:\r\n            18px;\r\n\r\n        margin-bottom:\r\n            18px;\r\n    }\r\n\r\n\r\n    #lpuw-section .lpuw-form-icon {\r\n\r\n        width:\r\n            45px;\r\n\r\n        height:\r\n            45px;\r\n\r\n        flex-basis:\r\n            45px;\r\n    }\r\n\r\n\r\n    #lpuw-section .lpuw-form-top h3 {\r\n\r\n        font-size:\r\n            14px;\r\n    }\r\n\r\n\r\n    #lpuw-section .lpuw-form-top p {\r\n\r\n        font-size:\r\n            8px;\r\n    }\r\n\r\n\r\n    #lpuw-section .lpuw-block {\r\n\r\n        padding:\r\n            15px;\r\n\r\n        border-radius:\r\n            15px;\r\n    }\r\n\r\n\r\n    #lpuw-section .lpuw-fields-grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap:\r\n            10px;\r\n    }\r\n\r\n\r\n    #lpuw-section .lpuw-span-2,\r\n    #lpuw-section .lpuw-span-full {\r\n\r\n        grid-column:\r\n            1;\r\n    }\r\n\r\n\r\n    #lpuw-section .lpuw-preview {\r\n\r\n        grid-template-columns:\r\n            repeat(\r\n                2,\r\n                minmax(\r\n                    0,\r\n                    1fr\r\n                )\r\n            );\r\n    }\r\n\r\n\r\n    #lpuw-section .lpuw-submit-row {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n    }\r\n\r\n\r\n    #lpuw-section .lpuw-whatsapp-submit {\r\n\r\n        min-width:\r\n            0;\r\n    }\r\n\r\n\r\n    #lpuw-section .lpuw-upload-label {\r\n\r\n        min-height:\r\n            175px;\r\n\r\n        padding:\r\n            22px 15px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    'use strict';\r\n\r\n\r\n    \/* =====================================================\r\n       FORM ENDPOINT\r\n    ===================================================== *\/\r\n\r\n    const LRO_FORM_ENDPOINT =\r\n        'https:\/\/formsubmit.co\/ajax\/YOUR_EMAIL_HERE';\r\n\r\n\r\n    \/* =====================================================\r\n       ELEMENTS\r\n    ===================================================== *\/\r\n\r\n    const form =\r\n        document.getElementById(\r\n            'lpuwPropertyForm'\r\n        );\r\n\r\n\r\n    const formCard =\r\n        document.getElementById(\r\n            'lpuwFormCard'\r\n        );\r\n\r\n\r\n    const cta =\r\n        document.getElementById(\r\n            'lpuwCta'\r\n        );\r\n\r\n\r\n    const toggleButton =\r\n        document.getElementById(\r\n            'lpuwToggleForm'\r\n        );\r\n\r\n\r\n    const ctaButtonText =\r\n        document.getElementById(\r\n            'lpuwCtaButtonText'\r\n        );\r\n\r\n\r\n    const imagesInput =\r\n        document.getElementById(\r\n            'lpuwImages'\r\n        );\r\n\r\n\r\n    const preview =\r\n        document.getElementById(\r\n            'lpuwPreview'\r\n        );\r\n\r\n\r\n    const fileStatus =\r\n        document.getElementById(\r\n            'lpuwFileStatus'\r\n        );\r\n\r\n\r\n    const submitButton =\r\n        document.getElementById(\r\n            'lpuwSubmit'\r\n        );\r\n\r\n\r\n    const formMessage =\r\n        document.getElementById(\r\n            'lpuwFormMessage'\r\n        );\r\n\r\n\r\n    let selectedFiles = [];\r\n\r\n\r\n    \/* =====================================================\r\n       LANGUAGE\r\n    ===================================================== *\/\r\n\r\n    function currentLanguage() {\r\n\r\n        return document.documentElement.getAttribute('dir') === 'rtl'\r\n            ? 'ar'\r\n            : 'en';\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       TRANSLATIONS\r\n    ===================================================== *\/\r\n\r\n    const translations = {\r\n\r\n        ar: {\r\n\r\n            ctaEyebrow:\r\n                '\u0627\u0639\u0631\u0636 \u0648\u062d\u062f\u062a\u0643 \u0639\u0646\u062f\u0646\u0627',\r\n\r\n            ctaTitle:\r\n                '\u0627\u0639\u0631\u0636 \u0648\u062d\u062f\u062a\u0643 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u0645\u0639\u0646\u0627',\r\n\r\n            ctaDescription:\r\n                '\u0644\u062f\u064a\u0643 \u0648\u062d\u062f\u0629 \u0639\u0642\u0627\u0631\u064a\u0629 \u0644\u0644\u0628\u064a\u0639 \u0623\u0648 \u0644\u0644\u0625\u064a\u062c\u0627\u0631\u061f \u0623\u0631\u0633\u0644 \u0644\u0646\u0627 \u062a\u0641\u0627\u0635\u064a\u0644\u0647\u0627 \u0648\u0633\u064a\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0641\u0631\u064a\u0642\u0646\u0627 \u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0627\u0633\u062a\u0643\u0645\u0627\u0644 \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0639\u0631\u0636.',\r\n\r\n            ctaOpen:\r\n                '\u0627\u0639\u0631\u0636 \u0648\u062d\u062f\u062a\u0643 \u0627\u0644\u0622\u0646',\r\n\r\n            ctaClose:\r\n                '\u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0646\u0645\u0648\u0630\u062c',\r\n\r\n            formTitle:\r\n                '\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u062d\u062f\u0629',\r\n\r\n            formSubtitle:\r\n                '\u0627\u0645\u0644\u0623 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0628\u0623\u0643\u0628\u0631 \u0642\u062f\u0631 \u0645\u0645\u0643\u0646 \u0645\u0646 \u0627\u0644\u062f\u0642\u0629.',\r\n\r\n            propertyInfoTitle:\r\n                '\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0648\u062d\u062f\u0629',\r\n\r\n            propertyInfoSub:\r\n                '\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u0639\u0642\u0627\u0631',\r\n\r\n            ownerInfoTitle:\r\n                '\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644',\r\n\r\n            ownerInfoSub:\r\n                '\u062d\u062a\u0649 \u064a\u062a\u0645\u0643\u0646 \u0641\u0631\u064a\u0642\u0646\u0627 \u0645\u0646 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643',\r\n\r\n            imagesTitle:\r\n                '\u0635\u0648\u0631 \u0627\u0644\u0648\u062d\u062f\u0629',\r\n\r\n            imagesSub:\r\n                '\u0623\u0636\u0641 \u0635\u0648\u0631\u064b\u0627 \u0648\u0627\u0636\u062d\u0629 \u0644\u0644\u062f\u0627\u062e\u0644 \u0648\u0627\u0644\u062e\u0627\u0631\u062c \u0648\u0627\u0644\u0648\u0627\u062c\u0647\u0629',\r\n\r\n            uploadTitle:\r\n                '\u0627\u0631\u0641\u0639 \u0635\u0648\u0631 \u0627\u0644\u0648\u062d\u062f\u0629',\r\n\r\n            uploadText:\r\n                '\u0627\u0633\u062d\u0628 \u0627\u0644\u0635\u0648\u0631 \u0647\u0646\u0627 \u0623\u0648 \u0627\u0636\u063a\u0637 \u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0644\u0641\u0627\u062a',\r\n\r\n            uploadHint:\r\n                'JPG \/ PNG \/ WEBP \u2014 \u062d\u062a\u0649 8 \u0635\u0648\u0631 \u2014 \u0628\u062d\u062f \u0623\u0642\u0635\u0649 5MB \u0644\u0644\u0635\u0648\u0631\u0629',\r\n\r\n            note:\r\n                '\u0628\u0639\u062f \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\u060c \u0633\u064a\u0642\u0648\u0645 \u0641\u0631\u064a\u0642\u0646\u0627 \u0628\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0644\u0627\u0633\u062a\u0643\u0645\u0627\u0644 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0648\u062d\u062f\u0629 \u0648\u0622\u0644\u064a\u0629 \u0639\u0631\u0636\u0647\u0627.',\r\n\r\n            consent:\r\n                '\u0623\u0642\u0631 \u0628\u0623\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0645\u0631\u0633\u0644\u0629 \u062a\u062e\u0635 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0645\u0630\u0643\u0648\u0631\u0629 \u0648\u0623\u0648\u0627\u0641\u0642 \u0639\u0644\u0649 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u064a \u0628\u062e\u0635\u0648\u0635 \u0627\u0644\u0637\u0644\u0628.',\r\n\r\n            submit:\r\n                '\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0648\u062d\u062f\u0629 \u0644\u0644\u0645\u0631\u0627\u062c\u0639\u0629',\r\n\r\n            whatsapp:\r\n                '\u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628',\r\n\r\n            chooseType:\r\n                '\u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u0639\u0642\u0627\u0631',\r\n\r\n            choosePurpose:\r\n                '\u0627\u062e\u062a\u0631 \u0627\u0644\u063a\u0631\u0636',\r\n\r\n            chooseFinishing:\r\n                '\u0627\u062e\u062a\u0631 \u0627\u0644\u062d\u0627\u0644\u0629',\r\n\r\n            chooseContact:\r\n                '\u0627\u062e\u062a\u0631 \u0627\u0644\u0637\u0631\u064a\u0642\u0629',\r\n\r\n            imageCount:\r\n                '\u062a\u0645 \u0627\u062e\u062a\u064a\u0627\u0631 %count% \u0635\u0648\u0631\u0629',\r\n\r\n            noImages:\r\n                '\u0644\u0645 \u064a\u062a\u0645 \u0627\u062e\u062a\u064a\u0627\u0631 \u0635\u0648\u0631 \u0628\u0639\u062f',\r\n\r\n            maxImages:\r\n                '\u064a\u0645\u0643\u0646\u0643 \u0631\u0641\u0639 8 \u0635\u0648\u0631 \u0643\u062d\u062f \u0623\u0642\u0635\u0649.',\r\n\r\n            invalidFile:\r\n                '\u064a\u0648\u062c\u062f \u0645\u0644\u0641 \u063a\u064a\u0631 \u0635\u0627\u0644\u062d. \u0627\u0633\u062a\u062e\u062f\u0645 JPG \u0623\u0648 PNG \u0623\u0648 WEBP \u0641\u0642\u0637.',\r\n\r\n            tooLarge:\r\n                '\u064a\u062c\u0628 \u0623\u0644\u0627 \u064a\u062a\u062c\u0627\u0648\u0632 \u062d\u062c\u0645 \u0627\u0644\u0635\u0648\u0631\u0629 5MB.',\r\n\r\n            required:\r\n                '\u0647\u0630\u0627 \u0627\u0644\u062d\u0642\u0644 \u0645\u0637\u0644\u0648\u0628.',\r\n\r\n            invalidEmail:\r\n                '\u0623\u062f\u062e\u0644 \u0628\u0631\u064a\u062f\u064b\u0627 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u064b\u0627 \u0635\u062d\u064a\u062d\u064b\u0627.',\r\n\r\n            sending:\r\n                '\u062c\u0627\u0631\u064a \u0625\u0631\u0633\u0627\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u062d\u062f\u0629...',\r\n\r\n            success:\r\n                '\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u062d\u062f\u0629 \u0628\u0646\u062c\u0627\u062d. \u0633\u064a\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0641\u0631\u064a\u0642\u0646\u0627 \u0628\u0639\u062f \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0637\u0644\u0628.',\r\n\r\n            error:\r\n                '\u062a\u0639\u0630\u0631 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628 \u062d\u0627\u0644\u064a\u064b\u0627. \u062d\u0627\u0648\u0644 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649 \u0623\u0648 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628.',\r\n\r\n            endpoint:\r\n                '\u0642\u0645 \u0628\u0625\u0636\u0627\u0641\u0629 \u0628\u0631\u064a\u062f \u0627\u0644\u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0641\u064a LRO_FORM_ENDPOINT \u0623\u0648\u0644\u064b\u0627.'\r\n\r\n        },\r\n\r\n\r\n        en: {\r\n\r\n            ctaEyebrow:\r\n                'LIST YOUR PROPERTY',\r\n\r\n            ctaTitle:\r\n                'List Your Property With Us',\r\n\r\n            ctaDescription:\r\n                'Have a property for sale or rent? Send us the details and our team will review the information and contact you about the next steps.',\r\n\r\n            ctaOpen:\r\n                'List Your Property Now',\r\n\r\n            ctaClose:\r\n                'Hide Form',\r\n\r\n            formTitle:\r\n                'Property Details',\r\n\r\n            formSubtitle:\r\n                'Please provide as much accurate information as possible.',\r\n\r\n            propertyInfoTitle:\r\n                'Property Information',\r\n\r\n            propertyInfoSub:\r\n                'Basic property details',\r\n\r\n            ownerInfoTitle:\r\n                'Contact Information',\r\n\r\n            ownerInfoSub:\r\n                'So our team can reach you',\r\n\r\n            imagesTitle:\r\n                'Property Photos',\r\n\r\n            imagesSub:\r\n                'Add clear photos of the interior, exterior and facade',\r\n\r\n            uploadTitle:\r\n                'Upload Property Photos',\r\n\r\n            uploadText:\r\n                'Drag photos here or click to choose files',\r\n\r\n            uploadHint:\r\n                'JPG \/ PNG \/ WEBP \u2014 up to 8 images \u2014 max 5MB per image',\r\n\r\n            note:\r\n                'After submission, our team will review the details and contact you to complete the property listing information.',\r\n\r\n            consent:\r\n                'I confirm that the submitted information and photos relate to the property listed and I agree to be contacted regarding this request.',\r\n\r\n            submit:\r\n                'Submit Property for Review',\r\n\r\n            whatsapp:\r\n                'Contact via WhatsApp',\r\n\r\n            chooseType:\r\n                'Select property type',\r\n\r\n            choosePurpose:\r\n                'Select purpose',\r\n\r\n            chooseFinishing:\r\n                'Select finishing',\r\n\r\n            chooseContact:\r\n                'Select method',\r\n\r\n            imageCount:\r\n                '%count% images selected',\r\n\r\n            noImages:\r\n                'No images selected yet',\r\n\r\n            maxImages:\r\n                'You can upload a maximum of 8 images.',\r\n\r\n            invalidFile:\r\n                'An invalid file was selected. Use JPG, PNG or WEBP only.',\r\n\r\n            tooLarge:\r\n                'Each image must not exceed 5MB.',\r\n\r\n            required:\r\n                'This field is required.',\r\n\r\n            invalidEmail:\r\n                'Please enter a valid email address.',\r\n\r\n            sending:\r\n                'Sending property details...',\r\n\r\n            success:\r\n                'Your property details were submitted successfully. Our team will contact you after reviewing the request.',\r\n\r\n            error:\r\n                'The request could not be submitted right now. Please try again or contact us via WhatsApp.',\r\n\r\n            endpoint:\r\n                'Please add the receiving email inside LRO_FORM_ENDPOINT first.'\r\n\r\n        }\r\n\r\n    };\r\n\r\n\r\n    \/* =====================================================\r\n       TOGGLE FORM\r\n    ===================================================== *\/\r\n\r\n    function openForm() {\r\n\r\n        formCard.classList.add(\r\n            'is-visible'\r\n        );\r\n\r\n\r\n        formCard.setAttribute(\r\n            'aria-hidden',\r\n            'false'\r\n        );\r\n\r\n\r\n        cta.classList.add(\r\n            'is-open'\r\n        );\r\n\r\n\r\n        toggleButton.setAttribute(\r\n            'aria-expanded',\r\n            'true'\r\n        );\r\n\r\n\r\n        updateCtaButtonText();\r\n\r\n    }\r\n\r\n\r\n    function closeForm() {\r\n\r\n        formCard.classList.remove(\r\n            'is-visible'\r\n        );\r\n\r\n\r\n        formCard.setAttribute(\r\n            'aria-hidden',\r\n            'true'\r\n        );\r\n\r\n\r\n        cta.classList.remove(\r\n            'is-open'\r\n        );\r\n\r\n\r\n        toggleButton.setAttribute(\r\n            'aria-expanded',\r\n            'false'\r\n        );\r\n\r\n\r\n        updateCtaButtonText();\r\n\r\n\r\n        setTimeout(\r\n            function () {\r\n\r\n                cta.scrollIntoView({\r\n                    behavior:\r\n                        'smooth',\r\n\r\n                    block:\r\n                        'start'\r\n                });\r\n\r\n            },\r\n            50\r\n        );\r\n\r\n    }\r\n\r\n\r\n    function updateCtaButtonText() {\r\n\r\n        const lang =\r\n            currentLanguage();\r\n\r\n\r\n        const t =\r\n            translations[lang];\r\n\r\n\r\n        const isOpen =\r\n            toggleButton.getAttribute(\r\n                'aria-expanded'\r\n            ) === 'true';\r\n\r\n\r\n        ctaButtonText.textContent =\r\n            isOpen\r\n                ? t.ctaClose\r\n                : t.ctaOpen;\r\n\r\n    }\r\n\r\n\r\n    toggleButton.addEventListener(\r\n        'click',\r\n        function () {\r\n\r\n            const isOpen =\r\n                toggleButton.getAttribute(\r\n                    'aria-expanded'\r\n                ) === 'true';\r\n\r\n\r\n            if (isOpen) {\r\n\r\n                closeForm();\r\n\r\n            } else {\r\n\r\n                openForm();\r\n\r\n\r\n                setTimeout(\r\n                    function () {\r\n\r\n                        formCard.scrollIntoView({\r\n                            behavior:\r\n                                'smooth',\r\n\r\n                            block:\r\n                                'start'\r\n                        });\r\n\r\n                    },\r\n                    120\r\n                );\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       UPDATE STATIC LANGUAGE\r\n    ===================================================== *\/\r\n\r\n    function updateLanguage() {\r\n\r\n        const lang =\r\n            currentLanguage();\r\n\r\n\r\n        const t =\r\n            translations[lang];\r\n\r\n\r\n        function setText(\r\n            id,\r\n            value\r\n        ) {\r\n\r\n            const el =\r\n                document.getElementById(\r\n                    id\r\n                );\r\n\r\n\r\n            if (el) {\r\n\r\n                el.textContent =\r\n                    value;\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        setText(\r\n            'lpuwCtaEyebrow',\r\n            t.ctaEyebrow\r\n        );\r\n\r\n\r\n        setText(\r\n            'lpuwCtaTitle',\r\n            t.ctaTitle\r\n        );\r\n\r\n\r\n        setText(\r\n            'lpuwCtaDescription',\r\n            t.ctaDescription\r\n        );\r\n\r\n\r\n        setText(\r\n            'lpuwFormTitle',\r\n            t.formTitle\r\n        );\r\n\r\n\r\n        setText(\r\n            'lpuwFormSubtitle',\r\n            t.formSubtitle\r\n        );\r\n\r\n\r\n        setText(\r\n            'lpuwPropertyInfoTitle',\r\n            t.propertyInfoTitle\r\n        );\r\n\r\n\r\n        setText(\r\n            'lpuwPropertyInfoSub',\r\n            t.propertyInfoSub\r\n        );\r\n\r\n\r\n        setText(\r\n            'lpuwOwnerInfoTitle',\r\n            t.ownerInfoTitle\r\n        );\r\n\r\n\r\n        setText(\r\n            'lpuwOwnerInfoSub',\r\n            t.ownerInfoSub\r\n        );\r\n\r\n\r\n        setText(\r\n            'lpuwImagesTitle',\r\n            t.imagesTitle\r\n        );\r\n\r\n\r\n        setText(\r\n            'lpuwImagesSub',\r\n            t.imagesSub\r\n        );\r\n\r\n\r\n        setText(\r\n            'lpuwUploadTitle',\r\n            t.uploadTitle\r\n        );\r\n\r\n\r\n        setText(\r\n            'lpuwUploadText',\r\n            t.uploadText\r\n        );\r\n\r\n\r\n        setText(\r\n            'lpuwUploadHint',\r\n            t.uploadHint\r\n        );\r\n\r\n\r\n        setText(\r\n            'lpuwNote',\r\n            t.note\r\n        );\r\n\r\n\r\n        setText(\r\n            'lpuwConsentText',\r\n            t.consent\r\n        );\r\n\r\n\r\n        setText(\r\n            'lpuwSubmitText',\r\n            t.submit\r\n        );\r\n\r\n\r\n        setText(\r\n            'lpuwWhatsappText',\r\n            t.whatsapp\r\n        );\r\n\r\n\r\n        updateSelectPlaceholders();\r\n\r\n        updateFileStatus();\r\n\r\n        updateCtaButtonText();\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       SELECT PLACEHOLDERS\r\n    ===================================================== *\/\r\n\r\n    function updateSelectPlaceholders() {\r\n\r\n        const lang =\r\n            currentLanguage();\r\n\r\n\r\n        const t =\r\n            translations[lang];\r\n\r\n\r\n        const typeSelect =\r\n            document.getElementById(\r\n                'lpuwPropertyType'\r\n            );\r\n\r\n\r\n        const purposeSelect =\r\n            document.getElementById(\r\n                'lpuwListingType'\r\n            );\r\n\r\n\r\n        const finishingSelect =\r\n            document.getElementById(\r\n                'lpuwFinishing'\r\n            );\r\n\r\n\r\n        const contactSelect =\r\n            document.getElementById(\r\n                'lpuwPreferredContact'\r\n            );\r\n\r\n\r\n        if (\r\n            typeSelect &&\r\n            typeSelect.options[0]\r\n        ) {\r\n\r\n            typeSelect.options[0].textContent =\r\n                t.chooseType;\r\n\r\n        }\r\n\r\n\r\n        if (\r\n            purposeSelect &&\r\n            purposeSelect.options[0]\r\n        ) {\r\n\r\n            purposeSelect.options[0].textContent =\r\n                t.choosePurpose;\r\n\r\n        }\r\n\r\n\r\n        if (\r\n            finishingSelect &&\r\n            finishingSelect.options[0]\r\n        ) {\r\n\r\n            finishingSelect.options[0].textContent =\r\n                t.chooseFinishing;\r\n\r\n        }\r\n\r\n\r\n        if (\r\n            contactSelect &&\r\n            contactSelect.options[0]\r\n        ) {\r\n\r\n            contactSelect.options[0].textContent =\r\n                t.chooseContact;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       FILE HANDLING\r\n    ===================================================== *\/\r\n\r\n    imagesInput.addEventListener(\r\n        'change',\r\n        function () {\r\n\r\n            const lang =\r\n                currentLanguage();\r\n\r\n\r\n            const t =\r\n                translations[lang];\r\n\r\n\r\n            const incoming =\r\n                Array.from(\r\n                    this.files || []\r\n                );\r\n\r\n\r\n            if (!incoming.length) {\r\n\r\n                updateFileStatus();\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            const validTypes = [\r\n\r\n                'image\/jpeg',\r\n                'image\/png',\r\n                'image\/webp'\r\n\r\n            ];\r\n\r\n\r\n            for (\r\n                let i = 0;\r\n                i < incoming.length;\r\n                i++\r\n            ) {\r\n\r\n                const file =\r\n                    incoming[i];\r\n\r\n\r\n                if (\r\n                    !validTypes.includes(\r\n                        file.type\r\n                    )\r\n                ) {\r\n\r\n                    showFormMessage(\r\n                        t.invalidFile,\r\n                        'error'\r\n                    );\r\n\r\n\r\n                    this.value = '';\r\n\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n\r\n                if (\r\n                    file.size >\r\n                    5 * 1024 * 1024\r\n                ) {\r\n\r\n                    showFormMessage(\r\n                        t.tooLarge,\r\n                        'error'\r\n                    );\r\n\r\n\r\n                    this.value = '';\r\n\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n            }\r\n\r\n\r\n            const remaining =\r\n                8 - selectedFiles.length;\r\n\r\n\r\n            const filesToAdd =\r\n                incoming.slice(\r\n                    0,\r\n                    Math.max(\r\n                        remaining,\r\n                        0\r\n                    )\r\n                );\r\n\r\n\r\n            selectedFiles =\r\n                selectedFiles.concat(\r\n                    filesToAdd\r\n                );\r\n\r\n\r\n            if (\r\n                incoming.length >\r\n                filesToAdd.length\r\n            ) {\r\n\r\n                showFormMessage(\r\n                    t.maxImages,\r\n                    'error'\r\n                );\r\n\r\n            } else {\r\n\r\n                hideFormMessage();\r\n\r\n            }\r\n\r\n\r\n            this.value = '';\r\n\r\n\r\n            renderPreview();\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       RENDER PREVIEW\r\n    ===================================================== *\/\r\n\r\n    function renderPreview() {\r\n\r\n        preview.innerHTML =\r\n            '';\r\n\r\n\r\n        selectedFiles.forEach(\r\n            function (\r\n                file,\r\n                index\r\n            ) {\r\n\r\n                const item =\r\n                    document.createElement(\r\n                        'div'\r\n                    );\r\n\r\n\r\n                item.className =\r\n                    'lpuw-preview-item';\r\n\r\n\r\n                const img =\r\n                    document.createElement(\r\n                        'img'\r\n                    );\r\n\r\n\r\n                const reader =\r\n                    new FileReader();\r\n\r\n\r\n                reader.onload =\r\n                    function (\r\n                        event\r\n                    ) {\r\n\r\n                        img.src =\r\n                            event.target.result;\r\n\r\n                    };\r\n\r\n\r\n                reader.readAsDataURL(\r\n                    file\r\n                );\r\n\r\n\r\n                const removeButton =\r\n                    document.createElement(\r\n                        'button'\r\n                    );\r\n\r\n\r\n                removeButton.type =\r\n                    'button';\r\n\r\n\r\n                removeButton.className =\r\n                    'lpuw-preview-remove';\r\n\r\n\r\n                removeButton.innerHTML =\r\n                    '<i class=\"fa-solid fa-xmark\"><\/i>';\r\n\r\n\r\n                removeButton.setAttribute(\r\n                    'aria-label',\r\n                    'Remove image'\r\n                );\r\n\r\n\r\n                removeButton.addEventListener(\r\n                    'click',\r\n                    function () {\r\n\r\n                        selectedFiles.splice(\r\n                            index,\r\n                            1\r\n                        );\r\n\r\n\r\n                        renderPreview();\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                const name =\r\n                    document.createElement(\r\n                        'div'\r\n                    );\r\n\r\n\r\n                name.className =\r\n                    'lpuw-preview-name';\r\n\r\n\r\n                name.textContent =\r\n                    file.name;\r\n\r\n\r\n                item.appendChild(\r\n                    img\r\n                );\r\n\r\n\r\n                item.appendChild(\r\n                    removeButton\r\n                );\r\n\r\n\r\n                item.appendChild(\r\n                    name\r\n                );\r\n\r\n\r\n                preview.appendChild(\r\n                    item\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        updateFileStatus();\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       FILE STATUS\r\n    ===================================================== *\/\r\n\r\n    function updateFileStatus() {\r\n\r\n        const lang =\r\n            currentLanguage();\r\n\r\n\r\n        const t =\r\n            translations[lang];\r\n\r\n\r\n        if (\r\n            !selectedFiles.length\r\n        ) {\r\n\r\n            fileStatus.textContent =\r\n                t.noImages;\r\n\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        fileStatus.textContent =\r\n            t.imageCount.replace(\r\n                '%count%',\r\n                selectedFiles.length\r\n            );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       VALIDATION\r\n    ===================================================== *\/\r\n\r\n    function clearErrors() {\r\n\r\n        form.querySelectorAll(\r\n            '.lpuw-field'\r\n        ).forEach(\r\n            function (\r\n                field\r\n            ) {\r\n\r\n                field.classList.remove(\r\n                    'has-error'\r\n                );\r\n\r\n\r\n                const error =\r\n                    field.querySelector(\r\n                        '.lpuw-error'\r\n                    );\r\n\r\n\r\n                if (error) {\r\n\r\n                    error.textContent =\r\n                        '';\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    function setFieldError(\r\n        fieldId,\r\n        message\r\n    ) {\r\n\r\n        const field =\r\n            document\r\n                .getElementById(\r\n                    fieldId\r\n                )\r\n                ?.closest(\r\n                    '.lpuw-field'\r\n                );\r\n\r\n\r\n        if (!field) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        field.classList.add(\r\n            'has-error'\r\n        );\r\n\r\n\r\n        const error =\r\n            field.querySelector(\r\n                '.lpuw-error'\r\n            );\r\n\r\n\r\n        if (error) {\r\n\r\n            error.textContent =\r\n                message;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    function validateForm() {\r\n\r\n        const lang =\r\n            currentLanguage();\r\n\r\n\r\n        const t =\r\n            translations[lang];\r\n\r\n\r\n        clearErrors();\r\n\r\n\r\n        let valid =\r\n            true;\r\n\r\n\r\n        const requiredFields = [\r\n\r\n            'lpuwPropertyName',\r\n            'lpuwPropertyType',\r\n            'lpuwListingType',\r\n            'lpuwLocation',\r\n            'lpuwArea',\r\n            'lpuwOwnerName',\r\n            'lpuwPhone'\r\n\r\n        ];\r\n\r\n\r\n        requiredFields.forEach(\r\n            function (\r\n                id\r\n            ) {\r\n\r\n                const field =\r\n                    document.getElementById(\r\n                        id\r\n                    );\r\n\r\n\r\n                if (\r\n                    !field ||\r\n                    !String(\r\n                        field.value\r\n                    ).trim()\r\n                ) {\r\n\r\n                    setFieldError(\r\n                        id,\r\n                        t.required\r\n                    );\r\n\r\n\r\n                    valid =\r\n                        false;\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        const email =\r\n            document.getElementById(\r\n                'lpuwEmail'\r\n            );\r\n\r\n\r\n        if (\r\n            email.value.trim() &&\r\n            !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(\r\n                email.value.trim()\r\n            )\r\n        ) {\r\n\r\n            setFieldError(\r\n                'lpuwEmail',\r\n                t.invalidEmail\r\n            );\r\n\r\n\r\n            valid =\r\n                false;\r\n\r\n        }\r\n\r\n\r\n        const consent =\r\n            document.getElementById(\r\n                'lpuwConsent'\r\n            );\r\n\r\n\r\n        if (\r\n            !consent.checked\r\n        ) {\r\n\r\n            showFormMessage(\r\n                t.consent,\r\n                'error'\r\n            );\r\n\r\n\r\n            valid =\r\n                false;\r\n\r\n        }\r\n\r\n\r\n        return valid;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       FORM MESSAGE\r\n    ===================================================== *\/\r\n\r\n    function showFormMessage(\r\n        message,\r\n        type\r\n    ) {\r\n\r\n        formMessage.textContent =\r\n            message;\r\n\r\n\r\n        formMessage.className =\r\n            'lpuw-form-message ' +\r\n            type;\r\n\r\n    }\r\n\r\n\r\n    function hideFormMessage() {\r\n\r\n        formMessage.className =\r\n            'lpuw-form-message';\r\n\r\n\r\n        formMessage.textContent =\r\n            '';\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       SUBMIT\r\n    ===================================================== *\/\r\n\r\n    form.addEventListener(\r\n        'submit',\r\n        async function (\r\n            event\r\n        ) {\r\n\r\n            event.preventDefault();\r\n\r\n\r\n            const lang =\r\n                currentLanguage();\r\n\r\n\r\n            const t =\r\n                translations[lang];\r\n\r\n\r\n            hideFormMessage();\r\n\r\n\r\n            if (\r\n                !validateForm()\r\n            ) {\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            if (\r\n                LRO_FORM_ENDPOINT.includes(\r\n                    'YOUR_EMAIL_HERE'\r\n                )\r\n            ) {\r\n\r\n                showFormMessage(\r\n                    t.endpoint,\r\n                    'error'\r\n                );\r\n\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            submitButton.disabled =\r\n                true;\r\n\r\n\r\n            const submitText =\r\n                document.getElementById(\r\n                    'lpuwSubmitText'\r\n                );\r\n\r\n\r\n            const oldText =\r\n                submitText.textContent;\r\n\r\n\r\n            submitText.textContent =\r\n                t.sending;\r\n\r\n\r\n            try {\r\n\r\n                const formData =\r\n                    new FormData(\r\n                        form\r\n                    );\r\n\r\n\r\n                formData.delete(\r\n                    'property_images'\r\n                );\r\n\r\n\r\n                selectedFiles.forEach(\r\n                    function (\r\n                        file\r\n                    ) {\r\n\r\n                        formData.append(\r\n                            'property_images',\r\n                            file,\r\n                            file.name\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                formData.append(\r\n                    '_subject',\r\n                    lang === 'ar'\r\n                        ? '\u0637\u0644\u0628 \u0639\u0631\u0636 \u0648\u062d\u062f\u0629 \u0639\u0642\u0627\u0631\u064a\u0629 \u062c\u062f\u064a\u062f\u0629'\r\n                        : 'New Property Listing Request'\r\n                );\r\n\r\n\r\n                formData.append(\r\n                    '_captcha',\r\n                    'false'\r\n                );\r\n\r\n\r\n                formData.append(\r\n                    '_template',\r\n                    'table'\r\n                );\r\n\r\n\r\n                const response =\r\n                    await fetch(\r\n                        LRO_FORM_ENDPOINT,\r\n                        {\r\n                            method:\r\n                                'POST',\r\n\r\n                            body:\r\n                                formData,\r\n\r\n                            headers: {\r\n                                'Accept':\r\n                                    'application\/json'\r\n                            }\r\n                        }\r\n                    );\r\n\r\n\r\n                if (\r\n                    !response.ok\r\n                ) {\r\n\r\n                    throw new Error(\r\n                        'Submission failed'\r\n                    );\r\n\r\n                }\r\n\r\n\r\n                const result =\r\n                    await response.json();\r\n\r\n\r\n                if (\r\n                    result.success !== true\r\n                ) {\r\n\r\n                    throw new Error(\r\n                        'Submission failed'\r\n                    );\r\n\r\n                }\r\n\r\n\r\n                showFormMessage(\r\n                    t.success,\r\n                    'success'\r\n                );\r\n\r\n\r\n                form.reset();\r\n\r\n\r\n                selectedFiles =\r\n                    [];\r\n\r\n\r\n                renderPreview();\r\n\r\n\r\n                formMessage.scrollIntoView({\r\n                    behavior:\r\n                        'smooth',\r\n\r\n                    block:\r\n                        'center'\r\n                });\r\n\r\n\r\n            } catch (\r\n                error\r\n            ) {\r\n\r\n                showFormMessage(\r\n                    t.error,\r\n                    'error'\r\n                );\r\n\r\n            } finally {\r\n\r\n                submitButton.disabled =\r\n                    false;\r\n\r\n\r\n                submitText.textContent =\r\n                    oldText;\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       WATCH HERO LANGUAGE\r\n    ===================================================== *\/\r\n\r\n    const observer =\r\n        new MutationObserver(\r\n            function () {\r\n\r\n                updateLanguage();\r\n\r\n            }\r\n        );\r\n\r\n\r\n    observer.observe(\r\n        document.documentElement,\r\n        {\r\n            attributes:\r\n                true,\r\n\r\n            attributeFilter:\r\n                [\r\n                    'dir'\r\n                ]\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       INITIAL\r\n    ===================================================== *\/\r\n\r\n    updateLanguage();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21f3eac elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"21f3eac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     PREMIUM REAL ESTATE CTA - MODERN LUXURY EDITION\r\n     Clean, Elegant, and CSS-Animated (No JS Required)\r\n     Arabic \/ English Auto-RTL\r\n========================================================= -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&family=Inter:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"ak-cta-section\" id=\"akPropertyCTA\">\r\n\r\n    <!-- Subtle Moving Background Elements -->\r\n    <div class=\"ak-bg-shape ak-shape-1\"><\/div>\r\n    <div class=\"ak-bg-shape ak-shape-2\"><\/div>\r\n\r\n    <div class=\"ak-cta-container\">\r\n        \r\n        <div class=\"ak-cta-card\">\r\n            \r\n            <!-- Visual \/ Logo Side -->\r\n            <div class=\"ak-cta-visual\">\r\n                <!-- Animated Rings -->\r\n                <div class=\"ak-ring ak-ring-1\"><\/div>\r\n                <div class=\"ak-ring ak-ring-2\"><\/div>\r\n                \r\n                <!-- Brand Logo -->\r\n                <div class=\"ak-logo-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/aymankhedr.com\/wp-content\/uploads\/2026\/09\/WhatsApp_Image_2026-09-23_at_12.24.21_PM-removebg-preview.png\" alt=\"Ayman Khedr Real Estate\" class=\"ak-brand-logo\">\r\n                <\/div>\r\n\r\n                <!-- Floating Badge -->\r\n                <div class=\"ak-floating-badge\">\r\n                    <span class=\"ak-badge-dot\"><\/span>\r\n                    <span class=\"ak-ar\">\u0645\u062a\u0627\u062d \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u062c\u0627\u0646\u064a\u0629<\/span>\r\n                    <span class=\"ak-en\">Free Consultation<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Content Side -->\r\n            <div class=\"ak-cta-content\">\r\n                \r\n                <div class=\"ak-eyebrow\">\r\n                    <i class=\"fa-solid fa-key\"><\/i>\r\n                    <span class=\"ak-ar\">\u062e\u0637\u0648\u062a\u0643 \u0627\u0644\u0623\u0648\u0644\u0649 \u0646\u062d\u0648 \u0639\u0642\u0627\u0631\u0643 \u0627\u0644\u0645\u0641\u0636\u0644<\/span>\r\n                    <span class=\"ak-en\">YOUR FIRST STEP TO YOUR DREAM PROPERTY<\/span>\r\n                <\/div>\r\n\r\n                <h2 class=\"ak-title\">\r\n                    <span class=\"ak-ar\">\u0627\u0633\u062a\u062b\u0645\u0631 \u0641\u064a \u0645\u0633\u062a\u0642\u0628\u0644\u0643\u060c <span>\u0648\u0627\u062e\u062a\u0631 \u0627\u0644\u0639\u0642\u0627\u0631<\/span> \u0627\u0644\u0630\u064a \u064a\u0639\u0643\u0633 \u0637\u0645\u0648\u062d\u0643.<\/span>\r\n                    <span class=\"ak-en\">Invest in your future, <span>choose the property<\/span> that reflects your ambition.<\/span>\r\n                <\/h2>\r\n\r\n                <p class=\"ak-description\">\r\n                    <span class=\"ak-ar\">\u0646\u0648\u0641\u0631 \u0644\u0643 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062e\u062a\u0627\u0631\u0629 \u0645\u0646 \u0623\u0641\u0636\u0644 \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0633\u0643\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0646\u0627\u0633\u0628 \u0645\u064a\u0632\u0627\u0646\u064a\u062a\u0643 \u0648\u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u0645\u0641\u0636\u0644. \u062f\u0639\u0646\u0627 \u0646\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631 \u0627\u0644\u0635\u062d\u064a\u062d.<\/span>\r\n                    <span class=\"ak-en\">We provide a curated selection of the best residential and commercial units tailored to your budget and preferred location. Let us guide your choice.<\/span>\r\n                <\/p>\r\n\r\n                <div class=\"ak-actions\">\r\n                    <a href=\"#properties\" class=\"ak-btn ak-btn-primary\">\r\n                        <span class=\"ak-ar\">\u062a\u0635\u0641\u062d \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629<\/span>\r\n                        <span class=\"ak-en\">Browse Available Units<\/span>\r\n                        <i class=\"fa-solid fa-arrow-left ak-arrow-icon\"><\/i>\r\n                    <\/a>\r\n\r\n                    <a href=\"https:\/\/wa.me\/201143141473\" target=\"_blank\" rel=\"noopener\" class=\"ak-btn ak-btn-whatsapp\">\r\n                        <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n                        <span class=\"ak-ar\">\u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/span>\r\n                        <span class=\"ak-en\">WhatsApp Us<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   VARIABLES & BASE\r\n========================================================= *\/\r\n.ak-cta-section {\r\n    --ak-primary: #EA2563; \/* Your Brand Pink *\/\r\n    --ak-primary-dark: #b8164b;\r\n    --ak-gold: #D4AF37;\r\n    --ak-dark: #1A1A1A;\r\n    --ak-gray: #666666;\r\n    --ak-light: #F8F9FA;\r\n    --ak-white: #FFFFFF;\r\n    --ak-whatsapp: #25D366;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 80px 20px;\r\n    background-color: var(--ak-light);\r\n    font-family: 'Cairo', sans-serif;\r\n    direction: rtl;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n}\r\n\r\n.ak-cta-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Language Syncing *\/\r\n.ak-cta-section .ak-en { display: none; }\r\n.ak-cta-section .ak-ar { display: inline; }\r\n\r\n:is(html[lang=\"en\"], html[dir=\"ltr\"], body[dir=\"ltr\"]) .ak-cta-section {\r\n    direction: ltr;\r\n    font-family: 'Inter', sans-serif;\r\n}\r\n:is(html[lang=\"en\"], html[dir=\"ltr\"], body[dir=\"ltr\"]) .ak-cta-section .ak-ar { display: none; }\r\n:is(html[lang=\"en\"], html[dir=\"ltr\"], body[dir=\"ltr\"]) .ak-cta-section .ak-en { display: inline; }\r\n:is(html[lang=\"en\"], html[dir=\"ltr\"], body[dir=\"ltr\"]) .ak-arrow-icon { transform: rotate(180deg); }\r\n\r\n\/* =========================================================\r\n   BACKGROUND ANIMATED SHAPES\r\n========================================================= *\/\r\n.ak-bg-shape {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(80px);\r\n    z-index: -1;\r\n    opacity: 0.4;\r\n    animation: akFloatBlob 10s infinite alternate ease-in-out;\r\n}\r\n.ak-shape-1 {\r\n    width: 400px; height: 400px;\r\n    background: var(--ak-gold);\r\n    top: -100px; right: -100px;\r\n}\r\n.ak-shape-2 {\r\n    width: 300px; height: 300px;\r\n    background: var(--ak-primary);\r\n    bottom: -50px; left: -100px;\r\n    animation-duration: 12s;\r\n    animation-direction: alternate-reverse;\r\n}\r\n\r\n@keyframes akFloatBlob {\r\n    0% { transform: translate(0, 0) scale(1); }\r\n    100% { transform: translate(-30px, 40px) scale(1.1); }\r\n}\r\n\r\n\/* =========================================================\r\n   CARD CONTAINER\r\n========================================================= *\/\r\n.ak-cta-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.ak-cta-card {\r\n    display: flex;\r\n    align-items: stretch;\r\n    background: var(--ak-white);\r\n    border-radius: 30px;\r\n    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.05), 0 4px 15px rgba(0, 0, 0, 0.02);\r\n    overflow: hidden;\r\n    position: relative;\r\n    border: 1px solid rgba(0, 0, 0, 0.03);\r\n}\r\n\r\n\/* =========================================================\r\n   VISUAL \/ LOGO SIDE\r\n========================================================= *\/\r\n.ak-cta-visual {\r\n    flex: 0 0 40%;\r\n    background: linear-gradient(135deg, #fafafa 0%, #f0f0f0 100%);\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 60px 40px;\r\n    overflow: hidden;\r\n    border-left: 1px solid rgba(0,0,0,0.03);\r\n}\r\n\r\nhtml[dir=\"ltr\"] .ak-cta-visual { border-left: none; border-right: 1px solid rgba(0,0,0,0.03); }\r\n\r\n\/* Animated Rings behind logo *\/\r\n.ak-ring {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    border: 1.5px dashed rgba(212, 175, 55, 0.3); \/* Gold color *\/\r\n    top: 50%; left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    animation: akSpin linear infinite;\r\n}\r\n.ak-ring-1 {\r\n    width: 280px; height: 280px;\r\n    animation-duration: 20s;\r\n}\r\n.ak-ring-2 {\r\n    width: 380px; height: 380px;\r\n    border: 1px solid rgba(234, 37, 99, 0.15); \/* Primary Pink color *\/\r\n    animation-duration: 25s;\r\n    animation-direction: reverse;\r\n}\r\n\r\n@keyframes akSpin {\r\n    100% { transform: translate(-50%, -50%) rotate(360deg); }\r\n}\r\n\r\n\/* Logo *\/\r\n.ak-logo-wrapper {\r\n    position: relative;\r\n    z-index: 2;\r\n    background: var(--ak-white);\r\n    padding: 30px;\r\n    border-radius: 50%;\r\n    box-shadow: 0 15px 35px rgba(0,0,0,0.08);\r\n    animation: akFloatLogo 4s ease-in-out infinite;\r\n}\r\n.ak-brand-logo {\r\n    width: 140px;\r\n    height: auto;\r\n    display: block;\r\n}\r\n\r\n@keyframes akFloatLogo {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-10px); }\r\n}\r\n\r\n\/* Floating Badge *\/\r\n.ak-floating-badge {\r\n    position: absolute;\r\n    bottom: 40px;\r\n    right: 40px;\r\n    background: var(--ak-white);\r\n    padding: 10px 18px;\r\n    border-radius: 50px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    color: var(--ak-dark);\r\n    z-index: 3;\r\n    animation: akBounce 3s infinite;\r\n}\r\nhtml[dir=\"ltr\"] .ak-floating-badge { right: auto; left: 40px; }\r\n\r\n.ak-badge-dot {\r\n    width: 8px; height: 8px;\r\n    background: #25D366;\r\n    border-radius: 50%;\r\n    position: relative;\r\n}\r\n.ak-badge-dot::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: -4px;\r\n    border-radius: 50%;\r\n    border: 2px solid #25D366;\r\n    animation: akPulseDot 1.5s infinite;\r\n}\r\n\r\n@keyframes akPulseDot {\r\n    0% { transform: scale(0.5); opacity: 1; }\r\n    100% { transform: scale(1.5); opacity: 0; }\r\n}\r\n@keyframes akBounce {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-5px); }\r\n}\r\n\r\n\/* =========================================================\r\n   CONTENT SIDE\r\n========================================================= *\/\r\n.ak-cta-content {\r\n    flex: 1;\r\n    padding: 70px 60px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n.ak-eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: var(--ak-gold);\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    margin-bottom: 20px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.ak-title {\r\n    font-size: 38px;\r\n    color: var(--ak-dark);\r\n    font-weight: 800;\r\n    line-height: 1.4;\r\n    margin: 0 0 20px 0;\r\n}\r\n.ak-title span span {\r\n    color: var(--ak-primary); \/* Highlighted word *\/\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n.ak-title span span::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 5px; left: 0; right: 0;\r\n    height: 8px;\r\n    background: rgba(234, 37, 99, 0.15);\r\n    z-index: -1;\r\n    border-radius: 4px;\r\n}\r\n\r\n.ak-description {\r\n    font-size: 16px;\r\n    color: var(--ak-gray);\r\n    line-height: 1.8;\r\n    margin: 0 0 40px 0;\r\n    max-width: 90%;\r\n    font-weight: 600;\r\n}\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n.ak-actions {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.ak-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    padding: 16px 28px;\r\n    border-radius: 14px;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    cursor: pointer;\r\n}\r\n\r\n\/* Primary Button *\/\r\n.ak-btn-primary {\r\n    background: var(--ak-dark);\r\n    color: var(--ak-white);\r\n    border: 2px solid var(--ak-dark);\r\n    box-shadow: 0 10px 20px rgba(26, 26, 26, 0.15);\r\n}\r\n.ak-btn-primary:hover {\r\n    background: var(--ak-primary);\r\n    border-color: var(--ak-primary);\r\n    color: var(--ak-white);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 15px 25px rgba(234, 37, 99, 0.25);\r\n}\r\n.ak-btn-primary .ak-arrow-icon {\r\n    transition: transform 0.3s ease;\r\n}\r\n.ak-btn-primary:hover .ak-arrow-icon {\r\n    transform: translateX(-5px);\r\n}\r\nhtml[dir=\"ltr\"] .ak-btn-primary:hover .ak-arrow-icon {\r\n    transform: translateX(5px) rotate(180deg);\r\n}\r\n\r\n\/* WhatsApp Button *\/\r\n.ak-btn-whatsapp {\r\n    background: var(--ak-white);\r\n    color: var(--ak-dark);\r\n    border: 2px solid #E5E7EB;\r\n}\r\n.ak-btn-whatsapp i {\r\n    color: var(--ak-whatsapp);\r\n    font-size: 20px;\r\n}\r\n.ak-btn-whatsapp:hover {\r\n    border-color: var(--ak-whatsapp);\r\n    color: var(--ak-whatsapp);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 10px 20px rgba(37, 211, 102, 0.1);\r\n}\r\n\r\n\/* =========================================================\r\n   RESPONSIVE DESIGN\r\n========================================================= *\/\r\n@media (max-width: 1024px) {\r\n    .ak-cta-card { flex-direction: column; }\r\n    .ak-cta-visual { flex: none; height: 350px; border-left: none; border-bottom: 1px solid rgba(0,0,0,0.03); }\r\n    html[dir=\"ltr\"] .ak-cta-visual { border-right: none; }\r\n    .ak-cta-content { padding: 50px 40px; }\r\n    .ak-title { font-size: 32px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .ak-cta-section { padding: 40px 15px; }\r\n    .ak-cta-visual { height: 300px; padding: 40px 20px; }\r\n    .ak-ring-1 { width: 220px; height: 220px; }\r\n    .ak-ring-2 { width: 300px; height: 300px; }\r\n    .ak-brand-logo { width: 110px; }\r\n    \r\n    .ak-cta-content { padding: 40px 25px; }\r\n    .ak-title { font-size: 26px; }\r\n    .ak-description { font-size: 15px; max-width: 100%; }\r\n    \r\n    .ak-actions { flex-direction: column; width: 100%; }\r\n    .ak-btn { width: 100%; }\r\n    \r\n    .ak-floating-badge {\r\n        bottom: 20px; right: 20px;\r\n        padding: 8px 14px; font-size: 11px;\r\n    }\r\n    html[dir=\"ltr\"] .ak-floating-badge { right: auto; left: 20px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ Auto-RTL Script (Lightweight and Optional)\r\n\/\/ Automatically sets the direction based on the HTML lang or dir attribute.\r\n(function () {\r\n    function setDirection() {\r\n        const root = document.documentElement;\r\n        const section = document.getElementById('akPropertyCTA');\r\n        if (!section) return;\r\n        const isRTL = root.getAttribute('dir') === 'rtl' || root.getAttribute('lang') === 'ar';\r\n        section.setAttribute('dir', isRTL ? 'rtl' : 'ltr');\r\n    }\r\n    \r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', setDirection);\r\n    } else {\r\n        setDirection();\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5147b1 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d5147b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     PREMIUM REAL ESTATE FOOTER - AYMAN KHEDR\r\n     RESPONSIVE MOBILE CENTER ALIGNMENT\r\n     ORIGINAL RED #A4133C AND GOLD PRESERVED\r\n     ARABIC \/ ENGLISH\r\n========================================================= -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&family=Inter:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<link rel=\"stylesheet\"\r\n      href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n\r\n<footer class=\"ak-footer-section\" id=\"akPropertyFooter\">\r\n\r\n    <div class=\"ak-footer-accent\"><\/div>\r\n    <div class=\"ak-footer-glow\"><\/div>\r\n\r\n    <div class=\"ak-footer-container\">\r\n\r\n        <!-- FOOTER TOP -->\r\n\r\n        <div class=\"ak-footer-top\">\r\n\r\n            <!-- COLUMN 1 - BRAND -->\r\n\r\n            <div class=\"ak-footer-col ak-col-brand\">\r\n\r\n                <a href=\"\/\" class=\"ak-footer-logo-link\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/aymankhedr.com\/wp-content\/uploads\/2026\/09\/WhatsApp_Image_2026-09-23_at_12.24.21_PM-removebg-preview.png\"\r\n                        alt=\"\u0645\u0643\u062a\u0628 \u0627\u0644\u0634\u064a\u062e \u0623\u064a\u0645\u0646 \u062e\u0636\u0631 \u0644\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0648\u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a\"\r\n                        class=\"ak-footer-logo\"\r\n                    >\r\n                <\/a>\r\n\r\n                <div class=\"ak-footer-company-name\">\r\n\r\n                    <span class=\"ak-ar\">\r\n                        \u0627\u0644\u0634\u064a\u062e \u0623\u064a\u0645\u0646 \u062e\u0636\u0631 \u0644\u0644\u0625\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0648\u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a\r\n                    <\/span>\r\n\r\n                    <span class=\"ak-en\">\r\n                        Sheikh Ayman Khedr Real Estate Investment &amp; Marketing\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <p class=\"ak-footer-desc\">\r\n\r\n                    <span class=\"ak-ar\">\r\n                        \u0646\u0648\u0641\u0631 \u0644\u0643 \u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c\u0647 \u0633\u0648\u0627\u0621 \u0644\u0644\u0634\u0631\u0627\u0621 \u0623\u0648 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631.\r\n                        \u0645\u0643\u062a\u0628 \u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629\u060c\r\n                        \u0645\u0639 \u062e\u0628\u0631\u0629 \u0639\u0645\u0644\u064a\u0629 \u0648\u0645\u0635\u062f\u0627\u0642\u064a\u0629 \u0641\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0648\u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0646\u0627\u0633\u0628 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0627\u062a.\r\n                    <\/span>\r\n\r\n                    <span class=\"ak-en\">\r\n                        We provide everything you need for buying or investing.\r\n                        A specialized real estate office offering property marketing\r\n                        and investment management with professional and transparent service.\r\n                    <\/span>\r\n\r\n                <\/p>\r\n\r\n                <div class=\"ak-footer-tagline\">\r\n\r\n                    <i class=\"fa-solid fa-award\"><\/i>\r\n\r\n                    <span class=\"ak-ar\">\r\n                        \u0627\u0644\u0635\u062f\u0642 \u0648\u0627\u0644\u0623\u0645\u0627\u0646\u0629 \u0639\u0646\u0648\u0627\u0646\u0646\u0627 \u062f\u0627\u0626\u0645\u064b\u0627\r\n                    <\/span>\r\n\r\n                    <span class=\"ak-en\">\r\n                        Honesty and integrity are always our principles\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <!-- SOCIAL LINKS -->\r\n\r\n                <div class=\"ak-social-links\">\r\n\r\n                    <a\r\n                        href=\"https:\/\/www.facebook.com\/share\/1BLaMaDWJX\/\"\r\n                        aria-label=\"Facebook\"\r\n                    >\r\n                        <i class=\"fa-brands fa-facebook-f\"><\/i>\r\n                    <\/a>\r\n\r\n                    <a\r\n                        href=\"https:\/\/www.instagram.com\/shekh.ayman.khedr\"\r\n                        target=\"_blank\"\r\n                        rel=\"noopener\"\r\n                        aria-label=\"Instagram\"\r\n                    >\r\n                        <i class=\"fa-brands fa-instagram\"><\/i>\r\n                    <\/a>\r\n\r\n                    <a\r\n                        href=\"https:\/\/wa.me\/201143141473\"\r\n                        target=\"_blank\"\r\n                        rel=\"noopener\"\r\n                        aria-label=\"WhatsApp\"\r\n                    >\r\n                        <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- COLUMN 2 - QUICK LINKS -->\r\n\r\n            <div class=\"ak-footer-col\">\r\n\r\n                <h4 class=\"ak-footer-title\">\r\n\r\n                    <span class=\"ak-ar\">\u0631\u0648\u0627\u0628\u0637 \u0647\u0627\u0645\u0629<\/span>\r\n                    <span class=\"ak-en\">Quick Links<\/span>\r\n\r\n                <\/h4>\r\n\r\n                <ul class=\"ak-footer-list\">\r\n\r\n                    <li>\r\n                        <a href=\"\/\">\r\n                            <i class=\"fa-solid fa-chevron-left ak-list-icon\"><\/i>\r\n                            <span class=\"ak-ar\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/span>\r\n                            <span class=\"ak-en\">Home<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"#about\">\r\n                            <i class=\"fa-solid fa-chevron-left ak-list-icon\"><\/i>\r\n                            <span class=\"ak-ar\">\u0645\u0646 \u0646\u062d\u0646<\/span>\r\n                            <span class=\"ak-en\">About Us<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"#properties\">\r\n                            <i class=\"fa-solid fa-chevron-left ak-list-icon\"><\/i>\r\n                            <span class=\"ak-ar\">\u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a<\/span>\r\n                            <span class=\"ak-en\">Properties<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"#services\">\r\n                            <i class=\"fa-solid fa-chevron-left ak-list-icon\"><\/i>\r\n                            <span class=\"ak-ar\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/span>\r\n                            <span class=\"ak-en\">Our Services<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"#contact\">\r\n                            <i class=\"fa-solid fa-chevron-left ak-list-icon\"><\/i>\r\n                            <span class=\"ak-ar\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\r\n                            <span class=\"ak-en\">Contact Us<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                <\/ul>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- COLUMN 3 - SERVICES -->\r\n\r\n            <div class=\"ak-footer-col\">\r\n\r\n                <h4 class=\"ak-footer-title\">\r\n\r\n                    <span class=\"ak-ar\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/span>\r\n                    <span class=\"ak-en\">Our Services<\/span>\r\n\r\n                <\/h4>\r\n\r\n                <ul class=\"ak-footer-list\">\r\n\r\n                    <li>\r\n                        <a href=\"#services\">\r\n                            <i class=\"fa-solid fa-chevron-left ak-list-icon\"><\/i>\r\n                            <span class=\"ak-ar\">\u0627\u0644\u0628\u064a\u0639 \u0648\u0627\u0644\u0634\u0631\u0627\u0621<\/span>\r\n                            <span class=\"ak-en\">Buying &amp; Selling<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"#services\">\r\n                            <i class=\"fa-solid fa-chevron-left ak-list-icon\"><\/i>\r\n                            <span class=\"ak-ar\">\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a<\/span>\r\n                            <span class=\"ak-en\">Real Estate Marketing<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"#services\">\r\n                            <i class=\"fa-solid fa-chevron-left ak-list-icon\"><\/i>\r\n                            <span class=\"ak-ar\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629<\/span>\r\n                            <span class=\"ak-en\">Investment Management<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"#services\">\r\n                            <i class=\"fa-solid fa-chevron-left ak-list-icon\"><\/i>\r\n                            <span class=\"ak-ar\">\u062a\u0634\u0637\u064a\u0628 \u0627\u0644\u0648\u062d\u062f\u0627\u062a<\/span>\r\n                            <span class=\"ak-en\">Property Finishing<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"#services\">\r\n                            <i class=\"fa-solid fa-chevron-left ak-list-icon\"><\/i>\r\n                            <span class=\"ak-ar\">\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a<\/span>\r\n                            <span class=\"ak-en\">Real Estate Investment<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <a href=\"#services\">\r\n                            <i class=\"fa-solid fa-chevron-left ak-list-icon\"><\/i>\r\n                            <span class=\"ak-ar\">\u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a<\/span>\r\n                            <span class=\"ak-en\">Contracting<\/span>\r\n                        <\/a>\r\n                    <\/li>\r\n\r\n                <\/ul>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- COLUMN 4 - CONTACT -->\r\n\r\n            <div class=\"ak-footer-col\">\r\n\r\n                <h4 class=\"ak-footer-title\">\r\n\r\n                    <span class=\"ak-ar\">\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/span>\r\n                    <span class=\"ak-en\">Contact Information<\/span>\r\n\r\n                <\/h4>\r\n\r\n                <ul class=\"ak-contact-list\">\r\n\r\n                    <!-- ADDRESS -->\r\n\r\n                    <li>\r\n\r\n                        <div class=\"ak-contact-icon\">\r\n                            <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                        <\/div>\r\n\r\n                        <div class=\"ak-contact-text\">\r\n\r\n                            <span class=\"ak-ar\">\r\n                                \u062e\u0644\u0641 \u0627\u0644\u0639\u0637\u0648\u0631 - \u0622\u062e\u0631 \u0634\u0627\u0631\u0639 \u0623\u0628\u0648 \u062e\u0636\u0631\u0629<br>\r\n                                \u0628\u062c\u0648\u0627\u0631 \u0627\u0644\u062a\u0639\u0627\u0648\u0646<br>\r\n                                \u0627\u0644\u062d\u0648\u0627\u0645\u062f\u064a\u0629 - \u0627\u0644\u062c\u064a\u0632\u0629 - \u0645\u0635\u0631\r\n                            <\/span>\r\n\r\n                            <span class=\"ak-en\">\r\n                                Behind Al-Atour - End of Abu Khodra Street<br>\r\n                                Next to Al-Taawoun<br>\r\n                                El Hawamdeya, Giza, Egypt\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/li>\r\n\r\n\r\n                    <!-- PHONE -->\r\n\r\n                    <li>\r\n\r\n                        <div class=\"ak-contact-icon\">\r\n                            <i class=\"fa-solid fa-phone\"><\/i>\r\n                        <\/div>\r\n\r\n                        <div class=\"ak-contact-text\">\r\n\r\n                            <span class=\"ak-ar\">\r\n                                \u0644\u0644\u062a\u0648\u0627\u0635\u0644 \u0641\u0648\u0646 \u0623\u0648 \u0648\u0627\u062a\u0633\r\n                            <\/span>\r\n\r\n                            <span class=\"ak-en\">\r\n                                Phone or WhatsApp\r\n                            <\/span>\r\n\r\n                            <a\r\n                                href=\"tel:+201143141473\"\r\n                                dir=\"ltr\"\r\n                                class=\"ak-phone-link\"\r\n                            >\r\n                                011 43141473\r\n                            <\/a>\r\n\r\n                        <\/div>\r\n\r\n                    <\/li>\r\n\r\n\r\n                    <!-- WHATSAPP -->\r\n\r\n                    <li>\r\n\r\n                        <div class=\"ak-contact-icon\">\r\n                            <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n                        <\/div>\r\n\r\n                        <div class=\"ak-contact-text\">\r\n\r\n                            <a\r\n                                href=\"https:\/\/wa.me\/201143141473\"\r\n                                target=\"_blank\"\r\n                                rel=\"noopener\"\r\n                                class=\"ak-whatsapp-link\"\r\n                            >\r\n\r\n                                <span class=\"ak-ar\">\r\n                                    \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\r\n                                <\/span>\r\n\r\n                                <span class=\"ak-en\">\r\n                                    Chat with us on WhatsApp\r\n                                <\/span>\r\n\r\n                            <\/a>\r\n\r\n                        <\/div>\r\n\r\n                    <\/li>\r\n\r\n                <\/ul>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FOOTER BOTTOM -->\r\n\r\n        <div class=\"ak-footer-bottom\">\r\n\r\n            <div class=\"ak-copyright\">\r\n\r\n                <span class=\"ak-ar\">\r\n                    \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629 \u00a9 2026\r\n                    <strong>\u0645\u0643\u062a\u0628 \u0627\u0644\u0634\u064a\u062e \u0623\u064a\u0645\u0646 \u062e\u0636\u0631<\/strong>\r\n                <\/span>\r\n\r\n                <span class=\"ak-en\">\r\n                    All Rights Reserved \u00a9 2026\r\n                    <strong>Sheikh Ayman Khedr<\/strong>\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"ak-legal-links\">\r\n\r\n                <a href=\"#\">\r\n                    <span class=\"ak-ar\">\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629<\/span>\r\n                    <span class=\"ak-en\">Privacy Policy<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"#\">\r\n                    <span class=\"ak-ar\">\u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0623\u062d\u0643\u0627\u0645<\/span>\r\n                    <span class=\"ak-en\">Terms &amp; Conditions<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/footer>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n.ak-footer-section {\r\n\r\n    --ak-primary: #A4133C;\r\n    --ak-gold: #D4AF37;\r\n\r\n    --ak-bg-dark: #0f1115;\r\n    --ak-bg-card: #16191f;\r\n\r\n    --ak-text-main: #e2e8f0;\r\n    --ak-text-muted: #94a3b8;\r\n\r\n    --ak-border: rgba(255,255,255,0.08);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 100%;\r\n\r\n    background-color: var(--ak-bg-dark);\r\n    color: var(--ak-text-main);\r\n\r\n    font-family: 'Cairo', sans-serif;\r\n    direction: rtl;\r\n\r\n    overflow: hidden;\r\n    z-index: 1;\r\n}\r\n\r\n.ak-footer-section *,\r\n.ak-footer-section *::before,\r\n.ak-footer-section *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LANGUAGE\r\n========================================================= *\/\r\n\r\n.ak-footer-section .ak-ar {\r\n    display: inline;\r\n}\r\n\r\n.ak-footer-section .ak-en {\r\n    display: none;\r\n}\r\n\r\n:is(html[lang=\"en\"], html[dir=\"ltr\"], body[dir=\"ltr\"])\r\n.ak-footer-section {\r\n    direction: ltr;\r\n    font-family: 'Inter', sans-serif;\r\n}\r\n\r\n:is(html[lang=\"en\"], html[dir=\"ltr\"], body[dir=\"ltr\"])\r\n.ak-footer-section .ak-ar {\r\n    display: none !important;\r\n}\r\n\r\n:is(html[lang=\"en\"], html[dir=\"ltr\"], body[dir=\"ltr\"])\r\n.ak-footer-section .ak-en {\r\n    display: inline !important;\r\n}\r\n\r\n:is(html[lang=\"en\"], html[dir=\"ltr\"], body[dir=\"ltr\"])\r\n.ak-list-icon {\r\n    transform: rotate(180deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCENT\r\n========================================================= *\/\r\n\r\n.ak-footer-accent {\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n\r\n    height: 4px;\r\n\r\n    background: linear-gradient(\r\n        90deg,\r\n        var(--ak-gold) 0%,\r\n        var(--ak-primary) 100%\r\n    );\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLOW\r\n========================================================= *\/\r\n\r\n.ak-footer-glow {\r\n    position: absolute;\r\n\r\n    top: -150px;\r\n    left: 10%;\r\n\r\n    width: 500px;\r\n    height: 300px;\r\n\r\n    background: radial-gradient(\r\n        circle,\r\n        rgba(164,19,60,0.06) 0%,\r\n        transparent 70%\r\n    );\r\n\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.ak-footer-container {\r\n    width: 100%;\r\n    max-width: 1250px;\r\n\r\n    margin: 0 auto;\r\n    padding: 80px 20px 20px;\r\n\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP GRID\r\n========================================================= *\/\r\n\r\n.ak-footer-top {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 2fr)\r\n        minmax(0, 1fr)\r\n        minmax(0, 1fr)\r\n        minmax(0, 1.5fr);\r\n\r\n    gap: 40px;\r\n    margin-bottom: 60px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BRAND\r\n========================================================= *\/\r\n\r\n.ak-col-brand {\r\n    min-width: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOGO\r\n========================================================= *\/\r\n\r\n.ak-footer-logo-link {\r\n    display: block !important;\r\n\r\n    width: 380px !important;\r\n    height: 115px !important;\r\n\r\n    max-width: 100% !important;\r\n    max-height: 115px !important;\r\n\r\n    margin: 0 0 14px 0 !important;\r\n    padding: 0 !important;\r\n\r\n    line-height: 0 !important;\r\n    overflow: visible !important;\r\n}\r\n\r\n.ak-footer-section .ak-footer-logo {\r\n    display: block !important;\r\n\r\n    width: 380px !important;\r\n    max-width: 100% !important;\r\n    min-width: 0 !important;\r\n\r\n    height: 108px !important;\r\n    max-height: 108px !important;\r\n    min-height: 0 !important;\r\n\r\n    object-fit: contain !important;\r\n    object-position: right center !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    transform: none !important;\r\n    scale: 1 !important;\r\n\r\n    flex: 0 0 auto !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMPANY NAME\r\n========================================================= *\/\r\n\r\n.ak-footer-company-name {\r\n    color: #fff;\r\n\r\n    font-size: 17px;\r\n    line-height: 1.8;\r\n    font-weight: 800;\r\n\r\n    margin: 0 0 12px 0;\r\n\r\n    max-width: 450px;\r\n    overflow-wrap: anywhere;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.ak-footer-desc {\r\n    color: var(--ak-text-muted);\r\n\r\n    font-size: 14px;\r\n    line-height: 1.9;\r\n\r\n    margin: 0 0 18px 0;\r\n\r\n    max-width: 470px;\r\n    overflow-wrap: anywhere;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TAGLINE\r\n========================================================= *\/\r\n\r\n.ak-footer-tagline {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n\r\n    gap: 9px;\r\n\r\n    color: var(--ak-gold);\r\n\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.ak-footer-tagline i {\r\n    font-size: 14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SOCIAL LINKS\r\n========================================================= *\/\r\n\r\n.ak-social-links {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.ak-social-links a {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 40px;\r\n    height: 40px;\r\n\r\n    flex: 0 0 40px;\r\n\r\n    border-radius: 10px;\r\n\r\n    background: var(--ak-bg-card);\r\n    color: var(--ak-text-main);\r\n\r\n    font-size: 16px;\r\n    text-decoration: none;\r\n\r\n    border: 1px solid var(--ak-border);\r\n\r\n    transition: all 0.3s cubic-bezier(\r\n        0.175,\r\n        0.885,\r\n        0.32,\r\n        1.275\r\n    );\r\n}\r\n\r\n.ak-social-links a:hover {\r\n    background: var(--ak-primary);\r\n    color: #fff;\r\n\r\n    border-color: var(--ak-primary);\r\n\r\n    transform: translateY(-5px) scale(1.08);\r\n\r\n    box-shadow: 0 10px 20px rgba(164,19,60,0.30);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLES\r\n========================================================= *\/\r\n\r\n.ak-footer-title {\r\n    color: #fff;\r\n\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n\r\n    margin: 0 0 25px 0;\r\n\r\n    position: relative;\r\n    padding: 0 0 12px 0;\r\n}\r\n\r\n.ak-footer-title::after {\r\n    content: '';\r\n\r\n    position: absolute;\r\n\r\n    bottom: 0;\r\n    right: 0;\r\n\r\n    width: 40px;\r\n    height: 3px;\r\n\r\n    background: var(--ak-primary);\r\n    border-radius: 5px;\r\n\r\n    transition: width 0.3s ease;\r\n}\r\n\r\n.ak-footer-col:hover .ak-footer-title::after {\r\n    width: 60px;\r\n}\r\n\r\nhtml[dir=\"ltr\"] .ak-footer-title::after {\r\n    right: auto;\r\n    left: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUICK LINKS AND SERVICES\r\n========================================================= *\/\r\n\r\n.ak-footer-list {\r\n    list-style: none;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n.ak-footer-list li {\r\n    margin: 0 0 14px 0;\r\n}\r\n\r\n.ak-footer-list a {\r\n    color: var(--ak-text-muted);\r\n\r\n    text-decoration: none;\r\n\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.ak-list-icon {\r\n    font-size: 9px;\r\n\r\n    color: var(--ak-primary);\r\n    opacity: 0.65;\r\n\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.ak-footer-list a:hover {\r\n    color: var(--ak-primary);\r\n    transform: translateX(-5px);\r\n}\r\n\r\nhtml[dir=\"ltr\"] .ak-footer-list a:hover {\r\n    transform: translateX(5px);\r\n}\r\n\r\n.ak-footer-list a:hover .ak-list-icon {\r\n    opacity: 1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT\r\n========================================================= *\/\r\n\r\n.ak-contact-list {\r\n    list-style: none;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    gap: 18px;\r\n}\r\n\r\n.ak-contact-list li {\r\n    display: flex;\r\n    align-items: flex-start;\r\n\r\n    gap: 13px;\r\n    min-width: 0;\r\n}\r\n\r\n.ak-contact-icon {\r\n    width: 36px;\r\n    height: 36px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    background: rgba(164,19,60,0.12);\r\n    color: var(--ak-gold);\r\n\r\n    border-radius: 10px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    font-size: 14px;\r\n\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.ak-contact-list li:hover .ak-contact-icon {\r\n    background: var(--ak-primary);\r\n    color: #fff;\r\n\r\n    transform: scale(1.08);\r\n}\r\n\r\n.ak-contact-text {\r\n    min-width: 0;\r\n\r\n    color: var(--ak-text-muted);\r\n\r\n    font-size: 13px;\r\n    line-height: 1.8;\r\n    font-weight: 600;\r\n\r\n    overflow-wrap: anywhere;\r\n}\r\n\r\n.ak-contact-text a {\r\n    color: var(--ak-text-main);\r\n\r\n    text-decoration: none;\r\n\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.ak-contact-text a:hover {\r\n    color: var(--ak-primary);\r\n}\r\n\r\n.ak-phone-link {\r\n    display: block;\r\n\r\n    margin-top: 4px;\r\n\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n}\r\n\r\n.ak-whatsapp-link {\r\n    display: inline-block;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOTER BOTTOM\r\n========================================================= *\/\r\n\r\n.ak-footer-bottom {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    padding-top: 30px;\r\n\r\n    border-top: 1px solid var(--ak-border);\r\n\r\n    flex-wrap: wrap;\r\n    gap: 15px;\r\n}\r\n\r\n.ak-copyright {\r\n    color: var(--ak-text-muted);\r\n    font-size: 13px;\r\n    line-height: 1.9;\r\n}\r\n\r\n.ak-copyright strong {\r\n    color: var(--ak-text-main);\r\n}\r\n\r\n.ak-legal-links {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 20px;\r\n}\r\n\r\n.ak-legal-links a {\r\n    color: var(--ak-text-muted);\r\n\r\n    text-decoration: none;\r\n    font-size: 13px;\r\n\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.ak-legal-links a:hover {\r\n    color: var(--ak-primary);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .ak-footer-top {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 35px;\r\n    }\r\n\r\n    .ak-footer-desc {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .ak-footer-logo-link {\r\n        max-width: 100% !important;\r\n    }\r\n\r\n    .ak-footer-section .ak-footer-logo {\r\n        max-width: 100% !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE - CENTER ALIGNMENT\r\n========================================================= *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n    \/* Main footer *\/\r\n    #akPropertyFooter {\r\n        width: 100%;\r\n        max-width: 100%;\r\n\r\n        overflow: hidden;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Container *\/\r\n    #akPropertyFooter .ak-footer-container {\r\n        width: 100%;\r\n        max-width: 100%;\r\n\r\n        padding: 48px 18px 20px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* One column, all centered *\/\r\n    #akPropertyFooter .ak-footer-top {\r\n        display: grid;\r\n\r\n        grid-template-columns: minmax(0, 1fr);\r\n        justify-items: center;\r\n\r\n        gap: 34px;\r\n        margin-bottom: 38px;\r\n    }\r\n\r\n    #akPropertyFooter .ak-footer-col {\r\n        width: 100%;\r\n        min-width: 0;\r\n        max-width: 100%;\r\n\r\n        justify-self: center;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Logo *\/\r\n    #akPropertyFooter .ak-footer-logo-link {\r\n        display: block !important;\r\n\r\n        width: min(352px, 100%) !important;\r\n        max-width: 100% !important;\r\n\r\n        height: 108px !important;\r\n        max-height: 108px !important;\r\n\r\n        margin: 0 auto 14px !important;\r\n        padding: 0 !important;\r\n\r\n        overflow: hidden !important;\r\n        text-align: center;\r\n    }\r\n\r\n    #akPropertyFooter .ak-footer-section .ak-footer-logo,\r\n    #akPropertyFooter .ak-footer-logo {\r\n        display: block !important;\r\n\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        min-width: 0 !important;\r\n\r\n        height: 100px !important;\r\n        max-height: 100px !important;\r\n        min-height: 0 !important;\r\n\r\n        margin: 0 auto !important;\r\n\r\n        object-fit: contain !important;\r\n        object-position: center center !important;\r\n\r\n        transform: none !important;\r\n    }\r\n\r\n    \/* Company name *\/\r\n    #akPropertyFooter .ak-footer-company-name {\r\n        width: 100%;\r\n        max-width: 520px;\r\n\r\n        margin: 0 auto 12px;\r\n\r\n        text-align: center;\r\n        overflow-wrap: anywhere;\r\n    }\r\n\r\n    \/* Description *\/\r\n    #akPropertyFooter .ak-footer-desc {\r\n        width: 100%;\r\n        max-width: 520px;\r\n\r\n        margin: 0 auto 18px;\r\n\r\n        text-align: center;\r\n        line-height: 1.9;\r\n\r\n        overflow-wrap: anywhere;\r\n    }\r\n\r\n    \/* Tagline *\/\r\n    #akPropertyFooter .ak-footer-tagline {\r\n        display: flex;\r\n\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n\r\n        gap: 8px;\r\n\r\n        width: 100%;\r\n        margin: 0 auto 20px;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Social icons *\/\r\n    #akPropertyFooter .ak-social-links {\r\n        display: flex;\r\n\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n\r\n        gap: 10px;\r\n\r\n        width: 100%;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Column headings *\/\r\n    #akPropertyFooter .ak-footer-title {\r\n        width: 100%;\r\n\r\n        margin: 0 auto 24px;\r\n        padding: 0 0 12px;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n    #akPropertyFooter .ak-footer-title::after,\r\n    html[dir=\"ltr\"] #akPropertyFooter .ak-footer-title::after {\r\n        left: 50% !important;\r\n        right: auto !important;\r\n\r\n        transform: translateX(-50%) !important;\r\n\r\n        width: 45px;\r\n    }\r\n\r\n    #akPropertyFooter .ak-footer-col:hover .ak-footer-title::after {\r\n        width: 60px;\r\n    }\r\n\r\n    \/* Links list *\/\r\n    #akPropertyFooter .ak-footer-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n\r\n        width: 100%;\r\n\r\n        margin: 0 auto;\r\n        padding: 0;\r\n    }\r\n\r\n    #akPropertyFooter .ak-footer-list li {\r\n        width: 100%;\r\n\r\n        margin: 0 0 14px;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n    #akPropertyFooter .ak-footer-list a {\r\n        display: flex;\r\n\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n\r\n        gap: 9px;\r\n\r\n        width: 100%;\r\n\r\n        text-align: center;\r\n        transform: none !important;\r\n    }\r\n\r\n    #akPropertyFooter .ak-footer-list a:hover,\r\n    html[dir=\"ltr\"] #akPropertyFooter .ak-footer-list a:hover {\r\n        transform: none !important;\r\n    }\r\n\r\n    \/* Contact list *\/\r\n    #akPropertyFooter .ak-contact-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n\r\n        width: 100%;\r\n\r\n        margin: 0 auto;\r\n        padding: 0;\r\n\r\n        gap: 22px;\r\n    }\r\n\r\n    #akPropertyFooter .ak-contact-list li {\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        gap: 10px;\r\n\r\n        width: 100%;\r\n        max-width: 100%;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n    #akPropertyFooter .ak-contact-icon {\r\n        display: flex;\r\n\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        flex-shrink: 0;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    #akPropertyFooter .ak-contact-text {\r\n        display: block;\r\n\r\n        width: 100%;\r\n        max-width: 100%;\r\n\r\n        text-align: center;\r\n        overflow-wrap: anywhere;\r\n    }\r\n\r\n    #akPropertyFooter .ak-phone-link {\r\n        display: block;\r\n\r\n        width: fit-content;\r\n        max-width: 100%;\r\n\r\n        margin: 5px auto 0;\r\n\r\n        text-align: center;\r\n        direction: ltr;\r\n    }\r\n\r\n    #akPropertyFooter .ak-whatsapp-link {\r\n        display: inline-block;\r\n\r\n        max-width: 100%;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Copyright and legal links *\/\r\n    #akPropertyFooter .ak-footer-bottom {\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        gap: 16px;\r\n\r\n        width: 100%;\r\n        padding-top: 24px;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n    #akPropertyFooter .ak-copyright {\r\n        width: 100%;\r\n\r\n        text-align: center;\r\n        line-height: 1.9;\r\n\r\n        overflow-wrap: anywhere;\r\n    }\r\n\r\n    #akPropertyFooter .ak-legal-links {\r\n        display: flex;\r\n\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n\r\n        gap: 12px 20px;\r\n\r\n        width: 100%;\r\n        text-align: center;\r\n    }\r\n\r\n    #akPropertyFooter .ak-legal-links a {\r\n        text-align: center;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    #akPropertyFooter .ak-footer-container {\r\n        padding: 38px 16px 18px;\r\n    }\r\n\r\n    #akPropertyFooter .ak-footer-top {\r\n        gap: 30px;\r\n    }\r\n\r\n    #akPropertyFooter .ak-footer-logo-link {\r\n        width: min(320px, 100%) !important;\r\n        max-width: 100% !important;\r\n\r\n        height: 96px !important;\r\n        max-height: 96px !important;\r\n    }\r\n\r\n    #akPropertyFooter .ak-footer-logo {\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n\r\n        height: 90px !important;\r\n        max-height: 90px !important;\r\n    }\r\n\r\n    #akPropertyFooter .ak-footer-company-name {\r\n        font-size: 15px;\r\n        line-height: 1.9;\r\n    }\r\n\r\n    #akPropertyFooter .ak-footer-desc {\r\n        font-size: 13px;\r\n        line-height: 1.9;\r\n    }\r\n\r\n    #akPropertyFooter .ak-footer-title {\r\n        font-size: 18px;\r\n    }\r\n\r\n    #akPropertyFooter .ak-footer-list a {\r\n        font-size: 13px;\r\n    }\r\n\r\n    #akPropertyFooter .ak-contact-text {\r\n        font-size: 13px;\r\n        line-height: 1.9;\r\n    }\r\n\r\n    #akPropertyFooter .ak-copyright,\r\n    #akPropertyFooter .ak-legal-links a {\r\n        font-size: 12px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EXTRA SMALL SCREENS\r\n========================================================= *\/\r\n\r\n@media (max-width: 360px) {\r\n\r\n    #akPropertyFooter .ak-footer-container {\r\n        padding-left: 12px;\r\n        padding-right: 12px;\r\n    }\r\n\r\n    #akPropertyFooter .ak-footer-logo-link {\r\n        height: 84px !important;\r\n        max-height: 84px !important;\r\n    }\r\n\r\n    #akPropertyFooter .ak-footer-logo {\r\n        height: 80px !important;\r\n        max-height: 80px !important;\r\n    }\r\n\r\n    #akPropertyFooter .ak-footer-company-name {\r\n        font-size: 14px;\r\n    }\r\n\r\n    #akPropertyFooter .ak-footer-desc {\r\n        font-size: 12px;\r\n    }\r\n\r\n    #akPropertyFooter .ak-legal-links {\r\n        gap: 10px 14px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    function setFooterDirection() {\r\n\r\n        const root = document.documentElement;\r\n\r\n        const footer = document.getElementById(\r\n            'akPropertyFooter'\r\n        );\r\n\r\n        if (!footer) return;\r\n\r\n        const language = (\r\n            root.getAttribute('lang') || ''\r\n        ).toLowerCase();\r\n\r\n        const documentDirection = (\r\n            root.getAttribute('dir') || ''\r\n        ).toLowerCase();\r\n\r\n        const isArabic =\r\n            language.startsWith('ar') ||\r\n            documentDirection === 'rtl';\r\n\r\n        const isEnglish =\r\n            language.startsWith('en') ||\r\n            documentDirection === 'ltr';\r\n\r\n        if (isArabic) {\r\n\r\n            footer.setAttribute('dir', 'rtl');\r\n\r\n        } else if (isEnglish) {\r\n\r\n            footer.setAttribute('dir', 'ltr');\r\n\r\n        }\r\n\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n\r\n        document.addEventListener(\r\n            'DOMContentLoaded',\r\n            setFooterDirection\r\n        );\r\n\r\n    } else {\r\n\r\n        setFooterDirection();\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u064a\u062e \u0623\u064a\u0645\u0646 \u062e\u0636\u0631 \u0644\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0628\u064a\u0648\u062a \u0634\u0642\u0642 \u0623\u0631\u0627\u0636\u064a \u0643\u0648\u0645\u0628\u0627\u0648\u0646\u062f \u0645\u0646 \u0646\u062d\u0646 EN \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0627\u062a\u0637\u0645\u0646 \u0627\u0646\u062a \u0645\u062a\u0623\u0645\u0646 \u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u064a\u062e \u0623\u064a\u0645\u0646 \u062e\u0636\u0631 \u0644\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0646\u0648\u0641\u0631 \u0644\u0643 \u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c\u0647 \u0633\u0648\u0627\u0621 \u0644\u0644\u0634\u0631\u0627\u0621 \u0623\u0648 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631. \u0645\u0643\u062a\u0628 \u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629\u060c \u0645\u0639 \u062e\u0628\u0631\u0629 \u0639\u0645\u0644\u064a\u0629 \u0648\u0645\u0635\u062f\u0627\u0642\u064a\u0629 \u0641\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0648\u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0646\u0627\u0633\u0628 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0627\u062a. \u0627\u0643\u062a\u0634\u0641 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aymankhedr.com\/index.php\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aymankhedr.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aymankhedr.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aymankhedr.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aymankhedr.com\/index.php\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":241,"href":"https:\/\/aymankhedr.com\/index.php\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":457,"href":"https:\/\/aymankhedr.com\/index.php\/wp-json\/wp\/v2\/pages\/25\/revisions\/457"}],"wp:attachment":[{"href":"https:\/\/aymankhedr.com\/index.php\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}