{"id":18749,"date":"2025-12-24T10:11:49","date_gmt":"2025-12-24T07:11:49","guid":{"rendered":"https:\/\/hosnalhayah.org.sa\/?page_id=18749"},"modified":"2025-12-24T10:15:14","modified_gmt":"2025-12-24T07:15:14","slug":"%d8%a7%d9%84%d9%82%d9%8a%d9%85","status":"publish","type":"page","link":"https:\/\/hosnalhayah.org.sa\/?page_id=18749","title":{"rendered":"\u0627\u0644\u0642\u064a\u0645"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18749\" class=\"elementor elementor-18749\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2031f125 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2031f125\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-33293563\" data-id=\"33293563\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7b15c481 elementor-widget elementor-widget-text-editor\" data-id=\"7b15c481\" 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<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        }\n        \n        body {\n            background-color: #f5f9ff;\n            color: #333;\n            line-height: 1.6;\n            padding: 20px;\n            background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n        }\n        \n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n        \n        header {\n            text-align: center;\n            margin-bottom: 40px;\n            padding: 20px;\n            background: linear-gradient(to right, #1e3c72, #2a5298);\n            color: white;\n            border-radius: 15px;\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n        }\n        \n        h1 {\n            font-size: 2.8rem;\n            margin-bottom: 10px;\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n        }\n        \n        .subtitle {\n            font-size: 1.2rem;\n            opacity: 0.9;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        \n        .values-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n            gap: 25px;\n            margin-bottom: 40px;\n        }\n        \n        .value-card {\n            background-color: white;\n            border-radius: 15px;\n            overflow: hidden;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\n            transition: all 0.3s ease;\n            border-top: 5px solid #2a5298;\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n        }\n        \n        .value-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n        }\n        \n        .value-icon {\n            background: linear-gradient(to right, #1e3c72, #2a5298);\n            color: white;\n            padding: 25px;\n            text-align: center;\n            font-size: 2.8rem;\n        }\n        \n        .value-content {\n            padding: 25px;\n            flex-grow: 1;\n            display: flex;\n            flex-direction: column;\n        }\n        \n        .value-title {\n            font-size: 1.6rem;\n            color: #1e3c72;\n            margin-bottom: 15px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n        \n        .value-description {\n            color: #555;\n            font-size: 1.05rem;\n            line-height: 1.7;\n            flex-grow: 1;\n        }\n        \n        .value-number {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 35px;\n            height: 35px;\n            background-color: #1e3c72;\n            color: white;\n            border-radius: 50%;\n            font-weight: bold;\n            font-size: 1.1rem;\n        }\n        \n        footer {\n            text-align: center;\n            margin-top: 40px;\n            padding: 20px;\n            color: #666;\n            font-size: 0.95rem;\n            border-top: 1px solid #ddd;\n        }\n        \n        .highlight {\n            color: #1e3c72;\n            font-weight: bold;\n        }\n        \n        @media (max-width: 768px) {\n            .values-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            h1 {\n                font-size: 2.2rem;\n            }\n        }\n        \n        \/* \u062a\u062e\u0635\u064a\u0635\u0627\u062a \u0644\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a *\/\n        .fa-hands-praying { color: #4CAF50; }\n        .fa-handshake { color: #2196F3; }\n        .fa-medal { color: #FF9800; }\n        .fa-eye { color: #9C27B0; }\n        .fa-file-signature { color: #F44336; }\n        .fa-people-group { color: #009688; }\n        .fa-lightbulb { color: #FFC107; }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <header>\n            <h1>\u0627\u0644\u0642\u064a\u0645 <\/h1>\n            <p class=\"subtitle\">\u062a\u0639\u062a\u0628\u0631 \u0647\u0630\u0647 \u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u0623\u0633\u0627\u0633 \u0627\u0644\u0630\u064a \u062a\u0631\u062a\u0643\u0632 \u0639\u0644\u064a\u0647 \u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u0648\u062a\u0648\u062c\u0647 \u0642\u0631\u0627\u0631\u0627\u062a\u0646\u0627 \u0648\u062a\u0639\u0643\u0633 \u0647\u0648\u064a\u062a\u0646\u0627 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u062a\u064a \u0646\u0639\u062a\u0632 \u0628\u0647\u0627<\/p>\n        <\/header>\n        \n        <main>\n            <div class=\"values-grid\">\n                <!-- \u0642\u064a\u0645\u0629 1: \u062a\u0642\u0648\u0649 \u0627\u0644\u0644\u0647 -->\n                <div class=\"value-card\">\n                    <div class=\"value-icon\">\n                        <i class=\"fas fa-hands-praying\"><\/i>\n                    <\/div>\n                    <div class=\"value-content\">\n                        <h2 class=\"value-title\">\n                            <span class=\"value-number\">1<\/span>\n                            \u062a\u0642\u0648\u0649 \u0627\u0644\u0644\u0647\n                        <\/h2>\n                        <p class=\"value-description\">\n                            \u0646\u0644\u062a\u0632\u0645 \u0628\u062a\u0642\u0648\u0649 \u0627\u0644\u0644\u0647 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u0648\u062a\u0635\u0631\u0641\u0627\u062a\u0646\u0627\u060c \u062d\u064a\u062b \u0646\u0636\u0639 \u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0644\u0647 \u0646\u0635\u0628 \u0623\u0639\u064a\u0646\u0646\u0627 \u0641\u064a \u0643\u0644 \u0642\u0631\u0627\u0631 \u0646\u062a\u062e\u0630\u0647 \u0648\u0639\u0644\u0627\u0642\u0629 \u0646\u0628\u0646\u064a\u0647\u0627. \u0646\u062d\u0631\u0635 \u0639\u0644\u0649 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u0623\u062e\u0644\u0627\u0642\u064a\u0629 \u0648\u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629 \u0641\u064a \u062a\u0639\u0627\u0645\u0644\u0627\u062a\u0646\u0627 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0648\u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- \u0642\u064a\u0645\u0629 2: \u0627\u0644\u0645\u0648\u062b\u0648\u0642\u064a\u0629 -->\n                <div class=\"value-card\">\n                    <div class=\"value-icon\">\n                        <i class=\"fas fa-handshake\"><\/i>\n                    <\/div>\n                    <div class=\"value-content\">\n                        <h2 class=\"value-title\">\n                            <span class=\"value-number\">2<\/span>\n                            \u0627\u0644\u0645\u0648\u062b\u0648\u0642\u064a\u0629\n                        <\/h2>\n                        <p class=\"value-description\">\n                            \u0646\u062d\u0646 \u0646\u0639\u0645\u0644 \u0628\u062c\u062f \u0644\u0628\u0646\u0627\u0621 \u0633\u0645\u0639\u0629 \u0642\u0648\u064a\u0629 \u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u0645\u0648\u062b\u0648\u0642\u064a\u0629. \u0646\u0644\u062a\u0632\u0645 \u0628\u0627\u0644\u0648\u0641\u0627\u0621 \u0628\u0648\u0639\u0648\u062f\u0646\u0627 \u0648\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a\u0646\u0627 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062d\u062f\u062f \u0648\u0628\u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629\u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644\u0646\u0627 \u0634\u0631\u064a\u0643\u0627\u064b \u0645\u0648\u062b\u0648\u0642\u0627\u064b \u0628\u0647 \u0644\u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0646\u0627 \u0648\u0634\u0631\u0643\u0627\u0626\u0646\u0627.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- \u0642\u064a\u0645\u0629 3: \u0627\u0644\u062a\u0645\u064a\u0632 -->\n                <div class=\"value-card\">\n                    <div class=\"value-icon\">\n                        <i class=\"fas fa-medal\"><\/i>\n                    <\/div>\n                    <div class=\"value-content\">\n                        <h2 class=\"value-title\">\n                            <span class=\"value-number\">3<\/span>\n                            \u0627\u0644\u062a\u0645\u064a\u0632\n                        <\/h2>\n                        <p class=\"value-description\">\n                            \u0646\u0633\u0639\u0649 \u062f\u0627\u0626\u0645\u0627\u064b \u0644\u0644\u062a\u0645\u064a\u0632 \u0641\u064a \u0643\u0644 \u0645\u0627 \u0646\u0642\u062f\u0645\u0647\u060c \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0623\u062f\u0627\u0621. \u0646\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0641\u064a \u0639\u0645\u0644\u064a\u0627\u062a\u0646\u0627 \u0648\u062e\u062f\u0645\u0627\u062a\u0646\u0627\u060c \u0648\u0646\u062a\u062d\u062f\u0649 \u0623\u0646\u0641\u0633\u0646\u0627 \u0644\u0644\u0627\u0631\u062a\u0642\u0627\u0621 \u0628\u0645\u0633\u062a\u0648\u0649 \u0625\u0646\u062c\u0627\u0632\u0627\u062a\u0646\u0627 \u0648\u062a\u062c\u0627\u0648\u0632 \u062a\u0648\u0642\u0639\u0627\u062a \u0639\u0645\u0644\u0627\u0626\u0646\u0627.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- \u0642\u064a\u0645\u0629 4: \u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 -->\n                <div class=\"value-card\">\n                    <div class=\"value-icon\">\n                        <i class=\"fas fa-eye\"><\/i>\n                    <\/div>\n                    <div class=\"value-content\">\n                        <h2 class=\"value-title\">\n                            <span class=\"value-number\">4<\/span>\n                            \u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629\n                        <\/h2>\n                        <p class=\"value-description\">\n                            \u0646\u0624\u0645\u0646 \u0628\u0623\u0647\u0645\u064a\u0629 \u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0648\u0636\u0648\u062d \u0641\u064a \u062c\u0645\u064a\u0639 \u062a\u0639\u0627\u0645\u0644\u0627\u062a\u0646\u0627. \u0646\u062a\u0628\u0646\u0649 \u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0645\u0641\u062a\u0648\u062d \u0648\u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0629 \u0627\u0644\u062f\u0642\u064a\u0642\u0629\u060c \u0648\u0646\u062d\u0631\u0635 \u0639\u0644\u0649 \u062a\u0648\u062b\u064a\u0642 \u0648\u0625\u064a\u0636\u0627\u062d \u062c\u0645\u064a\u0639 \u0645\u0633\u062a\u0641\u064a\u062f\u064a\u062a\u0646\u0627 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062b\u0642\u0629 \u0627\u0644\u0645\u062a\u0628\u0627\u062f\u0644\u0629 \u0645\u0639 \u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0646\u0627 \u0648\u0645\u0648\u0638\u0641\u064a\u0646\u0627 \u0648\u0634\u0631\u0643\u0627\u0626\u0646\u0627.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- \u0642\u064a\u0645\u0629 5: \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 -->\n                <div class=\"value-card\">\n                    <div class=\"value-icon\">\n                        <i class=\"fas fa-file-signature\"><\/i>\n                    <\/div>\n                    <div class=\"value-content\">\n                        <h2 class=\"value-title\">\n                            <span class=\"value-number\">5<\/span>\n                            \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645\n                        <\/h2>\n                        <p class=\"value-description\">\n                            \u0646\u0644\u062a\u0632\u0645 \u0628\u062a\u062d\u0645\u0644 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u062a\u062c\u0627\u0647 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u0634\u0631\u0643\u0627\u0626\u0646\u0627 \u0648\u0645\u062c\u062a\u0645\u0639\u0646\u0627. \u0646\u0641\u064a \u0628\u0648\u0639\u0648\u062f\u0646\u0627 \u0648\u0646\u062d\u062a\u0631\u0645 \u0639\u0642\u0648\u062f\u0646\u0627 \u0648\u0627\u062a\u0641\u0627\u0642\u064a\u0627\u062a\u0646\u0627\u060c \u0648\u0646\u062d\u0631\u0635 \u0639\u0644\u0649 \u062a\u0646\u0641\u064a\u0630 \u062c\u0645\u064a\u0639 \u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a\u0646\u0627 \u0628\u062f\u0642\u0629 \u0648\u0625\u062a\u0642\u0627\u0646\u060c \u0645\u0645\u0627 \u064a\u0639\u0643\u0633 \u062c\u062f\u064a\u062a\u0646\u0627 \u0648\u0645\u0635\u062f\u0627\u0642\u064a\u062a\u0646\u0627 \u0641\u064a \u0627\u0644\u0639\u0645\u0644.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- \u0642\u064a\u0645\u0629 6: \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0648\u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062c\u0645\u0627\u0639\u064a -->\n                <div class=\"value-card\">\n                    <div class=\"value-icon\">\n                        <i class=\"fas fa-people-group\"><\/i>\n                    <\/div>\n                    <div class=\"value-content\">\n                        <h2 class=\"value-title\">\n                            <span class=\"value-number\">6<\/span>\n                            \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0648\u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062c\u0645\u0627\u0639\u064a\n                        <\/h2>\n                        <p class=\"value-description\">\n                            \u0646\u0624\u0645\u0646 \u0628\u0642\u0648\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062c\u0645\u0627\u0639\u064a \u0648\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u0628\u0646\u0627\u0621 \u0628\u064a\u0646 \u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u0645\u0644. \u0646\u062d\u0641\u0632 \u062b\u0642\u0627\u0641\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0648\u062a\u0628\u0627\u062f\u0644 \u0627\u0644\u062e\u0628\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0639\u0627\u0631\u0641\u060c \u0648\u0646\u0639\u0645\u0644 \u0643\u0641\u0631\u064a\u0642 \u0648\u0627\u062d\u062f \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641\u0646\u0627 \u0627\u0644\u0645\u0634\u062a\u0631\u0643\u0629\u060c \u0645\u0639 \u062a\u0642\u062f\u064a\u0631\u0646\u0627 \u0644\u0644\u062a\u0646\u0648\u0639 \u0648\u0627\u0644\u0627\u062e\u062a\u0644\u0627\u0641 \u0641\u064a \u0648\u062c\u0647\u0627\u062a \u0627\u0644\u0646\u0638\u0631.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- \u0642\u064a\u0645\u0629 7: \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u0645\u0628\u0627\u062f\u0631\u0629 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a\u0629 -->\n                <div class=\"value-card\">\n                    <div class=\"value-icon\">\n                        <i class=\"fas fa-lightbulb\"><\/i>\n                    <\/div>\n                    <div class=\"value-content\">\n                        <h2 class=\"value-title\">\n                            <span class=\"value-number\">7<\/span>\n                            \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u0645\u0628\u0627\u062f\u0631\u0629 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a\u0629\n                        <\/h2>\n                        <p class=\"value-description\">\n                            \u0646\u0639\u0632\u0632 \u062b\u0642\u0627\u0641\u0629 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0641\u064a \u0628\u064a\u0626\u0629 \u0639\u0645\u0644\u0646\u0627\u060c \u0648\u0646\u0634\u062c\u0639 \u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u062e\u0627\u0631\u062c \u0627\u0644\u0635\u0646\u062f\u0648\u0642 \u0648\u062a\u0628\u0646\u064a \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0627\u0644\u062c\u062f\u064a\u062f\u0629. \u0646\u0643\u0627\u0641\u0626 \u0627\u0644\u0645\u0628\u0627\u062f\u0631\u0627\u062a \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0648\u0646\u0648\u0641\u0631 \u0627\u0644\u0628\u064a\u0626\u0629 \u0627\u0644\u062f\u0627\u0639\u0645\u0629 \u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u0628\u062a\u0643\u0631\u0629 \u0627\u0644\u062a\u064a \u062a\u0636\u064a\u0641 \u0642\u064a\u0645\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/main>\n        \n        <footer>\n            <p>\u00a9 2023 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629 | \u062a\u0645 \u062a\u0635\u0645\u064a\u0645 \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 \u0644\u0639\u0631\u0636 <span class=\"highlight\">\u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629<\/span> \u0628\u062a\u0635\u0645\u064a\u0645 \u0639\u0635\u0631\u064a \u0648\u062c\u0630\u0627\u0628<\/p>\n            <p>\u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0647\u064a \u0627\u0644\u062f\u0639\u0627\u0645\u0629 \u0627\u0644\u062a\u064a \u062a\u0642\u0648\u0645 \u0639\u0644\u064a\u0647\u0627 \u0627\u0644\u062c\u0645\u0639\u064a\u0627\u062a \u0627\u0644\u0646\u0627\u062c\u062d\u0629<\/p>\n        <\/footer>\n    <\/div>\n\n    <script>\n        \/\/ \u0625\u0636\u0627\u0641\u0629 \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0628\u0633\u064a\u0637\u0629\n        document.addEventListener('DOMContentLoaded', function() {\n            const cards = document.querySelectorAll('.value-card');\n            \n            cards.forEach(card => {\n                card.addEventListener('mouseenter', function() {\n                    this.style.borderTopColor = getRandomColor();\n                });\n                \n                card.addEventListener('mouseleave', function() {\n                    this.style.borderTopColor = '#2a5298';\n                });\n            });\n            \n            \/\/ \u062f\u0627\u0644\u0629 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0623\u0644\u0648\u0627\u0646 \u0639\u0634\u0648\u0627\u0626\u064a\u0629 (\u0644\u0644\u062a\u0641\u0627\u0639\u0644 \u0641\u0642\u0637)\n            function getRandomColor() {\n                const colors = ['#1e3c72', '#2a5298', '#4CAF50', '#2196F3', '#FF9800', '#9C27B0', '#F44336', '#009688', '#FFC107'];\n                return colors[Math.floor(Math.random() * colors.length)];\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629 \u0627\u0644\u0642\u064a\u0645 \u062a\u0639\u062a\u0628\u0631 \u0647\u0630\u0647 \u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u0623\u0633\u0627\u0633 \u0627\u0644\u0630\u064a \u062a\u0631\u062a\u0643\u0632 \u0639\u0644\u064a\u0647 \u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u0648\u062a\u0648\u062c\u0647 \u0642\u0631\u0627\u0631\u0627\u062a\u0646\u0627 \u0648\u062a\u0639\u0643\u0633 \u0647\u0648\u064a\u062a\u0646\u0627 \u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u062a\u064a \u0646\u0639\u062a\u0632 \u0628\u0647\u0627 1 \u062a\u0642\u0648\u0649 \u0627\u0644\u0644\u0647 \u0646\u0644\u062a\u0632\u0645 \u0628\u062a\u0642\u0648\u0649 \u0627\u0644\u0644\u0647 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u0648\u062a\u0635\u0631\u0641\u0627\u062a\u0646\u0627\u060c \u062d\u064a\u062b \u0646\u0636\u0639 \u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0644\u0647 \u0646\u0635\u0628 \u0623\u0639\u064a\u0646\u0646\u0627 \u0641\u064a \u0643\u0644 \u0642\u0631\u0627\u0631 \u0646\u062a\u062e\u0630\u0647 \u0648\u0639\u0644\u0627\u0642\u0629 \u0646\u0628\u0646\u064a\u0647\u0627. \u0646\u062d\u0631\u0635 \u0639\u0644\u0649 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u0623\u062e\u0644\u0627\u0642\u064a\u0629 \u0648\u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629 \u0641\u064a \u062a\u0639\u0627\u0645\u0644\u0627\u062a\u0646\u0627 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0648\u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629. 2 \u0627\u0644\u0645\u0648\u062b\u0648\u0642\u064a\u0629 \u0646\u062d\u0646 \u0646\u0639\u0645\u0644 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-18749","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hosnalhayah.org.sa\/index.php?rest_route=\/wp\/v2\/pages\/18749","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hosnalhayah.org.sa\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hosnalhayah.org.sa\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hosnalhayah.org.sa\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/hosnalhayah.org.sa\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18749"}],"version-history":[{"count":3,"href":"https:\/\/hosnalhayah.org.sa\/index.php?rest_route=\/wp\/v2\/pages\/18749\/revisions"}],"predecessor-version":[{"id":18752,"href":"https:\/\/hosnalhayah.org.sa\/index.php?rest_route=\/wp\/v2\/pages\/18749\/revisions\/18752"}],"wp:attachment":[{"href":"https:\/\/hosnalhayah.org.sa\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}