{"id":1065,"date":"2021-03-27T07:22:27","date_gmt":"2021-03-27T04:22:27","guid":{"rendered":"https:\/\/demo2.massar.support\/ta7lia2\/?page_id=1065"},"modified":"2025-10-16T11:28:18","modified_gmt":"2025-10-16T11:28:18","slug":"%d8%a3%d8%b3%d9%85%d8%a7%d8%a1-%d9%85%d8%ac%d9%84%d8%b3-%d8%a5%d8%af%d8%a7%d8%b1%d8%a9-%d8%a7%d9%84%d8%ac%d9%85%d8%b9%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/hadarat-hail.org.sa\/?page_id=1065","title":{"rendered":"\u0623\u0633\u0645\u0627\u0621 \u0645\u062c\u0644\u0633 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062c\u0645\u0639\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\t\t\t\t\t \r\n\r\n \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\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 \u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0639\u0627\u0645\u0644\u064a\u0646 \u0641\u064a \u0627\u0644\u062c\u0645\u0639\u064a\u0629<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --primary: #fb8519;\r\n --primary-light: #ffb366;\r\n --primary-dark: #d66d00;\r\n --secondary: #2c5530;\r\n --light: #f8f9fa;\r\n --dark: #343a40;\r\n --gray: #6c757d;\r\n --light-gray: #e9ecef;\r\n --border-radius: 12px;\r\n --box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n --transition: all 0.3s ease;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Tajawal', sans-serif;\r\n line-height: 1.6;\r\n color: var(--dark);\r\n background-color: #f5f7fa;\r\n padding: 20px;\r\n }\r\n\r\n .members-tabs-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n background: white;\r\n border-radius: var(--border-radius);\r\n box-shadow: var(--box-shadow);\r\n overflow: hidden;\r\n }\r\n\r\n .tabs-header {\r\n display: flex;\r\n background: white;\r\n border-bottom: 1px solid var(--light-gray);\r\n overflow-x: auto;\r\n }\r\n\r\n .tab-btn {\r\n flex: 1;\r\n min-width: 180px;\r\n padding: 18px 20px;\r\n background: none;\r\n border: none;\r\n font-family: 'Tajawal', sans-serif;\r\n font-size: 1rem;\r\n font-weight: 500;\r\n color: var(--gray);\r\n cursor: pointer;\r\n transition: var(--transition);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n border-bottom: 3px solid transparent;\r\n }\r\n\r\n .tab-btn:hover {\r\n color: var(--primary);\r\n background-color: rgba(251, 133, 25, 0.05);\r\n }\r\n\r\n .tab-btn.active {\r\n color: var(--primary);\r\n border-bottom: 3px solid var(--primary);\r\n background-color: rgba(251, 133, 25, 0.08);\r\n }\r\n\r\n .tab-btn i {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .tabs-content {\r\n padding: 30px;\r\n }\r\n\r\n .tab-panel {\r\n display: none;\r\n animation: fadeIn 0.5s ease;\r\n }\r\n\r\n .tab-panel.active {\r\n display: block;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(10px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .section-title {\r\n color: var(--primary);\r\n font-size: 1.5rem;\r\n margin-bottom: 20px;\r\n padding-bottom: 10px;\r\n border-bottom: 1px solid var(--light-gray);\r\n font-weight: 500;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .section-title i {\r\n color: var(--primary);\r\n }\r\n\r\n .intro-text {\r\n font-size: 1.1rem;\r\n color: var(--dark);\r\n margin-bottom: 25px;\r\n line-height: 1.7;\r\n }\r\n\r\n .criteria-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 20px;\r\n margin-top: 20px;\r\n }\r\n\r\n .criteria-card {\r\n background: var(--light);\r\n border-radius: var(--border-radius);\r\n padding: 20px;\r\n border-left: 3px solid var(--primary);\r\n transition: var(--transition);\r\n }\r\n\r\n .criteria-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .criteria-card h3 {\r\n color: var(--primary);\r\n margin-bottom: 15px;\r\n font-size: 1.2rem;\r\n font-weight: 500;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .criteria-list {\r\n list-style-type: none;\r\n }\r\n\r\n .criteria-list li {\r\n padding: 8px 0;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n font-weight: 400;\r\n }\r\n\r\n .criteria-list li i {\r\n color: var(--primary);\r\n margin-top: 5px;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .fields-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 20px;\r\n margin-top: 20px;\r\n }\r\n\r\n .field-card {\r\n background: white;\r\n border-radius: var(--border-radius);\r\n padding: 20px;\r\n text-align: center;\r\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);\r\n border: 1px solid var(--light-gray);\r\n transition: var(--transition);\r\n }\r\n\r\n .field-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);\r\n border-color: var(--primary-light);\r\n }\r\n\r\n .field-card i {\r\n font-size: 2.2rem;\r\n color: var(--primary);\r\n margin-bottom: 15px;\r\n background: var(--light);\r\n width: 70px;\r\n height: 70px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 15px;\r\n }\r\n\r\n .field-card h3 {\r\n color: var(--dark);\r\n margin-bottom: 10px;\r\n font-size: 1.1rem;\r\n font-weight: 500;\r\n }\r\n\r\n .methods-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 20px;\r\n margin-top: 20px;\r\n }\r\n\r\n .method-card {\r\n background: white;\r\n border-radius: var(--border-radius);\r\n padding: 25px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n transition: var(--transition);\r\n border: 1px solid var(--light-gray);\r\n }\r\n\r\n .method-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);\r\n border-color: var(--primary-light);\r\n }\r\n\r\n .method-card i {\r\n font-size: 2rem;\r\n color: var(--primary);\r\n margin-bottom: 15px;\r\n background: var(--light);\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .method-card h3 {\r\n color: var(--dark);\r\n margin-bottom: 10px;\r\n font-size: 1.2rem;\r\n font-weight: 500;\r\n }\r\n\r\n .method-card p {\r\n color: var(--gray);\r\n line-height: 1.6;\r\n }\r\n\r\n .highlight-box {\r\n background: linear-gradient(135deg, var(--primary), var(--primary-dark));\r\n color: white;\r\n padding: 25px;\r\n border-radius: var(--border-radius);\r\n text-align: center;\r\n margin-top: 30px;\r\n }\r\n\r\n .highlight-box h2 {\r\n font-size: 1.5rem;\r\n margin-bottom: 15px;\r\n font-weight: 500;\r\n }\r\n\r\n .highlight-box p {\r\n font-size: 1.1rem;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n line-height: 1.7;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .tabs-header {\r\n flex-direction: column;\r\n }\r\n \r\n .tab-btn {\r\n min-width: 100%;\r\n justify-content: flex-start;\r\n padding: 15px 20px;\r\n }\r\n \r\n .tabs-content {\r\n padding: 20px;\r\n }\r\n \r\n .criteria-grid, .fields-grid, .methods-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"members-tabs-container\">\r\n <div class=\"tabs-header\">\r\n <button class=\"tab-btn active\" data-tab=\"intro\">\r\n <i class=\"fas fa-info-circle\"><\/i> \u0645\u0642\u062f\u0645\u0629\r\n <\/button>\r\n <button class=\"tab-btn\" data-tab=\"mechanism\">\r\n <i class=\"fas fa-cogs\"><\/i> \u0622\u0644\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u0642\u0637\u0627\u0628\r\n <\/button>\r\n <button class=\"tab-btn\" data-tab=\"conditions\">\r\n <i class=\"fas fa-clipboard-check\"><\/i> \u0634\u0631\u0648\u0637 \u0627\u0644\u0639\u0636\u0648\u064a\u0629\r\n <\/button>\r\n <button class=\"tab-btn\" data-tab=\"fields\">\r\n <i class=\"fas fa-bullseye\"><\/i> \u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629\r\n <\/button>\r\n <button class=\"tab-btn\" data-tab=\"methods\">\r\n <i class=\"fas fa-network-wired\"><\/i> \u0637\u0631\u0642 \u0627\u0644\u0627\u0633\u062a\u0642\u0637\u0627\u0628\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"tabs-content\">\r\n <!-- \u0645\u0642\u062f\u0645\u0629 -->\r\n <div class=\"tab-panel active\" id=\"intro\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-info-circle\"><\/i> \u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0639\u0627\u0645\u0644\u064a\u0646 \u0641\u064a \u0627\u0644\u062c\u0645\u0639\u064a\u0629<\/h2>\r\n <p class=\"intro-text\">\r\n \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u062a\u0641\u062a\u062d \u0623\u0628\u0648\u0627\u0628\u0647\u0627 \u0644\u0643\u0644 \u0645\u0646 \u0627\u0644\u0631\u062c\u0627\u0644 \u0648\u0627\u0644\u0646\u0633\u0627\u0621\u060c \u0648\u062a\u0624\u0645\u0646 \u0628\u0636\u0631\u0648\u0631\u0629 \u062a\u0643\u0627\u062a\u0641 \u062c\u0645\u064a\u0639 \u0641\u0626\u0627\u062a \u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u0644\u062f\u0639\u0645 \u0631\u0633\u0627\u0644\u062a\u0647\u0627 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641\u0647\u0627.\r\n <\/p>\r\n \r\n <div class=\"highlight-box\">\r\n <h2>\u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0639\u0627\u0626\u0644\u062a\u0646\u0627<\/h2>\r\n <p>\u0646\u062d\u0646 \u0646\u0624\u0645\u0646 \u0628\u0623\u0646 \u0642\u0648\u0629 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u062a\u0643\u0645\u0646 \u0641\u064a \u062a\u0646\u0648\u0639 \u062e\u0628\u0631\u0627\u062a \u0623\u0639\u0636\u0627\u0626\u0647\u0627 \u0648\u062a\u0643\u0627\u062a\u0641\u0647\u0645 \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641\u0646\u0627 \u0627\u0644\u0645\u0634\u062a\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u062a\u0631\u0627\u062b \u0627\u0644\u062b\u0642\u0627\u0641\u064a \u0648\u062a\u0639\u0632\u064a\u0632\u0647<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0622\u0644\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u0642\u0637\u0627\u0628 -->\r\n <div class=\"tab-panel\" id=\"mechanism\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-cogs\"><\/i> \u0622\u0644\u064a\u0629 \u0627\u0633\u062a\u0642\u0637\u0627\u0628 \u0627\u0644\u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0627\u0639\u0644\u064a\u0646<\/h2>\r\n <p class=\"intro-text\">\r\n \u0646\u0638\u0631\u064b\u0627 \u0644\u0623\u0647\u0645\u064a\u0629 \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0648\u062a\u062e\u0635\u0635\u0647\u0627 \u0641\u064a \u0627\u0644\u062a\u0631\u0627\u062b \u0627\u0644\u062b\u0642\u0627\u0641\u064a\u060c \u0641\u0625\u0646\u0647\u0627 \u062a\u0633\u0639\u0649 \u0644\u0627\u0633\u062a\u0642\u0637\u0627\u0628 \u0623\u0639\u0636\u0627\u0621 \u0645\u0624\u062b\u0631\u064a\u0646 \u0648\u0645\u0624\u0633\u0633\u064a\u0646\u060c \u0633\u0648\u0627\u0621 \u0645\u0646 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u062e\u0628\u0631\u0629 \u0623\u0648 \u0627\u0644\u0645\u0647\u062a\u0645\u064a\u0646 \u0628\u0627\u0644\u0645\u062c\u0627\u0644.\r\n <\/p>\r\n \r\n <div class=\"methods-grid\">\r\n <div class=\"method-card\">\r\n <i class=\"fas fa-search\"><\/i>\r\n <h3>\u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a<\/h3>\r\n <p>\u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0645\u0624\u062b\u0631\u064a\u0646 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0646 \u0645\u0646 \u0630\u0648\u064a \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0627\u0647\u062a\u0645\u0627\u0645 \u0628\u0627\u0644\u0645\u062c\u0627\u0644<\/p>\r\n <\/div>\r\n <div class=\"method-card\">\r\n <i class=\"fas fa-bullseye\"><\/i>\r\n <h3>\u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u062a\u062e\u0635\u0635<\/h3>\r\n <p>\u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0641\u064a \u0627\u0644\u062a\u0631\u0627\u062b \u0627\u0644\u062b\u0642\u0627\u0641\u064a \u0648\u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0647<\/p>\r\n <\/div>\r\n <div class=\"method-card\">\r\n <i class=\"fas fa-handshake\"><\/i>\r\n <h3>\u0628\u0646\u0627\u0621 \u0627\u0644\u0634\u0631\u0627\u0643\u0627\u062a<\/h3>\r\n <p>\u0628\u0646\u0627\u0621 \u0634\u0631\u0627\u0643\u0627\u062a \u0645\u0639 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0648\u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0627\u0644\u0639\u0627\u0645\u0644\u064a\u0646 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u062a\u0631\u0627\u062b \u0627\u0644\u062b\u0642\u0627\u0641\u064a<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0634\u0631\u0648\u0637 \u0627\u0644\u0639\u0636\u0648\u064a\u0629 -->\r\n <div class=\"tab-panel\" id=\"conditions\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-clipboard-check\"><\/i> \u0634\u0631\u0648\u0637 \u0627\u0644\u0639\u0636\u0648\u064a\u0629 \u0641\u064a \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u0639\u0645\u0648\u0645\u064a\u0629<\/h2>\r\n <p class=\"intro-text\">\r\n \u0646\u0638\u0631\u064b\u0627 \u0644\u0623\u0647\u0645\u064a\u0629 \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0648\u062a\u062e\u0635\u0635\u0647\u0627 \u0641\u064a \u0627\u0644\u062a\u0631\u0627\u062b \u0627\u0644\u062b\u0642\u0627\u0641\u064a\u060c \u0641\u0625\u0646\u0647\u0627 \u062a\u0633\u0639\u0649 \u0644\u0627\u0633\u062a\u0642\u0637\u0627\u0628 \u0623\u0639\u0636\u0627\u0621 \u0645\u0624\u062b\u0631\u064a\u0646 \u0648\u0645\u0624\u0633\u0633\u064a\u0646\u060c \u0633\u0648\u0627\u0621 \u0645\u0646 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u062e\u0628\u0631\u0629 \u0623\u0648 \u0627\u0644\u0645\u0647\u062a\u0645\u064a\u0646 \u0628\u0627\u0644\u0645\u062c\u0627\u0644.\r\n <\/p>\r\n \r\n <div class=\"criteria-grid\">\r\n <div class=\"criteria-card\">\r\n <h3><i class=\"fas fa-user\"><\/i> \u0627\u0644\u0634\u0631\u0648\u0637 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/h3>\r\n <ul class=\"criteria-list\">\r\n <li><i class=\"fas fa-check\"><\/i> \u0623\u0646 \u064a\u0643\u0648\u0646 \u0633\u0639\u0648\u062f\u064a \u0627\u0644\u062c\u0646\u0633\u064a\u0629<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> \u0623\u0644\u0627 \u064a\u0642\u0644 \u0639\u0645\u0631\u0647 \u0639\u0646 18 \u0639\u0627\u0645\u064b\u0627<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> \u0623\u0646 \u064a\u0643\u0648\u0646 \u0643\u0627\u0645\u0644 \u0627\u0644\u0623\u0647\u0644\u064a\u0629 \u0648\u062d\u0633\u0646 \u0627\u0644\u0633\u064a\u0631\u0629 \u0648\u0627\u0644\u0633\u0644\u0648\u0643<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"criteria-card\">\r\n <h3><i class=\"fas fa-file-alt\"><\/i> \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0625\u0636\u0627\u0641\u064a\u0629<\/h3>\r\n <ul class=\"criteria-list\">\r\n <li><i class=\"fas fa-check\"><\/i> \u0623\u0644\u0627 \u064a\u0643\u0648\u0646 \u0642\u062f \u0635\u062f\u0631 \u0628\u062d\u0642\u0647 \u062d\u0643\u0645 \u0646\u0647\u0627\u0626\u064a \u0641\u064a \u062c\u0631\u064a\u0645\u0629 \u0645\u062e\u0644\u0629 \u0628\u0627\u0644\u0634\u0631\u0641 \u0623\u0648 \u0627\u0644\u0623\u0645\u0627\u0646\u0629\u060c \u0645\u0627 \u0644\u0645 \u064a\u0631\u062f \u0625\u0644\u064a\u0647 \u0627\u0639\u062a\u0628\u0627\u0631\u0647<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0633\u062f\u0627\u062f \u0627\u0634\u062a\u0631\u0627\u0643 \u0627\u0644\u0639\u0636\u0648\u064a\u0629<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629\u060c \u0645\u062a\u0636\u0645\u0646\u0629\u064b \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0648\u0627\u0644\u0645\u0647\u0646\u064a\u0629\u060c \u0648\u0635\u0648\u0631\u0629 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629\u060c \u0648\u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629 -->\r\n <div class=\"tab-panel\" id=\"fields\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-bullseye\"><\/i> \u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629 \u0644\u0627\u0633\u062a\u0642\u0637\u0627\u0628 \u0627\u0644\u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0627\u0639\u0644\u064a\u0646<\/h2>\r\n <p class=\"intro-text\">\u062a\u0633\u0639\u0649 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0644\u0636\u0645 \u0643\u0648\u0627\u062f\u0631 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629:<\/p>\r\n \r\n <div class=\"fields-grid\">\r\n <div class=\"field-card\">\r\n <i class=\"fas fa-briefcase\"><\/i>\r\n <h3>\u0631\u062c\u0627\u0644 \u0623\u0639\u0645\u0627\u0644 \u0648\u0631\u0648\u0627\u062f \u0623\u0639\u0645\u0627\u0644<\/h3>\r\n <\/div>\r\n <div class=\"field-card\">\r\n <i class=\"fas fa-landmark\"><\/i>\r\n <h3>\u0645\u062a\u062e\u0635\u0635\u0648\u0646 \u0641\u064a \u0627\u0644\u062b\u0642\u0627\u0641\u0629\u060c \u0627\u0644\u062a\u0631\u0627\u062b\u060c \u0627\u0644\u062a\u0627\u0631\u064a\u062e\u060c \u0627\u0644\u0622\u062b\u0627\u0631\u060c \u0648\u0627\u0644\u0628\u064a\u0626\u0629<\/h3>\r\n <\/div>\r\n <div class=\"field-card\">\r\n <i class=\"fas fa-globe-americas\"><\/i>\r\n <h3>\u0645\u062a\u062e\u0635\u0635\u0648\u0646 \u0641\u064a \u0627\u0644\u0633\u064a\u0627\u062d\u0629 \u0648\u0627\u0644\u0623\u0646\u062b\u0631\u0648\u0628\u0648\u0644\u0648\u062c\u064a\u0627 \u0648\u0627\u0644\u062c\u063a\u0631\u0627\u0641\u064a\u0627 \u0648\u0627\u0644\u0623\u062f\u0628<\/h3>\r\n <\/div>\r\n <div class=\"field-card\">\r\n <i class=\"fas fa-laptop-code\"><\/i>\r\n <h3>\u062e\u0628\u0631\u0627\u0621 \u0641\u064a \u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0648\u0627\u0644\u0641\u0646\u0648\u0646 \u0648\u0627\u0644\u062d\u0631\u0641 \u0627\u0644\u064a\u062f\u0648\u064a\u0629<\/h3>\r\n <\/div>\r\n <div class=\"field-card\">\r\n <i class=\"fas fa-chart-line\"><\/i>\r\n <h3>\u0645\u062a\u062e\u0635\u0635\u0648\u0646 \u0641\u064a \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u060c \u0627\u0644\u0646\u0634\u0631\u060c \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0645<\/h3>\r\n <\/div>\r\n <div class=\"field-card\">\r\n <i class=\"fas fa-user-tie\"><\/i>\r\n <h3>\u062e\u0628\u0631\u0627\u0621 \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0648\u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0645\u0646\u0634\u0622\u062a \u0627\u0644\u0646\u0627\u062c\u062d\u0629<\/h3>\r\n <\/div>\r\n <div class=\"field-card\">\r\n <i class=\"fas fa-users-cog\"><\/i>\r\n <h3>\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u064a\u0627\u062f\u064a\u0629 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0637\u0631\u0642 \u0627\u0644\u0627\u0633\u062a\u0642\u0637\u0627\u0628 -->\r\n <div class=\"tab-panel\" id=\"methods\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-network-wired\"><\/i> \u0637\u0631\u0642 \u0627\u0644\u0627\u0633\u062a\u0642\u0637\u0627\u0628<\/h2>\r\n \r\n <div class=\"methods-grid\">\r\n <div class=\"method-card\">\r\n <i class=\"fas fa-handshake\"><\/i>\r\n <h3>\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0645\u0639 \u0627\u0644\u062c\u0647\u0627\u062a<\/h3>\r\n <p>\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0645\u0639 \u0645\u062c\u0644\u0633 \u0627\u0644\u062c\u0645\u0639\u064a\u0627\u062a \u0627\u0644\u062a\u0639\u0627\u0648\u0646\u064a\u0629 \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u062d\u062a\u064a\u0627\u062c \u0645\u0646\u0637\u0642\u0629 \u062d\u0627\u0626\u0644<\/p>\r\n <\/div>\r\n <div class=\"method-card\">\r\n <i class=\"fas fa-lightbulb\"><\/i>\r\n <h3>\u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0627\u0644\u062a\u062c\u0627\u0631\u0628<\/h3>\r\n <p>\u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u062c\u0645\u0639\u064a\u0627\u062a \u0627\u0644\u0623\u062e\u0631\u0649 \u0641\u064a \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0641\u0639\u0627\u0644\u0629<\/p>\r\n <\/div>\r\n <div class=\"method-card\">\r\n <i class=\"fas fa-user-friends\"><\/i>\r\n <h3>\u0627\u0644\u0645\u0642\u0627\u0628\u0644\u0627\u062a \u0627\u0644\u0634\u062e\u0635\u064a\u0629<\/h3>\r\n <p>\u0645\u0642\u0627\u0628\u0644\u0629 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0648\u0627\u0644\u062f\u0639\u0648\u0627\u062a \u0644\u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a \u062a\u0639\u0631\u064a\u0641\u064a\u0629<\/p>\r\n <\/div>\r\n <div class=\"method-card\">\r\n <i class=\"fas fa-comments\"><\/i>\r\n <h3>\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u062d\u062f\u064a\u062b<\/h3>\r\n <p>\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0627\u0644\u0645\u062e\u062a\u0635\u064a\u0646 \u0639\u0628\u0631 \u0627\u0644\u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0648\u062f\u0639\u0648\u062a\u0647\u0645 \u0644\u0644\u0627\u0646\u0636\u0645\u0627\u0645<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const tabBtns = document.querySelectorAll('.tab-btn');\r\n const tabPanels = document.querySelectorAll('.tab-panel');\r\n \r\n tabBtns.forEach(btn => {\r\n btn.addEventListener('click', function() {\r\n \/\/ \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0646\u0634\u0627\u0637 \u0645\u0646 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0632\u0647\u0627\u0631\r\n tabBtns.forEach(b => b.classList.remove('active'));\r\n \/\/ \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0646\u0634\u0627\u0637 \u0644\u0644\u0632\u0631 \u0627\u0644\u0645\u062e\u062a\u0627\u0631\r\n this.classList.add('active');\r\n \r\n \/\/ \u0625\u062e\u0641\u0627\u0621 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062d\u062a\u0648\u064a\u0627\u062a\r\n tabPanels.forEach(panel => panel.classList.remove('active'));\r\n \r\n \/\/ \u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\r\n const tabId = this.getAttribute('data-tab');\r\n document.getElementById(tabId).classList.add('active');\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b8b2981 e-flex e-con-boxed e-con e-parent\" data-id=\"b8b2981\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85d84f1 elementor-widget elementor-widget-heading\" data-id=\"85d84f1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0623\u0639\u0636\u0627\u0621 \u0645\u062c\u0644\u0633 \u0627\u0644\u0625\u062f\u0627\u0631\u0629<\/h2>\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>  \u0645\u0642\u062f\u0645\u0629 \u0622\u0644\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u0642\u0637\u0627\u0628 \u0634\u0631\u0648\u0637 \u0627\u0644\u0639\u0636\u0648\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629 \u0637\u0631\u0642 \u0627\u0644\u0627\u0633\u062a\u0642\u0637\u0627\u0628 \u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0639\u0627\u0645\u0644\u064a\u0646 \u0641\u064a \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u062a\u0641\u062a\u062d \u0623\u0628\u0648\u0627\u0628\u0647\u0627 \u0644\u0643\u0644 \u0645\u0646 \u0627\u0644\u0631\u062c\u0627\u0644 \u0648\u0627\u0644\u0646\u0633\u0627\u0621\u060c \u0648\u062a\u0624\u0645\u0646 \u0628\u0636\u0631\u0648\u0631\u0629 \u062a\u0643\u0627\u062a\u0641 \u062c\u0645\u064a\u0639 \u0641\u0626\u0627\u062a \u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u0644\u062f\u0639\u0645 \u0631\u0633\u0627\u0644\u062a\u0647\u0627 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641\u0647\u0627. \u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0639\u0627\u0626\u0644\u062a\u0646\u0627 \u0646\u062d\u0646 \u0646\u0624\u0645\u0646 \u0628\u0623\u0646 \u0642\u0648\u0629 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u062a\u0643\u0645\u0646 \u0641\u064a \u062a\u0646\u0648\u0639 \u062e\u0628\u0631\u0627\u062a \u0623\u0639\u0636\u0627\u0626\u0647\u0627 \u0648\u062a\u0643\u0627\u062a\u0641\u0647\u0645 \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641\u0646\u0627 \u0627\u0644\u0645\u0634\u062a\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u062a\u0631\u0627\u062b \u0627\u0644\u062b\u0642\u0627\u0641\u064a \u0648\u062a\u0639\u0632\u064a\u0632\u0647 \u0622\u0644\u064a\u0629 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-1065","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/hadarat-hail.org.sa\/index.php?rest_route=\/wp\/v2\/pages\/1065","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hadarat-hail.org.sa\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hadarat-hail.org.sa\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hadarat-hail.org.sa\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hadarat-hail.org.sa\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1065"}],"version-history":[{"count":16,"href":"https:\/\/hadarat-hail.org.sa\/index.php?rest_route=\/wp\/v2\/pages\/1065\/revisions"}],"predecessor-version":[{"id":2484,"href":"https:\/\/hadarat-hail.org.sa\/index.php?rest_route=\/wp\/v2\/pages\/1065\/revisions\/2484"}],"wp:attachment":[{"href":"https:\/\/hadarat-hail.org.sa\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}