{"id":44684,"date":"2025-11-18T18:14:28","date_gmt":"2025-11-18T15:14:28","guid":{"rendered":"https:\/\/storiaproperty.com\/hyde-park-developments\/"},"modified":"2025-11-18T18:32:26","modified_gmt":"2025-11-18T15:32:26","slug":"hyde-park-developments","status":"publish","type":"post","link":"https:\/\/storiaproperty.com\/en\/hyde-park-developments\/","title":{"rendered":"Hyde Park Developments"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"44684\" class=\"elementor elementor-44684 elementor-44659\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f69cd7 e-flex e-con-boxed e-con e-parent\" data-id=\"9f69cd7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31998c8 elementor-widget elementor-widget-html\" data-id=\"31998c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div>\r\n\r\n\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    \r\n    <title>Hyde Park Developments - Fifth Settlement, North Coast and West Cairo Projects 2025 <\/title>\r\n    <meta name=\"title\" content=\"\u0634\u0631\u0643\u0629 \u0647\u0627\u064a\u062f \u0628\u0627\u0631\u0643 \u0644\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a | Hyde Park Developments\">\r\n    <meta name=\"description\" content=\"\u0647\u0627\u064a\u062f \u0628\u0627\u0631\u0643 - \u0645\u0637\u0648\u0631 \u0639\u0642\u0627\u0631\u064a \u0631\u0627\u0626\u062f \u0641\u064a \u0645\u0635\u0631 | \u0645\u0634\u0627\u0631\u064a\u0639 Hyde Park New Cairo\u060c Seashore\u060c The Residence\u060c Business District | \u062e\u0637\u0637 \u0633\u062f\u0627\u062f \u0645\u0631\u064a\u062d\u0629 \u062a\u0635\u0644 \u0644\u0640 9 \u0633\u0646\u0648\u0627\u062a\">\r\n    <meta name=\"keywords\" content=\"\u0647\u0627\u064a\u062f \u0628\u0627\u0631\u0643, Hyde Park, \u0647\u0627\u064a\u062f \u0628\u0627\u0631\u0643 \u0627\u0644\u062a\u062c\u0645\u0639 \u0627\u0644\u062e\u0627\u0645\u0633, Hyde Park New Cairo, Seashore North Coast, The Residence New Cairo, Hyde Park Business, \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u062c\u0645\u0639 \u0627\u0644\u062e\u0627\u0645\u0633, \u0627\u0644\u0633\u0627\u062d\u0644 \u0627\u0644\u0634\u0645\u0627\u0644\u064a, \u0639\u0642\u0627\u0631\u0627\u062a \u0645\u0635\u0631, \u0634\u0642\u0642\u060c \u0641\u0644\u0644\u060c \u062a\u0627\u0648\u0646 \u0647\u0627\u0648\u0633\u060c \u0643\u0645\u0628\u0648\u0646\u062f\u0627\u062a\">\r\n    <meta name=\"author\" content=\"Hyde Park Developments\">\r\n    <meta name=\"robots\" content=\"index, follow\">\r\n    <link rel=\"canonical\" href=\"https:\/\/www.hydeparkdevelopments.com\/ar\">\r\n    \r\n    <meta property=\"og:type\" content=\"website\">\r\n    <meta property=\"og:url\" content=\"https:\/\/www.hydeparkdevelopments.com\/ar\">\r\n    <meta property=\"og:title\" content=\"\u0634\u0631\u0643\u0629 \u0647\u0627\u064a\u062f \u0628\u0627\u0631\u0643 \u0644\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a | Hyde Park Developments\">\r\n    <meta property=\"og:description\" content=\"Hyde Park Developments | Hyde Park New Cairo\u060c Seashore\u060c The Residence\">\r\n    <meta property=\"og:image\" content=\"https:\/\/storiaproperty.com\/wp-content\/uploads\/2025\/11\/newLogoBlack.webp\">\r\n    <meta property=\"og:locale\" content=\"ar_EG\">\r\n    <meta property=\"og:site_name\" content=\"Hyde Park Developments\">\r\n    \r\n    <meta name=\"twitter:card\" content=\"summary_large_image\">\r\n    <meta name=\"twitter:title\" content=\"\u0634\u0631\u0643\u0629 \u0647\u0627\u064a\u062f \u0628\u0627\u0631\u0643 \u0644\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a | Hyde Park Developments\">\r\n    <meta name=\"twitter:description\" content=\"Hyde Park Developments | Hyde Park New Cairo\u060c Seashore\u060c The Residence\">\r\n    <meta name=\"twitter:image\" content=\"https:\/\/storiaproperty.com\/wp-content\/uploads\/2025\/11\/newLogoBlack.webp\">\r\n    \r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;900&amp;family=Tajawal:wght@300;400;500;700;900&amp;display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        :root {\r\n            --primary-color: #002244; \/* Dark Blue - Hyde Park's identity color *\/\r\n            --secondary-color: #ff8c00; \/* Dark Orange\/Gold Accent *\/\r\n            --secondary-dark: #cc7000;\r\n            --secondary-light: #ffba6c;\r\n            --text-dark: #1a1a1a;\r\n            --text-light: #666;\r\n            --bg-light: #f5f8ff; \/* Very light blue\/off-white *\/\r\n            --white: #ffffff;\r\n            --border-color: #e5e5e5;\r\n        }\r\n        \r\n        body {\r\n            font-family: 'Cairo', 'Tajawal', sans-serif;\r\n            line-height: 1.8;\r\n            color: var(--text-dark);\r\n            direction: rtl;\r\n            overflow-x: hidden;\r\n        }\r\n        \r\n        \/* Header *\/\r\n        header {\r\n            background: var(--white);\r\n            box-shadow: 0 2px 15px rgba(0,0,0,0.08);\r\n            padding: 1rem 0;\r\n            position: sticky;\r\n            top: 0;\r\n            z-index: 1000;\r\n            border-bottom: 3px solid var(--secondary-color);\r\n        }\r\n        \r\n        nav {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 0 2rem;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n        }\r\n        \r\n        .logo img {\r\n            height: 80px;\r\n            width: auto;\r\n        }\r\n        \r\n        nav ul {\r\n            list-style: none;\r\n            display: flex;\r\n            gap: 2.5rem;\r\n            align-items: center;\r\n        }\r\n        \r\n        nav a {\r\n            color: var(--text-dark);\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            transition: all 0.3s ease;\r\n            padding: 0.5rem 1rem;\r\n            border-radius: 8px;\r\n            font-size: 1.05rem;\r\n        }\r\n        \r\n        nav a:hover {\r\n            color: var(--primary-color);\r\n        }\r\n        \r\n        .contact-btn {\r\n            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\r\n            color: var(--white) !important;\r\n            padding: 0.8rem 2rem !important;\r\n            border-radius: 30px;\r\n            font-weight: 700;\r\n            box-shadow: 0 4px 15px rgba(0, 34, 68, 0.3);\r\n        }\r\n        \r\n        .contact-btn:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 25px rgba(0, 34, 68, 0.5);\r\n        }\r\n        \r\n        .menu-toggle {\r\n            display: none;\r\n            flex-direction: column;\r\n            cursor: pointer;\r\n            gap: 5px;\r\n        }\r\n        \r\n        .menu-toggle span {\r\n            width: 30px;\r\n            height: 3px;\r\n            background: var(--primary-color);\r\n            transition: all 0.3s ease;\r\n            border-radius: 3px;\r\n        }\r\n        \r\n        \/* Hero Section *\/\r\n        .hero {\r\n            position: relative;\r\n            min-height: 90vh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            text-align: center;\r\n            color: var(--white);\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            \/* Hyde Park New Cairo image for Hero section *\/\r\n            background: url('https:\/\/storiaproperty.com\/wp-content\/uploads\/2025\/11\/\u0647\u0627\u064a\u062f-\u0628\u0627\u0631\u0643-\u0627\u0644\u062a\u062c\u0645\u0639-\u0627\u0644\u062e\u0627\u0645\u0633.jpg') center\/cover; \r\n            z-index: 1;\r\n        }\r\n        \r\n        .hero::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: linear-gradient(135deg, rgba(0, 34, 68, 0.85) 0%, rgba(0, 34, 68, 0.65) 50%, rgba(255, 140, 0, 0.3) 100%);\r\n            z-index: 2;\r\n        }\r\n        \r\n        .hero-content {\r\n            position: relative;\r\n            z-index: 3;\r\n            max-width: 1000px;\r\n            padding: 2rem;\r\n        }\r\n        \r\n        .hero h1 {\r\n            font-size: 4.5rem;\r\n            font-weight: 900;\r\n            margin-bottom: 1rem;\r\n            text-shadow: 2px 2px 8px rgba(0,0,0,0.5);\r\n            animation: fadeInUp 1s ease;\r\n        }\r\n        \r\n        .hero .subtitle {\r\n            font-size: 2.2rem;\r\n            color: var(--secondary-light);\r\n            margin-bottom: 1.5rem;\r\n            font-weight: 700;\r\n            text-shadow: 1px 1px 4px rgba(0,0,0,0.5);\r\n            animation: fadeInUp 1.2s ease;\r\n        }\r\n        \r\n        .hero p {\r\n            font-size: 1.5rem;\r\n            line-height: 1.9;\r\n            margin-bottom: 2.5rem;\r\n            opacity: 0.95;\r\n            animation: fadeInUp 1.4s ease;\r\n        }\r\n        \r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n        \r\n        \/* Container *\/\r\n        .container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 6rem 2rem;\r\n        }\r\n        \r\n        \/* Section Title *\/\r\n        .section-title {\r\n            text-align: center;\r\n            margin-bottom: 4rem;\r\n        }\r\n        \r\n        .section-title h2 {\r\n            font-size: 3rem;\r\n            font-weight: 900;\r\n            color: var(--primary-color);\r\n            margin-bottom: 1rem;\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n        \r\n        .section-title h2::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -15px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 100px;\r\n            height: 4px;\r\n            background: var(--secondary-color);\r\n            border-radius: 2px;\r\n        }\r\n        \r\n        .section-title .subtitle-en {\r\n            font-size: 1.5rem;\r\n            color: var(--secondary-dark);\r\n            margin-bottom: 1rem;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .section-title p {\r\n            font-size: 1.2rem;\r\n            color: var(--text-light);\r\n            max-width: 900px;\r\n            margin: 2rem auto 0;\r\n        }\r\n        \r\n        \/* About Section *\/\r\n        .about {\r\n            background: var(--bg-light);\r\n        }\r\n        \r\n        .about-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 3rem;\r\n            margin-top: 3rem;\r\n        }\r\n        \r\n        .about-card {\r\n            background: var(--white);\r\n            padding: 3rem;\r\n            border-radius: 20px;\r\n            box-shadow: 0 8px 30px rgba(0,0,0,0.08);\r\n            transition: all 0.3s ease;\r\n            border: 2px solid transparent;\r\n            text-align: center;\r\n        }\r\n        \r\n        .about-card:hover {\r\n            transform: translateY(-10px);\r\n            border-color: var(--secondary-color);\r\n            box-shadow: 0 15px 40px rgba(0, 34, 68, 0.2);\r\n        }\r\n        \r\n        .about-card .icon {\r\n            font-size: 4rem;\r\n            margin-bottom: 1.5rem;\r\n            background: linear-gradient(135deg, var(--secondary-color), var(--secondary-dark));\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n        \r\n        .about-card h3 {\r\n            font-size: 1.8rem;\r\n            color: var(--primary-color);\r\n            margin-bottom: 1rem;\r\n            font-weight: 700;\r\n        }\r\n        \r\n        .about-card p {\r\n            color: var(--text-light);\r\n            line-height: 1.9;\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        \/* Stats Section *\/\r\n        .stats {\r\n            background: linear-gradient(135deg, var(--primary-color), #003366);\r\n            color: var(--white);\r\n            padding: 5rem 2rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .stats::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: radial-gradient(circle at 80% 50%, rgba(255, 140, 0, 0.1) 0%, transparent 50%);\r\n            pointer-events: none;\r\n        }\r\n        \r\n        .stats-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 3rem;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .stat-item {\r\n            text-align: center;\r\n            padding: 2rem;\r\n            border-radius: 15px;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            backdrop-filter: blur(10px);\r\n            border: 2px solid rgba(255, 140, 0, 0.3);\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .stat-item:hover {\r\n            transform: translateY(-10px);\r\n            background: rgba(255, 140, 0, 0.1);\r\n            border-color: var(--secondary-color);\r\n        }\r\n        \r\n        .stat-number {\r\n            font-size: 3.5rem;\r\n            font-weight: 900;\r\n            color: var(--secondary-light);\r\n            display: block;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n        \r\n        .stat-label {\r\n            font-size: 1.2rem;\r\n            opacity: 0.95;\r\n        }\r\n        \r\n        \/* Projects Section *\/\r\n        .projects {\r\n            background: var(--white);\r\n        }\r\n        \r\n        .projects-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\r\n            gap: 2.5rem;\r\n            margin-top: 3rem;\r\n        }\r\n        \r\n        .project-card {\r\n            background: var(--white);\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: 0 8px 30px rgba(0,0,0,0.1);\r\n            transition: all 0.3s ease;\r\n            border: 2px solid var(--border-color);\r\n        }\r\n        \r\n        .project-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 15px 40px rgba(0, 34, 68, 0.25);\r\n            border-color: var(--primary-color);\r\n        }\r\n        \r\n        .project-image {\r\n            width: 100%;\r\n            height: 280px;\r\n            overflow: hidden;\r\n            position: relative;\r\n        }\r\n        \r\n        .project-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s ease;\r\n        }\r\n        \r\n        .project-card:hover .project-image img {\r\n            transform: scale(1.1);\r\n        }\r\n        \r\n        .project-badge {\r\n            position: absolute;\r\n            top: 15px;\r\n            right: 15px;\r\n            background: linear-gradient(135deg, var(--secondary-color), var(--secondary-dark));\r\n            color: var(--white);\r\n            padding: 0.6rem 1.2rem;\r\n            border-radius: 25px;\r\n            font-size: 0.9rem;\r\n            font-weight: 700;\r\n            box-shadow: 0 4px 15px rgba(255, 140, 0, 0.4);\r\n        }\r\n        \r\n        .project-content {\r\n            padding: 2rem;\r\n        }\r\n        \r\n        .project-title {\r\n            font-size: 1.8rem;\r\n            font-weight: 800;\r\n            color: var(--text-dark);\r\n            margin-bottom: 0.5rem;\r\n        }\r\n        \r\n        .project-subtitle {\r\n            font-size: 1.2rem;\r\n            color: var(--secondary-dark);\r\n            margin-bottom: 1rem;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .project-meta {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 1rem 0;\r\n            border-top: 1px solid var(--border-color);\r\n            border-bottom: 1px solid var(--border-color);\r\n            margin: 1rem 0;\r\n        }\r\n        \r\n        .meta-item {\r\n            font-size: 0.95rem;\r\n            color: var(--text-light);\r\n        }\r\n        \r\n        .project-description {\r\n            color: var(--text-dark);\r\n            line-height: 1.8;\r\n            margin: 1.5rem 0;\r\n            font-size: 1.05rem;\r\n        }\r\n        \r\n        .project-actions {\r\n            display: flex;\r\n            gap: 10px;\r\n            margin-top: 1.5rem;\r\n        }\r\n        \r\n        .action-btn {\r\n            flex: 1;\r\n            padding: 0.9rem;\r\n            text-decoration: none;\r\n            border-radius: 10px;\r\n            font-weight: 700;\r\n            font-size: 0.95rem;\r\n            text-align: center;\r\n            transition: all 0.3s ease;\r\n            border: 2px solid transparent;\r\n        }\r\n        \r\n        .btn-call {\r\n            background: var(--primary-color);\r\n            color: var(--secondary-color);\r\n            border-color: var(--secondary-color);\r\n        }\r\n        \r\n        .btn-call:hover {\r\n            background: var(--secondary-color);\r\n            color: var(--primary-color);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(255, 140, 0, 0.4);\r\n        }\r\n        \r\n        .btn-whatsapp {\r\n            background: #25D366;\r\n            color: var(--white);\r\n        }\r\n        \r\n        .btn-whatsapp:hover {\r\n            background: #20BA5A;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);\r\n        }\r\n        \r\n        .btn-details {\r\n            background: var(--bg-light);\r\n            color: var(--primary-color);\r\n            border-color: var(--primary-color);\r\n        }\r\n        \r\n        .btn-details:hover {\r\n            background: var(--primary-color);\r\n            color: var(--secondary-color);\r\n            border-color: var(--secondary-color);\r\n        }\r\n        \r\n        \/* Contact Section *\/\r\n        .contact {\r\n            background: var(--bg-light);\r\n        }\r\n        \r\n        .form__container {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            background: var(--white);\r\n            padding: 4rem;\r\n            border-radius: 25px;\r\n            box-shadow: 0 15px 50px rgba(0,0,0,0.1);\r\n            border: 2px solid var(--primary-color);\r\n        }\r\n        \r\n        .form__container h2 {\r\n            text-align: center;\r\n            font-size: 2.5rem;\r\n            color: var(--primary-color);\r\n            margin-bottom: 1rem;\r\n        }\r\n        \r\n        .form__container .form-subtitle {\r\n            text-align: center;\r\n            font-size: 1.3rem;\r\n            color: var(--secondary-dark);\r\n            margin-bottom: 2.5rem;\r\n        }\r\n        \r\n        .form__container form {\r\n            display: grid;\r\n            gap: 1.5rem;\r\n        }\r\n        \r\n        .form__container input {\r\n            padding: 1.2rem;\r\n            border: 2px solid var(--border-color);\r\n            border-radius: 12px;\r\n            font-size: 1.05rem;\r\n            font-family: 'Cairo', sans-serif;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .form__container input:focus {\r\n            outline: none;\r\n            border-color: var(--primary-color);\r\n            box-shadow: 0 0 0 4px rgba(0, 34, 68, 0.1);\r\n        }\r\n        \r\n        .form__container button {\r\n            padding: 1.2rem;\r\n            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\r\n            color: var(--white);\r\n            border: none;\r\n            border-radius: 12px;\r\n            font-size: 1.2rem;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            font-family: 'Cairo', sans-serif;\r\n        }\r\n        \r\n        .form__container button:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 10px 30px rgba(0, 34, 68, 0.4);\r\n        }\r\n        \r\n        ._modal {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.8);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            opacity: 0;\r\n            pointer-events: none;\r\n            transition: opacity 0.3s ease;\r\n            z-index: 10000;\r\n        }\r\n        \r\n        ._open {\r\n            opacity: 1;\r\n            pointer-events: unset;\r\n        }\r\n        \r\n        .res {\r\n            background: var(--white);\r\n            padding: 4rem;\r\n            border-radius: 25px;\r\n            box-shadow: 0 20px 60px rgba(0,0,0,0.3);\r\n            text-align: center;\r\n            max-width: 450px;\r\n            animation: slideUp 0.4s ease;\r\n            border: 3px solid var(--primary-color);\r\n        }\r\n        \r\n        @keyframes slideUp {\r\n            from {\r\n                transform: translateY(50px);\r\n                opacity: 0;\r\n            }\r\n            to {\r\n                transform: translateY(0);\r\n                opacity: 1;\r\n            }\r\n        }\r\n        \r\n        .res img {\r\n            max-height: 100px;\r\n            margin-bottom: 2rem;\r\n        }\r\n        \r\n        .res h3 {\r\n            color: var(--secondary-dark);\r\n            font-size: 2rem;\r\n            margin-bottom: 1rem;\r\n            font-weight: 800;\r\n        }\r\n        \r\n        .res p {\r\n            color: var(--text-dark);\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        \/* Footer *\/\r\n        footer {\r\n            background: var(--primary-color);\r\n            color: var(--white);\r\n            padding: 4rem 2rem 2rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        footer::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, var(--secondary-color), var(--secondary-dark), var(--secondary-color));\r\n        }\r\n        \r\n        .footer-content {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .footer-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 3rem;\r\n            margin-bottom: 3rem;\r\n        }\r\n        \r\n        .footer-section h3 {\r\n            font-size: 1.6rem;\r\n            margin-bottom: 1.5rem;\r\n            color: var(--secondary-light);\r\n            font-weight: 700;\r\n        }\r\n        \r\n        .footer-section p,\r\n        .footer-section a {\r\n            color: rgba(255,255,255,0.9);\r\n            text-decoration: none;\r\n            display: block;\r\n            margin-bottom: 0.8rem;\r\n            line-height: 1.8;\r\n            font-size: 1.05rem;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .footer-section a:hover {\r\n            color: var(--secondary-color);\r\n            transform: translateX(-5px);\r\n        }\r\n        \r\n        .copyright {\r\n            text-align: center;\r\n            padding-top: 2rem;\r\n            border-top: 1px solid rgba(255,255,255,0.2);\r\n            font-size: 1rem;\r\n        }\r\n        \r\n        \/* WhatsApp & Scroll Buttons *\/\r\n        .whatsapp-float {\r\n            position: fixed;\r\n            bottom: 30px;\r\n            left: 30px;\r\n            background: #25D366;\r\n            color: var(--white);\r\n            width: 65px;\r\n            height: 65px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 2.2rem;\r\n            cursor: pointer;\r\n            z-index: 999;\r\n            box-shadow: 0 4px 20px rgba(37, 211, 102, 0.5);\r\n            transition: all 0.3s ease;\r\n            animation: pulse 2s infinite;\r\n        }\r\n        \r\n        .whatsapp-float:hover {\r\n            transform: scale(1.15);\r\n            box-shadow: 0 8px 30px rgba(37, 211, 102, 0.7);\r\n        }\r\n        \r\n        @keyframes pulse {\r\n            0%, 100% {\r\n                box-shadow: 0 4px 20px rgba(37, 211, 102, 0.5);\r\n            }\r\n            50% {\r\n                box-shadow: 0 4px 30px rgba(37, 211, 102, 0.8);\r\n            }\r\n        }\r\n        \r\n        .scroll-top {\r\n            position: fixed;\r\n            bottom: 110px;\r\n            left: 30px;\r\n            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\r\n            color: var(--white);\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.5rem;\r\n            cursor: pointer;\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transition: all 0.3s ease;\r\n            z-index: 999;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.3);\r\n        }\r\n        \r\n        .scroll-top.show {\r\n            opacity: 1;\r\n            visibility: visible;\r\n        }\r\n        \r\n        .scroll-top:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 8px 25px rgba(0, 34, 68, 0.5);\r\n        }\r\n        \r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .menu-toggle {\r\n                display: flex;\r\n            }\r\n            \r\n            nav ul {\r\n                position: fixed;\r\n                top: 100px;\r\n                right: -100%;\r\n                width: 100%;\r\n                height: calc(100vh - 100px);\r\n                background: var(--white);\r\n                flex-direction: column;\r\n                padding: 2rem;\r\n                gap: 1.5rem;\r\n                transition: right 0.3s ease;\r\n                box-shadow: -2px 0 15px rgba(0,0,0,0.1);\r\n            }\r\n            \r\n            nav ul.active {\r\n                right: 0;\r\n            }\r\n            \r\n            .hero h1 {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .hero .subtitle {\r\n                font-size: 1.5rem;\r\n            }\r\n            \r\n            .projects-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .section-title h2 {\r\n                font-size: 2rem;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n\r\n    <header>\r\n        <nav>\r\n            <div class=\"logo\">\r\n                <img decoding=\"async\" data-src=\"https:\/\/storiaproperty.com\/wp-content\/uploads\/2025\/11\/newLogoBlack.webp\" alt=\"Hyde Park Developments\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1048px; --smush-placeholder-aspect-ratio: 1048\/204;\">\r\n            <\/div>\r\n            <div class=\"menu-toggle\" id=\"menuToggle\">\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n            <\/div>\r\n            <ul id=\"navMenu\">\r\n                <li><a href=\"#home\">Home<\/a><\/li>\r\n                <li><a href=\"#projects\">Projects<\/a><\/li>\r\n                <li><a href=\"#about\">Who are we<\/a><\/li>\r\n                <li><a href=\"#contact\" class=\"contact-btn\">Contact Us<\/a><\/li>\r\n            <\/ul>\r\n        <\/nav>\r\n    <\/header>\r\n    \r\n    <section id=\"home\" class=\"hero\">\r\n        <div class=\"hero-content\">\r\n            <h1>Hyde Park Developments<\/h1>\r\n            <p class=\"subtitle\">Hyde Park Developments<\/p>\r\n            <p>Integrated communities in prime locations | Fifth Settlement, North Coast, and West Cairo<br>Extensive experience | Mega projects | Payment plans up to 9 years  <\/p>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <section id=\"projects\" class=\"projects\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2>Our Main Projects<\/h2>\r\n                <p class=\"subtitle-en\">Our Flagship Projects<\/p>\r\n                <p>\u0645\u0634\u0627\u0631\u064a\u0639 \u0647\u0627\u064a\u062f \u0628\u0627\u0631\u0643 \u0627\u0644\u0645\u0645\u064a\u0632\u0629 \u0641\u064a \u0627\u0644\u0642\u0627\u0647\u0631\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0648\u0627\u0644\u0633\u0627\u062d\u0644 \u0627\u0644\u0634\u0645\u0627\u0644\u064a \u0648\u063a\u0631\u0628 \u0627\u0644\u0642\u0627\u0647\u0631\u0629<\/p>\r\n            <\/div>\r\n            <div class=\"projects-grid\">\r\n                <div class=\"project-card\">\r\n                    <div class=\"project-image\">\r\n                        <img decoding=\"async\" data-src=\"https:\/\/storiaproperty.com\/wp-content\/uploads\/2025\/11\/%D9%87%D8%A7%D9%8A%D8%AF-%D8%A8%D8%A7%D8%B1%D9%83-%D8%A7%D9%84%D8%AA%D8%AC%D9%85%D8%B9-%D8%A7%D9%84%D8%AE%D8%A7%D9%85%D8%B3.jpg\" alt=\"Hyde Park Fifth Settlement\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\r\n                        <div class=\"project-badge\">New Cairo - Residential<\/div>\r\n                    <\/div>\r\n                    <div class=\"project-content\">\r\n                        <h3 class=\"project-title\">Hyde Park New Cairo<\/h3>\r\n                        <p class=\"project-subtitle\">Hyde Park Fifth Settlement<\/p>\r\n                        <div class=\"project-meta\">\r\n                            <div class=\"meta-item\">\ud83d\udccd Main Ninety Street<\/div>\r\n                            <div class=\"meta-item\">\ud83d\udcb8 Starting from EGP 10.8 million<\/div>\r\n                            <div class=\"meta-item\">\u23f3 Repayment up to 9 years<\/div>\r\n                        <\/div>\r\n                        <p class=\"project-description\">The largest integrated project in the Fifth Settlement, includes the largest central park and a wide range of apartments, twin houses, and standalone villas.   <\/p>\r\n                        <div class=\"project-actions\">\r\n                            <a href=\"tel:01227702655\" class=\"action-btn btn-call\">\ud83d\udcde Call<\/a>\r\n                            <a href=\"https:\/\/wa.me\/201227702655?text=%D9%85%D8%B1%D8%AD%D8%A8%D8%A7%D9%8B%D8%8C%20%D8%A3%D8%B1%D9%8A%D8%AF%20%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D9%81%D8%B3%D8%A7%D8%B1%20%D8%B9%D9%86%20Hyde%20Park%20New%20Cairo\" target=\"_blank\" class=\"action-btn btn-whatsapp\">\ud83d\udcac Whatsapp<\/a>\r\n                            <a href=\"#contact\" class=\"action-btn btn-details\">\ud83d\udccb Details<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"project-card\">\r\n                    <div class=\"project-image\">\r\n                        <img decoding=\"async\" data-src=\"https:\/\/storiaproperty.com\/wp-content\/uploads\/2025\/11\/%D8%B3%D9%8A-%D8%B4%D9%88%D8%B1-%D9%87%D8%A7%D9%8A%D8%AF-%D8%A8%D8%A7%D8%B1%D9%83-%D8%A7%D9%84%D8%B3%D8%A7%D8%AD%D9%84-%D8%A7%D9%84%D8%B4%D9%85%D8%A7%D9%84%D9%8A.jpg\" alt=\"Sea Shore Hyde Park North Coast\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\r\n                        <div class=\"project-badge\">North Coast - Tourist<\/div>\r\n                    <\/div>\r\n                    <div class=\"project-content\">\r\n                        <h3 class=\"project-title\">Seashore<\/h3>\r\n                        <p class=\"project-subtitle\">Sea Shore - North Coast<\/p>\r\n                        <div class=\"project-meta\">\r\n                            <div class=\"meta-item\">\ud83d\udccd Ras El Hekma - Kilo 210<\/div>\r\n                            <div class=\"meta-item\">\ud83d\udcb8 Starting from EGP 9.5 million<\/div>\r\n                            <div class=\"meta-item\">\u23f3 Repayment up to 8 years<\/div>\r\n                        <\/div>\r\n                        <p class=\"project-description\">A luxury coastal resort that offers chalets and villas with direct sea views, hotel services, and integrated entertainment areas. <\/p>\r\n                        <div class=\"project-actions\">\r\n                            <a href=\"tel:01227702655\" class=\"action-btn btn-call\">\ud83d\udcde Call<\/a>\r\n                            <a href=\"https:\/\/wa.me\/201227702655?text=%D9%85%D8%B1%D8%AD%D8%A8%D8%A7%D9%8B%D8%8C%20%D8%A3%D8%B1%D9%8A%D8%AF%20%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D9%81%D8%B3%D8%A7%D8%B1%20%D8%B9%D9%86%20Seashore%20North%20Coast\" target=\"_blank\" class=\"action-btn btn-whatsapp\">\ud83d\udcac Whatsapp<\/a>\r\n                            <a href=\"#contact\" class=\"action-btn btn-details\">\ud83d\udccb Details<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"project-card\">\r\n                    <div class=\"project-image\">\r\n                        <img decoding=\"async\" data-src=\"https:\/\/storiaproperty.com\/wp-content\/uploads\/2025\/11\/%D9%83%D9%85%D8%A8%D9%88%D9%86%D8%AF-%D8%B0%D8%A7-%D8%B1%D9%8A%D8%B2%D9%8A%D8%AF%D9%86%D8%B3-%D9%87%D8%A7%D9%8A%D8%AF-%D8%A8%D8%A7%D8%B1%D9%83-%D8%A7%D9%84%D9%82%D8%A7%D9%87%D8%B1%D8%A9-%D8%A7%D9%84%D8%AC%D8%AF%D9%8A%D8%AF%D8%A9.jpg\" alt=\"The Residence Hyde Park Compound New Cairo\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\r\n                        <div class=\"project-badge\">New Cairo - Luxury Residential<\/div>\r\n                    <\/div>\r\n                    <div class=\"project-content\">\r\n                        <h3 class=\"project-title\">The Residence<\/h3>\r\n                        <p class=\"project-subtitle\">The Residence - New Cairo<\/p>\r\n                        <div class=\"project-meta\">\r\n                            <div class=\"meta-item\">\ud83d\udccd Heart of the Fifth Settlement<\/div>\r\n                            <div class=\"meta-item\">\ud83d\udcb8 Starting from EGP 19.5 million<\/div>\r\n                            <div class=\"meta-item\">\u23f3 Repayment up to 7 years<\/div>\r\n                        <\/div>\r\n                        <p class=\"project-description\">An exclusive residential phase within the Hyde Park project, characterized by privacy and luxury units with excellent finishes. <\/p>\r\n                        <div class=\"project-actions\">\r\n                            <a href=\"tel:01227702655\" class=\"action-btn btn-call\">\ud83d\udcde Call<\/a>\r\n                            <a href=\"https:\/\/wa.me\/201227702655?text=%D9%85%D8%B1%D8%AD%D8%A8%D8%A7%D9%8B%D8%8C%20%D8%A3%D8%B1%D9%8A%D8%AF%20%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D9%81%D8%B3%D8%A7%D8%B1%20%D8%B9%D9%86%20The%20Residence\" target=\"_blank\" class=\"action-btn btn-whatsapp\">\ud83d\udcac Whatsapp<\/a>\r\n                            <a href=\"#contact\" class=\"action-btn btn-details\">\ud83d\udccb Details<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"project-card\">\r\n                    <div class=\"project-image\">\r\n                        <img decoding=\"async\" data-src=\"https:\/\/storiaproperty.com\/wp-content\/uploads\/2025\/11\/Hyde-Park-Business-%D9%87%D8%A7%D9%8A%D8%AF-%D8%A8%D8%A7%D8%B1%D9%83-%D8%A8%D9%8A%D8%B2%D9%86%D8%B3.jpg\" alt=\"Hyde Park Business\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\r\n                        <div class=\"project-badge\">New Cairo - Commercial  Administrative<\/div>\r\n                    <\/div>\r\n                    <div class=\"project-content\">\r\n                        <h3 class=\"project-title\">Hyde Park Business District<\/h3>\r\n                        <p class=\"project-subtitle\">Hyde Park Business<\/p>\r\n                        <div class=\"project-meta\">\r\n                            <div class=\"meta-item\">\ud83d\udccd North Teseen Street<\/div>\r\n                            <div class=\"meta-item\">\ud83d\udcb8 Starting from EGP 20.2 million<\/div>\r\n                            <div class=\"meta-item\">\u23f3 Repayment up to 6 years<\/div>\r\n                        <\/div>\r\n                        <p class=\"project-description\">An integrated business and commercial area in the heart of the Fifth Settlement, providing administrative offices and commercial units of the highest standards. <\/p>\r\n                        <div class=\"project-actions\">\r\n                            <a href=\"tel:01227702655\" class=\"action-btn btn-call\">\ud83d\udcde Call<\/a>\r\n                            <a href=\"https:\/\/wa.me\/201227702655?text=%D9%85%D8%B1%D8%AD%D8%A8%D8%A7%D9%8B%D8%8C%20%D8%A3%D8%B1%D9%8A%D8%AF%20%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D9%81%D8%B3%D8%A7%D8%B1%20%D8%B9%D9%86%20Hyde%20Park%20Business\" target=\"_blank\" class=\"action-btn btn-whatsapp\">\ud83d\udcac Whatsapp<\/a>\r\n                            <a href=\"#contact\" class=\"action-btn btn-details\">\ud83d\udccb Details<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <section id=\"about\" class=\"about\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2>Who are we<\/h2>\r\n                <p class=\"subtitle-en\">About Hyde Park Developments<\/p>\r\n                <p>Hyde Park Real Estate Development - One of the largest leading companies in the Egyptian market with extensive experience and a huge land portfolio<\/p>\r\n            <\/div>\r\n            <div class=\"about-grid\">\r\n                <div class=\"about-card\">\r\n                    <div class=\"icon\">\ud83c\udfd7\ufe0f<\/div>\r\n                    <h3>Huge land portfolio<\/h3>\r\n                    <p>More than 6 million square meters of land in strategic locations such as New Cairo (Fifth Settlement), North Coast (Ras El Hekma), and West Cairo (6th of October).  <\/p>\r\n                <\/div>\r\n                <div class=\"about-card\">\r\n                    <div class=\"icon\">\ud83c\udfc6<\/div>\r\n                    <h3>Integrated Communities<\/h3>\r\n                    <p>We focus on creating luxury and sustainable residential communities that provide all basic and recreational services and facilities, such as Hyde Park New Cairo. <\/p>\r\n                <\/div>\r\n                <div class=\"about-card\">\r\n                    <div class=\"icon\">\ud83d\udcc8<\/div>\r\n                    <h3>Future Vision<\/h3>\r\n                    <p>Developing projects with the highest international standards in cooperation with major international design and consultancy companies to meet the aspirations of clients.<\/p>\r\n                <\/div>\r\n                <div class=\"about-card\">\r\n                    <div class=\"icon\">home<\/div>\r\n                    <h3>Quality  Design<\/h3>\r\n                    <p>A wide variety of residential units ranging from apartments, villas, twin houses, and townhouses, with modern designs and wide green spaces. <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <section class=\"stats\">\r\n        <div class=\"stats-grid\">\r\n            <div class=\"stat-item\">\r\n                <span class=\"stat-number\">6M+<\/span>\r\n                <span class=\"stat-label\">Square Meter Land Portfolio<\/span>\r\n            <\/div>\r\n            <div class=\"stat-item\">\r\n                <span class=\"stat-number\">10+<\/span>\r\n                <span class=\"stat-label\">Years of market experience<\/span>\r\n            <\/div>\r\n            <div class=\"stat-item\">\r\n                <span class=\"stat-number\">1,200<\/span>\r\n                <span class=\"stat-label\">Acre of Hyde Park New Cairo Compound<\/span>\r\n            <\/div>\r\n            <div class=\"stat-item\">\r\n                <span class=\"stat-number\">9<\/span>\r\n                <span class=\"stat-label\">Years longer repayment period<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    \r\n    <section id=\"contact\" class=\"contact\">\r\n        <div class=\"container\">\r\n            <div class=\"section-title\">\r\n                <h2>Contact Us<\/h2>\r\n                <p class=\"subtitle-en\">Contact Us<\/p>\r\n                <p>Our team is ready to answer your inquiries and help you choose the perfect unit within Hyde Park projects<\/p>\r\n            <\/div>\r\n            <div class=\"form__container\">\r\n                <h2>Enquire Now and Book Your Unit<\/h2>\r\n                <p class=\"form-subtitle\">Get in Touch  Reserve Your Unit<\/p>\r\n                <div class=\"_modal\" id=\"_modal\">\r\n                    <div class=\"res\">\r\n                        <img decoding=\"async\" src=\"https:\/\/iconarchive.com\/download\/i58928\/wwalczyszyn\/android-style-honeycomb\/Messages.ico\" alt=\"success\">\r\n                        <h3>Thank you!<\/h3>\r\n                        <p>Your application has been successfully submitted<br>A sales representative will contact you soon<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <form id=\"my-form\" action=\"https:\/\/api.headlessforms.cloud\/api\/v1\/form\/YFtiRP0Jaj\" method=\"POST\"> \r\n                    <input id=\"fullName\" name=\"fullName\" type=\"text\" placeholder=\"Full Name\" required=\"\">\r\n                    <input id=\"email\" name=\"email\" type=\"email\" placeholder=\"Email\" required=\"\">\r\n                    <input id=\"phone\" name=\"phone\" type=\"tel\" placeholder=\"Phone Number: 01227702655\" required=\"\">\r\n                    <input id=\"project\" name=\"project\" type=\"text\" placeholder=\"Interested Project\">\r\n                    <button type=\"submit\">Send Request<\/button>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <footer>\r\n        <div class=\"footer-content\">\r\n            <div class=\"footer-grid\">\r\n                <div class=\"footer-section\">\r\n                    <h3>Hyde Park Developments<\/h3>\r\n                    <p><strong>Hyde Park Developments<\/strong><\/p>\r\n                    <p>A leading real estate developer in the Egyptian market<\/p>\r\n                    <p>More than 6 million square meters of land<\/p>\r\n                    <p>Integrated communities in the finest locations<\/p>\r\n                <\/div>\r\n                <div class=\"footer-section\">\r\n                    <h3>Projects<\/h3>\r\n                    <a href=\"#projects\">Hyde Park New Cairo - Fifth<\/a>\r\n Settlement<a href=\"#projects\">Seashore - North Coast<\/a>\r\n<a href=\"#projects\">The Residence - New<\/a>\r\n Cairo<a href=\"#projects\">Hyde Park Business - Administrative  Commercial<\/a>                                                            \r\n                <\/div>\r\n                <div class=\"footer-section\">\r\n                    <h3>Quick Links<\/h3>\r\n                    <a href=\"#home\">Home<\/a>\r\n                    <a href=\"#projects\">Projects<\/a>\r\n                    <a href=\"#about\">Who are we<\/a>\r\n                    <a href=\"#contact\">Contact Us<\/a>\r\n                <\/div>\r\n                <div class=\"footer-section\">\r\n                    <h3>Contact Us<\/h3>\r\n                    <p>\ud83d\udcde Shouting: +201227702655<\/p>\r\n                    <p>\ud83d\udcac WhatsApp: +201227702655<\/p>\r\n                    <p>\ud83d\udccd Fifth Settlement - New Cairo<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"copyright\">\r\n                <p>\u00a9 2025 Hyde Park Developments | Hyde Park Real Estate Development Company. All Rights Reserved. <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n    \r\n    <a href=\"https:\/\/wa.me\/201227702655?text=%D9%85%D8%B1%D8%AD%D8%A8%D8%A7%D9%8B%D8%8C%20%D8%A3%D8%B1%D9%8A%D8%AF%20%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D9%81%D8%B3%D8%A7%D8%B1%20%D8%B9%D9%86%20%D9%85%D8%B4%D8%A7%D8%B1%D9%8A%D8%B9%20Hyde%20Park\" target=\"_blank\" class=\"whatsapp-float\">\r\n  \ud83d\udcac\r\n    <\/a>\r\n    \r\n    <div class=\"scroll-top\" id=\"scrollTop\">\u2191<\/div>\r\n    \r\n    <script>\r\n        \/\/ Mobile Menu Toggle\r\n        const menuToggle = document.getElementById('menuToggle');\r\n        const navMenu = document.getElementById('navMenu');\r\n        \r\n        menuToggle.addEventListener('click', () => {\r\n            menuToggle.classList.toggle('active');\r\n            navMenu.classList.toggle('active');\r\n        });\r\n        \r\n        document.querySelectorAll('#navMenu a').forEach(link => {\r\n            link.addEventListener('click', () => {\r\n                menuToggle.classList.remove('active');\r\n                navMenu.classList.remove('active');\r\n            });\r\n        });\r\n        \r\n        \/\/ Smooth Scrolling\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n        \r\n        \/\/ Scroll to Top Button\r\n        const scrollTop = document.getElementById('scrollTop');\r\n        window.addEventListener('scroll', () => {\r\n            if (window.pageYOffset > 300) {\r\n                scrollTop.classList.add('show');\r\n            } else {\r\n                scrollTop.classList.remove('show');\r\n            }\r\n        });\r\n        \r\n        scrollTop.addEventListener('click', () => {\r\n            window.scrollTo({\r\n                top: 0,\r\n                behavior: 'smooth'\r\n            });\r\n        });\r\n        \r\n        \/\/ Contact Form Handler\r\n        document.getElementById(\"_modal\").addEventListener(\"click\", (e) => {\r\n            if (e.target.id === \"_modal\") {\r\n                e.target.classList.remove(\"_open\");\r\n            }\r\n        });\r\n        \r\n        var form = document.getElementById(\"my-form\");\r\n        \r\n        async function handleSubmit(event) {\r\n            event.preventDefault();\r\n            var data = new FormData(event.target);\r\n            var fullName = document.getElementById(\"fullName\");\r\n            var phone = document.getElementById(\"phone\");\r\n            var email = document.getElementById(\"email\");\r\n            \r\n            if (email.value && phone.value && fullName.value) {\r\n                fetch(event.target.action, {\r\n                    method: form.method,\r\n                    body: data,\r\n                    headers: {\r\n                        Accept: \"application\/json\",\r\n                    },\r\n                })\r\n                .then((response) => {\r\n                    if (response.ok) {\r\n                        form.reset();\r\n                        document.getElementById(\"_modal\").classList.add(\"_open\");\r\n                        \r\n                        \/\/ Send to WhatsApp\r\n                        setTimeout(() => {\r\n                            window.open(`https:\/\/wa.me\/201227702655?text=\u062a\u0645 \u0627\u0633\u062a\u0644\u0627\u0645 \u0637\u0644\u0628\u0643 \u0645\u0646: ${fullName.value}\u060c \u0627\u0644\u0647\u0627\u062a\u0641: ${phone.value}\u060c \u0645\u0647\u062a\u0645 \u0628\u0645\u0634\u0631\u0648\u0639: ${document.getElementById(\"project\").value || '\u063a\u064a\u0631 \u0645\u062d\u062f\u062f'}`, '_blank');\r\n                        }, 2000);\r\n                    } else {\r\n                        alert(\"\u0639\u0630\u0631\u0627\u064b! \u062d\u062f\u062b\u062a \u0645\u0634\u0643\u0644\u0629 \u0623\u062b\u0646\u0627\u0621 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0646\u0645\u0648\u0630\u062c\");\r\n                    }\r\n                })\r\n                .catch((error) => {\r\n                    alert(\"\u0639\u0630\u0631\u0627\u064b! \u062d\u062f\u062b\u062a \u0645\u0634\u0643\u0644\u0629 \u0623\u062b\u0646\u0627\u0621 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0646\u0645\u0648\u0630\u062c\");\r\n                });\r\n            }\r\n        }\r\n        form.addEventListener(\"submit\", handleSubmit);\r\n        \r\n        \/\/ Animation on Scroll\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n        \r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.style.opacity = '1';\r\n                    entry.target.style.transform = 'translateY(0)';\r\n                }\r\n            });\r\n        }, observerOptions);\r\n        \r\n        document.querySelectorAll('.about-card, .stat-item, .project-card').forEach(element => {\r\n            element.style.opacity = '0';\r\n            element.style.transform = 'translateY(30px)';\r\n            element.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n            observer.observe(element);\r\n        });\r\n        \r\n    <\/script>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hyde Park Developments &#8211; Fifth Settlement, North Coast and West Cairo Projects 2025 Home Projects Who are we Contact Us Hyde Park Developments Hyde Park Developments Integrated communities in prime locations | Fifth Settlement, North Coast, and West CairoExtensive experience | Mega projects | Payment plans up to 9 years Our Main Projects Our Flagship [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[335],"tags":[342],"class_list":["post-44684","post","type-post","status-publish","format-standard","hentry","category-estates","tag-hyde-park-developments"],"acf":[],"aioseo_notices":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/storiaproperty.com\/en\/wp-json\/wp\/v2\/posts\/44684","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/storiaproperty.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/storiaproperty.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/storiaproperty.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/storiaproperty.com\/en\/wp-json\/wp\/v2\/comments?post=44684"}],"version-history":[{"count":0,"href":"https:\/\/storiaproperty.com\/en\/wp-json\/wp\/v2\/posts\/44684\/revisions"}],"wp:attachment":[{"href":"https:\/\/storiaproperty.com\/en\/wp-json\/wp\/v2\/media?parent=44684"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/storiaproperty.com\/en\/wp-json\/wp\/v2\/categories?post=44684"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/storiaproperty.com\/en\/wp-json\/wp\/v2\/tags?post=44684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}