{"id":44732,"date":"2025-11-18T20:13:06","date_gmt":"2025-11-18T17:13:06","guid":{"rendered":"https:\/\/storiaproperty.com\/el-amar-group-investment-and-luxury-residence-in-north-coast-sheikh-zayed-and-6th-of-october\/"},"modified":"2025-11-18T20:20:33","modified_gmt":"2025-11-18T17:20:33","slug":"el-amar-group-investment-and-luxury-residence-in-north-coast-sheikh-zayed-and-6th-of-october","status":"publish","type":"post","link":"https:\/\/storiaproperty.com\/en\/el-amar-group-investment-and-luxury-residence-in-north-coast-sheikh-zayed-and-6th-of-october\/","title":{"rendered":"El Amar Group | Investment and luxury residence in North Coast, Sheikh Zayed and 6th of October"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"44732\" class=\"elementor elementor-44732 elementor-44723\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b10243b e-flex e-con-boxed e-con e-parent\" data-id=\"5b10243b\" 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-4499ae30 elementor-widget elementor-widget-text-editor\" data-id=\"4499ae30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div>\n<p><\/p>\n\n\n\n\n\n\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    \n    <title>El Amar Group | Al Ammar Group &#8211; North Coast, Sheikh Zayed  6th of October Projects<\/title>\n    <meta name=\"title\" content=\"Al Ammar Group Real Estate Development Company | El Amar Group\">\n    <meta name=\"description\" content=\"Al Emaar Group - A Leading Real Estate Developer | Shores North Coast Projects, Boulevard Hills October, Bella Mira | Residential and tourist units with convenient payment systems\">\n    <meta name=\"keywords\" content=\"El Ammar Group, El Amar Group, Shores North Coast, Boulevard Hills, Sheikh Zayed, 6th of October, North Coast, Real Estate Egypt, Chalets, Villas, Apartments\">\n    <meta name=\"author\" content=\"El Amar Group\">\n    <meta name=\"robots\" content=\"index, follow\">\n    <link rel=\"canonical\" href=\"https:\/\/www.elamargroup-egy.com\/\">\n    \n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:url\" content=\"https:\/\/www.elamargroup-egy.com\/\">\n    <meta property=\"og:title\" content=\"Al Ammar Group Real Estate Development Company | El Amar Group\">\n    <meta property=\"og:description\" content=\"A real estate developer with distinguished experience in North Coast and West Cairo projects\">\n    <meta property=\"og:image\" content=\"https:\/\/storiaproperty.com\/wp-content\/uploads\/2025\/11\/al%20amar%20logo.png\">\n    <meta property=\"og:locale\" content=\"ar_EG\">\n    <meta property=\"og:site_name\" content=\"El Amar Group\">\n    \n    <meta name=\"twitter:card\" content=\"summary_large_image\">\n    <meta name=\"twitter:title\" content=\"Al Ammar Group Real Estate Development Company | El Amar Group\">\n    <meta name=\"twitter:description\" content=\"Shores North Coast Projects, Boulevard Hills October\">\n    <meta name=\"twitter:image\" content=\"https:\/\/storiaproperty.com\/wp-content\/uploads\/2025\/11\/al%20amar%20logo.png\">\n    \n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"RealEstateAgent\",\n      \"name\": \"El Amar Group\",\n      \"alternateName\": \"\u0627\u0644\u0639\u0645\u0627\u0631 \u062c\u0631\u0648\u0628\",\n      \"url\": \"https:\/\/www.elamargroup-egy.com\/\",\n      \"logo\": \"https:\/\/storiaproperty.com\/wp-content\/uploads\/2025\/11\/al%20amar%20logo.png\",\n      \"description\": \"\u0634\u0631\u0643\u0629 \u0627\u0644\u0639\u0645\u0627\u0631 \u062c\u0631\u0648\u0628 \u0644\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a - \u0645\u0637\u0648\u0631 \u0639\u0642\u0627\u0631\u064a \u0628\u0645\u0634\u0627\u0631\u064a\u0639 \u0641\u064a \u0627\u0644\u0633\u0627\u062d\u0644 \u0627\u0644\u0634\u0645\u0627\u0644\u064a \u0648 6 \u0623\u0643\u062a\u0648\u0628\u0631\",\n      \"telephone\": \"+201227702655\",\n      \"email\": \"info@elamargroup.com\",\n      \"address\": {\n        \"@type\": \"PostalAddress\",\n        \"addressCountry\": \"EG\",\n        \"addressLocality\": \"Giza\",\n        \"addressRegion\": \"6 October\",\n        \"streetAddress\": \"\u0627\u0644\u0634\u064a\u062e \u0632\u0627\u064a\u062f \/ 6 \u0623\u0643\u062a\u0648\u0628\u0631\"\n      },\n      \"areaServed\": [\"North Coast\", \"Sheikh Zayed\", \"6 October\"],\n      \"foundingDate\": \"2000\"\n    }\n    <\/script>\n    \n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;900family=Tajawal:wght@300;400;500;700;900display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        :root {\n            --primary-color: #008080; \/* Emerald Green\/Teal - Corporate\/Sea Vibe *\/\n            --secondary-color: #d4af37; \/* Gold\/Yellow Accent *\/\n            --secondary-dark: #b8941f;\n            --secondary-light: #f4e5b8;\n            --text-dark: #1a1a1a;\n            --text-light: #666;\n            --bg-light: #f9f9f9; \/* Light Gray\/Off-White *\/\n            --white: #ffffff;\n            --border-color: #e5e5e5;\n        }\n        \n        body {\n            font-family: 'Cairo', 'Tajawal', sans-serif;\n            line-height: 1.8;\n            color: var(--text-dark);\n            direction: rtl;\n            overflow-x: hidden;\n        }\n        \n        \/* Header *\/\n        header {\n            background: var(--white);\n            box-shadow: 0 2px 15px rgba(0,0,0,0.08);\n            padding: 1rem 0;\n            position: sticky;\n            top: 0;\n            z-index: 1000;\n            border-bottom: 3px solid var(--secondary-color);\n        }\n        \n        nav {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 2rem;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n        \n        .logo img {\n            height: 80px;\n            width: auto;\n        }\n        \n        nav ul {\n            list-style: none;\n            display: flex;\n            gap: 2.5rem;\n            align-items: center;\n        }\n        \n        nav a {\n            color: var(--text-dark);\n            text-decoration: none;\n            font-weight: 600;\n            transition: all 0.3s ease;\n            padding: 0.5rem 1rem;\n            border-radius: 8px;\n            font-size: 1.05rem;\n        }\n        \n        nav a:hover {\n            color: var(--primary-color);\n        }\n        \n        .contact-btn {\n            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n            color: var(--white) !important;\n            padding: 0.8rem 2rem !important;\n            border-radius: 30px;\n            font-weight: 700;\n            box-shadow: 0 4px 15px rgba(0, 128, 128, 0.3);\n        }\n        \n        .contact-btn:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 25px rgba(0, 128, 128, 0.5);\n        }\n        \n        .menu-toggle {\n            display: none;\n            flex-direction: column;\n            cursor: pointer;\n            gap: 5px;\n        }\n        \n        .menu-toggle span {\n            width: 30px;\n            height: 3px;\n            background: var(--primary-color);\n            transition: all 0.3s ease;\n            border-radius: 3px;\n        }\n        \n        \/* Hero Section *\/\n        .hero {\n            position: relative;\n            min-height: 90vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            color: var(--white);\n            overflow: hidden;\n        }\n        \n        .hero::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            \/* Shores North Coast image for Hero section *\/\n            background: url('https:\/\/storiaproperty.com\/wp-content\/uploads\/2025\/11\/\u0634\u0648\u0631\u0632%20\u0645\u0634\u0631\u0648\u0639%20\u0645\u062c\u0645\u0648\u0639\u0629%20\u0627\u0644\u0639\u0645\u0627\u0631%20\u0641\u064a%20\u0627\u0644\u0633\u0627\u062d\u0644%20\u0627\u0644\u0634\u0645\u0627\u0644\u064a.jpg') center\/cover; \n            z-index: 1;\n        }\n        \n        .hero::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(135deg, rgba(0, 128, 128, 0.85) 0%, rgba(0, 128, 128, 0.65) 50%, rgba(212, 175, 55, 0.3) 100%);\n            z-index: 2;\n        }\n        \n        .hero-content {\n            position: relative;\n            z-index: 3;\n            max-width: 1000px;\n            padding: 2rem;\n        }\n        \n        .hero h1 {\n            font-size: 4.5rem;\n            font-weight: 900;\n            margin-bottom: 1rem;\n            text-shadow: 2px 2px 8px rgba(0,0,0,0.5);\n            animation: fadeInUp 1s ease;\n        }\n        \n        .hero .subtitle {\n            font-size: 2.2rem;\n            color: var(--secondary-light);\n            margin-bottom: 1.5rem;\n            font-weight: 700;\n            text-shadow: 1px 1px 4px rgba(0,0,0,0.5);\n            animation: fadeInUp 1.2s ease;\n        }\n        \n        .hero p {\n            font-size: 1.5rem;\n            line-height: 1.9;\n            margin-bottom: 2.5rem;\n            opacity: 0.95;\n            animation: fadeInUp 1.4s ease;\n        }\n        \n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        \/* Container *\/\n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 6rem 2rem;\n        }\n        \n        \/* Section Title *\/\n        .section-title {\n            text-align: center;\n            margin-bottom: 4rem;\n        }\n        \n        .section-title h2 {\n            font-size: 3rem;\n            font-weight: 900;\n            color: var(--primary-color);\n            margin-bottom: 1rem;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .section-title h2::after {\n            content: '';\n            position: absolute;\n            bottom: -15px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 100px;\n            height: 4px;\n            background: var(--secondary-color);\n            border-radius: 2px;\n        }\n        \n        .section-title .subtitle-en {\n            font-size: 1.5rem;\n            color: var(--secondary-dark);\n            margin-bottom: 1rem;\n            font-weight: 600;\n        }\n        \n        .section-title p {\n            font-size: 1.2rem;\n            color: var(--text-light);\n            max-width: 900px;\n            margin: 2rem auto 0;\n        }\n        \n        \/* About Section *\/\n        .about {\n            background: var(--bg-light);\n        }\n        \n        .about-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 3rem;\n            margin-top: 3rem;\n        }\n        \n        .about-card {\n            background: var(--white);\n            padding: 3rem;\n            border-radius: 20px;\n            box-shadow: 0 8px 30px rgba(0,0,0,0.08);\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n            text-align: center;\n        }\n        \n        .about-card:hover {\n            transform: translateY(-10px);\n            border-color: var(--primary-color);\n            box-shadow: 0 15px 40px rgba(0, 128, 128, 0.2);\n        }\n        \n        .about-card .icon {\n            font-size: 4rem;\n            margin-bottom: 1.5rem;\n            background: linear-gradient(135deg, var(--secondary-color), var(--secondary-dark));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n        \n        .about-card h3 {\n            font-size: 1.8rem;\n            color: var(--primary-color);\n            margin-bottom: 1rem;\n            font-weight: 700;\n        }\n        \n        .about-card p {\n            color: var(--text-light);\n            line-height: 1.9;\n            font-size: 1.1rem;\n        }\n        \n        \/* Stats Section *\/\n        .stats {\n            background: linear-gradient(135deg, var(--primary-color), #005050);\n            color: var(--white);\n            padding: 5rem 2rem;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .stats::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: radial-gradient(circle at 20% 50%, rgba(212, 175, 55, 0.1) 0%, transparent 50%);\n            pointer-events: none;\n        }\n        \n        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 3rem;\n            max-width: 1200px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 1;\n        }\n        \n        .stat-item {\n            text-align: center;\n            padding: 2rem;\n            border-radius: 15px;\n            background: rgba(255, 255, 255, 0.05);\n            backdrop-filter: blur(10px);\n            border: 2px solid rgba(212, 175, 55, 0.3);\n            transition: all 0.3s ease;\n        }\n        \n        .stat-item:hover {\n            transform: translateY(-10px);\n            background: rgba(212, 175, 55, 0.1);\n            border-color: var(--secondary-color);\n        }\n        \n        .stat-number {\n            font-size: 3.5rem;\n            font-weight: 900;\n            color: var(--secondary-light);\n            display: block;\n            margin-bottom: 0.5rem;\n        }\n        \n        .stat-label {\n            font-size: 1.2rem;\n            opacity: 0.95;\n        }\n        \n        \/* Projects Section *\/\n        .projects {\n            background: var(--white);\n        }\n        \n        .projects-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n            gap: 2.5rem;\n            margin-top: 3rem;\n        }\n        \n        .project-card {\n            background: var(--white);\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 8px 30px rgba(0,0,0,0.1);\n            transition: all 0.3s ease;\n            border: 2px solid var(--border-color);\n        }\n        \n        .project-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 15px 40px rgba(0, 128, 128, 0.25);\n            border-color: var(--primary-color);\n        }\n        \n        .project-image {\n            width: 100%;\n            height: 280px;\n            overflow: hidden;\n            position: relative;\n        }\n        \n        .project-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.5s ease;\n        }\n        \n        .project-card:hover .project-image img {\n            transform: scale(1.1);\n        }\n        \n        .project-badge {\n            position: absolute;\n            top: 15px;\n            right: 15px;\n            background: linear-gradient(135deg, var(--primary-color), var(--secondary-dark));\n            color: var(--white);\n            padding: 0.6rem 1.2rem;\n            border-radius: 25px;\n            font-size: 0.9rem;\n            font-weight: 700;\n            box-shadow: 0 4px 15px rgba(0, 128, 128, 0.4);\n        }\n        \n        .project-content {\n            padding: 2rem;\n        }\n        \n        .project-title {\n            font-size: 1.8rem;\n            font-weight: 800;\n            color: var(--text-dark);\n            margin-bottom: 0.5rem;\n        }\n        \n        .project-subtitle {\n            font-size: 1.2rem;\n            color: var(--primary-color);\n            margin-bottom: 1rem;\n            font-weight: 600;\n        }\n        \n        .project-meta {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 1rem 0;\n            border-top: 1px solid var(--border-color);\n            border-bottom: 1px solid var(--border-color);\n            margin: 1rem 0;\n        }\n        \n        .meta-item {\n            font-size: 0.95rem;\n            color: var(--text-light);\n        }\n        \n        .project-description {\n            color: var(--text-dark);\n            line-height: 1.8;\n            margin: 1.5rem 0;\n            font-size: 1.05rem;\n        }\n        \n        .project-actions {\n            display: flex;\n            gap: 10px;\n            margin-top: 1.5rem;\n        }\n        \n        .action-btn {\n            flex: 1;\n            padding: 0.9rem;\n            text-decoration: none;\n            border-radius: 10px;\n            font-weight: 700;\n            font-size: 0.95rem;\n            text-align: center;\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n        }\n        \n        .btn-call {\n            background: var(--primary-color);\n            color: var(--secondary-color);\n            border-color: var(--secondary-color);\n        }\n        \n        .btn-call:hover {\n            background: var(--secondary-color);\n            color: var(--primary-color);\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(0, 128, 128, 0.4);\n        }\n        \n        .btn-whatsapp {\n            background: #25D366;\n            color: var(--white);\n        }\n        \n        .btn-whatsapp:hover {\n            background: #20BA5A;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);\n        }\n        \n        .btn-details {\n            background: var(--bg-light);\n            color: var(--primary-color);\n            border-color: var(--primary-color);\n        }\n        \n        .btn-details:hover {\n            background: var(--primary-color);\n            color: var(--secondary-color);\n            border-color: var(--secondary-color);\n        }\n        \n        \/* Contact Section *\/\n        .contact {\n            background: var(--bg-light);\n        }\n        \n        .form__container {\n            max-width: 900px;\n            margin: 0 auto;\n            background: var(--white);\n            padding: 4rem;\n            border-radius: 25px;\n            box-shadow: 0 15px 50px rgba(0,0,0,0.1);\n            border: 2px solid var(--primary-color);\n        }\n        \n        .form__container h2 {\n            text-align: center;\n            font-size: 2.5rem;\n            color: var(--primary-color);\n            margin-bottom: 1rem;\n        }\n        \n        .form__container .form-subtitle {\n            text-align: center;\n            font-size: 1.3rem;\n            color: var(--secondary-dark);\n            margin-bottom: 2.5rem;\n        }\n        \n        .form__container form {\n            display: grid;\n            gap: 1.5rem;\n        }\n        \n        .form__container input {\n            padding: 1.2rem;\n            border: 2px solid var(--border-color);\n            border-radius: 12px;\n            font-size: 1.05rem;\n            font-family: 'Cairo', sans-serif;\n            transition: all 0.3s ease;\n        }\n        \n        .form__container input:focus {\n            outline: none;\n            border-color: var(--primary-color);\n            box-shadow: 0 0 0 4px rgba(0, 128, 128, 0.1);\n        }\n        \n        .form__container button {\n            padding: 1.2rem;\n            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n            color: var(--white);\n            border: none;\n            border-radius: 12px;\n            font-size: 1.2rem;\n            font-weight: 700;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-family: 'Cairo', sans-serif;\n        }\n        \n        .form__container button:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 10px 30px rgba(0, 128, 128, 0.4);\n        }\n        \n        ._modal {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.8);\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            opacity: 0;\n            pointer-events: none;\n            transition: opacity 0.3s ease;\n            z-index: 10000;\n        }\n        \n        ._open {\n            opacity: 1;\n            pointer-events: unset;\n        }\n        \n        .res {\n            background: var(--white);\n            padding: 4rem;\n            border-radius: 25px;\n            box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n            text-align: center;\n            max-width: 450px;\n            animation: slideUp 0.4s ease;\n            border: 3px solid var(--primary-color);\n        }\n        \n        @keyframes slideUp {\n            from {\n                transform: translateY(50px);\n                opacity: 0;\n            }\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n        \n        .res img {\n            max-height: 100px;\n            margin-bottom: 2rem;\n        }\n        \n        .res h3 {\n            color: var(--secondary-dark);\n            font-size: 2rem;\n            margin-bottom: 1rem;\n            font-weight: 800;\n        }\n        \n        .res p {\n            color: var(--text-dark);\n            font-size: 1.2rem;\n        }\n        \n        \/* Footer *\/\n        footer {\n            background: var(--primary-color);\n            color: var(--white);\n            padding: 4rem 2rem 2rem;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        footer::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            background: linear-gradient(90deg, var(--secondary-color), var(--secondary-dark), var(--secondary-color));\n        }\n        \n        .footer-content {\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n        \n        .footer-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 3rem;\n            margin-bottom: 3rem;\n        }\n        \n        .footer-section h3 {\n            font-size: 1.6rem;\n            margin-bottom: 1.5rem;\n            color: var(--secondary-light);\n            font-weight: 700;\n        }\n        \n        .footer-section p,\n        .footer-section a {\n            color: rgba(255,255,255,0.9);\n            text-decoration: none;\n            display: block;\n            margin-bottom: 0.8rem;\n            line-height: 1.8;\n            font-size: 1.05rem;\n            transition: all 0.3s ease;\n        }\n        \n        .footer-section a:hover {\n            color: var(--secondary-color);\n            transform: translateX(-5px);\n        }\n        \n        .copyright {\n            text-align: center;\n            padding-top: 2rem;\n            border-top: 1px solid rgba(255,255,255,0.2);\n            font-size: 1rem;\n        }\n        \n        \/* WhatsApp & Scroll Buttons *\/\n        .whatsapp-float {\n            position: fixed;\n            bottom: 30px;\n            left: 30px;\n            background: #25D366;\n            color: var(--white);\n            width: 65px;\n            height: 65px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 2.2rem;\n            cursor: pointer;\n            z-index: 999;\n            box-shadow: 0 4px 20px rgba(37, 211, 102, 0.5);\n            transition: all 0.3s ease;\n            animation: pulse 2s infinite;\n        }\n        \n        .whatsapp-float:hover {\n            transform: scale(1.15);\n            box-shadow: 0 8px 30px rgba(37, 211, 102, 0.7);\n        }\n        \n        @keyframes pulse {\n            0%, 100% {\n                box-shadow: 0 4px 20px rgba(37, 211, 102, 0.5);\n            }\n            50% {\n                box-shadow: 0 4px 30px rgba(37, 211, 102, 0.8);\n            }\n        }\n        \n        .scroll-top {\n            position: fixed;\n            bottom: 110px;\n            left: 30px;\n            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n            color: var(--white);\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.5rem;\n            cursor: pointer;\n            opacity: 0;\n            visibility: hidden;\n            transition: all 0.3s ease;\n            z-index: 999;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.3);\n        }\n        \n        .scroll-top.show {\n            opacity: 1;\n            visibility: visible;\n        }\n        \n        .scroll-top:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 25px rgba(0, 128, 128, 0.5);\n        }\n        \n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .menu-toggle {\n                display: flex;\n            }\n            \n            nav ul {\n                position: fixed;\n                top: 100px;\n                right: -100%;\n                width: 100%;\n                height: calc(100vh - 100px);\n                background: var(--white);\n                flex-direction: column;\n                padding: 2rem;\n                gap: 1.5rem;\n                transition: right 0.3s ease;\n                box-shadow: -2px 0 15px rgba(0,0,0,0.1);\n            }\n            \n            nav ul.active {\n                right: 0;\n            }\n            \n            .hero h1 {\n                font-size: 2.5rem;\n            }\n            \n            .hero .subtitle {\n                font-size: 1.5rem;\n            }\n            \n            .projects-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .section-title h2 {\n                font-size: 2rem;\n            }\n        }\n    <\/style>\n\n\n    <header>\n        <nav>\n            <div class=\"logo\">\n                <img decoding=\"async\" data-src=\"https:\/\/storiaproperty.com\/wp-content\/uploads\/2025\/11\/al%20amar%20logo.png\" alt=\"El Amar Group - El Ammar Group Real Estate Development Company\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n            <\/div>\n            <div class=\"menu-toggle\" id=\"menuToggle\">\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n            <\/div>\n            <ul id=\"navMenu\">\n                <li><a href=\"#home\">Home<\/a><\/li>\n                <li><a href=\"#projects\">Projects<\/a><\/li>\n                <li><a href=\"#about\">Who are we<\/a><\/li>\n                <li><a href=\"#contact\" class=\"contact-btn\">Contact Us<\/a><\/li>\n            <\/ul>\n        <\/nav>\n    <\/header>\n    \n    <section id=\"home\" class=\"hero\">\n        <div class=\"hero-content\">\n            <h1>El Amar Group Developments<\/h1>\n            <p class=\"subtitle\">Al Ammar Group for Real Estate Development<\/p>\n            <p>Communities in the Finest Locations | North Coast, Sheikh Zayed and 6th of October<br> Quality Construction  Design | Integrated residential and tourism solutions <\/p>\n        <\/div>\n    <\/section>\n    \n    <section id=\"projects\" class=\"projects\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>Our Featured Projects<\/h2>\n                <p class=\"subtitle-en\">Our Flagship Projects<\/p>\n                <p>Al-Ammar Residential and Tourism Group Projects in North Coast and West Cairo<\/p>\n            <\/div>\n            <div class=\"projects-grid\">\n                <div class=\"project-card\">\n                    <div class=\"project-image\">\n                        <img decoding=\"async\" data-src=\"https:\/\/storiaproperty.com\/wp-content\/uploads\/2025\/11\/%D8%B4%D9%88%D8%B1%D8%B2%20%D9%85%D8%B4%D8%B1%D9%88%D8%B9%20%D9%85%D8%AC%D9%85%D9%88%D8%B9%D8%A9%20%D8%A7%D9%84%D8%B9%D9%85%D8%A7%D8%B1%20%D9%81%D9%8A%20%D8%A7%D9%84%D8%B3%D8%A7%D8%AD%D9%84%20%D8%A7%D9%84%D8%B4%D9%85%D8%A7%D9%84%D9%8A2.jpg\" alt=\"Shores Al Ammar Group Project in North Coast\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n                        <div class=\"project-badge\">North Coast &#8211; Tourist<\/div>\n                    <\/div>\n                    <div class=\"project-content\">\n                        <h3 class=\"project-title\">Shores<\/h3>\n                        <p class=\"project-subtitle\">Shores &#8211; North Coast<\/p>\n                        <div class=\"project-meta\">\n                            <div class=\"meta-item\">\ud83d\udccd Near Sidi Abdelrahman<\/div>\n                            <div class=\"meta-item\">\ud83d\udcb8 Starting from EGP 1.9 million<\/div>\n                            <div class=\"meta-item\">\u23f3 Repayment up to 7 years<\/div>\n                        <\/div>\n                        <p class=\"project-description\">An integrated coastal resort that offers chalets and villas at competitive prices, direct sea views, and a range of recreational activities.<\/p>\n                        <div class=\"project-actions\">\n                            <a href=\"tel:01227702655\" class=\"action-btn btn-call\">\ud83d\udcde Call<\/a>\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%20Shores%20North%20Coast\" target=\"_blank\" class=\"action-btn btn-whatsapp\">\ud83d\udcac Whatsapp<\/a>\n                            <a href=\"#contact\" class=\"action-btn btn-details\">\ud83d\udccb Details<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"project-card\">\n                    <div class=\"project-image\">\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%20%D8%A8%D9%88%D9%84%D9%8A%D9%81%D8%A7%D8%B1%D8%AF%20%D9%87%D9%8A%D9%84%D8%B2%206%20%D8%A3%D9%83%D8%AA%D9%88%D8%A8%D8%B1%20Boulevard%20Hills%20October5.jpg\" alt=\"Boulevard Hills October\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n                        <div class=\"project-badge\">October 6 &#8211; Residential<\/div>\n                    <\/div>\n                    <div class=\"project-content\">\n                        <h3 class=\"project-title\">Boulevard Hills<\/h3>\n                        <p class=\"project-subtitle\">Boulevard Hills \u2013 6th of October<\/p>\n                        <div class=\"project-meta\">\n                            <div class=\"meta-item\">\ud83d\udccd Near Dahshur Link<\/div>\n                            <div class=\"meta-item\">\ud83d\udcb8 Starting from 2.5 million pounds<\/div>\n                            <div class=\"meta-item\">\u23f3 Repayment up to 8 years<\/div>\n                        <\/div>\n                        <p class=\"project-description\">A luxury residential compound that includes apartments and villas in a strategic location in 6th of October City, with integrated services and wide green spaces. <\/p>\n                        <div class=\"project-actions\">\n                            <a href=\"tel:01227702655\" class=\"action-btn btn-call\">\ud83d\udcde Call<\/a>\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%20Boulevard%20Hills%20October\" target=\"_blank\" class=\"action-btn btn-whatsapp\">\ud83d\udcac Whatsapp<\/a>\n                            <a href=\"#contact\" class=\"action-btn btn-details\">\ud83d\udccb Details<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"project-card\">\n                    <div class=\"project-image\">\n                        <img decoding=\"async\" data-src=\"https:\/\/storiaproperty.com\/wp-content\/uploads\/2025\/11\/%D9%85%D9%86%D8%AA%D8%AC%D8%B9%20%D8%A8%D9%8A%D9%84%D8%A7%20%D9%85%D9%8A%D8%B1%D8%A7.jpg\" alt=\"Bella Mira Resort\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n                        <div class=\"project-badge\">Sheikh Zayed &#8211; Residential\/Leisure<\/div>\n                    <\/div>\n                    <div class=\"project-content\">\n                        <h3 class=\"project-title\">Bella Mira Resort<\/h3>\n                        <p class=\"project-subtitle\">Bella Mira Resort &#8211; Sheikh Zayed<\/p>\n                        <div class=\"project-meta\">\n                            <div class=\"meta-item\">\ud83d\udccd A privileged location in Sheikh Zayed<\/div>\n                            <div class=\"meta-item\">\ud83d\udcb8 Starting from 3.2 million pounds<\/div>\n                            <div class=\"meta-item\">\u23f3 Repayment up to 6 years<\/div>\n                        <\/div>\n                        <p class=\"project-description\">An integrated leisure residential destination offering a high level of luxury, services, water spaces, and a magnificent landscape.<\/p>\n                        <div class=\"project-actions\">\n                            <a href=\"tel:01227702655\" class=\"action-btn btn-call\">\ud83d\udcde Call<\/a>\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%20Bella%20Mira\" target=\"_blank\" class=\"action-btn btn-whatsapp\">\ud83d\udcac Whatsapp<\/a>\n                            <a href=\"#contact\" class=\"action-btn btn-details\">\ud83d\udccb Details<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"project-card\">\n                    <div class=\"project-image\">\n                        <img decoding=\"async\" data-src=\"https:\/\/storiaproperty.com\/wp-content\/uploads\/2025\/11\/%D9%85%D8%A7%D8%B1%D9%8A%D9%86%D8%A7%20%D9%81%D9%84%D8%A7%D9%88%D8%B1%D8%B2.jpg\" alt=\"Marina Flowers\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\n                        <div class=\"project-badge\">North Coast &#8211; Tourist<\/div>\n                    <\/div>\n                    <div class=\"project-content\">\n                        <h3 class=\"project-title\">Marina Flowers<\/h3>\n                        <p class=\"project-subtitle\">Marina Flowers &#8211; North Coast<\/p>\n                        <div class=\"project-meta\">\n                            <div class=\"meta-item\">\ud83d\udccd Near Marina El Alamein<\/div>\n                            <div class=\"meta-item\">\ud83d\udcb8 Starting from EGP 1.5 million<\/div>\n                            <div class=\"meta-item\">\u23f3 Repayment up to 5 years<\/div>\n                        <\/div>\n                        <p class=\"project-description\">Chalets and tourist units with a vital location and charming landscapes, ideal for investment and family vacations. <\/p>\n                        <div class=\"project-actions\">\n                            <a href=\"tel:01227702655\" class=\"action-btn btn-call\">\ud83d\udcde Call<\/a>\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%20Marina%20Flowers\" target=\"_blank\" class=\"action-btn btn-whatsapp\">\ud83d\udcac Whatsapp<\/a>\n                            <a href=\"#contact\" class=\"action-btn btn-details\">\ud83d\udccb Details<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <section id=\"about\" class=\"about\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>Who are we<\/h2>\n                <p class=\"subtitle-en\">About El Amar Group<\/p>\n                <p>Al-Ammar Group for Real Estate Development &#8211; Accumulated experience in creating distinguished residential and tourist communities with high standards<\/p>\n            <\/div>\n            <div class=\"about-grid\">\n                <div class=\"about-card\">\n                    <div class=\"icon\">\ud83c\udfd7\ufe0f<\/div>\n                    <h3>Quality  Commitment<\/h3>\n                    <p>Focusing on the highest quality standards in construction and on-time delivery, ensuring the trust of our customers over the years. <\/p>\n                <\/div>\n                <div class=\"about-card\">\n                    <div class=\"icon\">\ud83c\udfc6<\/div>\n                    <h3>Strategic Deployment<\/h3>\n                    <p>A diverse portfolio of projects covering Egypt&#8217;s most vital and coastal areas, including Sheikh Zayed, 6th of October, and the North Coast.   <\/p>\n                <\/div>\n                <div class=\"about-card\">\n                    <div class=\"icon\">\ud83c\udfd8\ufe0f<\/div>\n                    <h3>Modern Design<\/h3>\n                    <p>We offer modern architectural designs that are practical and beautiful, with attention to green spaces and integrated entertainment services. <\/p>\n                <\/div>\n                <div class=\"about-card\">\n                    <div class=\"icon\">\ud83c\udfaf<\/div>\n                    <h3>Convenient Solutions<\/h3>\n                    <p>Providing convenient payment plans that extend over several years to suit different purchasing abilities, to make it easier to own your ideal unit. <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <section class=\"stats\">\n        <div class=\"stats-grid\">\n            <div class=\"stat-item\">\n                <span class=\"stat-number\">20+<\/span>\n                <span class=\"stat-label\">Years of market experience<\/span>\n            <\/div>\n            <div class=\"stat-item\">\n                <span class=\"stat-number\">10+<\/span>\n                <span class=\"stat-label\">Residential and tourist project<\/span>\n            <\/div>\n            <div class=\"stat-item\">\n                <span class=\"stat-number\">4+<\/span>\n                <span class=\"stat-label\">Key Geographic Regions<\/span>\n            <\/div>\n            <div class=\"stat-item\">\n                <span class=\"stat-number\">8<\/span>\n                <span class=\"stat-label\">Years longer repayment period<\/span>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    \n    <section id=\"contact\" class=\"contact\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>Contact Us<\/h2>\n                <p class=\"subtitle-en\">Contact Us<\/p>\n                <p>Our team is ready to answer your inquiries and help you choose the ideal unit within the projects of Al-Emaar Group<\/p>\n            <\/div>\n            <div class=\"form__container\">\n                <h2>Enquire Now and Book Your Unit<\/h2>\n                <p class=\"form-subtitle\">Get in Touch  Reserve Your Unit<\/p>\n                <div class=\"_modal\" id=\"_modal\">\n                    <div class=\"res\">\n                        <img decoding=\"async\" src=\"https:\/\/iconarchive.com\/download\/i58928\/wwalczyszyn\/android-style-honeycomb\/Messages.ico\" alt=\"success\">\n                        <h3>Thank you!<\/h3>\n                        <p>Your application has been successfully submitted<br>A sales representative will contact you soon<\/p>\n                    <\/div>\n                <\/div>\n                <form id=\"my-form\" action=\"https:\/\/api.headlessforms.cloud\/api\/v1\/form\/YFtiRP0Jaj\" method=\"POST\"> \n                    <input id=\"fullName\" name=\"fullName\" type=\"text\" placeholder=\"Full Name\" required=\"\">\n                    <input id=\"email\" name=\"email\" type=\"email\" placeholder=\"Email\" required=\"\">\n                    <input id=\"phone\" name=\"phone\" type=\"tel\" placeholder=\"Phone Number: 01227702655\" required=\"\">\n                    <input id=\"project\" name=\"project\" type=\"text\" placeholder=\"Interested Project\">\n                    <button type=\"submit\">Send Request<\/button>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <footer>\n        <div class=\"footer-content\">\n            <div class=\"footer-grid\">\n                <div class=\"footer-section\">\n                    <h3>El Amar Group<\/h3>\n                    <p><strong>Al Ammar Group for Real Estate Development<\/strong><\/p>\n                    <p>Long experience in creating integrated urban communities<\/p>\n                    <p>We work in the North Coast and West Cairo<\/p>\n                <\/div>\n                <div class=\"footer-section\">\n                    <h3>Projects<\/h3>\n                    <a href=\"#projects\">Shores &#8211; North<\/a>\n Coast<a href=\"#projects\">Boulevard Hills &#8211; October<\/a>\n 6<a href=\"#projects\">Bella Mira &#8211; Sheikh Zayed<\/a>\n<a href=\"#projects\">Marina Flowers &#8211; North Coast<\/a>                                                            \n                <\/div>\n                <div class=\"footer-section\">\n                    <h3>Quick Links<\/h3>\n                    <a href=\"#home\">Home<\/a>\n                    <a href=\"#projects\">Projects<\/a>\n                    <a href=\"#about\">Who are we<\/a>\n                    <a href=\"#contact\">Contact Us<\/a>\n                <\/div>\n                <div class=\"footer-section\">\n                    <h3>Contact Us<\/h3>\n                    <p>\ud83d\udce7 <a href=\"mailto:info@elamargroup.com\">info@elamargroup.com<\/a><\/p>\n                    <p>\ud83d\udcde Shouting: 01227702655<\/p>\n                    <p>\ud83d\udcac WhatsApp: 01227702655<\/p>\n                    <p>\ud83d\udccd Sheikh Zayed \/ 6th of October &#8211; Egypt<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"copyright\">\n                <p>\u00a9 2025 El Amar Group | Al Ammar Group for Real Estate Developments. All Rights Reserved. <\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n    \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%20El%20Amar%20Group\" target=\"_blank\" class=\"whatsapp-float\">\n  \ud83d\udcac\n    <\/a>\n    \n    <div class=\"scroll-top\" id=\"scrollTop\">\u2191<\/div>\n    \n    <script>\n        \/\/ Mobile Menu Toggle\n        const menuToggle = document.getElementById('menuToggle');\n        const navMenu = document.getElementById('navMenu');\n        \n        menuToggle.addEventListener('click', () => {\n            menuToggle.classList.toggle('active');\n            navMenu.classList.toggle('active');\n        });\n        \n        document.querySelectorAll('#navMenu a').forEach(link => {\n            link.addEventListener('click', () => {\n                menuToggle.classList.remove('active');\n                navMenu.classList.remove('active');\n            });\n        });\n        \n        \/\/ Smooth Scrolling\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        });\n        \n        \/\/ Scroll to Top Button\n        const scrollTop = document.getElementById('scrollTop');\n        window.addEventListener('scroll', () => {\n            if (window.pageYOffset > 300) {\n                scrollTop.classList.add('show');\n            } else {\n                scrollTop.classList.remove('show');\n            }\n        });\n        \n        scrollTop.addEventListener('click', () => {\n            window.scrollTo({\n                top: 0,\n                behavior: 'smooth'\n            });\n        });\n        \n        \/\/ Contact Form Handler\n        document.getElementById(\"_modal\").addEventListener(\"click\", (e) => {\n            if (e.target.id === \"_modal\") {\n                e.target.classList.remove(\"_open\");\n            }\n        });\n        \n        var form = document.getElementById(\"my-form\");\n        \n        async function handleSubmit(event) {\n            event.preventDefault();\n            var data = new FormData(event.target);\n            var fullName = document.getElementById(\"fullName\");\n            var phone = document.getElementById(\"phone\");\n            var email = document.getElementById(\"email\");\n            \n            if (email.value && phone.value && fullName.value) {\n                fetch(event.target.action, {\n                    method: form.method,\n                    body: data,\n                    headers: {\n                        Accept: \"application\/json\",\n                    },\n                })\n                .then((response) => {\n                    if (response.ok) {\n                        form.reset();\n                        document.getElementById(\"_modal\").classList.add(\"_open\");\n                        \n                        \/\/ Send to WhatsApp\n                        setTimeout(() => {\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');\n                        }, 2000);\n                    } else {\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\");\n                    }\n                })\n                .catch((error) => {\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\");\n                });\n            }\n        }\n        form.addEventListener(\"submit\", handleSubmit);\n        \n        \/\/ Animation on Scroll\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n        \n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.style.opacity = '1';\n                    entry.target.style.transform = 'translateY(0)';\n                }\n            });\n        }, observerOptions);\n        \n        document.querySelectorAll('.about-card, .stat-item, .project-card').forEach(element => {\n            element.style.opacity = '0';\n            element.style.transform = 'translateY(30px)';\n            element.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n            observer.observe(element);\n        });\n        \n    <\/script>\n\n\n<\/div>\t\t\t\t\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>El Amar Group | Al Ammar Group &#8211; North Coast, Sheikh Zayed 6th of October Projects Home Projects Who are we Contact Us El Amar Group Developments Al Ammar Group for Real Estate Development Communities in the Finest Locations | North Coast, Sheikh Zayed and 6th of October Quality Construction Design | Integrated residential and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":44731,"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":[344],"class_list":["post-44732","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-estates","tag-el-ammar-group"],"acf":[],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/storiaproperty.com\/wp-content\/uploads\/2025\/11\/\u0634\u0648\u0631\u0632-\u0645\u0634\u0631\u0648\u0639-\u0645\u062c\u0645\u0648\u0639\u0629-\u0627\u0644\u0639\u0645\u0627\u0631-\u0641\u064a-\u0627\u0644\u0633\u0627\u062d\u0644-\u0627\u0644\u0634\u0645\u0627\u0644\u064a4-scaled.jpg","_links":{"self":[{"href":"https:\/\/storiaproperty.com\/en\/wp-json\/wp\/v2\/posts\/44732","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=44732"}],"version-history":[{"count":0,"href":"https:\/\/storiaproperty.com\/en\/wp-json\/wp\/v2\/posts\/44732\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/storiaproperty.com\/en\/wp-json\/wp\/v2\/media\/44731"}],"wp:attachment":[{"href":"https:\/\/storiaproperty.com\/en\/wp-json\/wp\/v2\/media?parent=44732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/storiaproperty.com\/en\/wp-json\/wp\/v2\/categories?post=44732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/storiaproperty.com\/en\/wp-json\/wp\/v2\/tags?post=44732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}