\u0627\u0644\u062d\u0648\u0643\u0645\u0629 - \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 --color-light-grey: #f7f7f7; \/* \u0631\u0645\u0627\u062f\u064a \u0641\u0627\u062a\u062d \u0644\u0644\u062e\u0644\u0641\u064a\u0627\u062a \u0627\u0644\u062b\u0627\u0646\u0648\u064a\u0629 *\/\r\n --color-border: #ddd; \/* \u0644\u0648\u0646 \u0644\u0644\u062d\u062f\u0648\u062f *\/\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 \/* \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 \/* \u0642\u0633\u0645 \u0627\u0644\u062d\u0648\u0643\u0645\u0629 *\/\r\n .governance-section {\r\n padding: 80px 20px;\r\n background-color: var(--color-background);\r\n margin: 0 auto;\r\n max-width: 1200px;\r\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); \/* \u0638\u0644 \u062e\u0641\u064a\u0641 \u0644\u0644\u0642\u0633\u0645 \u0643\u0644\u0647 *\/\r\n border-radius: 8px;\r\n margin-top: 40px;\r\n margin-bottom: 40px;\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: 3em;\r\n color: var(--color-accent);\r\n margin-bottom: 15px;\r\n font-weight: 700;\r\n }\r\n\r\n .section-header p {\r\n font-size: 1.2em;\r\n color: #555;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n font-weight: 500;\r\n }\r\n\r\n \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0632\u0631 Dropdown *\/\r\n .dropdown-container {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .dropdown-select {\r\n width: 100%;\r\n max-width: 600px; \/* \u0644\u062a\u062d\u062f\u064a\u062f \u0639\u0631\u0636 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0645\u0646\u0633\u062f\u0644\u0629 *\/\r\n padding: 15px 20px;\r\n border: 2px solid var(--color-primary);\r\n border-radius: 8px;\r\n background-color: #fff;\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 1.1em;\r\n color: var(--color-dark);\r\n cursor: pointer;\r\n -webkit-appearance: none; \/* \u0625\u0632\u0627\u0644\u0629 \u0645\u0638\u0647\u0631 \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a *\/\r\n -moz-appearance: none;\r\n appearance: none;\r\n background-image: url('data:image\/svg+xml;charset=UTF-8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\" fill=\"%2301474F\"><path fill-rule=\"evenodd\" d=\"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z\" clip-rule=\"evenodd\" \/><\/svg>'); \/* \u0623\u064a\u0642\u0648\u0646\u0629 \u0633\u0647\u0645 \u0645\u062e\u0635\u0635\u0629 *\/\r\n background-repeat: no-repeat;\r\n background-position: left 15px center; \/* \u0648\u0636\u0639 \u0627\u0644\u0633\u0647\u0645 \u0639\u0644\u0649 \u0627\u0644\u064a\u0633\u0627\u0631 *\/\r\n padding-left: 50px; \/* \u0645\u0633\u0627\u0641\u0629 \u0644\u0644\u064a\u0633\u0627\u0631 \u0644\u062a\u062c\u0646\u0628 \u062a\u062f\u0627\u062e\u0644 \u0627\u0644\u0646\u0635 \u0645\u0639 \u0627\u0644\u0633\u0647\u0645 *\/\r\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\r\n outline: none; \/* \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u0623\u0632\u0631\u0642 \u0639\u0646\u062f \u0627\u0644\u062a\u0631\u0643\u064a\u0632 *\/\r\n transition: border-color 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n\r\n .dropdown-select:focus {\r\n border-color: var(--color-accent);\r\n box-shadow: 0 0 0 3px rgba(1, 71, 79, 0.2); \/* \u0638\u0644 \u0639\u0646\u062f \u0627\u0644\u062a\u0631\u0643\u064a\u0632 *\/\r\n }\r\n\r\n \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0645\u0646\u0637\u0642\u0629 \u0639\u0631\u0636 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 *\/\r\n .content-area {\r\n background-color: var(--color-light-grey);\r\n padding: 30px;\r\n border-radius: 8px;\r\n border: 1px solid var(--color-border);\r\n min-height: 300px; \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u0623\u062f\u0646\u0649 \u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 *\/\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px; \/* \u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0627\u0644\u0645\u0644\u0641\u0627\u062a *\/\r\n }\r\n\r\n .content-area h3 {\r\n color: var(--color-accent);\r\n font-size: 1.8em;\r\n margin-bottom: 20px;\r\n border-bottom: 2px solid var(--color-primary);\r\n padding-bottom: 10px;\r\n text-align: right;\r\n }\r\n\r\n .file-item {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background-color: #fff;\r\n padding: 15px 20px;\r\n border-radius: 8px;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\r\n transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n }\r\n\r\n .file-item:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\r\n }\r\n\r\n .file-info {\r\n display: flex;\r\n align-items: center;\r\n flex-grow: 1;\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 .file-info i {\r\n font-size: 1.5em;\r\n color: var(--color-primary);\r\n margin-left: 15px; \/* \u0645\u0633\u0627\u0641\u0629 \u0639\u0644\u0649 \u064a\u0633\u0627\u0631 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 *\/\r\n }\r\n\r\n .file-info span {\r\n font-size: 1.1em;\r\n color: var(--color-dark);\r\n font-weight: 600;\r\n }\r\n\r\n .file-actions a {\r\n color: var(--color-accent);\r\n text-decoration: none;\r\n font-weight: 600;\r\n padding: 8px 15px;\r\n border: 1px solid var(--color-accent);\r\n border-radius: 5px;\r\n transition: background-color 0.3s ease, color 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .file-actions a:hover {\r\n background-color: var(--color-accent);\r\n color: #fff;\r\n }\r\n\r\n .no-files-message {\r\n text-align: center;\r\n color: #777;\r\n font-size: 1.1em;\r\n padding: 50px;\r\n }\r\n\r\n \/* Media Queries \u0644\u0644\u062a\u062c\u0627\u0648\u0628\u064a\u0629 *\/\r\n @media (max-width: 767px) {\r\n .governance-section {\r\n padding: 40px 15px;\r\n margin-top: 20px;\r\n margin-bottom: 20px;\r\n }\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 .dropdown-select {\r\n font-size: 1em;\r\n padding: 12px 15px;\r\n padding-left: 45px;\r\n background-position: left 10px center;\r\n }\r\n .content-area {\r\n padding: 20px;\r\n }\r\n .content-area h3 {\r\n font-size: 1.5em;\r\n }\r\n .file-item {\r\n flex-direction: column;\r\n align-items: flex-end; \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0644\u0644\u064a\u0645\u064a\u0646 \u0641\u064a \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0639\u0645\u0648\u062f\u064a *\/\r\n gap: 10px;\r\n padding: 15px;\r\n }\r\n .file-info {\r\n width: 100%;\r\n justify-content: flex-end; \/* \u062f\u0641\u0639 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0648\u0627\u0644\u0646\u0635 \u0644\u0644\u064a\u0645\u064a\u0646 *\/\r\n }\r\n .file-actions {\r\n width: 100%;\r\n text-align: center;\r\n }\r\n .file-actions a {\r\n width: 100%;\r\n justify-content: center; \/* \u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0632\u0631 \u062f\u0627\u062e\u0644 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"governance-section\">\r\n <div class=\"section-header\">\r\n <h2>\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629<\/h2>\r\n <p>\r\n \u062a\u0644\u062a\u0632\u0645 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u0645\u0633\u0627\u0621\u0644\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0639\u0645\u0627\u0644\u0647\u0627. \u064a\u0645\u0643\u0646\u0643 \u062a\u0635\u0641\u062d \u0648\u062b\u0627\u0626\u0642\u0646\u0627 \u0648\u0633\u064a\u0627\u0633\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u062a\u0627\u0644\u064a\u0629.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"dropdown-container\">\r\n <select id=\"governanceDropdown\" class=\"dropdown-select\">\r\n <option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0642\u0633\u0645 \u0644\u0639\u0631\u0636 \u0627\u0644\u0645\u0644\u0641\u0627\u062a<\/option>\r\n <option value=\"basic-bylaw\">\u0627\u0644\u0644\u0627\u0626\u062d\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/option>\r\n <option value=\"data-privacy\">\u0633\u064a\u0627\u0633\u0629 \u062e\u0635\u0648\u0635\u064a\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/option>\r\n <option value=\"beneficiary-relations\">\u0633\u064a\u0627\u0633\u0629 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0645\u0639 \u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0646<\/option>\r\n <option value=\"volunteer-management\">\u0633\u064a\u0627\u0633\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062a\u0637\u0648\u0639\u064a\u0646<\/option>\r\n <option value=\"conflict-of-interest\">\u0633\u064a\u0627\u0633\u0629 \u062a\u0639\u0627\u0631\u0636 \u0627\u0644\u0645\u0635\u0627\u0644\u062d<\/option>\r\n <option value=\"reporting-violations\">\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u0625\u0628\u0644\u0627\u063a \u0639\u0646 \u0627\u0644\u0645\u062e\u0627\u0644\u0641\u0627\u062a \u0648\u062d\u0645\u0627\u064a\u0629 \u0645\u0642\u062f\u0645\u064a \u0627\u0644\u0628\u0644\u0627\u063a\u0627\u062a<\/option>\r\n <option value=\"fundraising\">\u0633\u064a\u0627\u0633\u0629 \u062c\u0645\u0639 \u0627\u0644\u062a\u0628\u0631\u0639\u0627\u062a<\/option>\r\n <option value=\"document-retention\">\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u0628\u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0648\u0625\u062a\u0644\u0627\u0641\u0647\u0627<\/option>\r\n <option value=\"general-assembly-members\">\u0623\u0633\u0645\u0627\u0621 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u0639\u0645\u0648\u0645\u064a\u0629<\/option>\r\n <option value=\"general-assembly-minutes\">\u0645\u062d\u0627\u0636\u0631 \u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u0639\u0645\u0648\u0645\u064a\u0629<\/option>\r\n <option value=\"board-minutes\">\u0645\u062d\u0627\u0636\u0631 \u0645\u062c\u0644\u0633 \u0627\u0644\u0625\u062f\u0627\u0631\u0629<\/option>\r\n <option value=\"commercial-family-relations\">\u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0639\u0627\u0626\u0644\u064a\u0629<\/option>\r\n <option value=\"survey-files\">\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0628\u064a\u0627\u0646<\/option>\r\n <option value=\"vision-mission-goals\">\u0646\u0634\u0631 \u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0648\u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629<\/option>\r\n <option value=\"program-activity-reports\">\u0646\u0634\u0631 \u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0648\u0627\u0644\u0623\u0646\u0634\u0637\u0629<\/option>\r\n <option value=\"aid-statistics\">\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0627\u062a \u0627\u0644\u0639\u064a\u0646\u064a\u0629 \u0648\u0627\u0644\u0646\u0642\u062f\u064a\u0629<\/option>\r\n <option value=\"annual-financial-report\">\u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0645\u0627\u0644\u064a \u0627\u0644\u0633\u0646\u0648\u064a \u0627\u0644\u0645\u0639\u062a\u0645\u062f<\/option>\r\n <option value=\"vote-counting\">\u0641\u0631\u0632 \u0627\u0644\u0623\u0635\u0648\u0627\u062a<\/option>\r\n <option value=\"association-licenses\">\u062a\u0631\u0627\u062e\u064a\u0635 \u0627\u0644\u062c\u0645\u0639\u064a\u0629<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div id=\"contentArea\" class=\"content-area\">\r\n <div class=\"no-files-message\">\r\n \u0627\u0644\u0631\u062c\u0627\u0621 \u0627\u062e\u062a\u064a\u0627\u0631 \u0642\u0633\u0645 \u0645\u0646 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0645\u0646\u0633\u062f\u0644\u0629 \u0644\u0639\u0631\u0636 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0648\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0647.\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const dropdown = document.getElementById('governanceDropdown');\r\n const contentArea = document.getElementById('contentArea');\r\n\r\n \/\/ \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629 \u0644\u0644\u0645\u0644\u0641\u0627\u062a \u0644\u0643\u0644 \u0642\u0633\u0645\r\n const filesData = {\r\n \"basic-bylaw\": [\r\n { name: \"\u0627\u0644\u0644\u0627\u0626\u062d\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u062c\u0645\u0639\u064a\u0629 (\u0627\u0644\u0625\u0635\u062f\u0627\u0631 \u0627\u0644\u0623\u062e\u064a\u0631)\", icon: \"fas fa-file-pdf\", link: \"#\" },\r\n { name: \"\u0645\u0644\u062e\u0635 \u062a\u0639\u062f\u064a\u0644\u0627\u062a \u0627\u0644\u0644\u0627\u0626\u062d\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 2023\", icon: \"fas fa-file-alt\", link: \"#\" }\r\n ],\r\n \"data-privacy\": [\r\n { name: \"\u0648\u062b\u064a\u0642\u0629 \u0633\u064a\u0627\u0633\u0629 \u062e\u0635\u0648\u0635\u064a\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\", icon: \"fas fa-file-pdf\", link: \"#\" },\r\n { name: \"\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0634\u062e\u0635\u064a\u0629\", icon: \"fas fa-file-alt\", link: \"#\" }\r\n ],\r\n \"beneficiary-relations\": [\r\n { name: \"\u0633\u064a\u0627\u0633\u0629 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0645\u0639 \u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0646\", icon: \"fas fa-file-pdf\", link: \"#\" }\r\n ],\r\n \"volunteer-management\": [\r\n { name: \"\u0633\u064a\u0627\u0633\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062a\u0637\u0648\u0639\u064a\u0646\", icon: \"fas fa-file-pdf\", link: \"#\" },\r\n { name: \"\u062f\u0644\u064a\u0644 \u0627\u0644\u0645\u062a\u0637\u0648\u0639\", icon: \"fas fa-book\", link: \"#\" }\r\n ],\r\n \"conflict-of-interest\": [\r\n { name: \"\u0633\u064a\u0627\u0633\u0629 \u062a\u0639\u0627\u0631\u0636 \u0627\u0644\u0645\u0635\u0627\u0644\u062d\", icon: \"fas fa-file-pdf\", link: \"#\" }\r\n ],\r\n \"reporting-violations\": [\r\n { name: \"\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u0625\u0628\u0644\u0627\u063a \u0639\u0646 \u0627\u0644\u0645\u062e\u0627\u0644\u0641\u0627\u062a \u0648\u062d\u0645\u0627\u064a\u0629 \u0645\u0642\u062f\u0645\u064a \u0627\u0644\u0628\u0644\u0627\u063a\u0627\u062a\", icon: \"fas fa-file-pdf\", link: \"#\" },\r\n { name: \"\u0646\u0645\u0648\u0630\u062c \u0628\u0644\u0627\u063a \u0645\u062e\u0627\u0644\u0641\u0629\", icon: \"fas fa-file-alt\", link: \"#\" }\r\n ],\r\n \"fundraising\": [\r\n { name: \"\u0633\u064a\u0627\u0633\u0629 \u062c\u0645\u0639 \u0627\u0644\u062a\u0628\u0631\u0639\u0627\u062a\", icon: \"fas fa-file-pdf\", link: \"#\" },\r\n { name: \"\u062a\u0642\u0631\u064a\u0631 \u0645\u0635\u0627\u062f\u0631 \u0627\u0644\u062a\u0628\u0631\u0639\u0627\u062a 2023\", icon: \"fas fa-chart-bar\", link: \"#\" }\r\n ],\r\n \"document-retention\": [\r\n { name: \"\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u0628\u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0648\u0625\u062a\u0644\u0627\u0641\u0647\u0627\", icon: \"fas fa-file-pdf\", link: \"#\" }\r\n ],\r\n \"general-assembly-members\": [\r\n { name: \"\u0642\u0627\u0626\u0645\u0629 \u0628\u0623\u0633\u0645\u0627\u0621 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u0639\u0645\u0648\u0645\u064a\u0629 (\u0645\u062d\u062f\u062b\u0629)\", icon: \"fas fa-users\", link: \"#\" }\r\n ],\r\n \"general-assembly-minutes\": [\r\n { name: \"\u0645\u062d\u0636\u0631 \u0627\u062c\u062a\u0645\u0627\u0639 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u0639\u0645\u0648\u0645\u064a\u0629 (\u0631\u0642\u0645 1 - 2024)\", icon: \"fas fa-file-word\", link: \"#\" },\r\n { name: \"\u0645\u062d\u0636\u0631 \u0627\u062c\u062a\u0645\u0627\u0639 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u0639\u0645\u0648\u0645\u064a\u0629 (\u0631\u0642\u0645 2 - 2023)\", icon: \"fas fa-file-word\", link: \"#\" }\r\n ],\r\n \"board-minutes\": [\r\n { name: \"\u0645\u062d\u0636\u0631 \u0627\u062c\u062a\u0645\u0627\u0639 \u0645\u062c\u0644\u0633 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 (\u0645\u0627\u0631\u0633 2024)\", icon: \"fas fa-file-word\", link: \"#\" },\r\n { name: \"\u0645\u062d\u0636\u0631 \u0627\u062c\u062a\u0645\u0627\u0639 \u0645\u062c\u0644\u0633 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 (\u064a\u0646\u0627\u064a\u0631 2024)\", icon: \"fas fa-file-word\", link: \"#\" },\r\n { name: \"\u0645\u062d\u0636\u0631 \u0627\u062c\u062a\u0645\u0627\u0639 \u0645\u062c\u0644\u0633 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 (\u0646\u0648\u0641\u0645\u0628\u0631 2023)\", icon: \"fas fa-file-word\", link: \"#\" }\r\n ],\r\n \"commercial-family-relations\": [\r\n { name: \"\u0643\u0634\u0641 \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0639\u0627\u0626\u0644\u064a\u0629\", icon: \"fas fa-handshake\", link: \"#\" }\r\n ],\r\n \"survey-files\": [\r\n { name: \"\u062a\u0642\u0631\u064a\u0631 \u0627\u0633\u062a\u0628\u064a\u0627\u0646 \u0631\u0636\u0627 \u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0646 2023\", icon: \"fas fa-poll\", link: \"#\" },\r\n { name: \"\u0645\u0644\u0641\u0627\u062a \u0627\u0633\u062a\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629\", icon: \"fas fa-file-csv\", link: \"#\" }\r\n ],\r\n \"vision-mission-goals\": [\r\n { name: \"\u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0648\u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629\", icon: \"fas fa-lightbulb\", link: \"#\" },\r\n { name: \"\u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0644\u0639\u0627\u0645 2024\", icon: \"fas fa-cogs\", link: \"#\" }\r\n ],\r\n \"program-activity-reports\": [\r\n { name: \"\u062a\u0642\u0631\u064a\u0631 \u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0642\u0631\u0627\u0621 \u0627\u0644\u0635\u063a\u0627\u0631 (\u0635\u064a\u0641 2023)\", icon: \"fas fa-chart-line\", link: \"#\" },\r\n { name: \"\u062a\u0642\u0631\u064a\u0631 \u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0631\u0628\u0639 \u0627\u0644\u0623\u0648\u0644 2024\", icon: \"fas fa-chart-line\", link: \"#\" }\r\n ],\r\n \"aid-statistics\": [\r\n { name: \"\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0627\u062a \u0627\u0644\u0639\u064a\u0646\u064a\u0629 \u0648\u0627\u0644\u0646\u0642\u062f\u064a\u0629 2023\", icon: \"fas fa-hand-holding-dollar\", link: \"#\" },\r\n { name: \"\u0628\u064a\u0627\u0646\u0627\u062a \u062a\u0641\u0635\u064a\u0644\u064a\u0629 \u0644\u0644\u0645\u0633\u0627\u0639\u062f\u0627\u062a \u0627\u0644\u0645\u0642\u062f\u0645\u0629\", icon: \"fas fa-table\", link: \"#\" }\r\n ],\r\n \"annual-financial-report\": [\r\n { name: \"\u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0645\u0627\u0644\u064a \u0627\u0644\u0633\u0646\u0648\u064a \u0627\u0644\u0645\u0639\u062a\u0645\u062f 2023\", icon: \"fas fa-file-excel\", link: \"#\" },\r\n { name: \"\u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0645\u0627\u0644\u064a \u0627\u0644\u0633\u0646\u0648\u064a \u0627\u0644\u0645\u0639\u062a\u0645\u062f 2022\", icon: \"fas fa-file-excel\", link: \"#\" }\r\n ],\r\n \"vote-counting\": [\r\n { name: \"\u0646\u062a\u0627\u0626\u062c \u0641\u0631\u0632 \u0627\u0644\u0623\u0635\u0648\u0627\u062a \u0644\u0627\u062c\u062a\u0645\u0627\u0639 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u0639\u0645\u0648\u0645\u064a\u0629 \u0627\u0644\u0623\u062e\u064a\u0631\", icon: \"fas fa-calculator\", link: \"#\" }\r\n ],\r\n \"association-licenses\": [\r\n { name: \"\u062a\u0631\u062e\u064a\u0635 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0631\u0642\u0645 123456\", icon: \"fas fa-id-card\", link: \"#\" },\r\n { name: \"\u062a\u0631\u0627\u062e\u064a\u0635 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u0625\u0636\u0627\u0641\u064a\u0629\", icon: \"fas fa-certificate\", link: \"#\" }\r\n ]\r\n };\r\n\r\n dropdown.addEventListener('change', function() {\r\n const selectedValue = this.value;\r\n contentArea.innerHTML = ''; \/\/ \u0645\u0633\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062d\u0627\u0644\u064a\r\n\r\n if (selectedValue && filesData[selectedValue]) {\r\n const sectionTitle = this.options[this.selectedIndex].text; \/\/ \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0646\u0635 \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0645\u062e\u062a\u0627\u0631\r\n const files = filesData[selectedValue];\r\n\r\n let filesHtml = `<h3>\u0645\u0644\u0641\u0627\u062a ${sectionTitle}<\/h3>`;\r\n files.forEach(file => {\r\n filesHtml += `\r\n <div class=\"file-item\">\r\n <div class=\"file-info\">\r\n <i class=\"${file.icon}\"><\/i>\r\n <span>${file.name}<\/span>\r\n <\/div>\r\n <div class=\"file-actions\">\r\n <a href=\"${file.link}\" target=\"_blank\">\r\n <i class=\"fas fa-download\"><\/i> \u062a\u062d\u0645\u064a\u0644\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n `;\r\n });\r\n contentArea.innerHTML = filesHtml;\r\n } else {\r\n contentArea.innerHTML = `\r\n <div class=\"no-files-message\">\r\n \u0627\u0644\u0631\u062c\u0627\u0621 \u0627\u062e\u062a\u064a\u0627\u0631 \u0642\u0633\u0645 \u0645\u0646 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0645\u0646\u0633\u062f\u0644\u0629 \u0644\u0639\u0631\u0636 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0648\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0647.\r\n <\/div>\r\n `;\r\n }\r\n });\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-13e7495f e-flex e-con-boxed e-con e-parent\" data-id=\"13e7495f\" 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-1ddc2efe elementor-button-success elementor-align-right elementor-widget elementor-widget-button\" data-id=\"1ddc2efe\" 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>\u0627\u0644\u062d\u0648\u0643\u0645\u0629 – \u062c\u0645\u0639\u064a\u0629 \u062a\u0644\u0627\u0648\u0629 \u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u062a\u0644\u062a\u0632\u0645 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u0645\u0633\u0627\u0621\u0644\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0639\u0645\u0627\u0644\u0647\u0627. \u064a\u0645\u0643\u0646\u0643 \u062a\u0635\u0641\u062d \u0648\u062b\u0627\u0626\u0642\u0646\u0627 \u0648\u0633\u064a\u0627\u0633\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u062a\u0627\u0644\u064a\u0629. \u0627\u062e\u062a\u0631 \u0627\u0644\u0642\u0633\u0645 \u0644\u0639\u0631\u0636 \u0627\u0644\u0645\u0644\u0641\u0627\u062a\u0627\u0644\u0644\u0627\u0626\u062d\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629\u0633\u064a\u0627\u0633\u0629 \u062e\u0635\u0648\u0635\u064a\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\u0633\u064a\u0627\u0633\u0629 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0645\u0639 \u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0646\u0633\u064a\u0627\u0633\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062a\u0637\u0648\u0639\u064a\u0646\u0633\u064a\u0627\u0633\u0629 \u062a\u0639\u0627\u0631\u0636 \u0627\u0644\u0645\u0635\u0627\u0644\u062d\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u0625\u0628\u0644\u0627\u063a \u0639\u0646 \u0627\u0644\u0645\u062e\u0627\u0644\u0641\u0627\u062a \u0648\u062d\u0645\u0627\u064a\u0629 \u0645\u0642\u062f\u0645\u064a \u0627\u0644\u0628\u0644\u0627\u063a\u0627\u062a\u0633\u064a\u0627\u0633\u0629 \u062c\u0645\u0639 \u0627\u0644\u062a\u0628\u0631\u0639\u0627\u062a\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u0628\u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0648\u0625\u062a\u0644\u0627\u0641\u0647\u0627\u0623\u0633\u0645\u0627\u0621 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"footnotes":""},"class_list":["post-46","page","type-page","status-publish","hentry"],"campaignId":"","_links":{"self":[{"href":"https:\/\/digitaltelawah.org.sa\/index.php?rest_route=\/wp\/v2\/pages\/46","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=46"}],"version-history":[{"count":16,"href":"https:\/\/digitaltelawah.org.sa\/index.php?rest_route=\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":855,"href":"https:\/\/digitaltelawah.org.sa\/index.php?rest_route=\/wp\/v2\/pages\/46\/revisions\/855"}],"wp:attachment":[{"href":"https:\/\/digitaltelawah.org.sa\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\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 \u0627\u0644\u062d\u0648\u0643\u0645\u0629 - \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 --color-light-grey: #f7f7f7; \/* \u0631\u0645\u0627\u062f\u064a \u0641\u0627\u062a\u062d \u0644\u0644\u062e\u0644\u0641\u064a\u0627\u062a \u0627\u0644\u062b\u0627\u0646\u0648\u064a\u0629 *\/\r\n --color-border: #ddd; \/* \u0644\u0648\u0646 \u0644\u0644\u062d\u062f\u0648\u062f *\/\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 \/* \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 \/* \u0642\u0633\u0645 \u0627\u0644\u062d\u0648\u0643\u0645\u0629 *\/\r\n .governance-section {\r\n padding: 80px 20px;\r\n background-color: var(--color-background);\r\n margin: 0 auto;\r\n max-width: 1200px;\r\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); \/* \u0638\u0644 \u062e\u0641\u064a\u0641 \u0644\u0644\u0642\u0633\u0645 \u0643\u0644\u0647 *\/\r\n border-radius: 8px;\r\n margin-top: 40px;\r\n margin-bottom: 40px;\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: 3em;\r\n color: var(--color-accent);\r\n margin-bottom: 15px;\r\n font-weight: 700;\r\n }\r\n\r\n .section-header p {\r\n font-size: 1.2em;\r\n color: #555;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n font-weight: 500;\r\n }\r\n\r\n \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0632\u0631 Dropdown *\/\r\n .dropdown-container {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .dropdown-select {\r\n width: 100%;\r\n max-width: 600px; \/* \u0644\u062a\u062d\u062f\u064a\u062f \u0639\u0631\u0636 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0645\u0646\u0633\u062f\u0644\u0629 *\/\r\n padding: 15px 20px;\r\n border: 2px solid var(--color-primary);\r\n border-radius: 8px;\r\n background-color: #fff;\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 1.1em;\r\n color: var(--color-dark);\r\n cursor: pointer;\r\n -webkit-appearance: none; \/* \u0625\u0632\u0627\u0644\u0629 \u0645\u0638\u0647\u0631 \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a *\/\r\n -moz-appearance: none;\r\n appearance: none;\r\n background-image: url('data:image\/svg+xml;charset=UTF-8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\" fill=\"%2301474F\"><path fill-rule=\"evenodd\" d=\"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z\" clip-rule=\"evenodd\" \/><\/svg>'); \/* \u0623\u064a\u0642\u0648\u0646\u0629 \u0633\u0647\u0645 \u0645\u062e\u0635\u0635\u0629 *\/\r\n background-repeat: no-repeat;\r\n background-position: left 15px center; \/* \u0648\u0636\u0639 \u0627\u0644\u0633\u0647\u0645 \u0639\u0644\u0649 \u0627\u0644\u064a\u0633\u0627\u0631 *\/\r\n padding-left: 50px; \/* \u0645\u0633\u0627\u0641\u0629 \u0644\u0644\u064a\u0633\u0627\u0631 \u0644\u062a\u062c\u0646\u0628 \u062a\u062f\u0627\u062e\u0644 \u0627\u0644\u0646\u0635 \u0645\u0639 \u0627\u0644\u0633\u0647\u0645 *\/\r\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\r\n outline: none; \/* \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u0623\u0632\u0631\u0642 \u0639\u0646\u062f \u0627\u0644\u062a\u0631\u0643\u064a\u0632 *\/\r\n transition: border-color 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n\r\n .dropdown-select:focus {\r\n border-color: var(--color-accent);\r\n box-shadow: 0 0 0 3px rgba(1, 71, 79, 0.2); \/* \u0638\u0644 \u0639\u0646\u062f \u0627\u0644\u062a\u0631\u0643\u064a\u0632 *\/\r\n }\r\n\r\n \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0645\u0646\u0637\u0642\u0629 \u0639\u0631\u0636 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 *\/\r\n .content-area {\r\n background-color: var(--color-light-grey);\r\n padding: 30px;\r\n border-radius: 8px;\r\n border: 1px solid var(--color-border);\r\n min-height: 300px; \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u0623\u062f\u0646\u0649 \u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 *\/\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px; \/* \u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0627\u0644\u0645\u0644\u0641\u0627\u062a *\/\r\n }\r\n\r\n .content-area h3 {\r\n color: var(--color-accent);\r\n font-size: 1.8em;\r\n margin-bottom: 20px;\r\n border-bottom: 2px solid var(--color-primary);\r\n padding-bottom: 10px;\r\n text-align: right;\r\n }\r\n\r\n .file-item {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background-color: #fff;\r\n padding: 15px 20px;\r\n border-radius: 8px;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\r\n transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n }\r\n\r\n .file-item:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\r\n }\r\n\r\n .file-info {\r\n display: flex;\r\n align-items: center;\r\n flex-grow: 1;\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 .file-info i {\r\n font-size: 1.5em;\r\n color: var(--color-primary);\r\n margin-left: 15px; \/* \u0645\u0633\u0627\u0641\u0629 \u0639\u0644\u0649 \u064a\u0633\u0627\u0631 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 *\/\r\n }\r\n\r\n .file-info span {\r\n font-size: 1.1em;\r\n color: var(--color-dark);\r\n font-weight: 600;\r\n }\r\n\r\n .file-actions a {\r\n color: var(--color-accent);\r\n text-decoration: none;\r\n font-weight: 600;\r\n padding: 8px 15px;\r\n border: 1px solid var(--color-accent);\r\n border-radius: 5px;\r\n transition: background-color 0.3s ease, color 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .file-actions a:hover {\r\n background-color: var(--color-accent);\r\n color: #fff;\r\n }\r\n\r\n .no-files-message {\r\n text-align: center;\r\n color: #777;\r\n font-size: 1.1em;\r\n padding: 50px;\r\n }\r\n\r\n \/* Media Queries \u0644\u0644\u062a\u062c\u0627\u0648\u0628\u064a\u0629 *\/\r\n @media (max-width: 767px) {\r\n .governance-section {\r\n padding: 40px 15px;\r\n margin-top: 20px;\r\n margin-bottom: 20px;\r\n }\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 .dropdown-select {\r\n font-size: 1em;\r\n padding: 12px 15px;\r\n padding-left: 45px;\r\n background-position: left 10px center;\r\n }\r\n .content-area {\r\n padding: 20px;\r\n }\r\n .content-area h3 {\r\n font-size: 1.5em;\r\n }\r\n .file-item {\r\n flex-direction: column;\r\n align-items: flex-end; \/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0644\u0644\u064a\u0645\u064a\u0646 \u0641\u064a \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0639\u0645\u0648\u062f\u064a *\/\r\n gap: 10px;\r\n padding: 15px;\r\n }\r\n .file-info {\r\n width: 100%;\r\n justify-content: flex-end; \/* \u062f\u0641\u0639 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0648\u0627\u0644\u0646\u0635 \u0644\u0644\u064a\u0645\u064a\u0646 *\/\r\n }\r\n .file-actions {\r\n width: 100%;\r\n text-align: center;\r\n }\r\n .file-actions a {\r\n width: 100%;\r\n justify-content: center; \/* \u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0632\u0631 \u062f\u0627\u062e\u0644 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"governance-section\">\r\n <div class=\"section-header\">\r\n <h2>\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629<\/h2>\r\n <p>\r\n \u062a\u0644\u062a\u0632\u0645 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u0645\u0633\u0627\u0621\u0644\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0639\u0645\u0627\u0644\u0647\u0627. \u064a\u0645\u0643\u0646\u0643 \u062a\u0635\u0641\u062d \u0648\u062b\u0627\u0626\u0642\u0646\u0627 \u0648\u0633\u064a\u0627\u0633\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u062a\u0627\u0644\u064a\u0629.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"dropdown-container\">\r\n <select id=\"governanceDropdown\" class=\"dropdown-select\">\r\n <option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0642\u0633\u0645 \u0644\u0639\u0631\u0636 \u0627\u0644\u0645\u0644\u0641\u0627\u062a<\/option>\r\n <option value=\"basic-bylaw\">\u0627\u0644\u0644\u0627\u0626\u062d\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/option>\r\n <option value=\"data-privacy\">\u0633\u064a\u0627\u0633\u0629 \u062e\u0635\u0648\u0635\u064a\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/option>\r\n <option value=\"beneficiary-relations\">\u0633\u064a\u0627\u0633\u0629 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0645\u0639 \u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0646<\/option>\r\n <option value=\"volunteer-management\">\u0633\u064a\u0627\u0633\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062a\u0637\u0648\u0639\u064a\u0646<\/option>\r\n <option value=\"conflict-of-interest\">\u0633\u064a\u0627\u0633\u0629 \u062a\u0639\u0627\u0631\u0636 \u0627\u0644\u0645\u0635\u0627\u0644\u062d<\/option>\r\n <option value=\"reporting-violations\">\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u0625\u0628\u0644\u0627\u063a \u0639\u0646 \u0627\u0644\u0645\u062e\u0627\u0644\u0641\u0627\u062a \u0648\u062d\u0645\u0627\u064a\u0629 \u0645\u0642\u062f\u0645\u064a \u0627\u0644\u0628\u0644\u0627\u063a\u0627\u062a<\/option>\r\n <option value=\"fundraising\">\u0633\u064a\u0627\u0633\u0629 \u062c\u0645\u0639 \u0627\u0644\u062a\u0628\u0631\u0639\u0627\u062a<\/option>\r\n <option value=\"document-retention\">\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u0628\u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0648\u0625\u062a\u0644\u0627\u0641\u0647\u0627<\/option>\r\n <option value=\"general-assembly-members\">\u0623\u0633\u0645\u0627\u0621 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u0639\u0645\u0648\u0645\u064a\u0629<\/option>\r\n <option value=\"general-assembly-minutes\">\u0645\u062d\u0627\u0636\u0631 \u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u0639\u0645\u0648\u0645\u064a\u0629<\/option>\r\n <option value=\"board-minutes\">\u0645\u062d\u0627\u0636\u0631 \u0645\u062c\u0644\u0633 \u0627\u0644\u0625\u062f\u0627\u0631\u0629<\/option>\r\n <option value=\"commercial-family-relations\">\u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0639\u0627\u0626\u0644\u064a\u0629<\/option>\r\n <option value=\"survey-files\">\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0628\u064a\u0627\u0646<\/option>\r\n <option value=\"vision-mission-goals\">\u0646\u0634\u0631 \u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0648\u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629<\/option>\r\n <option value=\"program-activity-reports\">\u0646\u0634\u0631 \u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0648\u0627\u0644\u0623\u0646\u0634\u0637\u0629<\/option>\r\n <option value=\"aid-statistics\">\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0627\u062a \u0627\u0644\u0639\u064a\u0646\u064a\u0629 \u0648\u0627\u0644\u0646\u0642\u062f\u064a\u0629<\/option>\r\n <option value=\"annual-financial-report\">\u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0645\u0627\u0644\u064a \u0627\u0644\u0633\u0646\u0648\u064a \u0627\u0644\u0645\u0639\u062a\u0645\u062f<\/option>\r\n <option value=\"vote-counting\">\u0641\u0631\u0632 \u0627\u0644\u0623\u0635\u0648\u0627\u062a<\/option>\r\n <option value=\"association-licenses\">\u062a\u0631\u0627\u062e\u064a\u0635 \u0627\u0644\u062c\u0645\u0639\u064a\u0629<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div id=\"contentArea\" class=\"content-area\">\r\n <div class=\"no-files-message\">\r\n \u0627\u0644\u0631\u062c\u0627\u0621 \u0627\u062e\u062a\u064a\u0627\u0631 \u0642\u0633\u0645 \u0645\u0646 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0645\u0646\u0633\u062f\u0644\u0629 \u0644\u0639\u0631\u0636 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0648\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0647.\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const dropdown = document.getElementById('governanceDropdown');\r\n const contentArea = document.getElementById('contentArea');\r\n\r\n \/\/ \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629 \u0644\u0644\u0645\u0644\u0641\u0627\u062a \u0644\u0643\u0644 \u0642\u0633\u0645\r\n const filesData = {\r\n \"basic-bylaw\": [\r\n { name: \"\u0627\u0644\u0644\u0627\u0626\u062d\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u062c\u0645\u0639\u064a\u0629 (\u0627\u0644\u0625\u0635\u062f\u0627\u0631 \u0627\u0644\u0623\u062e\u064a\u0631)\", icon: \"fas fa-file-pdf\", link: \"#\" },\r\n { name: \"\u0645\u0644\u062e\u0635 \u062a\u0639\u062f\u064a\u0644\u0627\u062a \u0627\u0644\u0644\u0627\u0626\u062d\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 2023\", icon: \"fas fa-file-alt\", link: \"#\" }\r\n ],\r\n \"data-privacy\": [\r\n { name: \"\u0648\u062b\u064a\u0642\u0629 \u0633\u064a\u0627\u0633\u0629 \u062e\u0635\u0648\u0635\u064a\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\", icon: \"fas fa-file-pdf\", link: \"#\" },\r\n { name: \"\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0634\u062e\u0635\u064a\u0629\", icon: \"fas fa-file-alt\", link: \"#\" }\r\n ],\r\n \"beneficiary-relations\": [\r\n { name: \"\u0633\u064a\u0627\u0633\u0629 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0645\u0639 \u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0646\", icon: \"fas fa-file-pdf\", link: \"#\" }\r\n ],\r\n \"volunteer-management\": [\r\n { name: \"\u0633\u064a\u0627\u0633\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062a\u0637\u0648\u0639\u064a\u0646\", icon: \"fas fa-file-pdf\", link: \"#\" },\r\n { name: \"\u062f\u0644\u064a\u0644 \u0627\u0644\u0645\u062a\u0637\u0648\u0639\", icon: \"fas fa-book\", link: \"#\" }\r\n ],\r\n \"conflict-of-interest\": [\r\n { name: \"\u0633\u064a\u0627\u0633\u0629 \u062a\u0639\u0627\u0631\u0636 \u0627\u0644\u0645\u0635\u0627\u0644\u062d\", icon: \"fas fa-file-pdf\", link: \"#\" }\r\n ],\r\n \"reporting-violations\": [\r\n { name: \"\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u0625\u0628\u0644\u0627\u063a \u0639\u0646 \u0627\u0644\u0645\u062e\u0627\u0644\u0641\u0627\u062a \u0648\u062d\u0645\u0627\u064a\u0629 \u0645\u0642\u062f\u0645\u064a \u0627\u0644\u0628\u0644\u0627\u063a\u0627\u062a\", icon: \"fas fa-file-pdf\", link: \"#\" },\r\n { name: \"\u0646\u0645\u0648\u0630\u062c \u0628\u0644\u0627\u063a \u0645\u062e\u0627\u0644\u0641\u0629\", icon: \"fas fa-file-alt\", link: \"#\" }\r\n ],\r\n \"fundraising\": [\r\n { name: \"\u0633\u064a\u0627\u0633\u0629 \u062c\u0645\u0639 \u0627\u0644\u062a\u0628\u0631\u0639\u0627\u062a\", icon: \"fas fa-file-pdf\", link: \"#\" },\r\n { name: \"\u062a\u0642\u0631\u064a\u0631 \u0645\u0635\u0627\u062f\u0631 \u0627\u0644\u062a\u0628\u0631\u0639\u0627\u062a 2023\", icon: \"fas fa-chart-bar\", link: \"#\" }\r\n ],\r\n \"document-retention\": [\r\n { name: \"\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u0628\u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0648\u0625\u062a\u0644\u0627\u0641\u0647\u0627\", icon: \"fas fa-file-pdf\", link: \"#\" }\r\n ],\r\n \"general-assembly-members\": [\r\n { name: \"\u0642\u0627\u0626\u0645\u0629 \u0628\u0623\u0633\u0645\u0627\u0621 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u0639\u0645\u0648\u0645\u064a\u0629 (\u0645\u062d\u062f\u062b\u0629)\", icon: \"fas fa-users\", link: \"#\" }\r\n ],\r\n \"general-assembly-minutes\": [\r\n { name: \"\u0645\u062d\u0636\u0631 \u0627\u062c\u062a\u0645\u0627\u0639 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u0639\u0645\u0648\u0645\u064a\u0629 (\u0631\u0642\u0645 1 - 2024)\", icon: \"fas fa-file-word\", link: \"#\" },\r\n { name: \"\u0645\u062d\u0636\u0631 \u0627\u062c\u062a\u0645\u0627\u0639 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u0639\u0645\u0648\u0645\u064a\u0629 (\u0631\u0642\u0645 2 - 2023)\", icon: \"fas fa-file-word\", link: \"#\" }\r\n ],\r\n \"board-minutes\": [\r\n { name: \"\u0645\u062d\u0636\u0631 \u0627\u062c\u062a\u0645\u0627\u0639 \u0645\u062c\u0644\u0633 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 (\u0645\u0627\u0631\u0633 2024)\", icon: \"fas fa-file-word\", link: \"#\" },\r\n { name: \"\u0645\u062d\u0636\u0631 \u0627\u062c\u062a\u0645\u0627\u0639 \u0645\u062c\u0644\u0633 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 (\u064a\u0646\u0627\u064a\u0631 2024)\", icon: \"fas fa-file-word\", link: \"#\" },\r\n { name: \"\u0645\u062d\u0636\u0631 \u0627\u062c\u062a\u0645\u0627\u0639 \u0645\u062c\u0644\u0633 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 (\u0646\u0648\u0641\u0645\u0628\u0631 2023)\", icon: \"fas fa-file-word\", link: \"#\" }\r\n ],\r\n \"commercial-family-relations\": [\r\n { name: \"\u0643\u0634\u0641 \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0639\u0627\u0626\u0644\u064a\u0629\", icon: \"fas fa-handshake\", link: \"#\" }\r\n ],\r\n \"survey-files\": [\r\n { name: \"\u062a\u0642\u0631\u064a\u0631 \u0627\u0633\u062a\u0628\u064a\u0627\u0646 \u0631\u0636\u0627 \u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0646 2023\", icon: \"fas fa-poll\", link: \"#\" },\r\n { name: \"\u0645\u0644\u0641\u0627\u062a \u0627\u0633\u062a\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629\", icon: \"fas fa-file-csv\", link: \"#\" }\r\n ],\r\n \"vision-mission-goals\": [\r\n { name: \"\u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0648\u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629\", icon: \"fas fa-lightbulb\", link: \"#\" },\r\n { name: \"\u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0644\u0639\u0627\u0645 2024\", icon: \"fas fa-cogs\", link: \"#\" }\r\n ],\r\n \"program-activity-reports\": [\r\n { name: \"\u062a\u0642\u0631\u064a\u0631 \u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0642\u0631\u0627\u0621 \u0627\u0644\u0635\u063a\u0627\u0631 (\u0635\u064a\u0641 2023)\", icon: \"fas fa-chart-line\", link: \"#\" },\r\n { name: \"\u062a\u0642\u0631\u064a\u0631 \u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0631\u0628\u0639 \u0627\u0644\u0623\u0648\u0644 2024\", icon: \"fas fa-chart-line\", link: \"#\" }\r\n ],\r\n \"aid-statistics\": [\r\n { name: \"\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0627\u062a \u0627\u0644\u0639\u064a\u0646\u064a\u0629 \u0648\u0627\u0644\u0646\u0642\u062f\u064a\u0629 2023\", icon: \"fas fa-hand-holding-dollar\", link: \"#\" },\r\n { name: \"\u0628\u064a\u0627\u0646\u0627\u062a \u062a\u0641\u0635\u064a\u0644\u064a\u0629 \u0644\u0644\u0645\u0633\u0627\u0639\u062f\u0627\u062a \u0627\u0644\u0645\u0642\u062f\u0645\u0629\", icon: \"fas fa-table\", link: \"#\" }\r\n ],\r\n \"annual-financial-report\": [\r\n { name: \"\u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0645\u0627\u0644\u064a \u0627\u0644\u0633\u0646\u0648\u064a \u0627\u0644\u0645\u0639\u062a\u0645\u062f 2023\", icon: \"fas fa-file-excel\", link: \"#\" },\r\n { name: \"\u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0645\u0627\u0644\u064a \u0627\u0644\u0633\u0646\u0648\u064a \u0627\u0644\u0645\u0639\u062a\u0645\u062f 2022\", icon: \"fas fa-file-excel\", link: \"#\" }\r\n ],\r\n \"vote-counting\": [\r\n { name: \"\u0646\u062a\u0627\u0626\u062c \u0641\u0631\u0632 \u0627\u0644\u0623\u0635\u0648\u0627\u062a \u0644\u0627\u062c\u062a\u0645\u0627\u0639 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u0639\u0645\u0648\u0645\u064a\u0629 \u0627\u0644\u0623\u062e\u064a\u0631\", icon: \"fas fa-calculator\", link: \"#\" }\r\n ],\r\n \"association-licenses\": [\r\n { name: \"\u062a\u0631\u062e\u064a\u0635 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0631\u0642\u0645 123456\", icon: \"fas fa-id-card\", link: \"#\" },\r\n { name: \"\u062a\u0631\u0627\u062e\u064a\u0635 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u0625\u0636\u0627\u0641\u064a\u0629\", icon: \"fas fa-certificate\", link: \"#\" }\r\n ]\r\n };\r\n\r\n dropdown.addEventListener('change', function() {\r\n const selectedValue = this.value;\r\n contentArea.innerHTML = ''; \/\/ \u0645\u0633\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062d\u0627\u0644\u064a\r\n\r\n if (selectedValue && filesData[selectedValue]) {\r\n const sectionTitle = this.options[this.selectedIndex].text; \/\/ \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0646\u0635 \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0645\u062e\u062a\u0627\u0631\r\n const files = filesData[selectedValue];\r\n\r\n let filesHtml = `<h3>\u0645\u0644\u0641\u0627\u062a ${sectionTitle}<\/h3>`;\r\n files.forEach(file => {\r\n filesHtml += `\r\n <div class=\"file-item\">\r\n <div class=\"file-info\">\r\n <i class=\"${file.icon}\"><\/i>\r\n <span>${file.name}<\/span>\r\n <\/div>\r\n <div class=\"file-actions\">\r\n <a href=\"${file.link}\" target=\"_blank\">\r\n <i class=\"fas fa-download\"><\/i> \u062a\u062d\u0645\u064a\u0644\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n `;\r\n });\r\n contentArea.innerHTML = filesHtml;\r\n } else {\r\n contentArea.innerHTML = `\r\n <div class=\"no-files-message\">\r\n \u0627\u0644\u0631\u062c\u0627\u0621 \u0627\u062e\u062a\u064a\u0627\u0631 \u0642\u0633\u0645 \u0645\u0646 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0645\u0646\u0633\u062f\u0644\u0629 \u0644\u0639\u0631\u0636 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0648\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0647.\r\n <\/div>\r\n `;\r\n }\r\n });\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-13e7495f e-flex e-con-boxed e-con e-parent\" data-id=\"13e7495f\" 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-1ddc2efe elementor-button-success elementor-align-right elementor-widget elementor-widget-button\" data-id=\"1ddc2efe\" 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>\u0627\u0644\u062d\u0648\u0643\u0645\u0629 – \u062c\u0645\u0639\u064a\u0629 \u062a\u0644\u0627\u0648\u0629 \u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u062a\u0644\u062a\u0632\u0645 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u0645\u0633\u0627\u0621\u0644\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0639\u0645\u0627\u0644\u0647\u0627. \u064a\u0645\u0643\u0646\u0643 \u062a\u0635\u0641\u062d \u0648\u062b\u0627\u0626\u0642\u0646\u0627 \u0648\u0633\u064a\u0627\u0633\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u062a\u0627\u0644\u064a\u0629. \u0627\u062e\u062a\u0631 \u0627\u0644\u0642\u0633\u0645 \u0644\u0639\u0631\u0636 \u0627\u0644\u0645\u0644\u0641\u0627\u062a\u0627\u0644\u0644\u0627\u0626\u062d\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629\u0633\u064a\u0627\u0633\u0629 \u062e\u0635\u0648\u0635\u064a\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\u0633\u064a\u0627\u0633\u0629 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0645\u0639 \u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0646\u0633\u064a\u0627\u0633\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062a\u0637\u0648\u0639\u064a\u0646\u0633\u064a\u0627\u0633\u0629 \u062a\u0639\u0627\u0631\u0636 \u0627\u0644\u0645\u0635\u0627\u0644\u062d\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u0625\u0628\u0644\u0627\u063a \u0639\u0646 \u0627\u0644\u0645\u062e\u0627\u0644\u0641\u0627\u062a \u0648\u062d\u0645\u0627\u064a\u0629 \u0645\u0642\u062f\u0645\u064a \u0627\u0644\u0628\u0644\u0627\u063a\u0627\u062a\u0633\u064a\u0627\u0633\u0629 \u062c\u0645\u0639 \u0627\u0644\u062a\u0628\u0631\u0639\u0627\u062a\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u0628\u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0648\u0625\u062a\u0644\u0627\u0641\u0647\u0627\u0623\u0633\u0645\u0627\u0621 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"footnotes":""},"class_list":["post-46","page","type-page","status-publish","hentry"],"campaignId":"","_links":{"self":[{"href":"https:\/\/digitaltelawah.org.sa\/index.php?rest_route=\/wp\/v2\/pages\/46","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=46"}],"version-history":[{"count":16,"href":"https:\/\/digitaltelawah.org.sa\/index.php?rest_route=\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":855,"href":"https:\/\/digitaltelawah.org.sa\/index.php?rest_route=\/wp\/v2\/pages\/46\/revisions\/855"}],"wp:attachment":[{"href":"https:\/\/digitaltelawah.org.sa\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}