{"id":36,"date":"2025-05-14T20:01:36","date_gmt":"2025-05-14T20:01:36","guid":{"rendered":"https:\/\/digitaltelawah.org.sa\/?page_id=36"},"modified":"2025-10-17T21:11:09","modified_gmt":"2025-10-17T21:11:09","slug":"%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/digitaltelawah.org.sa\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
<\/div>
<\/div>
\u0633\u0627\u0647\u0645 \u0641\u064a \u062a\u0639\u0644\u064a\u0645 \u0643\u062a\u0627\u0628 \u0627\u0644\u0644\u0647<\/div>
\u062a\u0628\u0631\u0639\u0643 \u064a\u0635\u0646\u0639 \u0623\u062b\u0631\u064b\u0627 \u0641\u064a \u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0642\u0631\u0622\u0646 \u0648\u062a\u062f\u0628\u0631\u0647\n\n<\/div>
\u062a\u0628\u0631\u0639 \u0627\u0644\u0627\u0646<\/div><\/div><\/a><\/div>
<\/div>
<\/div>
\u0627\u0647\u0644\u0627 \u0628\u0643 \u0641\u064a \u062c\u0645\u0639\u064a\u0629 \u062a\u0644\u0627\u0648\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/div>
\u062c\u0645\u0639\u064a\u0629 \u062a\u0644\u0627\u0648\u0629 \u0647\u064a \u062c\u0645\u0639\u064a\u0629 \u062e\u064a\u0631\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u062a\u0639\u0644\u064a\u0645 \u0648\u062a\u062f\u0628\u0631 \u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645\u060c \u062a\u0633\u0639\u0649 \u0625\u0644\u0649 \u063a\u0631\u0633 \u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u0642\u0631\u0622\u0646\u064a\u0629 \u0641\u064a \u0646\u0641\u0648\u0633 \u0627\u0644\u0646\u0627\u0634\u0626\u0629 \u0648\u0627\u0644\u0643\u0628\u0627\u0631\u060c \u0645\u0646 \u062e\u0644\u0627\u0644 \u0628\u0631\u0627\u0645\u062c \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0646\u0648\u0639\u064a\u0629\u060c \u0648\u0625\u0634\u0631\u0627\u0641 \u062a\u0631\u0628\u0648\u064a \u0645\u0624\u0633\u0633\u064a\u060c \u0648\u0623\u0633\u0627\u0644\u064a\u0628 \u062a\u0642\u0646\u064a\u0629 \u062d\u062f\u064a\u062b\u0629. \u062a\u0644\u062a\u0632\u0645 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0628\u0631\u0624\u064a\u0629 \u0648\u0627\u0636\u062d\u0629 \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u0628\u0646\u0627\u0621 \u0645\u062c\u062a\u0645\u0639 \u0642\u0631\u0622\u0646\u064a \u0645\u062a\u0645\u0643\u0646\u060c \u064a\u0633\u064a\u0631 \u0639\u0644\u0649 \u0647\u062f\u064a \u0627\u0644\u0643\u062a\u0627\u0628 \u0627\u0644\u0643\u0631\u064a\u0645 \u0641\u064a \u062d\u064a\u0627\u062a\u0647 \u0648\u0633\u0644\u0648\u0643\u0647.<\/div>
\u062a\u0639\u0644\u0645 \u0645\u0639\u0646\u0627<\/div><\/div><\/div><\/div>
<\/div>
\u0628\u0631\u0627\u0645\u062c \u0642\u0631\u0622\u0646\u064a\u0629 \u062a\u0646\u0627\u0633\u0628 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0639\u0645\u0627\u0631<\/div>
\u062d\u0644\u0642\u0627\u062a\u060c \u062f\u0648\u0631\u0627\u062a\u060c \u0648\u0625\u0634\u0631\u0627\u0641 \u062a\u0631\u0628\u0648\u064a \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u0623\u0633\u0627\u0644\u064a\u0628<\/div>
\u0627\u0633\u062a\u0639\u0631\u0636 \u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627<\/div><\/div><\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t<\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\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
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0645\u0646 \u0646\u062d\u0646 - \u062c\u0645\u0639\u064a\u0629 \u062a\u0644\u0627\u0648\u0629<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\" integrity=\"sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9\/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n \r\n <style>\r\n \/* \u062a\u0639\u0631\u064a\u0641 \u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0644\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0648\u0627\u0644\u062a\u0646\u0627\u0633\u0642 *\/\r\n :root {\r\n --color-primary: #ABD58D; \/* \u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u0632\u064a\u062a\u064a \/ \u0627\u0644\u062a\u0631\u0627\u0628\u064a *\/\r\n --color-dark: #111111; \/* \u0627\u0644\u0623\u0633\u0648\u062f \u0627\u0644\u062f\u0627\u0643\u0646 *\/\r\n --color-accent: #01474F; \/* \u0627\u0644\u0623\u0632\u0631\u0642 \u0627\u0644\u0628\u062d\u0631\u064a \/ \u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u062f\u0627\u0643\u0646 *\/\r\n --color-background: #FFFFFF; \/* \u0627\u0644\u0623\u0628\u064a\u0636 \u0627\u0644\u062e\u0627\u0644\u0635 *\/\r\n --color-text-light: #FAFAFA; \/* \u0646\u0635 \u0641\u0627\u062a\u062d \u0644\u0644\u062e\u0644\u0641\u064a\u0627\u062a \u0627\u0644\u062f\u0627\u0643\u0646\u0629 *\/\r\n }\r\n\r\n \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0639\u0627\u0645\u0629 \u0644\u0644\u062c\u0633\u0645 \u0648\u0627\u0644\u062e\u0637\u0648\u0637 *\/\r\n body {\r\n font-family: 'Cairo', sans-serif; \/* \u0627\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u062e\u0637 \u0627\u0644\u0630\u064a \u062a\u0645 \u0627\u062e\u062a\u064a\u0627\u0631\u0647 *\/\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n background-color: var(--color-background); \/* \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u062c\u0633\u0645 \u0628\u064a\u0636\u0627\u0621 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n color: var(--color-dark);\r\n direction: rtl; \/* \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0646\u0635 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0644\u0644\u064a\u0633\u0627\u0631 *\/\r\n text-align: right; \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0646\u0635 \u0644\u0644\u064a\u0645\u064a\u0646 *\/\r\n line-height: 1.8; \/* \u0632\u064a\u0627\u062f\u0629 \u062a\u0628\u0627\u0639\u062f \u0627\u0644\u0623\u0633\u0637\u0631 \u0644\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0642\u0631\u0627\u0621\u0629 *\/\r\n }\r\n\r\n \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0642\u0633\u0645 \"\u0645\u0646 \u0646\u062d\u0646\" *\/\r\n .about-us-section {\r\n padding: 80px 20px; \/* \u062a\u0628\u0627\u0639\u062f \u062f\u0627\u062e\u0644\u064a \u0643\u0628\u064a\u0631 *\/\r\n max-width: 1200px; \/* \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0623\u0642\u0635\u0649 \u0644\u0627\u0633\u062a\u064a\u0639\u0627\u0628 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n margin: 40px auto; \/* \u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0642\u0633\u0645 \u0648\u062a\u0631\u0643 \u0645\u0633\u0627\u0641\u0629 \u0645\u0646 \u0627\u0644\u0623\u0639\u0644\u0649 \u0648\u0627\u0644\u0623\u0633\u0641\u0644 *\/\r\n background-color: #FAFAFA; \/* \u062c\u0639\u0644 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0628\u0646\u0641\u0633 \u0644\u0648\u0646 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 (\u0623\u0628\u064a\u0636 \u062e\u0627\u0644\u0635) *\/\r\n border-radius: 0; \/* \u0625\u0632\u0627\u0644\u0629 \u062d\u0648\u0627\u0641 \u0645\u0633\u062a\u062f\u064a\u0631\u0629 *\/\r\n box-shadow: none; \/* \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0638\u0644 *\/\r\n \r\n display: flex; \/* \u0627\u0633\u062a\u062e\u062f\u0627\u0645 Flexbox \u0644\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 *\/\r\n align-items: center; \/* \u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0639\u0645\u0648\u062f\u064a\u064b\u0627 *\/\r\n justify-content: space-between; \/* \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0628\u064a\u0646 \u0627\u0644\u0635\u0648\u0631\u0629 \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649 *\/\r\n gap: 50px; \/* \u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0627\u0644\u0635\u0648\u0631\u0629 \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649 *\/\r\n }\r\n\r\n .about-us-content {\r\n flex: 1; \/* \u0627\u0644\u0633\u0645\u0627\u062d \u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0646\u0635 \u0628\u0623\u062e\u0630 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0645\u062a\u0628\u0642\u064a\u0629 *\/\r\n text-align: right; \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0646\u0635 \u0644\u0644\u064a\u0645\u064a\u0646 *\/\r\n }\r\n\r\n .about-us-section .logo-container {\r\n flex-shrink: 0; \/* \u0645\u0646\u0639 \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0634\u0639\u0627\u0631 \u0645\u0646 \u0627\u0644\u062a\u0642\u0644\u0635 *\/\r\n margin-right: 0; \/* \u0625\u0632\u0627\u0644\u0629 \u0623\u064a \u0647\u0627\u0645\u0634 \u062c\u0627\u0646\u0628\u064a \u0633\u0627\u0628\u0642 *\/\r\n margin-left: 50px; \/* \u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0627\u0644\u0634\u0639\u0627\u0631 \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0646\u0635\u064a *\/\r\n }\r\n\r\n .about-us-section .logo {\r\n max-width: 350px; \/* \u062d\u062c\u0645 \u0623\u0643\u0628\u0631 \u0644\u0644\u0634\u0639\u0627\u0631 *\/\r\n height: auto;\r\n display: block; \/* \u0644\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0623\u0646\u0647 \u0639\u0646\u0635\u0631 \u0643\u062a\u0644\u0629 *\/\r\n object-fit: contain; \/* \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0646\u0633\u0628\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f *\/\r\n }\r\n \r\n .about-us-section h2 {\r\n font-size: 2.8em; \/* \u062d\u062c\u0645 \u0623\u0643\u0628\u0631 \u0644\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\r\n color: var(--color-accent); \/* \u0644\u0648\u0646 \u0645\u0645\u064a\u0632 \u0644\u0644\u0639\u0646\u0648\u0627\u0646 *\/\r\n margin-bottom: 25px; \/* \u0645\u0633\u0627\u0641\u0629 \u0623\u0633\u0641\u0644 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\r\n text-align: right; \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0644\u0644\u064a\u0645\u064a\u0646 *\/\r\n font-weight: 700;\r\n position: relative; \/* \u0644\u062a\u062d\u062f\u064a\u062f \u0645\u0648\u0642\u0639 \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0632\u062e\u0631\u0641\u064a *\/\r\n padding-bottom: 10px; \/* \u0645\u0633\u0627\u0641\u0629 \u0644\u0644\u062e\u0637 \u0627\u0644\u0633\u0641\u0644\u064a *\/\r\n display: inline-block; \/* \u0644\u062c\u0639\u0644 \u0627\u0644\u062e\u0637 \u0627\u0644\u0632\u062e\u0631\u0641\u064a \u062a\u062d\u062a \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0641\u0642\u0637 *\/\r\n }\r\n\r\n .about-us-section h2::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n right: 0; \/* \u0644\u062c\u0639\u0644 \u0627\u0644\u062e\u0637 \u062a\u062d\u062a \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 *\/\r\n width: 80px; \/* \u0639\u0631\u0636 \u0627\u0644\u062e\u0637 *\/\r\n height: 4px; \/* \u0633\u0645\u0643 \u0627\u0644\u062e\u0637 *\/\r\n background-color: var(--color-primary); \/* \u0644\u0648\u0646 \u0627\u0644\u062e\u0637 \u0627\u0644\u0632\u062e\u0631\u0641\u064a *\/\r\n border-radius: 2px;\r\n }\r\n\r\n .about-us-section p {\r\n font-size: 1.15em; \/* \u062d\u062c\u0645 \u062e\u0637 \u0645\u0631\u064a\u062d \u0644\u0644\u0642\u0631\u0627\u0621\u0629 *\/\r\n color: #333; \/* \u0644\u0648\u0646 \u0646\u0635 \u062f\u0627\u0643\u0646 \u0644\u0643\u0646 \u0644\u064a\u0633 \u0623\u0633\u0648\u062f \u0642\u0627\u062a\u0645 *\/\r\n margin-bottom: 30px; \/* \u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0627\u0644\u0641\u0642\u0631\u0627\u062a *\/\r\n text-align: justify; \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0646\u0635 \u0639\u0644\u0649 \u0627\u0644\u062c\u0627\u0646\u0628\u064a\u0646 \u0644\u0644\u0645\u0638\u0647\u0631 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a *\/\r\n width: 100%; \/* \u0627\u0644\u0646\u0635 \u064a\u0623\u062e\u0630 \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0643\u0627\u0645\u0644 \u062f\u0627\u062e\u0644 \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 *\/\r\n }\r\n\r\n \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0623\u0632\u0631\u0627\u0631 *\/\r\n .button-group {\r\n text-align: right; \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0644\u0644\u064a\u0645\u064a\u0646 *\/\r\n margin-top: 30px; \/* \u0645\u0633\u0627\u0641\u0629 \u0645\u0646 \u0623\u0639\u0644\u0649 *\/\r\n display: flex; \/* \u0644\u0639\u0631\u0636 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u062c\u0646\u0628\u064b\u0627 \u0625\u0644\u0649 \u062c\u0646\u0628 *\/\r\n gap: 20px; \/* \u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 *\/\r\n \/* \u062a\u0645 \u062a\u063a\u064a\u064a\u0631 justify-content: flex-end; \u0644\u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0639\u0645\u0648\u062f\u064a\u0627 \u0639\u0646\u062f \u0627\u0644\u0627\u0644\u062a\u0641\u0627\u0641 *\/\r\n justify-content: flex-start; \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0625\u0644\u0649 \u0627\u0644\u064a\u0645\u064a\u0646 (\u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0633\u0637\u0631 \u0641\u064a \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u064a\u0645\u064a\u0646 \u0644\u0644\u064a\u0633\u0627\u0631) *\/\r\n flex-wrap: wrap; \/* \u0627\u0644\u0633\u0645\u0627\u062d \u0644\u0644\u0623\u0632\u0631\u0627\u0631 \u0628\u0627\u0644\u0627\u0644\u062a\u0641\u0627\u0641 \u0639\u0644\u0649 \u0627\u0644\u0623\u0633\u0637\u0631 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 *\/\r\n }\r\n\r\n .btn {\r\n display: inline-block;\r\n padding: 15px 30px;\r\n text-decoration: none;\r\n border-radius: 5px;\r\n font-weight: bold;\r\n transition: background-color 0.3s ease, color 0.3s ease;\r\n white-space: nowrap;\r\n font-size: 1.1em;\r\n }\r\n\r\n .btn-accent {\r\n background-color: var(--color-accent);\r\n color: #FFFFFF !important;\r\n }\r\n .btn-accent:hover {\r\n background-color: #003a3d;\r\n color: #FFFFFF !important;\r\n }\r\n\r\n \/* \u0632\u0631 \u062b\u0627\u0646\u0648\u064a \u0628\u0644\u0648\u0646 \u0645\u062e\u062a\u0644\u0641 (\u0625\u0630\u0627 \u0627\u062d\u062a\u062c\u062a \u0644\u0632\u0631 \u0622\u062e\u0631) *\/\r\n .btn-secondary {\r\n background-color: transparent;\r\n color: var(--color-accent);\r\n border: 2px solid var(--color-accent);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background-color: var(--color-accent);\r\n color: #FFFFFF !important;\r\n }\r\n \r\n \/* Media Queries \u0644\u0644\u062a\u062c\u0627\u0648\u0628\u064a\u0629 (Responsive Design) *\/\r\n @media (max-width: 992px) { \/* \u0646\u0642\u0637\u0629 \u062a\u0648\u0642\u0641 \u062c\u062f\u064a\u062f\u0629 \u0644\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0644\u0648\u062d\u064a\u0629 *\/\r\n .about-us-section {\r\n flex-direction: column-reverse; \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0628\u0627\u0644\u0623\u0633\u0641\u0644 \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0628\u0627\u0644\u0623\u0639\u0644\u0649 *\/\r\n text-align: center; \/* \u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0646\u0635 \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0623\u0635\u063a\u0631 *\/\r\n gap: 30px; \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 *\/\r\n }\r\n .about-us-content {\r\n text-align: center; \/* \u062a\u0648\u0633\u064a\u0637 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0646\u0635 *\/\r\n }\r\n .about-us-section .logo-container {\r\n margin-left: 0; \/* \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0647\u0627\u0645\u0634 \u0627\u0644\u0623\u064a\u0633\u0631 \u0644\u0644\u0634\u0639\u0627\u0631 *\/\r\n margin-bottom: 30px; \/* \u0625\u0636\u0627\u0641\u0629 \u0647\u0627\u0645\u0634 \u0633\u0641\u0644\u064a \u0644\u0644\u0634\u0639\u0627\u0631 *\/\r\n }\r\n .about-us-section h2,\r\n .about-us-section h2::after {\r\n right: 50%; \/* \u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0648\u0627\u0644\u062e\u0637 \u0627\u0644\u0632\u062e\u0631\u0641\u064a *\/\r\n transform: translateX(50%);\r\n }\r\n .button-group {\r\n justify-content: center; \/* \u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0623\u0635\u063a\u0631 *\/\r\n flex-direction: column; \/* \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0639\u0645\u0648\u062f\u064a\u064b\u0627 \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 *\/\r\n gap: 15px; \/* \u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0639\u0645\u0648\u062f\u064a\u0629 *\/\r\n }\r\n .btn {\r\n width: 100%; \/* \u062c\u0639\u0644 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u062a\u0623\u062e\u0630 \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .about-us-section {\r\n padding: 40px 15px;\r\n margin: 20px auto;\r\n }\r\n .about-us-section .logo {\r\n max-width: 180px; \/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u0634\u0639\u0627\u0631 \u0623\u0643\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u062c\u0648\u0627\u0644 *\/\r\n }\r\n .about-us-section h2 {\r\n font-size: 2em;\r\n }\r\n .about-us-section p {\r\n font-size: 1em;\r\n text-align: right; \/* \u064a\u0645\u0643\u0646 \u0625\u0631\u062c\u0627\u0639\u0647\u0627 \u0644\u0644\u064a\u0645\u064a\u0646 \u0623\u0648 \u062a\u0631\u0643\u0647\u0627 \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u0635\u0641 \u062d\u0633\u0628 \u0627\u0644\u0631\u063a\u0628\u0629 *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"about-us-section\">\r\n <div class=\"about-us-content\">\r\n <h2>\u0645\u0646 \u0646\u062d\u0646<\/h2>\r\n <p>\r\n <strong>\u062c\u0645\u0639\u064a\u0629 \u062a\u0644\u0627\u0648\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/strong> \u062c\u0645\u0639\u064a\u0629 \u0623\u0647\u0644\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645\u060c \u062a\u0633\u0639\u0649 \u0625\u0644\u0649 \u063a\u0631\u0633 \u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u0642\u0631\u0622\u0646\u064a\u0629 \u0641\u064a \u0646\u0641\u0648\u0633 \u0627\u0644\u0646\u0627\u0634\u0626\u0629 \u0648\u0627\u0644\u0643\u0628\u0627\u0631\u060c \u0645\u0646 \u062e\u0644\u0627\u0644 \u0628\u0631\u0627\u0645\u062c \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0646\u0648\u0639\u064a\u0629\u060c \u0648\u0625\u0634\u0631\u0627\u0641 \u062a\u0631\u0628\u0648\u064a \u0645\u0624\u0633\u0633\u064a\u060c \u0648\u0623\u0633\u0627\u0644\u064a\u0628 \u062a\u0642\u0646\u064a\u0629 \u062d\u062f\u064a\u062b\u0629. \u062a\u0644\u062a\u0632\u0645 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0628\u0631\u0624\u064a\u0629 \u0648\u0627\u0636\u062d\u0629 \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u0628\u0646\u0627\u0621 \u0645\u062c\u062a\u0645\u0639 \u0642\u0631\u0622\u0646\u064a \u0645\u062a\u0645\u0643\u0646\u060c \u064a\u0633\u064a\u0631 \u0639\u0644\u0649 \u0647\u062f\u064a \u0627\u0644\u0643\u062a\u0627\u0628 \u0627\u0644\u0643\u0631\u064a\u0645 \u0641\u064a \u062d\u064a\u0627\u062a\u0647 \u0648\u0633\u0644\u0648\u0643\u0647.\r\n<\/p>\r\n\r\n <div class=\"button-group\">\r\n <a href=\"https:\/\/digitaltelawah.org.sa\/?page_id=42\" class=\"btn btn-accent\">\u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 <i class=\"fas fa-info-circle\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"logo-container\">\r\n <img decoding=\"async\" src=\"https:\/\/digitaltelawah.org.sa\/wp-content\/uploads\/2025\/05\/\u0635\u0648\u0631\u06291-removebg-preview-1.png\" alt=\"\u0634\u0639\u0627\u0631 \u062c\u0645\u0639\u064a\u0629 \u062a\u0644\u0627\u0648\u0629\" class=\"logo\">\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-9de61dd e-con-full e-flex e-con e-parent\" data-id=\"9de61dd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-163e192 elementor-widget elementor-widget-html\" data-id=\"163e192\" 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<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u0643\u0644\u0645\u0629 \u0631\u0626\u064a\u0633 \u0645\u062c\u0644\u0633 \u0627\u0644\u0625\u062f\u0627\u0631\u0629<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\" integrity=\"sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9\/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n \r\n <style>\r\n \/* \u062a\u0639\u0631\u064a\u0641 \u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0644\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0648\u0627\u0644\u062a\u0646\u0627\u0633\u0642 *\/\r\n :root {\r\n --color-primary: #ABD58D; \/* \u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u0632\u064a\u062a\u064a \/ \u0627\u0644\u062a\u0631\u0627\u0628\u064a *\/\r\n --color-dark: #111111; \/* \u0627\u0644\u0623\u0633\u0648\u062f \u0627\u0644\u062f\u0627\u0643\u0646 *\/\r\n --color-accent: #01474F; \/* \u0627\u0644\u0623\u0632\u0631\u0642 \u0627\u0644\u0628\u062d\u0631\u064a \/ \u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u062f\u0627\u0643\u0646 *\/\r\n --color-background: #FFFFFF; \/* \u0627\u0644\u0623\u0628\u064a\u0636 \u0627\u0644\u062e\u0627\u0644\u0635 *\/\r\n --color-text-light: #FAFAFA; \/* \u0646\u0635 \u0641\u0627\u062a\u062d \u0644\u0644\u062e\u0644\u0641\u064a\u0627\u062a \u0627\u0644\u062f\u0627\u0643\u0646\u0629 *\/\r\n }\r\n\r\n \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0639\u0627\u0645\u0629 \u0644\u0644\u062c\u0633\u0645 \u0648\u0627\u0644\u062e\u0637\u0648\u0637 *\/\r\n body {\r\n font-family: 'Cairo', sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n background-color: var(--color-background); \/* \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u062c\u0633\u0645 \u0628\u064a\u0636\u0627\u0621 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n color: var(--color-dark);\r\n direction: rtl; \/* \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0646\u0635 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0644\u0644\u064a\u0633\u0627\u0631 *\/\r\n text-align: right; \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0646\u0635 \u0644\u0644\u064a\u0645\u064a\u0646 *\/\r\n line-height: 1.8;\r\n }\r\n\r\n \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0642\u0633\u0645 \"\u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\" *\/\r\n .executive-section {\r\n padding: 80px 20px; \/* \u062a\u0628\u0627\u0639\u062f \u062f\u0627\u062e\u0644\u064a \u0644\u0644\u0642\u0633\u0645 *\/\r\n background-color: var(--color-background); \/* **\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0642\u0633\u0645 \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0623\u0628\u064a\u0636 \u0627\u0644\u062e\u0627\u0644\u0635** *\/\r\n margin-bottom: 50px; \/* \u0645\u0633\u0627\u0641\u0629 \u0623\u0633\u0641\u0644 \u0627\u0644\u0642\u0633\u0645 *\/\r\n overflow: hidden; \/* \u0644\u0645\u0646\u0639 \u0623\u064a \u062a\u062c\u0627\u0648\u0632\u0627\u062a *\/\r\n }\r\n\r\n .executive-container {\r\n max-width: 1200px; \/* \u0623\u0642\u0635\u0649 \u0639\u0631\u0636 \u0644\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 *\/\r\n margin: 0 auto; \/* \u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 *\/\r\n display: flex; \/* \u0627\u0633\u062a\u062e\u062f\u0627\u0645 Flexbox \u0644\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0635\u0648\u0631\u0629 \u0648\u0627\u0644\u0646\u0635 *\/\r\n flex-direction: row; \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u064a\u0645\u064a\u0646\u060c \u0627\u0644\u0646\u0635 \u0639\u0644\u0649 \u0627\u0644\u064a\u0633\u0627\u0631 (\u0645\u0639 dir=\"rtl\") *\/\r\n align-items: center; \/* \u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0639\u0645\u0648\u062f\u064a\u064b\u0627 *\/\r\n gap: 50px; \/* \u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0627\u0644\u0635\u0648\u0631\u0629 \u0648\u0627\u0644\u0646\u0635 *\/\r\n }\r\n\r\n .executive-image {\r\n flex-shrink: 0; \/* \u0645\u0646\u0639 \u0627\u0644\u0635\u0648\u0631\u0629 \u0645\u0646 \u0627\u0644\u062a\u0642\u0644\u0635 *\/\r\n width: 270px; \/* \u0639\u0631\u0636 \u062b\u0627\u0628\u062a \u0644\u0644\u0635\u0648\u0631\u0629 *\/\r\n height: 320px; \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u062b\u0627\u0628\u062a \u0644\u0644\u0635\u0648\u0631\u0629 *\/\r\n border-radius: 15px; \/* **\u062c\u0639\u0644 \u0627\u0644\u0635\u0648\u0631\u0629 \u0645\u0631\u0628\u0639\u0629 \u0645\u0639 \u062d\u0648\u0627\u0641 \u0645\u0633\u062a\u062f\u064a\u0631\u0629 \u0642\u0644\u064a\u0644\u0627\u064b** *\/\r\n overflow: hidden; \/* \u0644\u0625\u062e\u0641\u0627\u0621 \u0623\u064a \u062c\u0632\u0621 \u0632\u0627\u0626\u062f \u0625\u0630\u0627 \u0644\u0632\u0645 \u0627\u0644\u0623\u0645\u0631 *\/\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); \/* \u0638\u0644 \u062c\u0630\u0627\u0628 \u0644\u0644\u0635\u0648\u0631\u0629 *\/\r\n border: 5px solid var(--color-primary); \/* \u0625\u0637\u0627\u0631 \u062d\u0648\u0644 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n }\r\n\r\n .executive-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover; \/* \u0644\u0645\u0644\u0621 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0646\u0633\u0628\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0648\u0627\u0644\u0642\u0635 \u0625\u0630\u0627 \u0644\u0632\u0645 \u0627\u0644\u0623\u0645\u0631 *\/\r\n display: block;\r\n }\r\n\r\n .executive-text {\r\n flex: 1; \/* \u0627\u0644\u0633\u0645\u0627\u062d \u0644\u0644\u0646\u0635 \u0628\u0623\u062e\u0630 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0645\u062a\u0628\u0642\u064a\u0629 *\/\r\n text-align: right; \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0646\u0635 \u0644\u0644\u064a\u0645\u064a\u0646 *\/\r\n }\r\n\r\n .executive-text h2 {\r\n font-size: 2.5em;\r\n color: var(--color-accent);\r\n margin-bottom: 25px;\r\n font-weight: 700;\r\n position: relative;\r\n padding-bottom: 10px;\r\n display: inline-block; \/* \u0644\u062c\u0639\u0644 \u0627\u0644\u062e\u0637 \u0627\u0644\u0632\u062e\u0631\u0641\u064a \u062a\u062d\u062a \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0641\u0642\u0637 *\/\r\n }\r\n\r\n .executive-text h2::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n right: 0; \/* \u0644\u062c\u0639\u0644 \u0627\u0644\u062e\u0637 \u062a\u062d\u062a \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 *\/\r\n width: 80px;\r\n height: 4px;\r\n background-color: var(--color-primary);\r\n border-radius: 2px;\r\n }\r\n\r\n .executive-text p {\r\n font-size: 1.15em;\r\n color: #333;\r\n margin-bottom: 20px;\r\n line-height: 1.8;\r\n text-align: justify; \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0646\u0635 \u0639\u0644\u0649 \u0627\u0644\u062c\u0627\u0646\u0628\u064a\u0646 \u0644\u0644\u0645\u0638\u0647\u0631 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a *\/\r\n }\r\n\r\n .executive-text .signature {\r\n font-size: 1.1em;\r\n font-weight: 600;\r\n color: var(--color-dark);\r\n margin-top: 30px; \/* \u0645\u0633\u0627\u0641\u0629 \u0623\u0639\u0644\u0649 \u0627\u0644\u062a\u0648\u0642\u064a\u0639 *\/\r\n text-align: right; \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u062a\u0648\u0642\u064a\u0639 \u0644\u0644\u064a\u0645\u064a\u0646 *\/\r\n font-style: italic; \/* \u0644\u062c\u0639\u0644 \u0627\u0644\u062a\u0648\u0642\u064a\u0639 \u0645\u0627\u0626\u0644 \u0642\u0644\u064a\u0644\u0627\u064b *\/\r\n }\r\n\r\n \/* Media Queries \u0644\u0644\u062a\u062c\u0627\u0648\u0628\u064a\u0629 (Responsive Design) *\/\r\n @media (max-width: 992px) { \/* \u0644\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0644\u0648\u062d\u064a\u0629 *\/\r\n .executive-container {\r\n flex-direction: column; \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0641\u0648\u0642 \u0627\u0644\u0646\u0635 *\/\r\n text-align: center;\r\n gap: 40px;\r\n }\r\n .executive-image {\r\n width: 250px; \/* \u062a\u0635\u063a\u064a\u0631 \u062d\u062c\u0645 \u0627\u0644\u0635\u0648\u0631\u0629 \u0642\u0644\u064a\u0644\u0627\u064b *\/\r\n height: 250px;\r\n }\r\n .executive-text {\r\n text-align: center; \/* \u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0646\u0635 \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0623\u0635\u063a\u0631 *\/\r\n }\r\n .executive-text h2,\r\n .executive-text h2::after {\r\n right: 50%;\r\n transform: translateX(50%);\r\n }\r\n .executive-text p {\r\n text-align: right; \/* \u064a\u0645\u0643\u0646 \u0625\u0631\u062c\u0627\u0639 \u0627\u0644\u0646\u0635 \u0644\u0644\u064a\u0645\u064a\u0646 \u0623\u0648 \u062a\u0631\u0643\u0647 \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u0635\u0641 *\/\r\n }\r\n .executive-text .signature {\r\n text-align: center; \/* \u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u062a\u0648\u0642\u064a\u0639 *\/\r\n }\r\n }\r\n\r\n @media (max-width: 767px) { \/* \u0644\u0644\u062c\u0648\u0627\u0644\u0627\u062a *\/\r\n .executive-section {\r\n padding: 40px 15px;\r\n }\r\n .executive-image {\r\n width: 200px; \/* \u062a\u0635\u063a\u064a\u0631 \u062d\u062c\u0645 \u0627\u0644\u0635\u0648\u0631\u0629 \u0623\u0643\u062b\u0631 *\/\r\n height: 200px;\r\n }\r\n .executive-text h2 {\r\n font-size: 2em;\r\n }\r\n .executive-text p {\r\n font-size: 1em;\r\n margin-bottom: 15px;\r\n }\r\n .executive-text .signature {\r\n font-size: 1em;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"executive-section\" dir=\"rtl\">\r\n <div class=\"executive-container\">\r\n <div class=\"executive-image\">\r\n <img decoding=\"async\" src=\"https:\/\/digitaltelawah.org.sa\/wp-content\/uploads\/2025\/05\/\u0635\u0648\u0631\u0629-\u0631\u0626\u064a\u0633-\u0627\u0644\u062c\u0645\u0639\u064a\u0629.png\" alt=\"\u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\">\r\n <\/div>\r\n <div class=\"executive-text\">\r\n <h2>\u0643\u0644\u0645\u0629 \u0631\u0626\u064a\u0633 \u0645\u062c\u0644\u0633 \u0627\u0644\u0627\u062f\u0627\u0631\u0629<\/h2>\r\n <p>\r\n \u0641\u064a \u062c\u0645\u0639\u064a\u062a\u0646\u0627\u060c \u0646\u0624\u0645\u0646 \u0623\u0646 \u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645 \u0644\u064a\u0633 \u0645\u062c\u0631\u062f \u0648\u0627\u062c\u0628 \u0645\u0642\u062f\u0633\u060c \u0628\u0644 \u0647\u0648 \u0631\u062d\u0644\u0629 \u0644\u062a\u0631\u0628\u064a\u0629 \u0627\u0644\u0642\u0644\u0648\u0628 \u0648\u0628\u0646\u0627\u0621 \u0623\u062c\u064a\u0627\u0644 \u0642\u0648\u064a\u0629 \u0648\u0631\u0627\u0633\u062e\u0629 \u0641\u064a \u0627\u0644\u0625\u064a\u0645\u0627\u0646. \u0631\u0624\u064a\u062a\u0646\u0627 \u0647\u064a \u0623\u0646 \u0646\u062a\u0631\u0643 \u0623\u062b\u0631\u064b\u0627 \u062f\u0627\u0626\u0645\u064b\u0627 \u064a\u062a\u062c\u0627\u0648\u0632 \u062d\u062f\u0648\u062f \u0627\u0644\u0641\u0635\u0648\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u0648\u064a\u0645\u0633\u0651 \u062d\u064a\u0627\u0629 \u0627\u0644\u0646\u0627\u0633\u060c \u0644\u0646\u0633\u0627\u0647\u0645 \u0641\u064a \u0628\u0646\u0627\u0621 \u0645\u062c\u062a\u0645\u0639 \u0648\u0627\u0639\u064d \u0648\u0647\u0627\u062f\u0641 \u064a\u0642\u062a\u062f\u064a \u0628\u0643\u062a\u0627\u0628 \u0627\u0644\u0644\u0647 \u0641\u064a \u0643\u0644 \u062c\u0648\u0627\u0646\u0628 \u062d\u064a\u0627\u062a\u0647.\r\n <\/p>\r\n <p>\r\n \u0646\u062a\u0637\u0644\u0639 \u0625\u0644\u0649 \u062a\u0639\u0632\u064a\u0632 \u0634\u0631\u0627\u0643\u0627\u062a\u0646\u0627 \u0648\u062a\u0648\u0633\u064a\u0639 \u0628\u0631\u0627\u0645\u062c\u0646\u0627 \u0644\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0639\u062f\u062f \u0623\u0643\u0628\u0631 \u0645\u0646 \u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0646\u060c \u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0623\u062d\u062f\u062b \u0627\u0644\u0623\u0633\u0627\u0644\u064a\u0628 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641\u0646\u0627 \u0627\u0644\u0646\u0628\u064a\u0644\u0629 \u0641\u064a \u062e\u062f\u0645\u0629 \u0643\u062a\u0627\u0628 \u0627\u0644\u0644\u0647.\r\n <\/p>\r\n <p class=\"signature\">\u0631\u0626\u064a\u0633 \u0645\u062c\u0644\u0633 \u0627\u0644\u0627\u062f\u0627\u0631\u0629: \u0627\u0644\u0645\u0647\u0646\u062f\u0633\/ \u0645\u0635\u0637\u0641\u0649 \u0627\u0644\u0648\u0627\u0641\u064a <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-15e58fb e-flex e-con-boxed e-con e-parent\" data-id=\"15e58fb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c29560 elementor-widget elementor-widget-html\" data-id=\"7c29560\" 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<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u0623\u0628\u0631\u0632 \u0628\u0631\u0627\u0645\u062c \u0648\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062c\u0645\u0639\u064a\u0629<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\" integrity=\"sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9\/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n \r\n <style>\r\n \/* \u062a\u0639\u0631\u064a\u0641 \u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0644\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0648\u0627\u0644\u062a\u0646\u0627\u0633\u0642 *\/\r\n :root {\r\n --color-primary: #ABD58D; \/* \u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u0632\u064a\u062a\u064a \/ \u0627\u0644\u062a\u0631\u0627\u0628\u064a *\/\r\n --color-dark: #111111; \/* \u0627\u0644\u0623\u0633\u0648\u062f \u0627\u0644\u062f\u0627\u0643\u0646 *\/\r\n --color-accent: #01474F; \/* \u0627\u0644\u0623\u0632\u0631\u0642 \u0627\u0644\u0628\u062d\u0631\u064a \/ \u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u062f\u0627\u0643\u0646 *\/\r\n --color-background: #FAFAFA; \/* \u0627\u0644\u0623\u0628\u064a\u0636 \u0627\u0644\u0645\u0627\u0626\u0644 \u0644\u0644\u0631\u0645\u0627\u062f\u064a \u0627\u0644\u0641\u0627\u062a\u062d \u062c\u062f\u064b\u0627 *\/\r\n --color-text-light: #FAFAFA; \/* \u0646\u0635 \u0641\u0627\u062a\u062d \u0644\u0644\u062e\u0644\u0641\u064a\u0627\u062a \u0627\u0644\u062f\u0627\u0643\u0646\u0629 *\/\r\n }\r\n\r\n \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0639\u0627\u0645\u0629 \u0644\u0644\u062c\u0633\u0645 \u0648\u0627\u0644\u062e\u0637\u0648\u0637 *\/\r\n body {\r\n font-family: 'Cairo', sans-serif; \/* \u0627\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u062e\u0637 \u0627\u0644\u0630\u064a \u062a\u0645 \u0627\u062e\u062a\u064a\u0627\u0631\u0647 *\/\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n background-color: var(--color-background);\r\n color: var(--color-dark);\r\n direction: rtl; \/* \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0646\u0635 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0644\u0644\u064a\u0633\u0627\u0631 *\/\r\n text-align: right; \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0646\u0635 \u0644\u0644\u064a\u0645\u064a\u0646 *\/\r\n line-height: 1.6;\r\n }\r\n\r\n \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0639\u0627\u0645\u0629 *\/\r\n section {\r\n padding: 60px 20px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .section-header h2 {\r\n font-size: 2.5em;\r\n color: var(--color-dark);\r\n margin-bottom: 10px;\r\n }\r\n\r\n .section-header p {\r\n font-size: 1.1em;\r\n color: #555;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n h1, h2, h3 {\r\n color: var(--color-dark);\r\n }\r\n\r\n \/* \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0639\u0627\u0645\u0629 *\/\r\n .btn {\r\n display: inline-block;\r\n padding: 15px 30px;\r\n text-decoration: none;\r\n border-radius: 5px;\r\n font-weight: bold;\r\n transition: background-color 0.3s ease, color 0.3s ease;\r\n white-space: nowrap; \/* \u064a\u0645\u0646\u0639 \u0627\u0644\u062a\u0641\u0627\u0641 \u0627\u0644\u0646\u0635 *\/\r\n font-size: 1.1em;\r\n }\r\n\r\n .btn-primary {\r\n background-color: var(--color-primary);\r\n color: var(--color-dark);\r\n }\r\n .btn-primary:hover {\r\n background-color: #92b97c; \/* \u0623\u063a\u0645\u0642 \u0642\u0644\u064a\u0644\u0627\u064b \u0645\u0646 primary *\/\r\n }\r\n\r\n .btn-accent {\r\n background-color: var(--color-accent);\r\n color: var(--color-text-light);\r\n }\r\n .btn-accent:hover {\r\n background-color: #003a3d; \/* \u0623\u063a\u0645\u0642 \u0642\u0644\u064a\u0644\u0627\u064b \u0645\u0646 accent *\/\r\n }\r\n\r\n \/* \u0623\u0628\u0631\u0632 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 (Featured Programs Section) *\/\r\n .featured-programs-section {\r\n background-color: #FAFAFA;\r\n \/* \u0644\u0636\u0645\u0627\u0646 \u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u062f\u0627\u062e\u0644 \u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645 \u0639\u0646\u062f \u0639\u0631\u0636\u0647 \u0643\u0648\u062d\u062f\u0629 \u0645\u0633\u062a\u0642\u0644\u0629 *\/\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: calc(100vh - 60px); \/* \u0644\u0645\u0644\u0621 \u0627\u0644\u0634\u0627\u0634\u0629 \u062a\u0642\u0631\u064a\u0628\u064b\u0627 \u0639\u0646\u062f \u0639\u0631\u0636\u0647 \u0648\u062d\u062f\u0647 *\/\r\n }\r\n\r\n .projects-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 30px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .project-card {\r\n background-color: #fff;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .project-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .project-card .icon-placeholder {\r\n width: 100%;\r\n height: 180px; \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0623\u064a\u0642\u0648\u0646\u0629 *\/\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background-color: #FFFFFF; \/* \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0628\u064a\u0636\u0627\u0621 *\/\r\n font-size: 7em; \/* \u062d\u062c\u0645 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 *\/\r\n border-top-left-radius: 10px;\r\n border-top-right-radius: 10px;\r\n }\r\n \/* \u062a\u062d\u062f\u064a\u062f \u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0641\u0626\u0629 *\/\r\n .project-card[data-category=\"\u0645\u0646\u0635\u0629\"] .icon-placeholder { color: var(--color-accent); }\r\n .project-card[data-category=\"\u062f\u0648\u0631\u0627\u062a\"] .icon-placeholder { color: var(--color-primary); }\r\n .project-card[data-category=\"\u0645\u062c\u0627\u0644\u0633\"] .icon-placeholder { color: var(--color-accent); }\r\n .project-card[data-category=\"\u0628\u0631\u0627\u0645\u062c\"] .icon-placeholder { color: var(--color-primary); }\r\n\r\n .project-card-content {\r\n padding: 20px;\r\n }\r\n\r\n .project-card h3 {\r\n color: var(--color-dark);\r\n margin-top: 0;\r\n font-size: 1.4em;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .project-card p {\r\n color: #444;\r\n font-size: 0.9em;\r\n line-height: 1.6;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .project-card .details-info {\r\n font-size: 0.85em;\r\n color: #555;\r\n border-top: 1px solid #eee;\r\n padding-top: 10px;\r\n margin-top: 15px;\r\n }\r\n .project-card .details-info strong {\r\n color: var(--color-dark);\r\n }\r\n .project-card .details-info span {\r\n display: block;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .project-card .status-indicator {\r\n font-size: 0.9em;\r\n font-weight: bold;\r\n padding: 5px 10px;\r\n border-radius: 5px;\r\n display: inline-block;\r\n margin-top: 10px;\r\n }\r\n .status-indicator.active { background-color: #e0f2f1; color: var(--color-accent); }\r\n .status-indicator.completed { background-color: #dcedc8; color: #388e3c; } \/* \u0644\u0648\u0646 \u0623\u063a\u0645\u0642 \u0642\u0644\u064a\u0644\u0627\u064b \u0644\u0644\u0646\u0635 *\/\r\n .status-indicator.upcoming { background-color: #fffde7; color: orange; }\r\n\r\n \/* Media Queries \u0644\u0644\u062a\u062c\u0627\u0648\u0628\u064a\u0629 (Responsive Design) *\/\r\n @media (max-width: 767px) {\r\n .section-header h2 {\r\n font-size: 2em;\r\n }\r\n .section-header p {\r\n font-size: 1em;\r\n }\r\n .projects-grid {\r\n grid-template-columns: 1fr; \/* \u0639\u0645\u0648\u062f \u0648\u0627\u062d\u062f \u0644\u0644\u0634\u0628\u0643\u0629 \u0641\u064a \u0627\u0644\u062c\u0648\u0627\u0644 *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"featured-programs-section\">\r\n <div class=\"section-header\">\r\n <h2>\u0623\u0628\u0631\u0632 \u0628\u0631\u0627\u0645\u062c\u0646\u0627 \u0648\u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627<\/h2>\r\n <p>\u0645\u0628\u0627\u062f\u0631\u0627\u062a \u0631\u0627\u0626\u062f\u0629 \u0644\u062a\u0639\u0644\u064a\u0645 \u0648\u062a\u062f\u0628\u0631 \u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645<\/p>\r\n <\/div>\r\n <div class=\"projects-grid\">\r\n <div class=\"project-card\" data-category=\"\u0645\u0646\u0635\u0629\">\r\n <div class=\"icon-placeholder\">\r\n <i class=\"fas fa-globe\"><\/i> <\/div>\r\n <div class=\"project-card-content\">\r\n <h3> \u062a\u0644\u0627\u0648\u0629<\/h3>\r\n <p>\u0645\u0646\u0635\u0629 \u0634\u0627\u0645\u0644\u0629 \u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645 \u0639\u0646 \u0628\u064f\u0639\u062f\u060c \u062a\u0648\u0641\u0631 \u062f\u0631\u0648\u0633\u064b\u0627 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0648\u0645\u0639\u0644\u0645\u064a\u0646 \u0645\u0624\u0647\u0644\u064a\u0646...<\/p>\r\n <div class=\"details-info\">\r\n <span><strong>\u0648\u0642\u062a \u0627\u0644\u062a\u0646\u0641\u064a\u0630:<\/strong> \u0644\u0645\u062f\u0629 \u0639\u0627\u0645 <\/span>\r\n <span><strong>\u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f\u0648\u0646:<\/strong> 47+<\/span>\r\n <\/div>\r\n <div class=\"status-indicator completed\">\u0642\u0627\u0626\u0645<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"project-card\" data-category=\"\u062f\u0648\u0631\u0627\u062a\">\r\n <div class=\"icon-placeholder\">\r\n <i class=\"fas fa-chalkboard-teacher\"><\/i> <\/div>\r\n <div class=\"project-card-content\">\r\n <h3>\u062f\u0648\u0631\u0627\u062a \u0625\u0639\u062f\u0627\u062f \u0645\u0639\u0644\u0645\u064a \u0627\u0644\u0642\u0631\u0622\u0646<\/h3>\r\n <p>\u062f\u0648\u0631\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u0645\u0639\u0644\u0645\u064a\u0646 \u0648\u0627\u0644\u0645\u0639\u0644\u0645\u0627\u062a \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0646\u0627\u0647\u062c \u0627\u0644\u062a\u0631\u0628\u0648\u064a\u0629 \u0648\u0627\u0644\u0639\u0644\u0645\u064a\u0629...<\/p>\r\n <div class=\"details-info\">\r\n <span><strong>\u0648\u0642\u062a \u0627\u0644\u062a\u0646\u0641\u064a\u0630:<\/strong> 3 \u0623\u0634\u0647\u0631<\/span>\r\n <span><strong>\u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f\u0648\u0646:<\/strong> 120+<\/span>\r\n <\/div>\r\n <div class=\"status-indicator active\">\u0644\u0645 \u064a\u0628\u062f\u0623<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"project-card\" data-category=\"\u0645\u062c\u0627\u0644\u0633\">\r\n <div class=\"icon-placeholder\">\r\n <i class=\"fas fa-book-open\"><\/i> <\/div>\r\n <div class=\"project-card-content\">\r\n <h3>\u0627\u0644\u0645\u0633\u0627\u0628\u0642\u0629 \u0627\u0644\u0642\u0631\u0622\u0646\u064a\u0629<\/h3>\r\n <p>\u0645\u0633\u0627\u0628\u0642\u0629 \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u062d\u0641\u064a\u0632 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u062d\u0641\u0638 \u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645 \u0648\u062a\u0644\u0627\u0648\u062a\u0647\u060c \u0645\u0646 \u062e\u0644\u0627\u0644 \u0644\u0642\u0627\u0621\u0627\u062a \u062a\u0646\u0627\u0641\u0633\u064a\u0629 \u062f\u0648\u0631\u064a\u0629 \u062a\u0639\u0632\u0632 \u0631\u0648\u062d \u0627\u0644\u0625\u062a\u0642\u0627\u0646 \u0648\u0627\u0644\u062a\u0645\u064a\u0632 \u0628\u064a\u0646 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u064a\u0646 <\/p>\r\n <div class=\"details-info\">\r\n <span><strong>\u0648\u0642\u062a \u0627\u0644\u062a\u0646\u0641\u064a\u0630:<\/strong> \u0645\u0633\u062a\u0645\u0631\u0629<\/span>\r\n <span><strong>\u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f\u0648\u0646:<\/strong> 800+ \u0634\u0647\u0631\u064a\u064b\u0627<\/span>\r\n <\/div>\r\n <div class=\"status-indicator active\">\u0644\u0645 \u064a\u0628\u062f\u0623<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <div style=\"text-align: center; margin-top: 50px;\">\r\n <a href=\"https:\/\/digitaltelawah.org.sa\/?page_id=50\" class=\"btn btn-primary\">\u0639\u0631\u0636 \u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u0631\u0627\u0645\u062c <i class=\"fas fa-arrow-left\"><\/i><\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-b879515 e-flex e-con-boxed e-con e-parent\" data-id=\"b879515\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56dd1c3 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"56dd1c3\" 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<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0648\u0623\u062b\u0631 \u0627\u0644\u062c\u0645\u0639\u064a\u0629<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\" integrity=\"sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9\/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n \r\n <style>\r\n \/* \u062a\u0639\u0631\u064a\u0641 \u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0644\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0648\u0627\u0644\u062a\u0646\u0627\u0633\u0642 *\/\r\n :root {\r\n --color-primary: #ABD58D; \/* \u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u0632\u064a\u062a\u064a \/ \u0627\u0644\u062a\u0631\u0627\u0628\u064a *\/\r\n --color-dark: #111111; \/* \u0627\u0644\u0623\u0633\u0648\u062f \u0627\u0644\u062f\u0627\u0643\u0646 *\/\r\n --color-accent: #01474F; \/* \u0627\u0644\u0623\u0632\u0631\u0642 \u0627\u0644\u0628\u062d\u0631\u064a \/ \u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u062f\u0627\u0643\u0646 *\/\r\n --color-background: #FAFAFA; \/* \u0627\u0644\u0623\u0628\u064a\u0636 \u0627\u0644\u0645\u0627\u0626\u0644 \u0644\u0644\u0631\u0645\u0627\u062f\u064a \u0627\u0644\u0641\u0627\u062a\u062d \u062c\u062f\u064b\u0627 *\/\r\n --color-text-light: #FAFAFA; \/* \u0646\u0635 \u0641\u0627\u062a\u062d \u0644\u0644\u062e\u0644\u0641\u064a\u0627\u062a \u0627\u0644\u062f\u0627\u0643\u0646\u0629 *\/\r\n }\r\n\r\n \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0639\u0627\u0645\u0629 \u0644\u0644\u062c\u0633\u0645 \u0648\u0627\u0644\u062e\u0637\u0648\u0637 *\/\r\n body {\r\n font-family: 'Cairo', sans-serif; \/* \u0627\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u062e\u0637 \u0627\u0644\u0630\u064a \u062a\u0645 \u0627\u062e\u062a\u064a\u0627\u0631\u0647 *\/\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n background-color: var(--color-background);\r\n color: var(--color-dark);\r\n direction: rtl; \/* \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0646\u0635 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0644\u0644\u064a\u0633\u0627\u0631 *\/\r\n text-align: right; \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0646\u0635 \u0644\u0644\u064a\u0645\u064a\u0646 *\/\r\n line-height: 1.6;\r\n }\r\n\r\n \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0639\u0627\u0645\u0629 *\/\r\n section {\r\n padding: 60px 20px; \/* \u062a\u0628\u0627\u0639\u062f \u0642\u064a\u0627\u0633\u064a \u0644\u0644\u0623\u0642\u0633\u0627\u0645 *\/\r\n margin-bottom: 30px;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .section-header h2 {\r\n font-size: 2.5em;\r\n color: var(--color-dark);\r\n margin-bottom: 10px;\r\n }\r\n\r\n .section-header p {\r\n font-size: 1.1em;\r\n color: #555;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* \u0642\u0633\u0645 \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0648\u0627\u0644\u0623\u062b\u0631 (Impact & Statistics) *\/\r\n .impact-section {\r\n background-color: var(--color-accent); \/* \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0644\u0648\u0646 \u0645\u0645\u064a\u0632 \u0644\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n color: var(--color-text-light);\r\n text-align: center;\r\n }\r\n\r\n .impact-section .section-header h2,\r\n .impact-section .section-header p {\r\n color: var(--color-text-light); \/* \u0644\u062c\u0639\u0644 \u0627\u0644\u0646\u0635 \u0641\u0627\u062a\u062d\u064b\u0627 \u0639\u0644\u0649 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u062f\u0627\u0643\u0646\u0629 *\/\r\n }\r\n\r\n .stats-grid {\r\n display: flex;\r\n justify-content: space-around;\r\n flex-wrap: wrap;\r\n gap: 30px;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n }\r\n\r\n .stat-item {\r\n flex-basis: 220px; \/* \u0639\u0631\u0636 \u062a\u0642\u0631\u064a\u0628\u064a \u0644\u0644\u0639\u0646\u0635\u0631 *\/\r\n text-align: center;\r\n background-color: rgba(255, 255, 255, 0.1); \/* \u062e\u0644\u0641\u064a\u0629 \u0628\u064a\u0636\u0627\u0621 \u0634\u0641\u0627\u0641\u0629 \u0642\u0644\u064a\u0644\u0627\u064b *\/\r\n padding: 25px;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\r\n transition: transform 0.3s ease; \/* \u062a\u0623\u062b\u064a\u0631 \u0628\u0633\u064a\u0637 \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631 *\/\r\n }\r\n .stat-item:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .stat-item .number {\r\n font-size: 3.2em;\r\n font-weight: bold;\r\n color: var(--color-primary); \/* \u0644\u0648\u0646 \u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u0627\u0644\u0645\u0645\u064a\u0632 *\/\r\n margin-bottom: 10px;\r\n }\r\n\r\n .stat-item .description {\r\n font-size: 1.1em;\r\n color: var(--color-text-light);\r\n }\r\n\r\n \/* Media Queries \u0644\u0644\u062a\u062c\u0627\u0648\u0628\u064a\u0629 (Responsive Design) *\/\r\n @media (max-width: 767px) {\r\n .section-header h2 {\r\n font-size: 2em;\r\n }\r\n .section-header p {\r\n font-size: 1em;\r\n }\r\n .stats-grid {\r\n flex-direction: column; \/* \u0639\u0645\u0648\u062f \u0648\u0627\u062d\u062f \u0641\u064a \u0627\u0644\u062c\u0648\u0627\u0644 *\/\r\n align-items: center;\r\n }\r\n .stat-item {\r\n flex-basis: 100%; \/* \u062a\u0623\u062e\u0630 \u0639\u0631\u0636 \u0643\u0627\u0645\u0644 *\/\r\n width: 90%; \/* \u0644\u062a\u062c\u0646\u0628 \u0627\u0644\u0627\u0644\u062a\u0635\u0627\u0642 \u0628\u0627\u0644\u062d\u0648\u0627\u0641 *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"impact-section\">\r\n <div class=\"section-header\">\r\n <h2>\u0623\u0631\u0642\u0627\u0645 \u062a\u062a\u062d\u062f\u062b \u0639\u0646 \u0623\u062b\u0631\u0646\u0627<\/h2>\r\n <p>\u0631\u062d\u0644\u0629 \u0645\u0643\u0644\u0644\u0629 \u0628\u0627\u0644\u0646\u062c\u0627\u062d \u0648\u0627\u0644\u0639\u0637\u0627\u0621 \u0641\u064a \u062e\u062f\u0645\u0629 \u0643\u062a\u0627\u0628 \u0627\u0644\u0644\u0647<\/p>\r\n <\/div>\r\n <div class=\"stats-grid\">\r\n <div class=\"stat-item\">\r\n <div class=\"number\" data-initial-target=\"40\" data-final-target=\"50\">4<\/div> \r\n <div class=\"description\">\u0645\u0639\u0644\u0645 \u0648\u0645\u0639\u0644\u0645\u0629<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"number\" data-initial-target=\"100\" data-final-target=\"120\">0<\/div>\r\n <div class=\"description\">\u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"number\" data-initial-target=\"37\" data-final-target=\"47\">0<\/div>\r\n <div class=\"description\">\u0639\u062f\u062f \u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0646<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"number\" data-initial-target=\"5\" data-final-target=\"9\">0<\/div>\r\n <div class=\"description\">\u0645\u062a\u0637\u0648\u0639 \u0646\u0634\u0637<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const statsSection = document.querySelector('.impact-section');\r\n const statNumbers = document.querySelectorAll('.stat-item .number');\r\n let initialAnimationDone = false; \/\/ \u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u0639\u062f\u0627\u062f \u0627\u0644\u0623\u0648\u0644\u064a \u0642\u062f \u0627\u0646\u062a\u0647\u0649\r\n let finalAnimationStarted = false; \/\/ \u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u0639\u062f\u0627\u062f \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0642\u062f \u0628\u062f\u0623\r\n\r\n \/\/ \u062f\u0627\u0644\u0629 \u0627\u0644\u0639\u062f \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629\r\n function animateNumber(element, start, end, duration, addPlus = false) {\r\n let startTime = null;\r\n const step = (currentTime) => {\r\n if (!startTime) startTime = currentTime;\r\n const progress = Math.min((currentTime - startTime) \/ duration, 1);\r\n const value = Math.floor(start + progress * (end - start));\r\n element.textContent = value.toLocaleString('ar-EG') + (addPlus ? '+' : ''); \r\n if (progress < 1) {\r\n requestAnimationFrame(step);\r\n } else {\r\n \/\/ \u0639\u0646\u062f \u0627\u0646\u062a\u0647\u0627\u0621 \u0627\u0644\u0639\u062f\u060c \u062a\u0623\u0643\u062f \u0645\u0646 \u0639\u0631\u0636 \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0645\u0639 \u0639\u0644\u0627\u0645\u0629 + \u0625\u0630\u0627 \u0644\u0632\u0645 \u0627\u0644\u0623\u0645\u0631\r\n element.textContent = end.toLocaleString('ar-EG') + (addPlus ? '+' : '');\r\n }\r\n };\r\n requestAnimationFrame(step);\r\n }\r\n\r\n \/\/ \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0639\u062f \u0627\u0644\u0623\u0648\u0644\u064a \u0645\u0646 \u0635\u0641\u0631 \u0625\u0644\u0649 \u0627\u0644\u0631\u0642\u0645 \u0627\u0644\u0645\u0628\u062f\u0626\u064a \u0639\u0646\u062f \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\r\n statNumbers.forEach(item => {\r\n const initialTarget = parseInt(item.getAttribute('data-initial-target'));\r\n \/\/ \u0627\u0628\u062f\u0623 \u0627\u0644\u0639\u062f \u0645\u0646 \u0635\u0641\u0631\r\n animateNumber(item, 0, initialTarget, 1000, true); \/\/ 1 \u062b\u0627\u0646\u064a\u0629 \u0644\u0644\u0639\u062f\u0627\u062f \u0627\u0644\u0623\u0648\u0644\u064a\r\n });\r\n initialAnimationDone = true; \/\/ \u062a\u0623\u0643\u064a\u062f \u0627\u0646\u062a\u0647\u0627\u0621 \u0627\u0644\u0639\u062f\u0627\u062f \u0627\u0644\u0623\u0648\u0644\u064a (\u0646\u0638\u0631\u064a\u064b\u0627)\r\n\r\n \/\/ \u0645\u0631\u0627\u0642\u0628 Intersection Observer \u0644\u0628\u062f\u0621 \u0627\u0644\u0639\u062f \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0639\u0646\u062f \u0638\u0647\u0648\u0631 \u0627\u0644\u0642\u0633\u0645\r\n const observer = new IntersectionObserver((entries, observer) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting && !finalAnimationStarted) {\r\n statNumbers.forEach(item => {\r\n const initialTarget = parseInt(item.getAttribute('data-initial-target'));\r\n const finalTarget = parseInt(item.getAttribute('data-final-target'));\r\n \/\/ \u0627\u0628\u062f\u0623 \u0627\u0644\u0639\u062f \u0645\u0646 \u0627\u0644\u0631\u0642\u0645 \u0627\u0644\u0645\u0628\u062f\u0626\u064a \u0625\u0644\u0649 \u0627\u0644\u0631\u0642\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\r\n animateNumber(item, initialTarget, finalTarget, 1500, true); \/\/ 1.5 \u062b\u0627\u0646\u064a\u0629 \u0644\u0644\u0639\u062f\u0627\u062f \u0627\u0644\u0646\u0647\u0627\u0626\u064a\r\n });\r\n finalAnimationStarted = true; \/\/ \u0644\u0645\u0646\u0639 \u062a\u0643\u0631\u0627\u0631 \u0627\u0644\u0623\u0646\u064a\u0645\u0627\u0634\u0646 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\r\n observer.unobserve(entry.target); \/\/ \u0625\u064a\u0642\u0627\u0641 \u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0628\u0639\u062f \u0627\u0644\u0639\u062f\r\n }\r\n });\r\n }, { threshold: 0.5 }); \/\/ \u064a\u0628\u062f\u0623 \u0627\u0644\u0623\u0646\u064a\u0645\u0627\u0634\u0646 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0639\u0646\u062f\u0645\u0627 \u064a\u0643\u0648\u0646 50% \u0645\u0646 \u0627\u0644\u0642\u0633\u0645 \u0645\u0631\u0626\u064a\u064b\u0627\r\n\r\n observer.observe(statsSection);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-2dcbc4a e-flex e-con-boxed e-con e-parent\" data-id=\"2dcbc4a\" 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-7e9707c elementor-widget elementor-widget-html\" data-id=\"7e9707c\" 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<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a - \u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u062c\u0645\u0639\u064a\u0629<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\" integrity=\"sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9\/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n \r\n <style>\r\n \/* \u062a\u0639\u0631\u064a\u0641 \u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0644\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0648\u0627\u0644\u062a\u0646\u0627\u0633\u0642 *\/\r\n :root {\r\n --color-primary: #ABD58D; \/* \u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u0632\u064a\u062a\u064a \/ \u0627\u0644\u062a\u0631\u0627\u0628\u064a *\/\r\n --color-dark: #111111; \/* \u0627\u0644\u0623\u0633\u0648\u062f \u0627\u0644\u062f\u0627\u0643\u0646 *\/\r\n --color-accent: #01474F; \/* \u0627\u0644\u0623\u0632\u0631\u0642 \u0627\u0644\u0628\u062d\u0631\u064a \/ \u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u062f\u0627\u0643\u0646 *\/\r\n --color-background: #FFFFFF; \/* \u062a\u0645 \u0627\u0644\u062a\u063a\u064a\u064a\u0631 \u0625\u0644\u0649 \u0627\u0644\u0623\u0628\u064a\u0636 \u0627\u0644\u062e\u0627\u0644\u0635 *\/\r\n --color-text-light: #FAFAFA; \/* \u0646\u0635 \u0641\u0627\u062a\u062d \u0644\u0644\u062e\u0644\u0641\u064a\u0627\u062a \u0627\u0644\u062f\u0627\u0643\u0646\u0629 *\/\r\n }\r\n\r\n \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0639\u0627\u0645\u0629 \u0644\u0644\u062c\u0633\u0645 \u0648\u0627\u0644\u062e\u0637\u0648\u0637 *\/\r\n body {\r\n font-family: 'Cairo', sans-serif; \/* \u0627\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u062e\u0637 \u0627\u0644\u0630\u064a \u062a\u0645 \u0627\u062e\u062a\u064a\u0627\u0631\u0647 *\/\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n background-color: var(--color-background);\r\n color: var(--color-dark);\r\n direction: rtl; \/* \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0646\u0635 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0644\u0644\u064a\u0633\u0627\u0631 *\/\r\n text-align: right; \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0646\u0635 \u0644\u0644\u064a\u0645\u064a\u0646 *\/\r\n line-height: 1.6;\r\n }\r\n\r\n \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0639\u0627\u0645\u0629 *\/\r\n section {\r\n padding: 60px 20px; \/* \u062a\u0628\u0627\u0639\u062f \u0642\u064a\u0627\u0633\u064a \u0644\u0644\u0623\u0642\u0633\u0627\u0645 *\/\r\n margin-bottom: 30px;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .section-header h2 {\r\n font-size: 2.5em;\r\n \/* \u062a\u063a\u064a\u064a\u0631 \u0644\u0648\u0646 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0625\u0644\u0649 \u0627\u0644\u0623\u0632\u0631\u0642 \u0627\u0644\u062f\u0627\u0643\u0646 *\/\r\n color: var(--color-accent); \/* #01474F *\/\r\n margin-bottom: 10px;\r\n \/* \u0632\u064a\u0627\u062f\u0629 \u0633\u0645\u0627\u0643\u0629 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a *\/\r\n font-weight: 700; \/* \u0623\u0648 bold *\/\r\n }\r\n\r\n .section-header p {\r\n font-size: 1.1em;\r\n color: #555;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n \/* \u0632\u064a\u0627\u062f\u0629 \u0633\u0645\u0627\u0643\u0629 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0641\u0631\u0639\u064a *\/\r\n font-weight: 500; \/* \u0642\u064a\u0645\u0629 \u0628\u064a\u0646 \u0627\u0644\u0639\u0627\u062f\u064a \u0648\u0627\u0644\u0633\u0645\u064a\u0643 *\/\r\n }\r\n\r\n \/* \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0639\u0627\u0645\u0629 *\/\r\n .btn {\r\n display: inline-block;\r\n padding: 15px 30px;\r\n text-decoration: none;\r\n border-radius: 5px;\r\n font-weight: bold;\r\n transition: background-color 0.3s ease, color 0.3s ease;\r\n white-space: nowrap; \/* \u064a\u0645\u0646\u0639 \u0627\u0644\u062a\u0641\u0627\u0641 \u0627\u0644\u0646\u0635 *\/\r\n font-size: 1.1em;\r\n }\r\n\r\n .btn-accent {\r\n background-color: var(--color-accent);\r\n \/* \u062c\u0639\u0644 \u0644\u0648\u0646 \u0627\u0644\u062e\u0637 \u0623\u0628\u064a\u0636 \u0628\u0634\u0643\u0644 \u0642\u0627\u0637\u0639 *\/\r\n color: #FFFFFF !important; \/* \u0627\u0633\u062a\u062e\u062f\u0627\u0645 !important \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062a\u0637\u0628\u064a\u0642 *\/\r\n }\r\n .btn-accent:hover {\r\n background-color: #003a3d; \/* \u0623\u063a\u0645\u0642 \u0642\u0644\u064a\u0644\u0627\u064b \u0645\u0646 accent *\/\r\n \/* \u0644\u0648\u0646 \u0627\u0644\u062e\u0637 \u0639\u0646\u062f \u0627\u0644\u0647\u0648\u0641\u0631 \u064a\u0628\u0642\u0649 \u0623\u0628\u064a\u0636 *\/\r\n color: #FFFFFF !important;\r\n }\r\n\r\n \/* \u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a (Media Center Section) *\/\r\n .media-center-section {\r\n \/* \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0642\u0633\u0645 \u062a\u0639\u062a\u0645\u062f \u0627\u0644\u0622\u0646 \u0639\u0644\u0649 \u0645\u062a\u063a\u064a\u0631 --color-background \u0627\u0644\u062c\u062f\u064a\u062f *\/\r\n background-color: var(--color-background);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .news-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 30px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .news-card {\r\n background-color: #fff; \/* \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u062a\u0628\u0642\u0649 \u0628\u064a\u0636\u0627\u0621 \u0644\u062a\u0645\u064a\u064a\u0632\u0647\u0627 *\/\r\n border-radius: 10px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n transition: transform 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .news-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .news-card img {\r\n width: 100%;\r\n height: 250px;\r\n object-fit: ;\r\n display: block;\r\n border-radius:5px; \r\n }\r\n\r\n .news-card-content {\r\n padding: 20px;\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .news-card h3 {\r\n color: var(--color-dark);\r\n margin-top: 0;\r\n font-size: 1.4em;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .news-card p {\r\n color: #444;\r\n font-size: 0.9em;\r\n line-height: 1.6;\r\n margin-bottom: 15px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 3;\r\n -webkit-box-orient: vertical;\r\n flex-grow: 1;\r\n }\r\n\r\n .news-card .news-date {\r\n font-size: 0.85em;\r\n color: #888;\r\n border-top: 1px solid #eee;\r\n padding-top: 10px;\r\n margin-top: auto;\r\n display: flex;\r\n align-items: center;\r\n }\r\n .news-card .news-date i {\r\n margin-left: 8px;\r\n color: var(--color-primary);\r\n }\r\n\r\n \/* Media Queries \u0644\u0644\u062a\u062c\u0627\u0648\u0628\u064a\u0629 (Responsive Design) *\/\r\n @media (max-width: 767px) {\r\n .section-header h2 {\r\n font-size: 2em;\r\n }\r\n .section-header p {\r\n font-size: 1em;\r\n }\r\n .news-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"media-center-section\">\r\n <div class=\"section-header\">\r\n <h2>\u0622\u062e\u0631 \u0623\u062e\u0628\u0627\u0631\u0646\u0627 \u0648\u0641\u0639\u0627\u0644\u064a\u0627\u062a\u0646\u0627<\/h2>\r\n <p>\u0627\u0628\u0642\u064e \u0639\u0644\u0649 \u0627\u0637\u0644\u0627\u0639 \u062f\u0627\u0626\u0645 \u0628\u0645\u0633\u062a\u062c\u062f\u0627\u062a \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0648\u0623\u062d\u062f\u062b \u0627\u0644\u0625\u0646\u062c\u0627\u0632\u0627\u062a<\/p>\r\n <\/div>\r\n <div class=\"news-grid\">\r\n <div class=\"news-card\">\r\n <img decoding=\"async\" src=\"https:\/\/digitaltelawah.org.sa\/wp-content\/uploads\/2025\/05\/WhatsApp-Image-2025-05-29-at-12.03.22-AM.jpeg\" alt=\"\u0635\u0648\u0631\u0629 \u0646\u062f\u0648\u0629 \u062d\u0648\u0644 \u0623\u0647\u0645\u064a\u0629 \u062a\u062f\u0628\u0631 \u0627\u0644\u0642\u0631\u0622\u0646\">\r\n <div class=\"news-card-content\">\r\n <h3>\u0641\u062a\u062d \u0628\u0627\u0628 \u0627\u0644\u0642\u0628\u0648\u0644 \u0648\u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0641\u064a \u062d\u0644\u0642\u0627\u062a \u062c\u0645\u0639\u064a\u0629 \u062a\u0644\u0627\u0648\u0629<\/h3>\r\n <p>\u062a\u0639\u0644\u0646 \u062c\u0645\u0639\u064a\u0629 \u062a\u0644\u0627\u0648\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0639\u0646 \u0641\u062a\u062d \u0628\u0627\u0628 \u0627\u0644\u0642\u0628\u0648\u0644 \u0648\u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0644\u0644\u0637\u0644\u0627\u0628 \u0648\u0627\u0644\u0637\u0627\u0644\u0628\u0627\u062a \u0627\u0644\u0631\u0627\u063a\u0628\u0627\u062a \u0641\u064a \u0627\u0644\u0627\u0644\u062a\u062d\u0627\u0642 \u0628\u062d\u0644\u0642\u0627\u062a \u0627\u0644\u0642\u0631\u0627\u0646 \u0627\u0644\u0643\u0631\u064a\u0645 (\u0639\u0646 \u0628\u0639\u062f).<\/p>\r\n <div class=\"news-date\"><i class=\"far fa-calendar-alt\"><\/i> 15 \u0645\u0627\u064a\u0648 2024<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"news-card\">\r\n <img decoding=\"async\" src=\"https:\/\/digitaltelawah.org.sa\/wp-content\/uploads\/2025\/10\/Gemini_Generated_Image_xyf9kaxyf9kaxyf9-1.png\" alt=\"\u0635\u0648\u0631\u0629 \u0625\u0637\u0644\u0627\u0642 \u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0642\u0631\u0627\u0621 \u0627\u0644\u0635\u063a\u0627\u0631\">\r\n <div class=\"news-card-content\">\r\n <h3>\u0628\u0631\u0646\u0627\u0645\u062c \u062a\u0644\u0627\u0648\u0629 \u0627\u0644\u0642\u0631\u0622\u0646\u064a<\/h3>\r\n <p>\u0623\u0637\u0644\u0642\u062a \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0628\u0631\u0646\u0627\u0645\u062c \"\u062a\u0644\u0627\u0648\u0629 \u0627\u0644\u0642\u0631\u0622\u0646\u064a\" \u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0644\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645 \u0648\u062a\u062d\u0633\u064a\u0646 \u0623\u062f\u0627\u0621 \u0627\u0644\u062a\u0644\u0627\u0648\u0629\u060c \u0645\u0646 \u062e\u0644\u0627\u0644 \u062f\u0631\u0648\u0633 \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0645\u0646\u0647\u062c\u064a\u0629 \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u064a\u0646 \u0645\u0646 \u0625\u062a\u0642\u0627\u0646 \u0623\u062d\u0643\u0627\u0645 \u0627\u0644\u062a\u0644\u0627\u0648\u0629 \u0648\u0627\u0644\u062a\u062c\u0648\u064a\u062f\r\n<\/p>\r\n <div class=\"news-date\"><i class=\"far fa-calendar-alt\"><\/i> 10 \u0645\u0627\u064a\u0648 2024<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"news-card\">\r\n <img decoding=\"async\" src=\"https:\/\/digitaltelawah.org.sa\/wp-content\/uploads\/2025\/10\/Gemini_Generated_Image_uq3fo6uq3fo6uq3f.png\" alt=\"\u0635\u0648\u0631\u0629 \u0648\u0631\u0634\u0629 \u0639\u0645\u0644 \u0625\u0639\u062f\u0627\u062f \u0645\u0639\u0644\u0645\u064a \u0627\u0644\u0642\u0631\u0622\u0646\">\r\n <div class=\"news-card-content\">\r\n <h3>\u0628\u0631\u0646\u0627\u0645\u062c \u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u0645\u0639\u0644\u0645\u064a\u0646<\/h3>\r\n <p>\u0645\u0646 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u0642\u0627\u062f\u0645\u0629 \u0628\u0645\u0634\u064a\u0626\u0629 \u0627\u0644\u0644\u0647 \u0628\u0631\u0646\u0627\u0645\u062c\u064b\u0627 \u0645\u062a\u062e\u0635\u0635\u064b\u0627 \u0644\u062a\u0623\u0647\u064a\u0644 \u0648\u0625\u0639\u062f\u0627\u062f \u0645\u0639\u0644\u0645\u064a \u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645\u060c \u064a\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u0637\u0648\u064a\u0631 \u0645\u0647\u0627\u0631\u0627\u062a\u0647\u0645 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0648\u0627\u0644\u062a\u0631\u0628\u0648\u064a\u0629 \u0648\u062a\u0645\u0643\u064a\u0646\u0647\u0645 \u0645\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u0633\u0627\u0644\u064a\u0628 \u062d\u062f\u064a\u062b\u0629 \u0641\u064a \u062a\u0639\u0644\u064a\u0645 \u0643\u062a\u0627\u0628 \u0627\u0644\u0644\u0647\u060c \u0645\u0645\u0627 \u064a\u0633\u0647\u0645 \u0641\u064a \u0631\u0641\u0639 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0642\u0631\u0622\u0646\u064a <\/p>\r\n <div class=\"news-date\"><i class=\"far fa-calendar-alt\"><\/i> \u0642\u0631\u064a\u0628\u0627<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div style=\"text-align: center; margin-top: 50px;\">\r\n <a href=\"https:\/\/digitaltelawah.org.sa\/?page_id=58\" class=\"btn btn-accent\">\u062a\u0635\u0641\u062d \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u062e\u0628\u0627\u0631 <i class=\"fas fa-arrow-left\"><\/i><\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-db6eca6 e-flex e-con-boxed e-con e-parent\" data-id=\"db6eca6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8d9ff8 elementor-widget elementor-widget-html\" data-id=\"c8d9ff8\" 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<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u0633\u0627\u0647\u0645 \u0645\u0639\u0646\u0627 - \u062c\u0645\u0639\u064a\u0629 \u062a\u0644\u0627\u0648\u0629<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\" integrity=\"sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9\/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n \r\n <style>\r\n \/* \u062a\u0639\u0631\u064a\u0641 \u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0644\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0648\u0627\u0644\u062a\u0646\u0627\u0633\u0642 *\/\r\n :root {\r\n --color-primary: #ABD58D; \/* \u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u0632\u064a\u062a\u064a \/ \u0627\u0644\u062a\u0631\u0627\u0628\u064a *\/\r\n --color-dark: #111111; \/* \u0627\u0644\u0623\u0633\u0648\u062f \u0627\u0644\u062f\u0627\u0643\u0646 *\/\r\n --color-accent: #01474F; \/* \u0627\u0644\u0623\u0632\u0631\u0642 \u0627\u0644\u0628\u062d\u0631\u064a \/ \u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u062f\u0627\u0643\u0646 *\/\r\n --color-background: #FFFFFF; \/* \u0627\u0644\u0623\u0628\u064a\u0636 \u0627\u0644\u062e\u0627\u0644\u0635 *\/\r\n --color-donate-bg: #EAF7E2; \/* \u0644\u0648\u0646 \u062e\u0644\u0641\u064a\u0629 \u0641\u0627\u062a\u062d \u0648\u0645\u0645\u064a\u0632 \u0644\u0642\u0633\u0645 \u0627\u0644\u062a\u0628\u0631\u0639 (\u0623\u062e\u0636\u0631 \u0641\u0627\u062a\u062d) *\/\r\n --color-donate-text: #01474F; \/* \u0644\u0648\u0646 \u0646\u0635 \u062f\u0627\u0643\u0646 \u0644\u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0641\u0627\u062a\u062d\u0629 *\/\r\n }\r\n\r\n \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0639\u0627\u0645\u0629 \u0644\u0644\u062c\u0633\u0645 \u0648\u0627\u0644\u062e\u0637\u0648\u0637 *\/\r\n body {\r\n font-family: 'Cairo', sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n background-color: var(--color-background);\r\n color: var(--color-dark);\r\n direction: rtl; \/* \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0646\u0635 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0644\u0644\u064a\u0633\u0627\u0631 *\/\r\n text-align: right; \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0646\u0635 \u0644\u0644\u064a\u0645\u064a\u0646 *\/\r\n line-height: 1.8;\r\n }\r\n\r\n \/* \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0639\u0627\u0645\u0629 *\/\r\n .btn {\r\n display: inline-block;\r\n padding: 15px 35px;\r\n text-decoration: none;\r\n border-radius: 8px;\r\n font-weight: bold;\r\n transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;\r\n white-space: nowrap;\r\n font-size: 1.2em;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .btn-donate {\r\n background-color: var(--color-accent);\r\n color: #FFFFFF !important;\r\n border: 2px solid var(--color-accent);\r\n }\r\n .btn-donate:hover {\r\n background-color: #003a3d;\r\n color: #FFFFFF !important;\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0642\u0633\u0645 \"\u0633\u0627\u0647\u0645 \u0648\u0644\u0648 \u0628\u0627\u0644\u0642\u0644\u064a\u0644\" *\/\r\n .donate-section {\r\n padding: 80px 20px; \/* \u0627\u0644\u0645\u0633\u0627\u0641\u0627\u062a \u0627\u0644\u0623\u0635\u0644\u064a\u0629 *\/\r\n background-color: var(--color-donate-bg); \/* \u0644\u0648\u0646 \u062e\u0644\u0641\u064a\u0629 \u0645\u0645\u064a\u0632 *\/\r\n color: var(--color-donate-text); \/* \u0644\u0648\u0646 \u0646\u0635 \u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n text-align: center; \/* \u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0645\u0628\u062f\u0626\u064a\u064b\u0627 *\/\r\n margin: 50px auto; \/* \u0645\u0633\u0627\u0641\u0629 \u0639\u0644\u0648\u064a\u0629 \u0648\u0633\u0641\u0644\u064a\u0629 \u0648\u062a\u0648\u0633\u064a\u0637 \u0623\u0641\u0642\u064a *\/\r\n max-width: 1400px; \/* \u064a\u0645\u0643\u0646 \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0623\u0642\u0635\u0649 \u0625\u0630\u0627 \u0631\u063a\u0628\u062a \u0641\u064a \u0642\u0633\u0645 \u0623\u0648\u0633\u0639 *\/\r\n }\r\n\r\n .donate-container {\r\n max-width: 1200px; \/* \u0623\u0642\u0635\u0649 \u0639\u0631\u0636 \u0644\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 *\/\r\n margin: 0 auto; \/* \u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 *\/\r\n display: flex; \/* \u0627\u0633\u062a\u062e\u062f\u0627\u0645 Flexbox \u0644\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0635\u0648\u0631\u0629 \u0648\u0627\u0644\u0646\u0635 *\/\r\n flex-direction: row-reverse; \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u064a\u0633\u0627\u0631 (\u0645\u0639 dir=\"rtl\") *\/\r\n align-items: center; \/* \u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0639\u0645\u0648\u062f\u064a\u064b\u0627 *\/\r\n gap: 50px; \/* \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0627\u0644\u0623\u0635\u0644\u064a\u0629 \u0628\u064a\u0646 \u0627\u0644\u0635\u0648\u0631\u0629 \u0648\u0627\u0644\u0646\u0635 *\/\r\n }\r\n\r\n .donate-image-wrapper {\r\n flex-shrink: 0; \/* \u0645\u0646\u0639 \u0627\u0644\u0635\u0648\u0631\u0629 \u0645\u0646 \u0627\u0644\u062a\u0642\u0644\u0635 *\/\r\n width: 400px; \/* \u0639\u0631\u0636 \u062b\u0627\u0628\u062a \u0644\u0644\u0635\u0648\u0631\u0629 *\/\r\n height: 300px; \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u062b\u0627\u0628\u062a \u0644\u0644\u0635\u0648\u0631\u0629 *\/\r\n border-radius: 10px; \/* \u062d\u0648\u0627\u0641 \u0645\u0633\u062a\u062f\u064a\u0631\u0629 \u0642\u0644\u064a\u0644\u0627\u064b \u0644\u0644\u0635\u0648\u0631\u0629 *\/\r\n overflow: hidden; \/* \u0644\u0625\u062e\u0641\u0627\u0621 \u0623\u064a \u062c\u0632\u0621 \u0632\u0627\u0626\u062f *\/\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); \/* \u0638\u0644 \u0623\u0639\u0645\u0642 \u0644\u0644\u0635\u0648\u0631\u0629 *\/\r\n }\r\n\r\n .donate-image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover; \/* \u0644\u0645\u0644\u0621 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0646\u0633\u0628\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0648\u0627\u0644\u0642\u0635 \u0625\u0630\u0627 \u0644\u0632\u0645 \u0627\u0644\u0623\u0645\u0631 *\/\r\n display: block;\r\n }\r\n\r\n .donate-content {\r\n flex: 1; \/* \u0627\u0644\u0633\u0645\u0627\u062d \u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0646\u0635 \u0628\u0623\u062e\u0630 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0645\u062a\u0628\u0642\u064a\u0629 *\/\r\n text-align: right; \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0646\u0635 \u0644\u0644\u064a\u0645\u064a\u0646 *\/\r\n }\r\n\r\n .donate-content h2 {\r\n font-size: 2.8em; \/* \u062d\u062c\u0645 \u062e\u0637 \u0643\u0628\u064a\u0631 \u0644\u0644\u0639\u0646\u0648\u0627\u0646 *\/\r\n color: var(--color-donate-text); \/* \u0644\u0648\u0646 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\r\n margin-bottom: 25px; \/* \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0627\u0644\u0623\u0635\u0644\u064a\u0629 *\/\r\n font-weight: 700;\r\n line-height: 1.3;\r\n }\r\n\r\n .donate-content p {\r\n font-size: 1.3em; \/* \u062d\u062c\u0645 \u062e\u0637 \u0623\u0643\u0628\u0631 \u0644\u0644\u0648\u0635\u0641 *\/\r\n color: var(--color-donate-text);\r\n margin-bottom: 35px; \/* \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0627\u0644\u0623\u0635\u0644\u064a\u0629 \u0642\u0628\u0644 \u0627\u0644\u0632\u0631 *\/\r\n line-height: 1.7;\r\n }\r\n\r\n \/* Media Queries \u0644\u0644\u062a\u062c\u0627\u0648\u0628\u064a\u0629 (Responsive Design) *\/\r\n @media (max-width: 992px) { \/* \u0644\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0644\u0648\u062d\u064a\u0629 *\/\r\n .donate-container {\r\n flex-direction: column; \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0641\u0648\u0642 \u0627\u0644\u0646\u0635 *\/\r\n gap: 40px; \/* \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0627\u0644\u0623\u0635\u0644\u064a\u0629 \u0641\u064a \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0639\u0645\u0648\u062f\u064a *\/\r\n }\r\n .donate-image-wrapper {\r\n width: 100%; \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u062a\u0623\u062e\u0630 \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n height: 250px; \/* \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 *\/\r\n max-width: 400px; \/* \u0623\u0642\u0635\u0649 \u0639\u0631\u0636 \u0644\u0644\u0635\u0648\u0631\u0629 *\/\r\n margin-bottom: 30px; \/* \u0645\u0633\u0627\u0641\u0629 \u0623\u0633\u0641\u0644 \u0627\u0644\u0635\u0648\u0631\u0629 \u0639\u0646\u062f \u0627\u0644\u062a\u062c\u0627\u0648\u0628\u064a\u0629 *\/\r\n }\r\n .donate-content {\r\n text-align: center; \/* \u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0646\u0635 \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0623\u0635\u063a\u0631 *\/\r\n }\r\n .donate-content h2 {\r\n font-size: 2.2em;\r\n }\r\n .donate-content p {\r\n font-size: 1.1em;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) { \/* \u0644\u0644\u062c\u0648\u0627\u0644\u0627\u062a *\/\r\n .donate-section {\r\n padding: 50px 15px; \/* \u0627\u0644\u0645\u0633\u0627\u0641\u0627\u062a \u0627\u0644\u0623\u0635\u0644\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u062c\u0648\u0627\u0644 *\/\r\n margin: 30px auto; \/* \u0645\u0633\u0627\u0641\u0629 \u0639\u0644\u0648\u064a\u0629 \u0648\u0633\u0641\u0644\u064a\u0629 \u0648\u062a\u0648\u0633\u064a\u0637 \u0639\u0644\u0649 \u0627\u0644\u062c\u0648\u0627\u0644 *\/\r\n }\r\n .donate-image-wrapper {\r\n height: 200px; \/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u0635\u0648\u0631\u0629 \u0623\u0643\u062b\u0631 *\/\r\n }\r\n .donate-content h2 {\r\n font-size: 1.8em;\r\n margin-bottom: 15px;\r\n }\r\n .donate-content p {\r\n font-size: 0.95em;\r\n margin-bottom: 25px;\r\n }\r\n .btn-donate {\r\n padding: 12px 25px;\r\n font-size: 1em;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"donate-section\" dir=\"rtl\">\r\n <div class=\"donate-container\">\r\n <div class=\"donate-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/digitaltelawah.org.sa\/wp-content\/uploads\/2025\/05\/10-Powerful-Dave-Ramsey-Tips-He-Wishes-Everyone-Knew-Sooner.jpg\" alt=\"\u062a\u0628\u0631\u0639 \u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0642\u0631\u0622\u0646\">\r\n <\/div>\r\n <div class=\"donate-content\">\r\n <h2>\u0633\u0627\u0647\u0645 \u0648\u0644\u0648 \u0628\u0627\u0644\u0642\u0644\u064a\u0644\u060c \u0641\u0627\u0644\u0623\u062b\u0631 \u0639\u0638\u064a\u0645<\/h2>\r\n <p>\r\n \u062a\u062e\u064a\u0644 \u0627\u0644\u0623\u062c\u0631 \u0641\u064a \u0643\u0644 \u062d\u0631\u0641\u064d \u064a\u064f\u062a\u0644\u0649\u060c \u0648\u0643\u0644 \u0622\u064a\u0629 \u062a\u064f\u062d\u0641\u0638\u060c \u0648\u0643\u0644 \u0642\u0644\u0628\u064d \u064a\u062a\u062f\u0628\u0631 \u0643\u0644\u0627\u0645 \u0627\u0644\u0644\u0647. \u062a\u0628\u0631\u0639\u0643 \u0627\u0644\u064a\u0648\u0645 \u0647\u0648 \u063a\u0631\u0633 \u0644\u0627 \u064a\u0646\u0642\u0637\u0639 \u062b\u0645\u0631\u0647 \u0641\u064a \u0627\u0644\u062f\u0646\u064a\u0627 \u0648\u0627\u0644\u0622\u062e\u0631\u0629\u060c \u0648\u0646\u0648\u0631 \u064a\u0636\u064a\u0621 \u062f\u0631\u0648\u0628 \u0623\u062c\u064a\u0627\u0644 \u0642\u0627\u062f\u0645\u0629.\r\n <\/p>\r\n <a href=\"https:\/\/digitaltelawah.org.sa\/?page_id=48\" class=\"btn btn-donate\">\u062a\u0628\u0631\u0639 \u0627\u0644\u0622\u0646 <i class=\"fas fa-heart\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-280a6a9d e-flex e-con-boxed e-con e-parent\" data-id=\"280a6a9d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50182fc elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"50182fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u0634\u0631\u0643\u0627\u0624\u0646\u0627 \u0641\u064a \u0627\u0644\u062e\u064a\u0631<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0bf07df elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"0bf07df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h5>\u0645\u0639\u064b\u0627 \u0646\u0635\u0646\u0639 \u0627\u0644\u0623\u062b\u0631 \u0648\u0646\u0628\u0646\u064a \u062c\u064a\u0644\u0627\u064b \u0642\u0631\u0622\u0646\u064a\u064b\u0627<\/h5>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a4e347a elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"3a4e347a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"slides_to_show":"5","slides_to_show_tablet":"4","pause_on_hover":"no","pause_on_interaction":"no","image_spacing_custom":{"unit":"px","size":72,"sizes":[]},"slides_to_scroll_tablet":"1","navigation":"both","autoplay":"yes","autoplay_speed":5000,"infinite":"yes","speed":500,"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/digitaltelawah.org.sa\/wp-content\/uploads\/2025\/05\/WhatsApp_Image_2024-10-22_at_10.45.42_AM-removebg-preview.png\" alt=\"WhatsApp_Image_2024-10-22_at_10.45.42_AM-removebg-preview\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/digitaltelawah.org.sa\/wp-content\/uploads\/2025\/05\/WhatsApp_Image_2024-10-22_at_10.45.42_AM__2_-removebg-preview-2.png\" alt=\"WhatsApp_Image_2024-10-22_at_10.45.42_AM__2_-removebg-preview-2\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/digitaltelawah.org.sa\/wp-content\/uploads\/2025\/05\/\u0627\u0644\u0634\u0624\u0648\u0646.png\" alt=\"\u0627\u0644\u0634\u0624\u0648\u0646\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/digitaltelawah.org.sa\/wp-content\/uploads\/2025\/05\/\u062f\u0639\u0645-\u062c-scaled.png\" alt=\"\u062f\u0639\u0645 \u062c\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/digitaltelawah.org.sa\/wp-content\/uploads\/2025\/05\/WhatsApp_Image_2024-10-22_at_10.45.41_AM__1_-removebg-preview-2.png\" alt=\"WhatsApp_Image_2024-10-22_at_10.45.41_AM__1_-removebg-preview-2\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/digitaltelawah.org.sa\/wp-content\/uploads\/2025\/05\/WhatsApp_Image_2024-10-22_at_10.45.41_AM-removebg-preview.png\" alt=\"WhatsApp_Image_2024-10-22_at_10.45.41_AM-removebg-preview\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\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<div class=\"elementor-element elementor-element-581e06a e-flex e-con-boxed e-con e-parent\" data-id=\"581e06a\" 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-c7536e2 elementor-button-success elementor-align-right elementor-widget elementor-widget-button\" data-id=\"c7536e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"sticky":"bottom","sticky_on":["desktop","tablet","mobile"],"sticky_offset":0,"sticky_effects_offset":0,"sticky_anchor_link_offset":0}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/digitaltelawah.org.sa\/?page_id=48\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-heart\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u062a\u0628\u0631\u0639 \u0627\u0644\u0627\u0646<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0633\u0627\u0647\u0645 \u0641\u064a \u062a\u0639\u0644\u064a\u0645 \u0643\u062a\u0627\u0628 \u0627\u0644\u0644\u0647\u062a\u0628\u0631\u0639\u0643 \u064a\u0635\u0646\u0639 \u0623\u062b\u0631\u064b\u0627 \u0641\u064a \u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0642\u0631\u0622\u0646 \u0648\u062a\u062f\u0628\u0631\u0647 \u062a\u0628\u0631\u0639 \u0627\u0644\u0627\u0646\u0627\u0647\u0644\u0627 \u0628\u0643 \u0641\u064a \u062c\u0645\u0639\u064a\u0629 \u062a\u0644\u0627\u0648\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629\u062c\u0645\u0639\u064a\u0629 \u062a\u0644\u0627\u0648\u0629 \u0647\u064a \u062c\u0645\u0639\u064a\u0629 \u062e\u064a\u0631\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u062a\u0639\u0644\u064a\u0645 \u0648\u062a\u062f\u0628\u0631 \u0627\u0644\u0642\u0631\u0622\u0646 \u0627\u0644\u0643\u0631\u064a\u0645\u060c \u062a\u0633\u0639\u0649 \u0625\u0644\u0649 \u063a\u0631\u0633 \u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u0642\u0631\u0622\u0646\u064a\u0629 \u0641\u064a \u0646\u0641\u0648\u0633 \u0627\u0644\u0646\u0627\u0634\u0626\u0629 \u0648\u0627\u0644\u0643\u0628\u0627\u0631\u060c \u0645\u0646 \u062e\u0644\u0627\u0644 \u0628\u0631\u0627\u0645\u062c \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0646\u0648\u0639\u064a\u0629\u060c \u0648\u0625\u0634\u0631\u0627\u0641 \u062a\u0631\u0628\u0648\u064a \u0645\u0624\u0633\u0633\u064a\u060c \u0648\u0623\u0633\u0627\u0644\u064a\u0628 \u062a\u0642\u0646\u064a\u0629 \u062d\u062f\u064a\u062b\u0629. \u062a\u0644\u062a\u0632\u0645 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0628\u0631\u0624\u064a\u0629 \u0648\u0627\u0636\u062d\u0629 \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u0628\u0646\u0627\u0621 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"give_campaign_id":0,"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"campaignId":"","_links":{"self":[{"href":"https:\/\/digitaltelawah.org.sa\/index.php?rest_route=\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitaltelawah.org.sa\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitaltelawah.org.sa\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitaltelawah.org.sa\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitaltelawah.org.sa\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=36"}],"version-history":[{"count":269,"href":"https:\/\/digitaltelawah.org.sa\/index.php?rest_route=\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":966,"href":"https:\/\/digitaltelawah.org.sa\/index.php?rest_route=\/wp\/v2\/pages\/36\/revisions\/966"}],"wp:attachment":[{"href":"https:\/\/digitaltelawah.org.sa\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}