{"id":3911,"date":"2026-07-28T11:28:24","date_gmt":"2026-07-28T11:28:24","guid":{"rendered":"https:\/\/ng-agency.net\/?page_id=3911"},"modified":"2026-08-04T09:35:20","modified_gmt":"2026-08-04T09:35:20","slug":"%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7","status":"publish","type":"page","link":"https:\/\/ng-agency.net\/en\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7\/","title":{"rendered":"Contact us"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3911\" class=\"elementor elementor-3911\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96b24a6 e-flex e-con-boxed e-con e-parent\" data-id=\"96b24a6\" 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-13f19f2 elementor-widget elementor-widget-html\" data-id=\"13f19f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ng-contact-scope\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        .ng-contact-scope * {\r\n            box-sizing: border-box !important;\r\n            margin: 0; padding: 0;\r\n            font-family: 'Cairo', sans-serif !important;\r\n        }\r\n\r\n        .ng-contact-scope .contact-section {\r\n            width: 100% !important;\r\n            max-width: 1200px !important;\r\n            margin: 0 auto !important;\r\n            padding: 60px 20px !important;\r\n            direction: rtl !important;\r\n            text-align: right !important;\r\n            overflow: hidden !important;\r\n        }\r\n\r\n        \/* ==========================================\r\n           \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0645\u0648\u0634\u0646 \u0627\u0644\u0645\u0648\u062d\u062f\u0629 \u0648\u0627\u0644\u0628\u0637\u064a\u0626\u0629 (1.8s \u0628\u0637\u0621 \u0633\u064a\u0646\u0645\u0627\u0626\u064a \u0647\u0627\u062f\u0626)\r\n           ========================================== *\/\r\n        .ng-contact-scope .ng-motion-up {\r\n            opacity: 0;\r\n            transform: translateY(50px);\r\n            transition: opacity 1.8s cubic-bezier(0.16, 1, 0.3, 1), \r\n                        transform 1.8s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n        }\r\n        .ng-contact-scope .ng-motion-up.is-visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .ng-contact-scope .ng-motion-right {\r\n            opacity: 0;\r\n            transform: translateX(100px);\r\n            transition: opacity 1.8s cubic-bezier(0.16, 1, 0.3, 1), \r\n                        transform 1.8s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n        }\r\n        .ng-contact-scope .ng-motion-right.is-visible {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n\r\n        .ng-contact-scope .ng-motion-left {\r\n            opacity: 0;\r\n            transform: translateX(-100px);\r\n            transition: opacity 1.8s cubic-bezier(0.16, 1, 0.3, 1), \r\n                        transform 1.8s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n        }\r\n        .ng-contact-scope .ng-motion-left.is-visible {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n\r\n        .elementor-editor-active .ng-contact-scope .ng-motion-up,\r\n        .elementor-editor-active .ng-contact-scope .ng-motion-right,\r\n        .elementor-editor-active .ng-contact-scope .ng-motion-left {\r\n            opacity: 1 !important;\r\n            transform: translate(0, 0) !important;\r\n        }\r\n\r\n        .ng-contact-scope .contact-header {\r\n            text-align: center !important;\r\n            margin-bottom: 45px !important;\r\n        }\r\n\r\n        .ng-contact-scope .eyebrow {\r\n            color: #ff2a75 !important;\r\n            font-size: 18px !important;\r\n            font-weight: 800 !important;\r\n            margin-bottom: 8px !important;\r\n            display: inline-block !important;\r\n        }\r\n\r\n        .ng-contact-scope .contact-main-title {\r\n            color: #111113 !important;\r\n            font-size: 36px !important;\r\n            font-weight: 900 !important;\r\n            margin-bottom: 10px !important;\r\n        }\r\n\r\n        .ng-contact-scope .contact-subtitle {\r\n            color: #55555e !important;\r\n            font-size: 15px !important;\r\n            font-weight: 600 !important;\r\n            max-width: 600px !important;\r\n            margin: 0 auto !important;\r\n            line-height: 1.6 !important;\r\n        }\r\n\r\n        .ng-contact-scope .contact-grid {\r\n            display: flex !important;\r\n            flex-direction: row !important;\r\n            gap: 30px !important;\r\n            align-items: stretch !important;\r\n            width: 100% !important;\r\n        }\r\n\r\n        .ng-contact-scope .contact-info-card {\r\n            flex: 1 !important;\r\n            background-color: #141417 !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n            border-radius: 20px !important;\r\n            padding: 40px 30px !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            justify-content: space-between !important;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;\r\n        }\r\n\r\n        .ng-contact-scope .info-title {\r\n            color: #ffffff !important;\r\n            font-size: 22px !important;\r\n            font-weight: 800 !important;\r\n            margin-bottom: 25px !important;\r\n            position: relative !important;\r\n        }\r\n\r\n        .ng-contact-scope .info-title::after {\r\n            content: '' !important;\r\n            position: absolute !important;\r\n            bottom: -8px !important; right: 0 !important;\r\n            width: 30px !important; height: 3px !important;\r\n            background-color: #ff2a75 !important;\r\n            border-radius: 2px !important;\r\n        }\r\n\r\n        .ng-contact-scope .info-item {\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 15px !important;\r\n            margin-bottom: 24px !important;\r\n        }\r\n\r\n        .ng-contact-scope .info-icon {\r\n            width: 48px !important;\r\n            height: 48px !important;\r\n            border-radius: 12px !important;\r\n            background: rgba(255, 42, 117, 0.1) !important;\r\n            border: 1px solid rgba(255, 42, 117, 0.25) !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            color: #ff2a75 !important;\r\n            flex-shrink: 0 !important;\r\n        }\r\n\r\n        .ng-contact-scope .info-icon svg { width: 22px !important; height: 22px !important; fill: currentColor !important; }\r\n\r\n        .ng-contact-scope .info-text label {\r\n            display: block !important;\r\n            color: #8e8e93 !important;\r\n            font-size: 12px !important;\r\n            font-weight: 600 !important;\r\n            margin-bottom: 2px !important;\r\n        }\r\n\r\n        .ng-contact-scope .info-text a, .ng-contact-scope .info-text span {\r\n            color: #ffffff !important;\r\n            font-size: 15px !important;\r\n            font-weight: 700 !important;\r\n            text-decoration: none !important;\r\n        }\r\n\r\n        .ng-contact-scope .cta-popup-btn {\r\n            background-color: #ff2a75 !important;\r\n            color: #ffffff !important;\r\n            border: none !important;\r\n            padding: 14px 24px !important;\r\n            border-radius: 10px !important;\r\n            font-size: 14px !important;\r\n            font-weight: 800 !important;\r\n            cursor: pointer !important;\r\n            width: 100% !important;\r\n            margin-top: 15px !important;\r\n            transition: all 0.2s ease !important;\r\n            box-shadow: 0 8px 20px rgba(255, 42, 117, 0.3) !important;\r\n        }\r\n        .ng-contact-scope .cta-popup-btn:hover { transform: translateY(-2px); }\r\n\r\n        .ng-contact-scope .contact-form-card {\r\n            flex: 1.2 !important;\r\n            background-color: #ffffff !important;\r\n            border-radius: 20px !important;\r\n            padding: 40px 35px !important;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;\r\n            border: 1px solid rgba(0, 0, 0, 0.08) !important;\r\n        }\r\n\r\n        .ng-contact-scope .form-title {\r\n            color: #111113 !important;\r\n            font-size: 22px !important;\r\n            font-weight: 800 !important;\r\n            margin-bottom: 20px !important;\r\n        }\r\n\r\n        .ng-contact-scope .form-group { margin-bottom: 16px !important; }\r\n        .ng-contact-scope .form-row { display: flex !important; gap: 15px !important; }\r\n        .ng-contact-scope .form-row .form-group { flex: 1 !important; }\r\n\r\n        .ng-contact-scope .form-control {\r\n            width: 100% !important;\r\n            padding: 12px 16px !important;\r\n            background-color: #f7f7f9 !important;\r\n            border: 1px solid #e1e1e6 !important;\r\n            border-radius: 8px !important;\r\n            font-size: 13.5px !important;\r\n            color: #111113 !important;\r\n            outline: none !important;\r\n            transition: all 0.2s ease !important;\r\n        }\r\n\r\n        .ng-contact-scope .form-control:focus {\r\n            border-color: #ff2a75 !important;\r\n            background-color: #ffffff !important;\r\n        }\r\n\r\n        .ng-contact-scope textarea.form-control { min-height: 100px !important; }\r\n\r\n        \/* \u062a\u0646\u0633\u064a\u0642 \u0639\u0646\u0627\u0635\u0631 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u064a\u0648\u0645 \u0648\u0627\u0644\u0633\u0627\u0639\u0629 *\/\r\n        .ng-contact-scope .picker-label {\r\n            font-size: 12px !important;\r\n            color: #ff2a75 !important;\r\n            font-weight: 800 !important;\r\n            margin: 10px 0 6px 0 !important;\r\n            display: block !important;\r\n        }\r\n\r\n        .ng-contact-scope .days-grid {\r\n            display: flex !important;\r\n            flex-wrap: wrap !important;\r\n            gap: 6px !important;\r\n            margin-bottom: 12px !important;\r\n        }\r\n\r\n        .ng-contact-scope .day-chip {\r\n            flex: 1 0 calc(25% - 6px) !important;\r\n            padding: 8px 4px !important;\r\n            background: #f7f7f9 !important;\r\n            border: 1px solid #e1e1e6 !important;\r\n            border-radius: 6px !important;\r\n            color: #55555e !important;\r\n            font-size: 11.5px !important;\r\n            font-weight: 700 !important;\r\n            text-align: center !important;\r\n            cursor: pointer !important;\r\n            transition: all 0.2s ease !important;\r\n            user-select: none !important;\r\n        }\r\n\r\n        .ng-contact-scope .day-chip:hover {\r\n            border-color: #ff2a75 !important;\r\n            color: #111113 !important;\r\n        }\r\n\r\n        .ng-contact-scope .day-chip.active {\r\n            background: rgba(255, 42, 117, 0.1) !important;\r\n            border-color: #ff2a75 !important;\r\n            color: #ff2a75 !important;\r\n        }\r\n\r\n        .ng-contact-scope .hours-scroll {\r\n            display: flex !important;\r\n            gap: 6px !important;\r\n            overflow-x: auto !important;\r\n            padding-bottom: 6px !important;\r\n            margin-bottom: 16px !important;\r\n            scrollbar-width: thin !important;\r\n            scrollbar-color: #ff2a75 #f7f7f9 !important;\r\n        }\r\n\r\n        .ng-contact-scope .hours-scroll::-webkit-scrollbar { height: 4px !important; }\r\n        .ng-contact-scope .hours-scroll::-webkit-scrollbar-thumb { background: #ff2a75 !important; border-radius: 4px !important; }\r\n\r\n        .ng-contact-scope .hour-chip {\r\n            flex: 0 0 65px !important;\r\n            padding: 7px 0 !important;\r\n            background: #f7f7f9 !important;\r\n            border: 1px solid #e1e1e6 !important;\r\n            border-radius: 6px !important;\r\n            color: #55555e !important;\r\n            font-size: 11.5px !important;\r\n            font-weight: 700 !important;\r\n            text-align: center !important;\r\n            cursor: pointer !important;\r\n            transition: all 0.2s ease !important;\r\n            user-select: none !important;\r\n        }\r\n\r\n        .ng-contact-scope .hour-chip:hover {\r\n            border-color: #ff2a75 !important;\r\n            color: #111113 !important;\r\n        }\r\n\r\n        .ng-contact-scope .hour-chip.active {\r\n            background: rgba(255, 42, 117, 0.1) !important;\r\n            border-color: #ff2a75 !important;\r\n            color: #ff2a75 !important;\r\n        }\r\n\r\n        .ng-contact-scope .submit-msg-btn {\r\n            background-color: #111113 !important;\r\n            color: #ffffff !important;\r\n            border: none !important;\r\n            padding: 14px 28px !important;\r\n            border-radius: 8px !important;\r\n            font-size: 14px !important;\r\n            font-weight: 800 !important;\r\n            cursor: pointer !important;\r\n            width: 100% !important;\r\n            transition: all 0.2s ease !important;\r\n        }\r\n\r\n        .ng-contact-scope .submit-msg-btn:hover { background-color: #ff2a75 !important; transform: translateY(-2px); }\r\n\r\n        @media screen and (min-width: 601px) and (max-width: 1024px) {\r\n            .ng-contact-scope .contact-section { padding: 40px 15px !important; }\r\n            .ng-contact-scope .contact-main-title { font-size: 28px !important; }\r\n            .ng-contact-scope .contact-grid { gap: 20px !important; }\r\n            .ng-contact-scope .contact-info-card, .ng-contact-scope .contact-form-card { padding: 25px 20px !important; }\r\n        }\r\n\r\n        @media screen and (max-width: 600px) {\r\n            .ng-contact-scope .contact-section { padding: 30px 12px !important; }\r\n            .ng-contact-scope .contact-main-title { font-size: 22px !important; }\r\n            .ng-contact-scope .contact-grid { flex-direction: column !important; gap: 20px !important; }\r\n            .ng-contact-scope .contact-info-card, .ng-contact-scope .contact-form-card { padding: 22px 16px !important; }\r\n            .ng-contact-scope .form-row { flex-direction: column !important; gap: 0 !important; }\r\n            .ng-contact-scope .day-chip { flex: 1 0 calc(33.33% - 6px) !important; }\r\n        }\r\n    <\/style>\r\n\r\n    <section class=\"contact-section\">\r\n        <!-- \u0627\u0644\u0647\u064a\u062f\u0631 \u064a\u062f\u062e\u0644 \u0645\u0646 \u0627\u0644\u0623\u0633\u0641\u0644 \u0644\u0644\u0623\u0639\u0644\u0649 \u0628\u0628\u0637\u0621 -->\r\n        <div class=\"contact-header ng-motion-up\">\r\n            <span class=\"eyebrow\">Contact us<\/span>\r\n            <h1 class=\"contact-main-title\">Ready to take your business to the next level<\/h1>\r\n            <p class=\"contact-subtitle\">Whether you have an inquiry or want to start a new project with us, the NG Agency team is always here to respond.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"contact-grid\">\r\n            <!-- \u0643\u0627\u0631\u062a \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u064a\u062f\u062e\u0644 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0628\u0628\u0637\u0621 -->\r\n            <div class=\"contact-info-card ng-motion-right\">\r\n                <div>\r\n                    <h3 class=\"info-title\">\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644<\/h3>\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981z\"\/><\/svg><\/div>\r\n                        <div class=\"info-text\"><label>Live Chat \/ WhatsApp<\/label><a href=\"https:\/\/wa.me\/201003205721\" target=\"_blank\">01003205721<\/a><\/div>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M0 3v18h24v-18h-24zm6.623 7.929l-4.623 5.712v-9.458l4.623 3.746zm-4.141-5.929h19.035l-9.517 7.713-9.518-7.713zm5.694 6.788l3.824 3.099 3.83-3.104 5.612 6.817h-18.879l5.613-6.812zm9.201-1.059l4.623-3.746v9.458l-4.623-5.712z\"\/><\/svg><\/div>\r\n                        <div class=\"info-text\"><label>Official Email<\/label><a href=\"mailto:nourelgamal5080@gmail.com\">nourelgamal5080@gmail.com<\/a><\/div>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 0c-4.198 0-8 3.403-8 7.602 0 4.198 3.469 9.21 8 16.398 4.531-7.188 8-12.2 8-16.398 0-4.199-3.801-7.602-8-7.602zm0 11c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/><\/svg><\/div>\r\n                        <div class=\"info-text\"><label>\u0646\u0637\u0627\u0642 \u0627\u0644\u062a\u063a\u0637\u064a\u0629<\/label><span>\u0645\u0635\u0631\u060c \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0648\u062f\u0648\u0644 \u0627\u0644\u062e\u0644\u064a\u062c<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <button type=\"button\" class=\"cta-popup-btn ast-custom-button\">\u0637\u0644\u0628 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0641\u0648\u0631\u064a\u0629 \u26a1<\/button>\r\n            <\/div>\r\n\r\n            <!-- \u0643\u0627\u0631\u062a \u0627\u0644\u0641\u0648\u0631\u0645 \u064a\u062f\u062e\u0644 \u0645\u0646 \u0627\u0644\u064a\u0633\u0627\u0631 \u0628\u0628\u0637\u0621 -->\r\n            <div class=\"contact-form-card ng-motion-left\">\r\n                <h3 class=\"form-title\">Send us a direct message<\/h3>\r\n                <form id=\"ngContactForm\" action=\"\">\r\n                    <div class=\"form-row\">\r\n                        <div class=\"form-group\"><input type=\"text\" id=\"ng_name\" class=\"form-control\" placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\" required><\/div>\r\n                        <div class=\"form-group\"><input type=\"tel\" id=\"ng_phone\" class=\"form-control\" placeholder=\"\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 \/ \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628\" required><\/div>\r\n                    <\/div>\r\n                    <div class=\"form-group\"><input type=\"email\" id=\"ng_email\" class=\"form-control\" placeholder=\"\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\" required><\/div>\r\n                    <div class=\"form-group\"><input type=\"text\" id=\"ng_company\" class=\"form-control\" placeholder=\"\u0627\u0633\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 \/ \u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u062a\u062c\u0627\u0631\u064a (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)\"><\/div>\r\n                    <div class=\"form-group\"><textarea id=\"ng_message\" class=\"form-control\" placeholder=\"\u0643\u064a\u0641 \u064a\u0645\u0643\u0646\u0646\u0627 \u0645\u0633\u0627\u0639\u062f\u062a\u0643\u061f\" required><\/textarea><\/div>\r\n\r\n                    <!-- \u0627\u062e\u062a\u064a\u0627\u0631 \u064a\u0648\u0645 \u0627\u0644\u0623\u0633\u0628\u0648\u0639 -->\r\n                    <span class=\"picker-label\">\ud83d\udcc5 \u0627\u062e\u062a\u0631 \u064a\u0648\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0645\u0646\u0627\u0633\u0628:<\/span>\r\n                    <div class=\"days-grid\" id=\"ngDayPicker\">\r\n                        <div class=\"day-chip active\" data-value=\"\u0627\u0644\u0633\u0628\u062a\">Saturday<\/div>\r\n                        <div class=\"day-chip\" data-value=\"\u0627\u0644\u0623\u062d\u062f\">Sunday<\/div>\r\n                        <div class=\"day-chip\" data-value=\"\u0627\u0644\u0625\u062b\u0646\u064a\u0646\">Monday<\/div>\r\n                        <div class=\"day-chip\" data-value=\"\u0627\u0644\u062b\u0644\u0627\u062b\u0627\u0621\">Tuesday<\/div>\r\n                        <div class=\"day-chip\" data-value=\"\u0627\u0644\u0623\u0631\u0628\u0639\u0627\u0621\">Wednesday<\/div>\r\n                        <div class=\"day-chip\" data-value=\"\u0627\u0644\u062e\u0645\u064a\u0633\">Thursday<\/div>\r\n                        <div class=\"day-chip\" data-value=\"\u0627\u0644\u062c\u0645\u0639\u0629\">Friday<\/div>\r\n                    <\/div>\r\n\r\n                    <!-- \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629 -->\r\n                    <span class=\"picker-label\">\u23f0 **Choose your preferred time:**<\/span>\r\n                    <div class=\"hours-scroll\" id=\"ngHourPicker\">\r\n                        <div class=\"hour-chip active\" data-value=\"10:00 \u0635\">10:00 AM<\/div>\r\n                        <div class=\"hour-chip\" data-value=\"11:00 \u0635\">11:00 AM<\/div>\r\n                        <div class=\"hour-chip\" data-value=\"12:00 \u0645\">12:00 PM<\/div>\r\n                        <div class=\"hour-chip\" data-value=\"1:00 \u0645\">1:00 PM<\/div>\r\n                        <div class=\"hour-chip\" data-value=\"2:00 \u0645\">2:00 PM<\/div>\r\n                        <div class=\"hour-chip\" data-value=\"3:00 \u0645\">3:00 PM<\/div>\r\n                        <div class=\"hour-chip\" data-value=\"4:00 \u0645\">4:00 PM<\/div>\r\n                        <div class=\"hour-chip\" data-value=\"5:00 \u0645\">5:00 PM<\/div>\r\n                        <div class=\"hour-chip\" data-value=\"6:00 \u0645\">6:00 PM<\/div>\r\n                        <div class=\"hour-chip\" data-value=\"7:00 \u0645\">7:00 PM<\/div>\r\n                        <div class=\"hour-chip\" data-value=\"8:00 \u0645\">8:00 PM<\/div>\r\n                        <div class=\"hour-chip\" data-value=\"9:00 \u0645\">9:00 PM<\/div>\r\n                        <div class=\"hour-chip\" data-value=\"10:00 \u0645\">10:00 PM<\/div>\r\n                    <\/div>\r\n\r\n                    <button type=\"submit\" id=\"ng_submit_btn\" class=\"submit-msg-btn\">\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0639\u0628\u0631 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628 \ud83d\udcac<\/button>\r\n                <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<!-- \u0633\u0643\u0631\u0628\u062a \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0648\u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0644\u0644\u0648\u0627\u062a\u0633\u0627\u0628 -->\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    \/\/ 1. \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u062d\u0631\u0643\u0629 \u0628\u0627\u0644\u0633\u0643\u0631\u0648\u0644\r\n    const motionElements = document.querySelectorAll(\".ng-contact-scope .ng-motion-up, .ng-contact-scope .ng-motion-right, .ng-contact-scope .ng-motion-left\");\r\n\r\n    const observer = new IntersectionObserver((entries, observerInstance) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add(\"is-visible\");\r\n                observerInstance.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, { \r\n        threshold: 0.15,\r\n        rootMargin: \"0px 0px -50px 0px\"\r\n    });\r\n\r\n    motionElements.forEach(el => observer.observe(el));\r\n\r\n    \/\/ 2. \u062a\u0641\u0639\u064a\u0644 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0623\u064a\u0627\u0645 \u0648\u0627\u0644\u0633\u0627\u0639\u0627\u062a\r\n    function setupPicker(containerId, chipClass) {\r\n        var container = document.getElementById(containerId);\r\n        if (!container) return;\r\n        var chips = container.querySelectorAll('.' + chipClass);\r\n        chips.forEach(function(chip) {\r\n            chip.addEventListener('click', function() {\r\n                chips.forEach(c => c.classList.remove('active'));\r\n                this.classList.add('active');\r\n            });\r\n        });\r\n    }\r\n    setupPicker('ngDayPicker', 'day-chip');\r\n    setupPicker('ngHourPicker', 'hour-chip');\r\n\r\n    \/\/ 3. \u062a\u062d\u0648\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0645\u0628\u0627\u0634\u0631\u0629 \u0625\u0644\u0649 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628\r\n    const contactForm = document.getElementById('ngContactForm');\r\n    if(contactForm) {\r\n        contactForm.addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n\r\n            var name = document.getElementById('ng_name').value.trim();\r\n            var phone = document.getElementById('ng_phone').value.trim();\r\n            var email = document.getElementById('ng_email').value.trim();\r\n            var company = document.getElementById('ng_company').value.trim();\r\n            var message = document.getElementById('ng_message').value.trim();\r\n\r\n            var selectedDayEl = document.querySelector('#ngDayPicker .day-chip.active');\r\n            var selectedHourEl = document.querySelector('#ngHourPicker .hour-chip.active');\r\n            var selectedDay = selectedDayEl ? selectedDayEl.getAttribute('data-value') : '\u0627\u0644\u0633\u0628\u062a';\r\n            var selectedHour = selectedHourEl ? selectedHourEl.getAttribute('data-value') : '\u063a\u064a\u0631 \u0645\u062d\u062f\u062f';\r\n\r\n            if(!name || !phone) {\r\n                alert('\u064a\u0631\u062c\u0649 \u0645\u0644\u0621 \u0627\u0644\u0627\u0633\u0645 \u0648\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 \u0639\u0644\u0649 \u0627\u0644\u0623\u0642\u0644.');\r\n                return;\r\n            }\r\n\r\n            var whatsappNumber = \"201003205721\";\r\n\r\n            var fullMessage = `\u0645\u0631\u062d\u0628\u0627\u064b\u060c \u0631\u0633\u0627\u0644\u0629 \u062c\u062f\u064a\u062f\u0629 \u0645\u0646 \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \ud83d\udce9:\\n` +\r\n                              `\u2022 \u0627\u0644\u0627\u0633\u0645: ${name}\\n` +\r\n                              `\u2022 \u0627\u0644\u0647\u0627\u062a\u0641 \/ \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628: ${phone}\\n` +\r\n                              `\u2022 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a: ${email || '\u063a\u064a\u0631 \u0645\u062d\u062f\u062f'}\\n` +\r\n                              `\u2022 \u0627\u0633\u0645 \u0627\u0644\u0634\u0631\u0643\u0629: ${company || '\u063a\u064a\u0631 \u0645\u062d\u062f\u062f'}\\n` +\r\n                              `\u2022 \u0627\u0644\u0645\u0648\u0639\u062f \u0627\u0644\u0645\u0641\u0636\u0644 \u0648\u0627\u0644\u062a\u0648\u0642\u064a\u062a: \u064a\u0648\u0645 ${selectedDay} - \u0627\u0644\u0633\u0627\u0639\u0629 ${selectedHour}\\n` +\r\n                              `\u2022 \u0646\u0635 \u0627\u0644\u0631\u0633\u0627\u0644\u0629: ${message}`;\r\n\r\n            var waUrl = `https:\/\/wa.me\/${whatsappNumber}?text=${encodeURIComponent(fullMessage)}`;\r\n            window.location.href = waUrl;\r\n        });\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u062c\u0627\u0647\u0632\u0648\u0646 \u0644\u0646\u0642\u0644 \u0623\u0639\u0645\u0627\u0644\u0643 \u0644\u0644\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062a\u0627\u0644\u064a \u0633\u0648\u0627\u0621 \u0643\u0627\u0646 \u0644\u062f\u064a\u0643 \u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0623\u0648 \u062a\u0631\u063a\u0628 \u0641\u064a \u0628\u062f\u0621 \u0645\u0634\u0631\u0648\u0639 \u062c\u062f\u064a\u062f \u0645\u0639\u0646\u0627\u060c \u0641\u0631\u064a\u0642 NG [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_zipai_imported":false,"footnotes":""},"class_list":["post-3911","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"spectra_blocks_featured_image_url":null,"spectra_blocks_author_info":{"display_name":"scopevision8","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/302c8206fc793462c9c58a6fe0750c6df58f8cd5a05efa230aaca9351f53ccb7?s=96&d=mm&r=g","author_link":"https:\/\/ng-agency.net\/en\/author\/scopevision8\/","description":""},"_links":{"self":[{"href":"https:\/\/ng-agency.net\/en\/wp-json\/wp\/v2\/pages\/3911","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ng-agency.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ng-agency.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ng-agency.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ng-agency.net\/en\/wp-json\/wp\/v2\/comments?post=3911"}],"version-history":[{"count":19,"href":"https:\/\/ng-agency.net\/en\/wp-json\/wp\/v2\/pages\/3911\/revisions"}],"predecessor-version":[{"id":4216,"href":"https:\/\/ng-agency.net\/en\/wp-json\/wp\/v2\/pages\/3911\/revisions\/4216"}],"wp:attachment":[{"href":"https:\/\/ng-agency.net\/en\/wp-json\/wp\/v2\/media?parent=3911"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}