FAQs - Marouf Turk<\/title>\n\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&family=Poppins:wght@300;600&display=swap\" rel=\"stylesheet\" \/>\n\n <style>\n \/* \n ================================\n GLOBAL & BASE STYLES\n ================================\n *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n body {\n font-family: 'Poppins', sans-serif;\n color: #333;\n background: linear-gradient(135deg, #ffb385 0%, #ffd09f 100%);\n \/* \n fallback color if gradient is not supported: \n background-color: #ffd09f;\n *\/\n overflow-x: hidden;\n }\n a {\n color: #ff7e43;\n text-decoration: none;\n transition: color 0.3s ease;\n }\n a:hover {\n color: #d86c38;\n }\n\n \/* \n ================================\n CONTAINER & HEADER\n ================================\n *\/\n .hero {\n position: relative;\n padding: 80px 20px;\n text-align: center;\n color: #fff;\n background: linear-gradient(135deg, #ff7e43 0%, #d86c38 100%);\n overflow: hidden;\n }\n .hero::before {\n content: '';\n position: absolute;\n top: -10%;\n left: -10%;\n width: 120%;\n height: 120%;\n background: radial-gradient(#fff2, #0000);\n animation: floatingShapes 15s infinite alternate;\n pointer-events: none;\n z-index: 1;\n }\n .hero h1 {\n font-family: 'Montserrat', sans-serif;\n font-size: 3rem;\n z-index: 2;\n position: relative;\n margin-bottom: 20px;\n }\n .hero p {\n font-size: 1.2rem;\n max-width: 600px;\n margin: 0 auto;\n z-index: 2;\n position: relative;\n }\n\n \/* \n ================================\n MAIN CONTAINER\n ================================\n *\/\n .container {\n max-width: 900px;\n width: 90%;\n margin: -50px auto 100px; \/* negative margin to pull it up over the hero *\/\n background: #fff;\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\n border-radius: 15px;\n position: relative;\n overflow: hidden;\n z-index: 10;\n padding: 40px 40px 60px;\n animation: fadeIn 1s ease-in-out;\n }\n\n .container h2 {\n font-family: 'Montserrat', sans-serif;\n color: #ff7e43;\n margin-bottom: 20px;\n text-align: center;\n }\n .container p {\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 30px;\n text-align: center;\n }\n\n \/* \n ================================\n FAQ SECTION\n ================================\n *\/\n .faq-section {\n margin-top: 20px;\n }\n .faq-item {\n margin-bottom: 20px;\n background: #fff;\n border: 2px solid #ff7e43;\n border-radius: 10px;\n overflow: hidden;\n transition: all 0.4s ease;\n position: relative;\n cursor: pointer;\n }\n .faq-item:hover {\n transform: scale(1.02);\n box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);\n }\n .faq-question {\n font-weight: 600;\n font-size: 1.1rem;\n color: #ff7e43;\n padding: 15px 20px;\n display: flex;\n align-items: center;\n background: #fff;\n transition: background 0.3s ease;\n }\n .faq-question::before {\n content: \"\u25b8\";\n margin-right: 10px;\n font-size: 1.5rem;\n color: #ff7e43;\n transform: rotate(0deg);\n transition: transform 0.3s ease;\n }\n .faq-answer {\n max-height: 0;\n overflow: hidden;\n background: #fff;\n font-size: 0.95rem;\n padding: 0 20px;\n line-height: 1.6;\n transition: max-height 0.4s ease;\n }\n .faq-item.active .faq-question::before {\n transform: rotate(90deg);\n }\n .faq-item.active .faq-answer {\n max-height: 500px; \/* large enough to accommodate any FAQ text *\/\n padding-bottom: 15px;\n }\n\n \/* \n ================================\n ANIMATIONS\n ================================\n *\/\n @keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n @keyframes floatingShapes {\n from {\n transform: translate(0, 0) rotate(0deg);\n }\n to {\n transform: translate(20%, 20%) rotate(45deg);\n }\n }\n\n \/*\n ================================\n MEDIA QUERIES\n ================================\n *\/\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 2.2rem;\n }\n .hero p {\n font-size: 1rem;\n }\n .container {\n margin-top: -30px;\n padding: 30px;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <section class=\"hero\">\n <h1>\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/h1>\n <p>\u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643! \u062a\u062c\u062f \u0625\u062c\u0627\u0628\u0627\u062a \u0644\u0623\u0633\u0626\u0644\u062a\u0646\u0627 \u0627\u0644\u0623\u0643\u062b\u0631 \u0634\u064a\u0648\u0639\u064b\u0627 \u0623\u062f\u0646\u0627\u0647.<\/p>\n <\/section>\n\n \n <div class=\"container\">\n <h2>\u0645\u0639\u0631\u0648\u0641 \u062a\u0631\u0643\u064a<\/h2>\n <p>\n \u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643\u0645 \u0641\u064a \u0642\u0633\u0645 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\n <a href=\"https:\/\/maroufturk.com\/ar\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u0645\u0639\u0631\u0648\u0641 \u062a\u0631\u0643\u064a<\/a>\u0641\u064a\u0645\u0627 \u064a\u0644\u064a \u0623\u0647\u0645 10 \u0623\u0633\u0626\u0644\u0629 \u062a\u0635\u0644\u0646\u0627\u060c \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0625\u062c\u0627\u0628\u0627\u062a\u0647\u0627.\n <\/p>\n\n \n <div class=\"faq-section\">\n\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">1. \u0645\u0627 \u0647\u064a \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0642\u062f\u0645\u0647\u0627 \u0634\u0631\u0643\u0629 \u0645\u0639\u0631\u0648\u0641 \u0627\u0644\u062a\u0631\u0643\u061f<\/div>\n <div class=\"faq-answer\">\n \u064a\u062a\u062e\u0635\u0635 \u0645\u0639\u0631\u0648\u0641 \u0627\u0644\u062a\u0631\u0643 \u0641\u064a \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0627\u0644\u0645\u062e\u0635\u0635\u0629 \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u064b\u0627 \u0644\u062a\u0644\u0628\u064a\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0639\u0645\u0644\u0643.\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">2. \u0643\u064a\u0641 \u064a\u0645\u0643\u0646\u0646\u064a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0645\u0639\u0631\u0648\u0641 \u0627\u0644\u062a\u0631\u0643\u061f<\/div>\n <div class=\"faq-answer\">\n \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0628\u0631 \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0645\u0648\u062c\u0648\u062f \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0642\u0639 \u0623\u0648 \u0639\u0628\u0631 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0644\u0649\n <a href=\"mailto:info@maroufturk.com\">info@maroufturk.com<\/a>.\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">3. \u0647\u0644 \u064a\u0639\u0645\u0644 \u0645\u0639\u0631\u0648\u0641 \u0627\u0644\u062a\u0631\u0643 \u0645\u0639 \u0639\u0645\u0644\u0627\u0621 \u062f\u0648\u0644\u064a\u064a\u0646\u061f<\/div>\n <div class=\"faq-answer\">\n \u0646\u0639\u0645\u060c \u062a\u0639\u0645\u0644 \u0634\u0631\u0643\u0629 \u0645\u0639\u0631\u0648\u0641 \u0627\u0644\u062a\u0631\u0643 \u0645\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0639\u0627\u0644\u0645\u060c \u0648\u062a\u0642\u062f\u0645 \u0644\u0647\u0645 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0648\u0627\u0644\u062f\u0639\u0645 \u0639\u0646 \u0628\u0639\u062f.\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">4. \u0645\u0627 \u0647\u064a \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u0633\u062a\u062e\u062f\u0645\u0647\u0627 \u0645\u0639\u0631\u0648\u0641 \u0627\u0644\u062a\u0631\u0643\u061f<\/div>\n <div class=\"faq-answer\">\n \u064a\u0633\u062a\u062e\u062f\u0645 \u0645\u0639\u0631\u0648\u0641 \u0627\u0644\u062a\u0631\u0643 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0645\u062b\u0644 React \u0648 Node.js \u0648 Python \u0648\u063a\u064a\u0631\u0647\u0627 \u0644\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0645\u062a\u0637\u0648\u0631\u0629.\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">5. \u0643\u0645 \u0645\u0646 \u0627\u0644\u0648\u0642\u062a \u064a\u0633\u062a\u063a\u0631\u0642 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0646\u0645\u0648\u0630\u062c\u064a\u061f<\/div>\n <div class=\"faq-answer\">\n \u062a\u062e\u062a\u0644\u0641 \u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\u0629 \u0644\u0644\u0645\u0634\u0631\u0648\u0639 \u062d\u0633\u0628 \u062f\u0631\u062c\u0629 \u0627\u0644\u062a\u0639\u0642\u064a\u062f\u060c \u0648\u0644\u0643\u0646 \u064a\u062a\u0645 \u0625\u0643\u0645\u0627\u0644 \u0645\u0639\u0638\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0641\u064a \u063a\u0636\u0648\u0646 4 \u0625\u0644\u0649 12 \u0623\u0633\u0628\u0648\u0639\u064b\u0627.\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">6. \u0647\u0644 \u064a\u0642\u062f\u0645 \u0645\u0639\u0631\u0648\u0641 \u0627\u0644\u062a\u0631\u0643 \u062f\u0639\u0645\u064b\u0627 \u0645\u0633\u062a\u0645\u0631\u064b\u0627\u061f<\/div>\n <div class=\"faq-answer\">\n \u0646\u0639\u0645\u060c \u062a\u062a\u0648\u0641\u0631 \u062d\u0632\u0645 \u0627\u0644\u062f\u0639\u0645 \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621.\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">7. \u0645\u0627 \u0647\u064a \u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062e\u062f\u0645\u0647\u0627 \u0634\u0631\u0643\u0629 \u0645\u0639\u0631\u0648\u0641 \u0627\u0644\u062a\u0631\u0643\u061f<\/div>\n <div class=\"faq-answer\">\n \u062a\u062e\u062f\u0645 \u0634\u0631\u0643\u0629 \u0645\u0639\u0631\u0648\u0641 \u0627\u0644\u062a\u0631\u0643 \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0648\u0627\u0644\u0645\u0632\u064a\u062f.\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">8. \u0647\u0644 \u0627\u0644\u062d\u0644\u0648\u0644 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0637\u0648\u064a\u0631\u061f<\/div>\n <div class=\"faq-answer\">\n \u0628\u0627\u0644\u062a\u0623\u0643\u064a\u062f! \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0644\u0648\u0644 \u0645\u0635\u0645\u0645\u0629 \u0645\u0639 \u0645\u0631\u0627\u0639\u0627\u0629 \u0642\u0627\u0628\u0644\u064a\u0629 \u0627\u0644\u062a\u0648\u0633\u0639 \u0644\u062a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0646\u0645\u0648 \u0623\u0639\u0645\u0627\u0644\u0643.\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">9. \u0645\u0627 \u0647\u0648 \u0647\u064a\u0643\u0644 \u0627\u0644\u062a\u0633\u0639\u064a\u0631\u061f<\/div>\n <div class=\"faq-answer\">\n \u064a\u062a\u0645 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639. \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636 \u0633\u0639\u0631 \u0645\u0641\u0635\u0644.\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">10. \u0647\u0644 \u064a\u0642\u062f\u0645 \u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0645\u0639\u0631\u0648\u0641 \u0627\u0644\u062a\u0631\u0643 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u062c\u0627\u0646\u064a\u0629\u061f<\/div>\n <div class=\"faq-answer\">\n \u0646\u0639\u0645\u060c \u062a\u062a\u0648\u0641\u0631 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u062c\u0627\u0646\u064a\u0629 \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0645\u0634\u0631\u0648\u0639\u0643 \u0648\u0623\u0647\u062f\u0627\u0641\u0647.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ FAQ toggle functionality\n const faqItems = document.querySelectorAll(\".faq-item\");\n faqItems.forEach((item) => {\n item.addEventListener(\"click\", () => {\n item.classList.toggle(\"active\");\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>FAQs – Marouf Turk Frequently Asked Questions We\u2019re here to help! Find answers to our most common questions below. Marouf Turk Welcome to the FAQs section for Marouf Turk. Here are the top 10 questions we receive, along with their answers. 1. What services does Marouf Turk offer? Marouf Turk specializes in web development, digital […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-1956","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maroufturk.com\/ar\/wp-json\/wp\/v2\/pages\/1956","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroufturk.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maroufturk.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maroufturk.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maroufturk.com\/ar\/wp-json\/wp\/v2\/comments?post=1956"}],"version-history":[{"count":0,"href":"https:\/\/maroufturk.com\/ar\/wp-json\/wp\/v2\/pages\/1956\/revisions"}],"wp:attachment":[{"href":"https:\/\/maroufturk.com\/ar\/wp-json\/wp\/v2\/media?parent=1956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n \n FAQs - Marouf Turk<\/title>\n\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&family=Poppins:wght@300;600&display=swap\" rel=\"stylesheet\" \/>\n\n <style>\n \/* \n ================================\n GLOBAL & BASE STYLES\n ================================\n *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n body {\n font-family: 'Poppins', sans-serif;\n color: #333;\n background: linear-gradient(135deg, #ffb385 0%, #ffd09f 100%);\n \/* \n fallback color if gradient is not supported: \n background-color: #ffd09f;\n *\/\n overflow-x: hidden;\n }\n a {\n color: #ff7e43;\n text-decoration: none;\n transition: color 0.3s ease;\n }\n a:hover {\n color: #d86c38;\n }\n\n \/* \n ================================\n CONTAINER & HEADER\n ================================\n *\/\n .hero {\n position: relative;\n padding: 80px 20px;\n text-align: center;\n color: #fff;\n background: linear-gradient(135deg, #ff7e43 0%, #d86c38 100%);\n overflow: hidden;\n }\n .hero::before {\n content: '';\n position: absolute;\n top: -10%;\n left: -10%;\n width: 120%;\n height: 120%;\n background: radial-gradient(#fff2, #0000);\n animation: floatingShapes 15s infinite alternate;\n pointer-events: none;\n z-index: 1;\n }\n .hero h1 {\n font-family: 'Montserrat', sans-serif;\n font-size: 3rem;\n z-index: 2;\n position: relative;\n margin-bottom: 20px;\n }\n .hero p {\n font-size: 1.2rem;\n max-width: 600px;\n margin: 0 auto;\n z-index: 2;\n position: relative;\n }\n\n \/* \n ================================\n MAIN CONTAINER\n ================================\n *\/\n .container {\n max-width: 900px;\n width: 90%;\n margin: -50px auto 100px; \/* negative margin to pull it up over the hero *\/\n background: #fff;\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\n border-radius: 15px;\n position: relative;\n overflow: hidden;\n z-index: 10;\n padding: 40px 40px 60px;\n animation: fadeIn 1s ease-in-out;\n }\n\n .container h2 {\n font-family: 'Montserrat', sans-serif;\n color: #ff7e43;\n margin-bottom: 20px;\n text-align: center;\n }\n .container p {\n font-size: 1rem;\n line-height: 1.6;\n margin-bottom: 30px;\n text-align: center;\n }\n\n \/* \n ================================\n FAQ SECTION\n ================================\n *\/\n .faq-section {\n margin-top: 20px;\n }\n .faq-item {\n margin-bottom: 20px;\n background: #fff;\n border: 2px solid #ff7e43;\n border-radius: 10px;\n overflow: hidden;\n transition: all 0.4s ease;\n position: relative;\n cursor: pointer;\n }\n .faq-item:hover {\n transform: scale(1.02);\n box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);\n }\n .faq-question {\n font-weight: 600;\n font-size: 1.1rem;\n color: #ff7e43;\n padding: 15px 20px;\n display: flex;\n align-items: center;\n background: #fff;\n transition: background 0.3s ease;\n }\n .faq-question::before {\n content: \"\u25b8\";\n margin-right: 10px;\n font-size: 1.5rem;\n color: #ff7e43;\n transform: rotate(0deg);\n transition: transform 0.3s ease;\n }\n .faq-answer {\n max-height: 0;\n overflow: hidden;\n background: #fff;\n font-size: 0.95rem;\n padding: 0 20px;\n line-height: 1.6;\n transition: max-height 0.4s ease;\n }\n .faq-item.active .faq-question::before {\n transform: rotate(90deg);\n }\n .faq-item.active .faq-answer {\n max-height: 500px; \/* large enough to accommodate any FAQ text *\/\n padding-bottom: 15px;\n }\n\n \/* \n ================================\n ANIMATIONS\n ================================\n *\/\n @keyframes fadeIn {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n @keyframes floatingShapes {\n from {\n transform: translate(0, 0) rotate(0deg);\n }\n to {\n transform: translate(20%, 20%) rotate(45deg);\n }\n }\n\n \/*\n ================================\n MEDIA QUERIES\n ================================\n *\/\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 2.2rem;\n }\n .hero p {\n font-size: 1rem;\n }\n .container {\n margin-top: -30px;\n padding: 30px;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <section class=\"hero\">\n <h1>\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/h1>\n <p>\u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643! \u062a\u062c\u062f \u0625\u062c\u0627\u0628\u0627\u062a \u0644\u0623\u0633\u0626\u0644\u062a\u0646\u0627 \u0627\u0644\u0623\u0643\u062b\u0631 \u0634\u064a\u0648\u0639\u064b\u0627 \u0623\u062f\u0646\u0627\u0647.<\/p>\n <\/section>\n\n \n <div class=\"container\">\n <h2>\u0645\u0639\u0631\u0648\u0641 \u062a\u0631\u0643\u064a<\/h2>\n <p>\n \u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643\u0645 \u0641\u064a \u0642\u0633\u0645 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\n <a href=\"https:\/\/maroufturk.com\/ar\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u0645\u0639\u0631\u0648\u0641 \u062a\u0631\u0643\u064a<\/a>\u0641\u064a\u0645\u0627 \u064a\u0644\u064a \u0623\u0647\u0645 10 \u0623\u0633\u0626\u0644\u0629 \u062a\u0635\u0644\u0646\u0627\u060c \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0625\u062c\u0627\u0628\u0627\u062a\u0647\u0627.\n <\/p>\n\n \n <div class=\"faq-section\">\n\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">1. \u0645\u0627 \u0647\u064a \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0642\u062f\u0645\u0647\u0627 \u0634\u0631\u0643\u0629 \u0645\u0639\u0631\u0648\u0641 \u0627\u0644\u062a\u0631\u0643\u061f<\/div>\n <div class=\"faq-answer\">\n \u064a\u062a\u062e\u0635\u0635 \u0645\u0639\u0631\u0648\u0641 \u0627\u0644\u062a\u0631\u0643 \u0641\u064a \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0627\u0644\u0645\u062e\u0635\u0635\u0629 \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u064b\u0627 \u0644\u062a\u0644\u0628\u064a\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0639\u0645\u0644\u0643.\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">2. \u0643\u064a\u0641 \u064a\u0645\u0643\u0646\u0646\u064a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0645\u0639\u0631\u0648\u0641 \u0627\u0644\u062a\u0631\u0643\u061f<\/div>\n <div class=\"faq-answer\">\n \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0628\u0631 \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0645\u0648\u062c\u0648\u062f \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0642\u0639 \u0623\u0648 \u0639\u0628\u0631 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0644\u0649\n <a href=\"mailto:info@maroufturk.com\">info@maroufturk.com<\/a>.\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">3. \u0647\u0644 \u064a\u0639\u0645\u0644 \u0645\u0639\u0631\u0648\u0641 \u0627\u0644\u062a\u0631\u0643 \u0645\u0639 \u0639\u0645\u0644\u0627\u0621 \u062f\u0648\u0644\u064a\u064a\u0646\u061f<\/div>\n <div class=\"faq-answer\">\n \u0646\u0639\u0645\u060c \u062a\u0639\u0645\u0644 \u0634\u0631\u0643\u0629 \u0645\u0639\u0631\u0648\u0641 \u0627\u0644\u062a\u0631\u0643 \u0645\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0639\u0627\u0644\u0645\u060c \u0648\u062a\u0642\u062f\u0645 \u0644\u0647\u0645 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0648\u0627\u0644\u062f\u0639\u0645 \u0639\u0646 \u0628\u0639\u062f.\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">4. \u0645\u0627 \u0647\u064a \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u0633\u062a\u062e\u062f\u0645\u0647\u0627 \u0645\u0639\u0631\u0648\u0641 \u0627\u0644\u062a\u0631\u0643\u061f<\/div>\n <div class=\"faq-answer\">\n \u064a\u0633\u062a\u062e\u062f\u0645 \u0645\u0639\u0631\u0648\u0641 \u0627\u0644\u062a\u0631\u0643 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0645\u062b\u0644 React \u0648 Node.js \u0648 Python \u0648\u063a\u064a\u0631\u0647\u0627 \u0644\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0645\u062a\u0637\u0648\u0631\u0629.\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">5. \u0643\u0645 \u0645\u0646 \u0627\u0644\u0648\u0642\u062a \u064a\u0633\u062a\u063a\u0631\u0642 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0646\u0645\u0648\u0630\u062c\u064a\u061f<\/div>\n <div class=\"faq-answer\">\n \u062a\u062e\u062a\u0644\u0641 \u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\u0629 \u0644\u0644\u0645\u0634\u0631\u0648\u0639 \u062d\u0633\u0628 \u062f\u0631\u062c\u0629 \u0627\u0644\u062a\u0639\u0642\u064a\u062f\u060c \u0648\u0644\u0643\u0646 \u064a\u062a\u0645 \u0625\u0643\u0645\u0627\u0644 \u0645\u0639\u0638\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0641\u064a \u063a\u0636\u0648\u0646 4 \u0625\u0644\u0649 12 \u0623\u0633\u0628\u0648\u0639\u064b\u0627.\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">6. \u0647\u0644 \u064a\u0642\u062f\u0645 \u0645\u0639\u0631\u0648\u0641 \u0627\u0644\u062a\u0631\u0643 \u062f\u0639\u0645\u064b\u0627 \u0645\u0633\u062a\u0645\u0631\u064b\u0627\u061f<\/div>\n <div class=\"faq-answer\">\n \u0646\u0639\u0645\u060c \u062a\u062a\u0648\u0641\u0631 \u062d\u0632\u0645 \u0627\u0644\u062f\u0639\u0645 \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621.\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">7. \u0645\u0627 \u0647\u064a \u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062e\u062f\u0645\u0647\u0627 \u0634\u0631\u0643\u0629 \u0645\u0639\u0631\u0648\u0641 \u0627\u0644\u062a\u0631\u0643\u061f<\/div>\n <div class=\"faq-answer\">\n \u062a\u062e\u062f\u0645 \u0634\u0631\u0643\u0629 \u0645\u0639\u0631\u0648\u0641 \u0627\u0644\u062a\u0631\u0643 \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0648\u0627\u0644\u0645\u0632\u064a\u062f.\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">8. \u0647\u0644 \u0627\u0644\u062d\u0644\u0648\u0644 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0637\u0648\u064a\u0631\u061f<\/div>\n <div class=\"faq-answer\">\n \u0628\u0627\u0644\u062a\u0623\u0643\u064a\u062f! \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0644\u0648\u0644 \u0645\u0635\u0645\u0645\u0629 \u0645\u0639 \u0645\u0631\u0627\u0639\u0627\u0629 \u0642\u0627\u0628\u0644\u064a\u0629 \u0627\u0644\u062a\u0648\u0633\u0639 \u0644\u062a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0646\u0645\u0648 \u0623\u0639\u0645\u0627\u0644\u0643.\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">9. \u0645\u0627 \u0647\u0648 \u0647\u064a\u0643\u0644 \u0627\u0644\u062a\u0633\u0639\u064a\u0631\u061f<\/div>\n <div class=\"faq-answer\">\n \u064a\u062a\u0645 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639. \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636 \u0633\u0639\u0631 \u0645\u0641\u0635\u0644.\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item\">\n <div class=\"faq-question\">10. \u0647\u0644 \u064a\u0642\u062f\u0645 \u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0645\u0639\u0631\u0648\u0641 \u0627\u0644\u062a\u0631\u0643 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u062c\u0627\u0646\u064a\u0629\u061f<\/div>\n <div class=\"faq-answer\">\n \u0646\u0639\u0645\u060c \u062a\u062a\u0648\u0641\u0631 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u062c\u0627\u0646\u064a\u0629 \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0645\u0634\u0631\u0648\u0639\u0643 \u0648\u0623\u0647\u062f\u0627\u0641\u0647.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ FAQ toggle functionality\n const faqItems = document.querySelectorAll(\".faq-item\");\n faqItems.forEach((item) => {\n item.addEventListener(\"click\", () => {\n item.classList.toggle(\"active\");\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>FAQs – Marouf Turk Frequently Asked Questions We\u2019re here to help! Find answers to our most common questions below. Marouf Turk Welcome to the FAQs section for Marouf Turk. Here are the top 10 questions we receive, along with their answers. 1. What services does Marouf Turk offer? Marouf Turk specializes in web development, digital […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-1956","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maroufturk.com\/ar\/wp-json\/wp\/v2\/pages\/1956","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroufturk.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maroufturk.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maroufturk.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maroufturk.com\/ar\/wp-json\/wp\/v2\/comments?post=1956"}],"version-history":[{"count":0,"href":"https:\/\/maroufturk.com\/ar\/wp-json\/wp\/v2\/pages\/1956\/revisions"}],"wp:attachment":[{"href":"https:\/\/maroufturk.com\/ar\/wp-json\/wp\/v2\/media?parent=1956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}