{"id":226055,"date":"2026-02-03T01:34:16","date_gmt":"2026-02-03T00:34:16","guid":{"rendered":"https:\/\/www.almadar.be\/?p=226055"},"modified":"2026-02-03T01:34:18","modified_gmt":"2026-02-03T00:34:18","slug":"%d9%86%d8%b4%d8%b1%d8%a9-%d8%ae%d8%a7%d8%b5%d8%a9-%d8%a7%d9%84%d8%af%d9%83%d8%aa%d9%88%d8%b1-%d9%85%d8%ad%d9%85%d9%88%d8%af-%d8%b4%d8%ad%d8%b1%d9%88%d8%b1-%d9%81%d9%83%d8%b1%d9%87-%d9%88%d8%b3","status":"publish","type":"post","link":"https:\/\/www.almadar.be\/?p=226055","title":{"rendered":"\u0646\u0634\u0631\u0629 \u062e\u0627\u0635\u0629: \u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0645\u062d\u0645\u0648\u062f \u0634\u062d\u0631\u0648\u0631 &#8211; \u0641\u0643\u0631\u0647 \u0648\u0633\u064a\u0631\u062a\u0647"},"content":{"rendered":"<div class='booster-block booster-read-block'>\n                <div class=\"twp-read-time\">\n                \t<i class=\"booster-icon twp-clock\"><\/i> <span>Read Time:<\/span>7 Minute, 14 Second                <\/div>\n\n            <\/div>\n<!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>\u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629 &#8211; \u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0645\u062d\u0645\u0648\u062f \u0634\u062d\u0631\u0648\u0631<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            font-family: 'Cairo', sans-serif;\n        }\n        \n        body {\n            background: linear-gradient(135deg, #fef9f3 0%, #f8fafc 100%);\n            min-height: 100vh;\n        }\n        \n        .section-card {\n            transition: all 0.4s ease;\n            border-right: 4px solid transparent;\n            background: white;\n        }\n        \n        .section-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);\n            border-right-color: #0ea5e9;\n        }\n        \n        .quote-box {\n            font-size: 1.1rem;\n            font-weight: 600;\n            color: #0c4a6e;\n            line-height: 1.9;\n            background: linear-gradient(to left, rgba(14, 165, 233, 0.08), transparent);\n            border-right: 4px solid #f97316;\n        }\n        \n        .section-title {\n            position: relative;\n            padding-bottom: 1rem;\n        }\n        \n        .section-title:after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            right: 0;\n            width: 80px;\n            height: 4px;\n            background: linear-gradient(to left, #0ea5e9, #f97316);\n        }\n        \n        .network-badge {\n            background-color: #f97316;\n            color: white;\n            font-size: 0.75rem;\n            font-weight: 700;\n            padding: 0.3rem 0.8rem;\n            border-radius: 4px;\n            display: inline-block;\n            letter-spacing: 0.5px;\n        }\n        \n        .timeline-badge {\n            background-color: #0ea5e9;\n            color: white;\n            font-size: 0.75rem;\n            font-weight: 700;\n            padding: 0.3rem 0.8rem;\n            border-radius: 4px;\n            display: inline-block;\n            letter-spacing: 0.5px;\n        }\n        \n        .concept-badge {\n            background-color: #10b981;\n            color: white;\n            font-size: 0.75rem;\n            font-weight: 600;\n            padding: 0.25rem 0.75rem;\n            border-radius: 20px;\n            display: inline-block;\n            margin-left: 0.5rem;\n            margin-bottom: 0.5rem;\n        }\n        \n        .header-gradient {\n            background: linear-gradient(135deg, #1e293b 0%, #334155 100%);\n        }\n        \n        .footer-gradient {\n            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\n        }\n        \n        .highlight-box {\n            background-color: #f0f9ff;\n            border-right: 4px solid #0ea5e9;\n        }\n        \n        .network-header {\n            color: #f97316;\n            font-weight: 800;\n            font-size: 1.1rem;\n            margin-bottom: 10px;\n            display: block;\n            border-bottom: 2px solid rgba(249, 115, 22, 0.2);\n            padding-bottom: 5px;\n        }\n        \n        .author-image {\n            filter: grayscale(15%);\n            transition: all 0.5s ease;\n        }\n        \n        .section-card:hover .author-image {\n            filter: grayscale(0%);\n            transform: scale(1.02);\n        }\n        \n        \/* Custom scrollbar *\/\n        ::-webkit-scrollbar {\n            width: 10px;\n        }\n        \n        ::-webkit-scrollbar-track {\n            background: #e5e7eb;\n        }\n        \n        ::-webkit-scrollbar-thumb {\n            background: #f97316;\n            border-radius: 5px;\n        }\n        \n        ::-webkit-scrollbar-thumb:hover {\n            background: #ea580c;\n        }\n        \n        @media (max-width: 768px) {\n            .author-image {\n                height: 200px;\n            }\n        }\n        \n        .pulse-animation {\n            animation: pulse 3s infinite;\n        }\n        \n        @keyframes pulse {\n            0%, 100% { opacity: 1; }\n            50% { opacity: 0.9; }\n        }\n        \n        .timeline-item {\n            position: relative;\n            padding-right: 30px;\n            margin-bottom: 30px;\n        }\n        \n        .timeline-item:before {\n            content: '';\n            position: absolute;\n            right: 0;\n            top: 0;\n            width: 16px;\n            height: 16px;\n            border-radius: 50%;\n            background-color: #f97316;\n            border: 3px solid white;\n            box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.3);\n        }\n        \n        .timeline-item:after {\n            content: '';\n            position: absolute;\n            right: 7px;\n            top: 16px;\n            width: 2px;\n            height: calc(100% + 14px);\n            background-color: #d1d5db;\n        }\n        \n        .timeline-item:last-child:after {\n            display: none;\n        }\n        \n        .book-card {\n            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n            border: 1px solid #e2e8f0;\n            transition: all 0.3s ease;\n        }\n        \n        .book-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n        }\n        \n        .image-container {\n            overflow: hidden;\n            border-radius: 8px;\n        }\n        \n        .image-container img {\n            transition: transform 0.5s ease;\n        }\n        \n        .image-container:hover img {\n            transform: scale(1.05);\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-gray-50\">\n    <!-- Header -->\n    <header class=\"header-gradient text-white shadow-2xl sticky top-0 z-50\">\n        <div class=\"container mx-auto px-4 py-6\">\n            <div class=\"flex flex-col md:flex-row justify-between items-center\">\n                <div class=\"flex items-center mb-4 md:mb-0\">\n                    <div class=\"bg-gradient-to-br from-orange-500 to-orange-600 rounded-full p-3 mr-4 shadow-lg\">\n                        <i class=\"fas fa-satellite-dish text-white text-2xl\"><\/i>\n                    <\/div>\n                    <div>\n                        <h1 class=\"text-2xl md:text-3xl font-bold\">\u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629<\/h1>\n                        <p class=\"text-gray-300 text-sm md:text-base\">\u0646\u0634\u0631\u0629 \u062e\u0627\u0635\u0629: \u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0645\u062d\u0645\u0648\u062f \u0634\u062d\u0631\u0648\u0631 &#8211; \u0641\u0643\u0631\u0647 \u0648\u0633\u064a\u0631\u062a\u0647<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"flex flex-col items-end\">\n                    <div class=\"text-sm mb-2 text-gray-300\">\n                        <i class=\"far fa-calendar-alt ml-1\"><\/i> <span id=\"current-date\"><\/span>\n                    <\/div>\n                    <div class=\"bg-gradient-to-r from-orange-500 to-orange-600 text-white font-bold py-1 px-4 rounded-full text-sm\">\n                        <i class=\"fas fa-user-graduate ml-1\"><\/i> \u0645\u0641\u0643\u0631 \u0625\u0633\u0644\u0627\u0645\u064a \u0645\u0639\u0627\u0635\u0631\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Introduction Section -->\n    <section class=\"container mx-auto px-4 py-8\">\n        <div class=\"bg-gradient-to-l from-orange-50 to-white rounded-2xl p-6 md:p-8 shadow-lg mb-10 border border-orange-100\">\n            <div class=\"flex flex-col md:flex-row items-center\">\n                <div class=\"md:w-2\/3 mb-6 md:mb-0 md:ml-8\">\n                    <span class=\"network-header\">\u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629<\/span>\n                    <h2 class=\"text-2xl md:text-3xl font-bold text-gray-900 mb-4\">\u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0645\u062d\u0645\u0648\u062f \u0634\u062d\u0631\u0648\u0631: \u0631\u062d\u0644\u0629 \u0641\u0643\u0631\u064a\u0629 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629<\/h2>\n                    <p class=\"text-gray-700 mb-4\">\n                        \u0645\u062d\u0645\u0648\u062f \u0634\u062d\u0631\u0648\u0631 (1938-2019) \u0645\u0641\u0643\u0631 \u0633\u0648\u0631\u064a \u0645\u0639\u0627\u0635\u0631\u060c \u0623\u062d\u062f \u0623\u0628\u0631\u0632 \u0627\u0644\u0645\u0646\u0638\u0631\u064a\u0646 \u0644\u0644\u0625\u0633\u0644\u0627\u0645 \u0627\u0644\u062a\u0642\u062f\u0645\u064a \u0641\u064a \u0627\u0644\u0639\u0635\u0631 \u0627\u0644\u062d\u062f\u064a\u062b. \u0627\u0634\u062a\u0647\u0631 \u0628\u0645\u0646\u0647\u062c\u0647 \u0627\u0644\u0646\u0642\u062f\u064a \u0641\u064a \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0646\u0635 \u0627\u0644\u0642\u0631\u0622\u0646\u064a\u060c \u0648\u062f\u0639\u0648\u062a\u0647 \u0625\u0644\u0649 \u062a\u062c\u062f\u064a\u062f \u0627\u0644\u0641\u0643\u0631 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a \u0645\u0646 \u062e\u0644\u0627\u0644 &#8220;\u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u0639\u0627\u0635\u0631\u0629 \u0644\u0644\u0642\u0631\u0622\u0646&#8221;. \u0642\u062f\u0645 \u0631\u0624\u064a\u0629 \u062c\u062f\u064a\u062f\u0629 \u062a\u062a\u062d\u062f\u0649 \u0627\u0644\u062a\u0641\u0633\u064a\u0631\u0627\u062a \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629 \u0648\u062a\u0633\u0639\u0649 \u0644\u0644\u062a\u0648\u0641\u064a\u0642 \u0628\u064a\u0646 \u0627\u0644\u0625\u0633\u0644\u0627\u0645 \u0648\u0627\u0644\u062d\u062f\u0627\u062b\u0629.\n                    <\/p>\n                    <div class=\"bg-amber-50 text-amber-800 px-4 py-2 rounded-lg inline-block\">\n                        <i class=\"fas fa-user-graduate ml-1\"><\/i> \u0645\u0647\u0646\u062f\u0633 \u0645\u062f\u0646\u064a \u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u0628\u0627\u062d\u062b \u0641\u064a \u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u0642\u0631\u0622\u0646\u064a\u0629\n                    <\/div>\n                <\/div>\n                <div class=\"md:w-1\/3 flex justify-center\">\n                    <div class=\"relative\">\n                        <div class=\"bg-gradient-to-br from-orange-100 to-amber-100 rounded-full p-6 w-48 h-48 flex items-center justify-center\">\n                            <i class=\"fas fa-quran text-orange-500 text-6xl\"><\/i>\n                        <\/div>\n                        <div class=\"absolute -bottom-2 -left-2 bg-blue-100 rounded-full p-4\">\n                            <i class=\"fas fa-lightbulb text-blue-600 text-2xl\"><\/i>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <main class=\"container mx-auto px-4 py-2\">\n        <!-- Biography with Images -->\n        <div class=\"section-card rounded-xl shadow-lg overflow-hidden mb-10\">\n            <div class=\"md:flex\">\n                <div class=\"md:w-2\/5\">\n                    <div class=\"image-container h-full min-h-80 md:min-h-full\">\n                        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/c.files.bbci.co.uk\/12EFF\/production\/_110276577_612549b4-0793-4cee-a8dc-5c2b8bd6e3fe.jpg?w=640&#038;ssl=1\" \n                             alt=\"\u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0645\u062d\u0645\u0648\u062f \u0634\u062d\u0631\u0648\u0631\" \n                             class=\"author-image w-full h-full object-cover\">\n                    <\/div>\n                <\/div>\n                \n                <div class=\"md:w-3\/5 p-6\">\n                    <div class=\"mb-4\">\n                        <span class=\"network-badge\">\u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629<\/span>\n                        <span class=\"timeline-badge mr-3\">\u0633\u064a\u0631\u0629 \u0630\u0627\u062a\u064a\u0629<\/span>\n                        <span class=\"text-gray-500 text-sm mr-3\"><i class=\"far fa-clock ml-1\"><\/i> \u0661\u0669\u0663\u0668 &#8211; \u0662\u0660\u0661\u0669<\/span>\n                    <\/div>\n                    \n                    <h2 class=\"section-title text-2xl md:text-3xl font-bold mb-6 text-gray-900\">\u0646\u0628\u0630\u0629 \u0639\u0646 \u062d\u064a\u0627\u0629 \u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0645\u062d\u0645\u0648\u062f \u0634\u062d\u0631\u0648\u0631<\/h2>\n                    \n                    <div class=\"mb-6\">\n                        <blockquote class=\"quote-box p-4 rounded-lg mb-6\">\n                            &#8220;\u0627\u0644\u0642\u0631\u0622\u0646 \u0644\u064a\u0633 \u0643\u062a\u0627\u0628 \u062a\u0627\u0631\u064a\u062e \u0648\u0644\u0627 \u0643\u062a\u0627\u0628 \u0639\u0644\u0648\u0645\u060c \u0628\u0644 \u0647\u0648 \u0643\u062a\u0627\u0628 \u0647\u062f\u0627\u064a\u0629 \u0644\u0644\u0646\u0627\u0633 \u062c\u0645\u064a\u0639\u0627\u064b \u0641\u064a \u0643\u0644 \u0627\u0644\u0639\u0635\u0648\u0631&#8221;\n                        <\/blockquote>\n                        \n                        <p class=\"text-gray-700 mb-4\">\n                            \u0648\u0644\u062f \u0645\u062d\u0645\u0648\u062f \u0634\u062d\u0631\u0648\u0631 \u0641\u064a \u062f\u0645\u0634\u0642 \u0639\u0627\u0645 \u0661\u0669\u0663\u0668\u060c \u0648\u062a\u062e\u0631\u062c \u0645\u0646 \u062c\u0627\u0645\u0639\u0629 \u0645\u0648\u0633\u0643\u0648 \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0639\u0627\u0645 \u0661\u0669\u0666\u0664 \u0643\u0645\u0647\u0646\u062f\u0633 \u0645\u062f\u0646\u064a. \u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0644\u062f\u0643\u062a\u0648\u0631\u0627\u0647 \u0641\u064a \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0645\u062f\u0646\u064a\u0629 \u0639\u0627\u0645 \u0661\u0669\u0667\u0662\u060c \u0648\u0639\u0645\u0644 \u0623\u0633\u062a\u0627\u0630\u0627\u064b \u0641\u064a \u0643\u0644\u064a\u0629 \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0645\u062f\u0646\u064a\u0629 \u0628\u062c\u0627\u0645\u0639\u0629 \u062f\u0645\u0634\u0642 \u062d\u062a\u0649 \u062a\u0642\u0627\u0639\u062f\u0647.\n                        <\/p>\n                        \n                        <p class=\"text-gray-700 mb-4\">\n                            \u0639\u0644\u0649 \u0627\u0644\u0631\u063a\u0645 \u0645\u0646 \u062a\u062e\u0635\u0635\u0647 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u060c \u0625\u0644\u0627 \u0623\u0646 \u0634\u063a\u0641\u0647 \u0628\u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u0642\u0631\u0622\u0646\u064a\u0629 \u0642\u0627\u062f\u0647 \u0625\u0644\u0649 \u0627\u0644\u062a\u0641\u0631\u063a \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0643\u062a\u0627\u0628\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0641\u0643\u0631 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a \u0645\u0646\u0630 \u0627\u0644\u062b\u0645\u0627\u0646\u064a\u0646\u064a\u0627\u062a. \u0623\u0645\u0636\u0649 \u0623\u0643\u062b\u0631 \u0645\u0646 \u062b\u0644\u0627\u062b\u064a\u0646 \u0639\u0627\u0645\u0627\u064b \u0641\u064a \u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0642\u0631\u0622\u0646 \u0648\u062a\u0623\u0644\u064a\u0641 \u0627\u0644\u0643\u062a\u0628\u060c \u0648\u0642\u062f\u0645 \u0631\u0624\u064a\u0629 \u062c\u062f\u064a\u062f\u0629 \u0641\u064a \u0641\u0647\u0645 \u0627\u0644\u0646\u0635 \u0627\u0644\u0642\u0631\u0622\u0646\u064a \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u0647\u062c \u0627\u0644\u0644\u063a\u0648\u064a \u0648\u0627\u0644\u0639\u0644\u0645\u064a.\n                        <\/p>\n                        \n                        <div class=\"highlight-box p-4 rounded-lg mt-4\">\n                            <h4 class=\"font-bold text-blue-800 mb-2 flex items-center\">\n                                <i class=\"fas fa-award ml-2\"><\/i> \u0627\u0644\u0645\u0624\u0647\u0644\u0627\u062a \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u062c\u0627\u0632\u0627\u062a:\n                            <\/h4>\n                            <ul class=\"text-gray-700 text-sm space-y-2\">\n                                <li><i class=\"fas fa-circle text-orange-500 ml-2\" style=\"font-size: 6px;\"><\/i> \u0628\u0643\u0627\u0644\u0648\u0631\u064a\u0648\u0633 \u0647\u0646\u062f\u0633\u0629 \u0645\u062f\u0646\u064a\u0629 &#8211; \u062c\u0627\u0645\u0639\u0629 \u0645\u0648\u0633\u0643\u0648 \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 (\u0661\u0669\u0666\u0664)<\/li>\n                                <li><i class=\"fas fa-circle text-orange-500 ml-2\" style=\"font-size: 6px;\"><\/i> \u062f\u0643\u062a\u0648\u0631\u0627\u0647 \u0641\u064a \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0645\u062f\u0646\u064a\u0629 (\u0661\u0669\u0667\u0662)<\/li>\n                                <li><i class=\"fas fa-circle text-orange-500 ml-2\" style=\"font-size: 6px;\"><\/i> \u0623\u0633\u062a\u0627\u0630 \u0641\u064a \u0643\u0644\u064a\u0629 \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0645\u062f\u0646\u064a\u0629 &#8211; \u062c\u0627\u0645\u0639\u0629 \u062f\u0645\u0634\u0642<\/li>\n                                <li><i class=\"fas fa-circle text-orange-500 ml-2\" style=\"font-size: 6px;\"><\/i> \u0645\u0624\u0644\u0641 \u0623\u0643\u062b\u0631 \u0645\u0646 20 \u0643\u062a\u0627\u0628\u0627\u064b \u0641\u064a \u0627\u0644\u0641\u0643\u0631 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Second Image Section -->\n        <div class=\"section-card rounded-xl shadow-lg overflow-hidden mb-10\">\n            <div class=\"md:flex md:flex-row-reverse\">\n                <div class=\"md:w-2\/5\">\n                    <div class=\"image-container h-full min-h-80 md:min-h-full\">\n                        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/s.france24.com\/media\/display\/4120b06a-f378-11e8-b86a-005056bff430\/w%3A1280\/p%3A3x4\/xx_nw_dwm_mohamed_shahrour_part1.jpg?w=640&#038;ssl=1\" \n                             alt=\"\u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0645\u062d\u0645\u0648\u062f \u0634\u062d\u0631\u0648\u0631 \u0641\u064a \u062d\u0648\u0627\u0631\" \n                             class=\"author-image w-full h-full object-cover\">\n                    <\/div>\n                <\/div>\n                \n                <div class=\"md:w-3\/5 p-6\">\n                    <div class=\"mb-4\">\n                        <span class=\"network-badge\">\u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629<\/span>\n                        <span class=\"timeline-badge mr-3\" style=\"background-color: #10b981;\">\u0645\u062d\u0637\u0627\u062a \u0641\u0643\u0631\u064a\u0629<\/span>\n                        <span class=\"text-gray-500 text-sm mr-3\"><i class=\"far fa-clock ml-1\"><\/i> \u0661\u0669\u0668\u0660 &#8211; \u0662\u0660\u0661\u0669<\/span>\n                    <\/div>\n                    \n                    <h2 class=\"section-title text-2xl md:text-3xl font-bold mb-6 text-gray-900\">\u062b\u0644\u0627\u062b \u0645\u062d\u0637\u0627\u062a \u0631\u0626\u064a\u0633\u064a\u0629 \u0641\u064a \u0631\u062d\u0644\u0629 \u0634\u062d\u0631\u0648\u0631 \u0627\u0644\u0641\u0643\u0631\u064a\u0629<\/h2>\n                    \n                    <div class=\"mb-6\">\n                        <p class=\"text-gray-700 mb-4\">\n                            <span class=\"font-bold text-orange-600\">\u0627\u0644\u0645\u062d\u0637\u0629 \u0627\u0644\u0623\u0648\u0644\u0649:<\/span> \u0627\u0644\u062f\u0631\u0627\u0633\u0629 \u0641\u064a \u0627\u0644\u0627\u062a\u062d\u0627\u062f \u0627\u0644\u0633\u0648\u0641\u064a\u062a\u064a (\u0661\u0669\u0666\u0660-\u0661\u0669\u0666\u0664) \u062d\u064a\u062b \u062a\u0634\u0643\u0644 \u0648\u0639\u064a\u0647 \u0627\u0644\u0646\u0642\u062f\u064a \u0648\u062a\u0639\u0631\u0636 \u0644\u0644\u0641\u0643\u0631 \u0627\u0644\u0645\u0627\u0631\u0643\u0633\u064a \u0648\u0627\u0644\u0646\u0642\u062f \u0627\u0644\u062a\u0627\u0631\u064a\u062e\u064a\u060c \u0645\u0645\u0627 \u0648\u0633\u0639 \u0622\u0641\u0627\u0642\u0647 \u0627\u0644\u0641\u0643\u0631\u064a\u0629 \u0648\u0637\u0648\u0631 \u0645\u0646\u0647\u062c\u064a\u062a\u0647 \u0627\u0644\u0646\u0642\u062f\u064a\u0629.\n                        <\/p>\n                        \n                        <p class=\"text-gray-700 mb-4\">\n                            <span class=\"font-bold text-orange-600\">\u0627\u0644\u0645\u062d\u0637\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629:<\/span> \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0641\u0643\u0631\u064a \u0641\u064a \u0627\u0644\u062b\u0645\u0627\u0646\u064a\u0646\u064a\u0627\u062a \u0648\u0627\u0644\u062a\u0641\u0631\u063a \u0644\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u0642\u0631\u0622\u0646\u064a\u0629\u060c \u0648\u0625\u0635\u062f\u0627\u0631 \u0643\u062a\u0627\u0628\u0647 \u0627\u0644\u0623\u0634\u0647\u0631 &#8220;\u0627\u0644\u0643\u062a\u0627\u0628 \u0648\u0627\u0644\u0642\u0631\u0622\u0646: \u0642\u0631\u0627\u0621\u0629 \u0645\u0639\u0627\u0635\u0631\u0629&#8221; (\u0661\u0669\u0669\u0660) \u0627\u0644\u0630\u064a \u0634\u0643\u0644 \u062b\u0648\u0631\u0629 \u0641\u064a \u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u0642\u0631\u0622\u0646\u064a\u0629 \u0627\u0644\u0645\u0639\u0627\u0635\u0631\u0629.\n                        <\/p>\n                        \n                        <p class=\"text-gray-700 mb-4\">\n                            <span class=\"font-bold text-orange-600\">\u0627\u0644\u0645\u062d\u0637\u0629 \u0627\u0644\u062b\u0627\u0644\u062b\u0629:<\/span> \u0627\u0644\u062a\u0637\u0648\u0631 \u0648\u0627\u0644\u0646\u0636\u062c \u0627\u0644\u0641\u0643\u0631\u064a (\u0662\u0660\u0660\u0660-\u0662\u0660\u0661\u0669) \u062d\u064a\u062b \u062a\u0648\u0633\u0639\u062a \u062f\u0627\u0626\u0631\u0629 \u062a\u0623\u062b\u064a\u0631\u0647 \u0648\u0623\u0635\u062f\u0631 \u0633\u0644\u0633\u0644\u0629 \u0643\u062a\u0628 \u0645\u0647\u0645\u0629\u060c \u0648\u0623\u0635\u0628\u062d \u0623\u062d\u062f \u0623\u0628\u0631\u0632 \u0648\u062c\u0648\u0647 \u0627\u0644\u0625\u0633\u0644\u0627\u0645 \u0627\u0644\u062a\u0642\u062f\u0645\u064a \u0641\u064a \u0627\u0644\u0639\u0627\u0644\u0645 \u0627\u0644\u0639\u0631\u0628\u064a.\n                        <\/p>\n                        \n                        <div class=\"bg-gradient-to-r from-orange-50 to-amber-50 p-4 rounded-lg mt-4 border-r-4 border-orange-500\">\n                            <h4 class=\"font-bold text-orange-800 mb-2\">\u0643\u0644\u0645\u0629 \u0645\u0646 \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629:<\/h4>\n                            <p class=\"text-gray-700 text-sm\">\n                                \u064a\u0645\u062b\u0644 \u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0645\u062d\u0645\u0648\u062f \u0634\u062d\u0631\u0648\u0631 \u0646\u0645\u0648\u0630\u062c\u0627\u064b \u0644\u0644\u0645\u0641\u0643\u0631 \u0627\u0644\u0645\u0633\u0644\u0645 \u0627\u0644\u0645\u0639\u0627\u0635\u0631 \u0627\u0644\u0630\u064a \u064a\u0633\u0639\u0649 \u0644\u0644\u062a\u0648\u0641\u064a\u0642 \u0628\u064a\u0646 \u0627\u0644\u0625\u064a\u0645\u0627\u0646 \u0627\u0644\u062f\u064a\u0646\u064a \u0648\u0627\u0644\u0645\u0646\u0647\u062c\u064a\u0629 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0627\u0644\u0646\u0642\u062f\u064a\u0629. \u0631\u062d\u0644\u062a\u0647 \u0627\u0644\u0641\u0643\u0631\u064a\u0629 \u062a\u0642\u062f\u0645 \u0625\u0636\u0627\u0621\u0629 \u0645\u0647\u0645\u0629 \u0639\u0644\u0649 \u0625\u0645\u0643\u0627\u0646\u064a\u0627\u062a \u062a\u062c\u062f\u064a\u062f \u0627\u0644\u0641\u0643\u0631 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a \u0641\u064a \u0627\u0644\u0639\u0635\u0631 \u0627\u0644\u062d\u062f\u064a\u062b.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Key Ideas Section -->\n        <div class=\"mb-12\">\n            <div class=\"flex items-center mb-8\">\n                <div class=\"bg-gradient-to-r from-blue-600 to-cyan-600 text-white p-3 rounded-xl shadow-lg ml-4\">\n                    <i class=\"fas fa-lightbulb text-2xl\"><\/i>\n                <\/div>\n                <div>\n                    <h2 class=\"section-title text-2xl md:text-3xl font-bold text-gray-900\">\u0623\u0647\u0645 \u0623\u0641\u0643\u0627\u0631 \u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0645\u062d\u0645\u0648\u062f \u0634\u062d\u0631\u0648\u0631<\/h2>\n                    <p class=\"text-gray-600\">\u0631\u0624\u0649 \u062a\u062c\u062f\u064a\u062f\u064a\u0629 \u0641\u064a \u0627\u0644\u0641\u0643\u0631 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a \u0627\u0644\u0645\u0639\u0627\u0635\u0631<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8\">\n                <!-- Idea 1 -->\n                <div class=\"section-card rounded-xl p-6\">\n                    <div class=\"w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mb-4\">\n                        <i class=\"fas fa-quran text-blue-600 text-xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-lg font-bold text-gray-900 mb-3\">\u0627\u0644\u062a\u0645\u064a\u064a\u0632 \u0628\u064a\u0646 \u0627\u0644\u0643\u062a\u0627\u0628 \u0648\u0627\u0644\u0642\u0631\u0622\u0646<\/h3>\n                    <p class=\"text-gray-700 text-sm mb-4\">\n                        <span class=\"network-badge\" style=\"background-color: #3b82f6; font-size: 0.7rem; padding: 0.2rem 0.5rem;\">\u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629<\/span>\n                        \u064a\u0631\u0649 \u0634\u062d\u0631\u0648\u0631 \u0623\u0646 &#8220;\u0627\u0644\u0643\u062a\u0627\u0628&#8221; \u0647\u0648 \u0627\u0644\u0648\u062d\u064a \u0627\u0644\u0625\u0644\u0647\u064a \u0627\u0644\u0645\u0637\u0644\u0642 \u0627\u0644\u0630\u064a \u064a\u0634\u0645\u0644 \u0627\u0644\u0642\u064a\u0645 \u0648\u0627\u0644\u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u0639\u0627\u0645\u0629 \u0627\u0644\u062b\u0627\u0628\u062a\u0629\u060c \u0628\u064a\u0646\u0645\u0627 &#8220;\u0627\u0644\u0642\u0631\u0622\u0646&#8221; \u0647\u0648 \u0627\u0644\u062a\u0639\u0628\u064a\u0631 \u0627\u0644\u0644\u063a\u0648\u064a \u0627\u0644\u0628\u0634\u0631\u064a \u0627\u0644\u0646\u0633\u0628\u064a \u0639\u0646 \u0647\u0630\u0627 \u0627\u0644\u0648\u062d\u064a.\n                    <\/p>\n                    <div class=\"flex flex-wrap\">\n                        <span class=\"concept-badge\" style=\"background-color: #3b82f6;\">\u0627\u0644\u0647\u0631\u0645\u0646\u064a\u0648\u0637\u064a\u0642\u0627 \u0627\u0644\u0642\u0631\u0622\u0646\u064a\u0629<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Idea 2 -->\n                <div class=\"section-card rounded-xl p-6\">\n                    <div class=\"w-12 h-12 bg-green-100 rounded-full flex items-center justify-center mb-4\">\n                        <i class=\"fas fa-female text-green-600 text-xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-lg font-bold text-gray-900 mb-3\">\u0641\u0642\u0647 \u0627\u0644\u0645\u0631\u0623\u0629 \u0648\u0627\u0644\u0645\u0633\u0627\u0648\u0627\u0629<\/h3>\n                    <p class=\"text-gray-700 text-sm mb-4\">\n                        <span class=\"network-badge\" style=\"background-color: #10b981; font-size: 0.7rem; padding: 0.2rem 0.5rem;\">\u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629<\/span>\n                        \u0642\u062f\u0645 \u0634\u062d\u0631\u0648\u0631 \u0642\u0631\u0627\u0621\u0629 \u062c\u062f\u064a\u062f\u0629 \u0644\u0641\u0642\u0647 \u0627\u0644\u0645\u0631\u0623\u0629 \u062a\u0624\u0643\u062f \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u0627\u0648\u0627\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0628\u064a\u0646 \u0627\u0644\u0631\u062c\u0644 \u0648\u0627\u0644\u0645\u0631\u0623\u0629 \u0641\u064a \u0627\u0644\u062d\u0642\u0648\u0642 \u0648\u0627\u0644\u0648\u0627\u062c\u0628\u0627\u062a\u060c \u0648\u062f\u0639\u0627 \u0625\u0644\u0649 \u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062a\u0641\u0633\u064a\u0631\u0627\u062a \u0627\u0644\u0630\u0643\u0648\u0631\u064a\u0629 \u0627\u0644\u0633\u0627\u0626\u062f\u0629.\n                    <\/p>\n                    <div class=\"flex flex-wrap\">\n                        <span class=\"concept-badge\" style=\"background-color: #10b981;\">\u0641\u0642\u0647 \u0627\u0644\u0645\u0631\u0623\u0629<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Idea 3 -->\n                <div class=\"section-card rounded-xl p-6\">\n                    <div class=\"w-12 h-12 bg-purple-100 rounded-full flex items-center justify-center mb-4\">\n                        <i class=\"fas fa-balance-scale text-purple-600 text-xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-lg font-bold text-gray-900 mb-3\">\u0627\u0644\u062a\u0634\u0631\u064a\u0639 \u0627\u0644\u062b\u0627\u0628\u062a \u0648\u0627\u0644\u0645\u062a\u063a\u064a\u0631<\/h3>\n                    <p class=\"text-gray-700 text-sm mb-4\">\n                        <span class=\"network-badge\" style=\"background-color: #8b5cf6; font-size: 0.7rem; padding: 0.2rem 0.5rem;\">\u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629<\/span>\n                        \u0645\u064a\u0632 \u0634\u062d\u0631\u0648\u0631 \u0628\u064a\u0646 \u0627\u0644\u062a\u0634\u0631\u064a\u0639\u0627\u062a \u0627\u0644\u062b\u0627\u0628\u062a\u0629 \u0641\u064a \u0627\u0644\u0642\u0631\u0622\u0646 (\u0627\u0644\u062d\u062f\u0648\u062f \u0648\u0627\u0644\u0623\u062e\u0644\u0627\u0642) \u0648\u0627\u0644\u062a\u0634\u0631\u064a\u0639\u0627\u062a \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0629 \u0627\u0644\u062a\u064a \u062a\u062e\u0636\u0639 \u0644\u0644\u0632\u0645\u0627\u0646 \u0648\u0627\u0644\u0645\u0643\u0627\u0646 (\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a).\n                    <\/p>\n                    <div class=\"flex flex-wrap\">\n                        <span class=\"concept-badge\" style=\"background-color: #8b5cf6;\">\u0627\u0644\u062a\u062c\u062f\u064a\u062f \u0627\u0644\u0641\u0642\u0647\u064a<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Idea 4 -->\n                <div class=\"section-card rounded-xl p-6\">\n                    <div class=\"w-12 h-12 bg-amber-100 rounded-full flex items-center justify-center mb-4\">\n                        <i class=\"fas fa-users text-amber-600 text-xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-lg font-bold text-gray-900 mb-3\">\u0627\u0644\u062f\u064a\u0646 \u0648\u0627\u0644\u0633\u0644\u0637\u0629 \u0648\u0627\u0644\u062f\u0648\u0644\u0629 \u0627\u0644\u0645\u062f\u0646\u064a\u0629<\/h3>\n                    <p class=\"text-gray-700 text-sm mb-4\">\n                        <span class=\"network-badge\" style=\"background-color: #f59e0b; font-size: 0.7rem; padding: 0.2rem 0.5rem;\">\u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629<\/span>\n                        \u062f\u0639\u0627 \u0634\u062d\u0631\u0648\u0631 \u0625\u0644\u0649 \u0641\u0635\u0644 \u0627\u0644\u062f\u064a\u0646 \u0639\u0646 \u0627\u0644\u062f\u0648\u0644\u0629\u060c \u0645\u0639 \u062a\u0623\u0643\u064a\u062f \u062f\u0648\u0631 \u0627\u0644\u062f\u064a\u0646 \u0641\u064a \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0643\u0645\u0631\u062c\u0639\u064a\u0629 \u0623\u062e\u0644\u0627\u0642\u064a\u0629\u060c \u0648\u0631\u0641\u0636 \u0645\u0641\u0647\u0648\u0645 &#8220;\u0627\u0644\u062f\u0648\u0644\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629&#8221; \u0628\u0627\u0644\u0645\u0639\u0646\u0649 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a.\n                    <\/p>\n                    <div class=\"flex flex-wrap\">\n                        <span class=\"concept-badge\" style=\"background-color: #f59e0b;\">\u0627\u0644\u062f\u0648\u0644\u0629 \u0627\u0644\u0645\u062f\u0646\u064a\u0629<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Idea 5 -->\n                <div class=\"section-card rounded-xl p-6\">\n                    <div class=\"w-12 h-12 bg-red-100 rounded-full flex items-center justify-center mb-4\">\n                        <i class=\"fas fa-handshake text-red-600 text-xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-lg font-bold text-gray-900 mb-3\">\u0627\u0644\u062a\u0633\u0627\u0645\u062d \u0648\u0627\u0644\u062a\u0639\u0627\u064a\u0634 \u0645\u0639 \u0627\u0644\u0622\u062e\u0631<\/h3>\n                    <p class=\"text-gray-700 text-sm mb-4\">\n                        <span class=\"network-badge\" style=\"background-color: #dc2626; font-size: 0.7rem; padding: 0.2rem 0.5rem;\">\u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629<\/span>\n                        \u0642\u062f\u0645 \u0634\u062d\u0631\u0648\u0631 \u0642\u0631\u0627\u0621\u0629 \u0644\u0644\u0642\u0631\u0622\u0646 \u062a\u0624\u0643\u062f \u0639\u0644\u0649 \u0642\u064a\u0645 \u0627\u0644\u062a\u0633\u0627\u0645\u062d \u0648\u0627\u0644\u062a\u0639\u0627\u064a\u0634 \u0645\u0639 followers \u0627\u0644\u062f\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u062e\u0631\u0649\u060c \u0648\u0641\u0647\u0645 \u0627\u0644\u0625\u0633\u0644\u0627\u0645 \u0643\u062f\u0639\u0648\u0629 \u0631\u0648\u062d\u064a\u0629 \u0648\u0623\u062e\u0644\u0627\u0642\u064a\u0629.\n                    <\/p>\n                    <div class=\"flex flex-wrap\">\n                        <span class=\"concept-badge\" style=\"background-color: #dc2626;\">\u0627\u0644\u062a\u0633\u0627\u0645\u062d \u0627\u0644\u062f\u064a\u0646\u064a<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Idea 6 -->\n                <div class=\"section-card rounded-xl p-6\">\n                    <div class=\"w-12 h-12 bg-indigo-100 rounded-full flex items-center justify-center mb-4\">\n                        <i class=\"fas fa-brain text-indigo-600 text-xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-lg font-bold text-gray-900 mb-3\">\u0627\u0644\u0639\u0642\u0644 \u0648\u0627\u0644\u0646\u0642\u0644 \u0648\u0627\u0644\u0645\u0646\u0647\u062c \u0627\u0644\u0639\u0644\u0645\u064a<\/h3>\n                    <p class=\"text-gray-700 text-sm mb-4\">\n                        <span class=\"network-badge\" style=\"background-color: #4f46e5; font-size: 0.7rem; padding: 0.2rem 0.5rem;\">\u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629<\/span>\n                        \u062f\u0639\u0627 \u0634\u062d\u0631\u0648\u0631 \u0625\u0644\u0649 \u062a\u0648\u0638\u064a\u0641 \u0627\u0644\u0645\u0646\u0647\u062c \u0627\u0644\u0639\u0644\u0645\u064a \u0648\u0627\u0644\u0639\u0642\u0644 \u0627\u0644\u0646\u0642\u062f\u064a \u0641\u064a \u0641\u0647\u0645 \u0627\u0644\u0646\u0635 \u0627\u0644\u0642\u0631\u0622\u0646\u064a\u060c \u0645\u0639 \u0627\u062d\u062a\u0631\u0627\u0645 \u062f\u0648\u0631 \u0627\u0644\u0646\u0642\u0644 \u0648\u0627\u0644\u062a\u0631\u0627\u062b\u060c \u0648\u0631\u0641\u0636 \u0627\u0644\u062a\u0642\u0644\u064a\u062f \u0627\u0644\u0623\u0639\u0645\u0649.\n                    <\/p>\n                    <div class=\"flex flex-wrap\">\n                        <span class=\"concept-badge\" style=\"background-color: #4f46e5;\">\u0627\u0644\u0639\u0642\u0644 \u0648\u0627\u0644\u0646\u0642\u0644<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Major Works -->\n        <div class=\"mb-12\">\n            <div class=\"flex items-center mb-8\">\n                <div class=\"bg-gradient-to-r from-rose-600 to-pink-600 text-white p-3 rounded-xl shadow-lg ml-4\">\n                    <i class=\"fas fa-book text-2xl\"><\/i>\n                <\/div>\n                <div>\n                    <h2 class=\"section-title text-2xl md:text-3xl font-bold text-gray-900\">\u0623\u0647\u0645 \u0645\u0624\u0644\u0641\u0627\u062a \u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0634\u062d\u0631\u0648\u0631<\/h2>\n                    <p class=\"text-gray-600\">\u0625\u0633\u0647\u0627\u0645\u0627\u062a\u0647 \u0627\u0644\u0641\u0643\u0631\u064a\u0629 \u0627\u0644\u0645\u0643\u062a\u0648\u0628\u0629<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\n                <!-- Book 1 -->\n                <div class=\"book-card rounded-xl p-5\">\n                    <div class=\"bg-gradient-to-br from-orange-100 to-white p-4 rounded-lg mb-4 text-center\">\n                        <i class=\"fas fa-book-open text-orange-600 text-3xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-bold text-gray-900 mb-2\">\u0627\u0644\u0643\u062a\u0627\u0628 \u0648\u0627\u0644\u0642\u0631\u0622\u0646: \u0642\u0631\u0627\u0621\u0629 \u0645\u0639\u0627\u0635\u0631\u0629<\/h3>\n                    <p class=\"text-gray-700 text-sm mb-3\">\u0623\u0648\u0644 \u0648\u0623\u0647\u0645 \u0643\u062a\u0628 \u0634\u062d\u0631\u0648\u0631\u060c \u0635\u062f\u0631 \u0639\u0627\u0645 1990\u060c \u0648\u064a\u0642\u062f\u0645 \u0631\u0624\u064a\u062a\u0647 \u0627\u0644\u0634\u0627\u0645\u0644\u0629 \u0644\u0645\u0646\u0647\u062c \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u0639\u0627\u0635\u0631\u0629 \u0644\u0644\u0642\u0631\u0622\u0646.<\/p>\n                    <div class=\"text-orange-600 text-sm font-medium\">\u0661\u0669\u0669\u0660<\/div>\n                <\/div>\n\n                <!-- Book 2 -->\n                <div class=\"book-card rounded-xl p-5\">\n                    <div class=\"bg-gradient-to-br from-blue-100 to-white p-4 rounded-lg mb-4 text-center\">\n                        <i class=\"fas fa-balance-scale text-blue-600 text-3xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-bold text-gray-900 mb-2\">\u0627\u0644\u062f\u064a\u0646 \u0648\u0627\u0644\u0633\u0644\u0637\u0629<\/h3>\n                    <p class=\"text-gray-700 text-sm mb-3\">\u064a\u0628\u062d\u062b \u0641\u064a \u0639\u0644\u0627\u0642\u0629 \u0627\u0644\u062f\u064a\u0646 \u0628\u0627\u0644\u0633\u0644\u0637\u0629 \u0627\u0644\u0633\u064a\u0627\u0633\u064a\u0629\u060c \u0648\u064a\u0631\u0641\u0636 \u0645\u0641\u0647\u0648\u0645 &#8220;\u0627\u0644\u062d\u0627\u0643\u0645\u064a\u0629&#8221; \u0628\u0627\u0644\u0645\u0639\u0646\u0649 \u0627\u0644\u0623\u064a\u062f\u064a\u0648\u0644\u0648\u062c\u064a.<\/p>\n                    <div class=\"text-blue-600 text-sm font-medium\">\u0661\u0669\u0669\u0664<\/div>\n                <\/div>\n\n                <!-- Book 3 -->\n                <div class=\"book-card rounded-xl p-5\">\n                    <div class=\"bg-gradient-to-br from-green-100 to-white p-4 rounded-lg mb-4 text-center\">\n                        <i class=\"fas fa-female text-green-600 text-3xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-bold text-gray-900 mb-2\">\u0641\u0642\u0647 \u0627\u0644\u0645\u0631\u0623\u0629<\/h3>\n                    <p class=\"text-gray-700 text-sm mb-3\">\u064a\u0642\u062f\u0645 \u0631\u0624\u064a\u0629 \u062c\u062f\u064a\u062f\u0629 \u0644\u0641\u0642\u0647 \u0627\u0644\u0645\u0631\u0623\u0629 \u062a\u0624\u0643\u062f \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u0627\u0648\u0627\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0628\u064a\u0646 \u0627\u0644\u062c\u0646\u0633\u064a\u0646.<\/p>\n                    <div class=\"text-green-600 text-sm font-medium\">\u0662\u0660\u0660\u0660<\/div>\n                <\/div>\n\n                <!-- Book 4 -->\n                <div class=\"book-card rounded-xl p-5\">\n                    <div class=\"bg-gradient-to-br from-purple-100 to-white p-4 rounded-lg mb-4 text-center\">\n                        <i class=\"fas fa-handshake text-purple-600 text-3xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-bold text-gray-900 mb-2\">\u0627\u0644\u0625\u0633\u0644\u0627\u0645 \u0648\u0627\u0644\u0625\u064a\u0645\u0627\u0646<\/h3>\n                    <p class=\"text-gray-700 text-sm mb-3\">\u064a\u062d\u062f\u062f \u0645\u0646\u0638\u0648\u0645\u0629 \u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629 \u0648\u0639\u0644\u0627\u0642\u062a\u0647\u0627 \u0628\u0627\u0644\u0625\u064a\u0645\u0627\u0646 \u0648\u0627\u0644\u0639\u0645\u0644 \u0641\u064a \u0627\u0644\u0639\u0635\u0631 \u0627\u0644\u062d\u062f\u064a\u062b.<\/p>\n                    <div class=\"text-purple-600 text-sm font-medium\">\u0661\u0669\u0669\u0666<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Timeline Summary -->\n        <div class=\"bg-gradient-to-l from-orange-50 to-amber-50 rounded-2xl p-8 mb-12 border border-orange-200\">\n            <div class=\"mb-6 text-center\">\n                <span class=\"network-header\" style=\"display: inline-block; margin-bottom: 15px;\">\u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629<\/span>\n                <h2 class=\"text-2xl font-bold text-gray-900\">\u062e\u0637 \u0632\u0645\u0646\u064a \u0644\u0623\u0647\u0645 \u0645\u062d\u0637\u0627\u062a \u062d\u064a\u0627\u0629 \u0634\u062d\u0631\u0648\u0631<\/h2>\n            <\/div>\n            \n            <div class=\"max-w-3xl mx-auto\">\n                <div class=\"timeline-item\">\n                    <div class=\"bg-white p-5 rounded-xl shadow-sm\">\n                        <h4 class=\"font-bold text-orange-800 mb-2\">\u0661\u0669\u0663\u0668<\/h4>\n                        <p class=\"text-gray-700\">\u0648\u0644\u062f \u0645\u062d\u0645\u0648\u062f \u0634\u062d\u0631\u0648\u0631 \u0641\u064a \u062f\u0645\u0634\u0642\u060c \u0633\u0648\u0631\u064a\u0627.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"timeline-item\">\n                    <div class=\"bg-white p-5 rounded-xl shadow-sm\">\n                        <h4 class=\"font-bold text-orange-800 mb-2\">\u0661\u0669\u0666\u0660 &#8211; \u0661\u0669\u0666\u0664<\/h4>\n                        <p class=\"text-gray-700\">\u062f\u0631\u0633 \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0645\u062f\u0646\u064a\u0629 \u0641\u064a \u062c\u0627\u0645\u0639\u0629 \u0645\u0648\u0633\u0643\u0648 \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"timeline-item\">\n                    <div class=\"bg-white p-5 rounded-xl shadow-sm\">\n                        <h4 class=\"font-bold text-orange-800 mb-2\">\u0661\u0669\u0667\u0662<\/h4>\n                        <p class=\"text-gray-700\">\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0644\u062f\u0643\u062a\u0648\u0631\u0627\u0647 \u0641\u064a \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0645\u062f\u0646\u064a\u0629.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"timeline-item\">\n                    <div class=\"bg-white p-5 rounded-xl shadow-sm\">\n                        <h4 class=\"font-bold text-orange-800 mb-2\">\u0661\u0669\u0669\u0660<\/h4>\n                        <p class=\"text-gray-700\">\u0646\u0634\u0631 \u0643\u062a\u0627\u0628\u0647 \u0627\u0644\u0623\u0634\u0647\u0631 &#8220;\u0627\u0644\u0643\u062a\u0627\u0628 \u0648\u0627\u0644\u0642\u0631\u0622\u0646: \u0642\u0631\u0627\u0621\u0629 \u0645\u0639\u0627\u0635\u0631\u0629&#8221;.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"timeline-item\">\n                    <div class=\"bg-white p-5 rounded-xl shadow-sm\">\n                        <h4 class=\"font-bold text-orange-800 mb-2\">\u0662\u0660\u0660\u0660 &#8211; \u0662\u0660\u0661\u0660<\/h4>\n                        <p class=\"text-gray-700\">\u0623\u0635\u062f\u0631 \u0633\u0644\u0633\u0644\u0629 \u0643\u062a\u0628 \u0645\u0647\u0645\u0629 \u062a\u0648\u0633\u0639 \u0645\u0634\u0631\u0648\u0639\u0647 \u0627\u0644\u0641\u0643\u0631\u064a \u0648\u0646\u0627\u0644 \u0634\u0647\u0631\u0629 \u0639\u0631\u0628\u064a\u0629 \u0648\u062f\u0648\u0644\u064a\u0629.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"timeline-item\">\n                    <div class=\"bg-white p-5 rounded-xl shadow-sm\">\n                        <h4 class=\"font-bold text-orange-800 mb-2\">\u0662\u0661 \u062f\u064a\u0633\u0645\u0628\u0631 \u0662\u0660\u0661\u0669<\/h4>\n                        <p class=\"text-gray-700\">\u062a\u0648\u0641\u064a \u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0645\u062d\u0645\u0648\u062f \u0634\u062d\u0631\u0648\u0631 \u0641\u064a \u0623\u0628\u0648\u0638\u0628\u064a \u0639\u0646 \u0639\u0645\u0631 \u064a\u0646\u0627\u0647\u0632 81 \u0639\u0627\u0645\u0627\u064b\u060c \u062a\u0627\u0631\u0643\u0627\u064b \u0625\u0631\u062b\u0627\u064b \u0641\u0643\u0631\u064a\u0627\u064b \u063a\u0646\u064a\u0627\u064b.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"mt-8 p-5 bg-white rounded-xl border border-orange-200\">\n                <p class=\"text-gray-700 text-sm text-center\">\n                    <span class=\"network-badge\" style=\"display: inline-block; margin-bottom: 10px;\">\u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629<\/span>\n                    <br>\n                    \u064a\u0645\u062b\u0644 \u0641\u0643\u0631 \u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0645\u062d\u0645\u0648\u062f \u0634\u062d\u0631\u0648\u0631 \u0645\u062d\u0627\u0648\u0644\u0629 \u062c\u0631\u064a\u0626\u0629 \u0644\u062a\u062c\u062f\u064a\u062f \u0627\u0644\u062e\u0637\u0627\u0628 \u0627\u0644\u062f\u064a\u0646\u064a \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u060c \u0639\u0628\u0631 \u0642\u0631\u0627\u0621\u0629 \u0645\u0639\u0627\u0635\u0631\u0629 \u0644\u0644\u0642\u0631\u0622\u0646 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0625\u064a\u0645\u0627\u0646 \u0627\u0644\u0639\u0645\u064a\u0642 \u0648\u0627\u0644\u0645\u0646\u0647\u062c\u064a\u0629 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0627\u0644\u0646\u0642\u062f\u064a\u0629. \u0631\u062d\u0644\u062a\u0647 \u0627\u0644\u0641\u0643\u0631\u064a\u0629 \u062a\u0628\u0642\u0649 \u0645\u0635\u062f\u0631 \u0625\u0644\u0647\u0627\u0645 \u0644\u0644\u0623\u062c\u064a\u0627\u0644 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0645\u0646 \u0627\u0644\u0628\u0627\u062d\u062b\u064a\u0646 \u0648\u0627\u0644\u0645\u0641\u0643\u0631\u064a\u0646 \u0627\u0644\u0645\u0633\u0644\u0645\u064a\u0646.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/main>\n\n    <!-- Footer -->\n    <footer class=\"footer-gradient text-white py-12\">\n        <div class=\"container mx-auto px-4\">\n            <div class=\"grid grid-cols-1 md:grid-cols-4 gap-8 mb-8\">\n                <div>\n                    <h3 class=\"text-xl font-bold mb-6\">\u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629<\/h3>\n                    <p class=\"text-gray-300 mb-6\">\u0646\u0634\u0631\u0629 \u062e\u0627\u0635\u0629 \u0639\u0646 \u0627\u0644\u0641\u0643\u0631 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a \u0627\u0644\u0645\u0639\u0627\u0635\u0631\u060c \u062a\u0642\u062f\u0645 \u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0648\u0642\u0631\u0627\u0621\u0627\u062a \u0644\u0623\u0628\u0631\u0632 \u0627\u0644\u0645\u0641\u0643\u0631\u064a\u0646 \u0627\u0644\u0645\u0633\u0644\u0645\u064a\u0646.<\/p>\n                    <div class=\"flex space-x-4 space-x-reverse\">\n                        <a href=\"#\" class=\"bg-gray-700 hover:bg-gray-600 w-10 h-10 rounded-full flex items-center justify-center\">\n                            <i class=\"fab fa-twitter\"><\/i>\n                        <\/a>\n                        <a href=\"#\" class=\"bg-gray-700 hover:bg-gray-600 w-10 h-10 rounded-full flex items-center justify-center\">\n                            <i class=\"fab fa-facebook-f\"><\/i>\n                        <\/a>\n                        <a href=\"#\" class=\"bg-gray-700 hover:bg-gray-600 w-10 h-10 rounded-full flex items-center justify-center\">\n                            <i class=\"fab fa-youtube\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n                \n                <div>\n                    <h4 class=\"font-bold text-lg mb-6\">\u0645\u0648\u0627\u0636\u064a\u0639 \u0627\u0644\u0646\u0634\u0631\u0629<\/h4>\n                    <ul class=\"space-y-3 text-gray-300\">\n                        <li><a href=\"#\" class=\"hover:text-white transition\">\u0627\u0644\u0641\u0643\u0631 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a \u0627\u0644\u0645\u0639\u0627\u0635\u0631<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-white transition\">\u062a\u062c\u062f\u064a\u062f \u0627\u0644\u062e\u0637\u0627\u0628 \u0627\u0644\u062f\u064a\u0646\u064a<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-white transition\">\u0627\u0644\u0647\u0631\u0645\u0646\u064a\u0648\u0637\u064a\u0642\u0627 \u0627\u0644\u0642\u0631\u0622\u0646\u064a\u0629<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-white transition\">\u0641\u0642\u0647 \u0627\u0644\u0645\u0631\u0623\u0629 \u0641\u064a \u0627\u0644\u0625\u0633\u0644\u0627\u0645<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-white transition\">\u0627\u0644\u062f\u064a\u0646 \u0648\u0627\u0644\u062f\u0648\u0644\u0629 \u0627\u0644\u0645\u062f\u0646\u064a\u0629<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div>\n                    <h4 class=\"font-bold text-lg mb-6\">\u0645\u0641\u0643\u0631\u0648\u0646 \u0645\u0639\u0627\u0635\u0631\u0648\u0646<\/h4>\n                    <ul class=\"space-y-3 text-gray-300\">\n                        <li><a href=\"#\" class=\"hover:text-white transition\">\u0645\u062d\u0645\u0648\u062f \u0634\u062d\u0631\u0648\u0631<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-white transition\">\u0646\u0635\u0631 \u062d\u0627\u0645\u062f \u0623\u0628\u0648 \u0632\u064a\u062f<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-white transition\">\u0645\u062d\u0645\u062f \u0623\u0631\u0643\u0648\u0646<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-white transition\">\u0639\u0628\u062f \u0627\u0644\u0643\u0631\u064a\u0645 \u0633\u0631\u0648\u0634<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-white transition\">\u062d\u0633\u0646 \u062d\u0646\u0641\u064a<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div>\n                    <h4 class=\"font-bold text-lg mb-6\">\u0627\u0644\u0646\u0634\u0631\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629<\/h4>\n                    <p class=\"text-gray-300 mb-4\">\u0627\u0634\u062a\u0631\u0643 \u0644\u062a\u0644\u0642\u064a \u0623\u0639\u062f\u0627\u062f \u0627\u0644\u0646\u0634\u0631\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629 \u0639\u0646 \u0627\u0644\u0641\u0643\u0631 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a \u0627\u0644\u0645\u0639\u0627\u0635\u0631<\/p>\n                    <div class=\"flex\">\n                        <input type=\"email\" placeholder=\"\u0628\u0631\u064a\u062f\u0643 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\" class=\"flex-1 px-4 py-3 rounded-r-lg text-gray-900 focus:outline-none\">\n                        <button class=\"bg-orange-500 text-white px-4 py-3 rounded-l-lg hover:bg-orange-600 transition font-medium\">\n                            <i class=\"fas fa-paper-plane ml-1\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"border-t border-gray-700 pt-8 text-center text-gray-400 text-sm\">\n                <p>\u00a9 \u0662\u0660\u0662\u0666 \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629 &#8211; \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.<\/p>\n                <p class=\"mt-2\">\u0646\u0634\u0631\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u062a\u062b\u0642\u064a\u0641\u064a\u0629\u060c \u0644\u0627 \u062a\u0645\u062b\u0644 \u0628\u0627\u0644\u0636\u0631\u0648\u0631\u0629 \u0622\u0631\u0627\u0621 \u0627\u0644\u0634\u0628\u0643\u0629 \u0627\u0644\u0631\u0633\u0645\u064a\u0629.<\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- Back to Top Button -->\n    <button id=\"backToTop\" class=\"fixed bottom-6 left-6 bg-orange-500 text-white p-3 rounded-full shadow-lg hover:bg-orange-600 transition opacity-0\">\n        <i class=\"fas fa-arrow-up\"><\/i>\n    <\/button>\n\n    <script>\n        \/\/ Update date\n        function updateDate() {\n            const now = new Date();\n            const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };\n            const dateStr = now.toLocaleDateString('ar-EG', options);\n            document.getElementById('current-date').textContent = dateStr;\n        }\n        \n        updateDate();\n        \n        \/\/ Back to top button\n        const backToTopBtn = document.getElementById('backToTop');\n        \n        window.addEventListener('scroll', () => {\n            if (window.pageYOffset > 300) {\n                backToTopBtn.classList.remove('opacity-0');\n                backToTopBtn.classList.add('opacity-100');\n            } else {\n                backToTopBtn.classList.remove('opacity-100');\n                backToTopBtn.classList.add('opacity-0');\n            }\n        });\n        \n        backToTopBtn.addEventListener('click', () => {\n            window.scrollTo({ top: 0, behavior: 'smooth' });\n        });\n        \n        \/\/ Add hover effect to section cards\n        document.querySelectorAll('.section-card').forEach(card => {\n            card.addEventListener('mouseenter', function() {\n                this.style.transform = 'translateY(-5px)';\n            });\n            \n            card.addEventListener('mouseleave', function() {\n                this.style.transform = 'translateY(0)';\n            });\n        });\n        \n        \/\/ Add image error handling\n        document.querySelectorAll('img').forEach(img => {\n            img.addEventListener('error', function() {\n                console.log('Error loading image:', this.src);\n                this.style.display = 'none';\n                const container = this.closest('.image-container');\n                if (container) {\n                    container.innerHTML = '<div class=\"w-full h-full bg-gradient-to-br from-orange-100 to-amber-100 flex items-center justify-center\"><i class=\"fas fa-user-graduate text-orange-400 text-4xl\"><\/i><\/div>';\n                }\n            });\n        });\n        \n        \/\/ Add click effect to concept badges\n        document.querySelectorAll('.concept-badge').forEach(badge => {\n            badge.addEventListener('click', function() {\n                const concept = this.textContent;\n                const author = \"\u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0645\u062d\u0645\u0648\u062f \u0634\u062d\u0631\u0648\u0631\";\n                alert(`\u0645\u0641\u0647\u0648\u0645: ${concept}\\n\\n\u0647\u0630\u0627 \u0627\u0644\u0645\u0641\u0647\u0648\u0645 \u064a\u0645\u062b\u0644 \u0623\u062d\u062f \u0627\u0644\u062c\u0648\u0627\u0646\u0628 \u0627\u0644\u0645\u0647\u0645\u0629 \u0641\u064a \u0641\u0643\u0631 ${author}.\\n\\n\u062a\u0642\u062f\u064a\u0645: \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629`);\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n        <div class=\"booster-block booster-reactions-block\">\n            <div class=\"twp-reactions-icons\">\n                \n                <div class=\"twp-reacts-wrap\">\n                    <a react-data=\"be-react-1\" post-id=\"226055\" class=\"be-face-icons un-reacted\" href=\"javascript:void(0)\">\n                        <img decoding=\"async\" src=\"https:\/\/www.almadar.be\/wp-content\/plugins\/booster-extension\/\/assets\/icon\/happy.svg\" alt=\"Happy\">\n                    <\/a>\n                    <div class=\"twp-reaction-title\">\n                        Happy                    <\/div>\n                    <div class=\"twp-count-percent\">\n                                                    <span style=\"display: none;\" class=\"twp-react-count\">0<\/span>\n                        \n                                                <span class=\"twp-react-percent\"><span>0<\/span> %<\/span>\n                                            <\/div>\n                <\/div>\n\n                <div class=\"twp-reacts-wrap\">\n                    <a react-data=\"be-react-2\" post-id=\"226055\" class=\"be-face-icons un-reacted\" href=\"javascript:void(0)\">\n                        <img decoding=\"async\" src=\"https:\/\/www.almadar.be\/wp-content\/plugins\/booster-extension\/\/assets\/icon\/sad.svg\" alt=\"Sad\">\n                    <\/a>\n                    <div class=\"twp-reaction-title\">\n                        Sad                    <\/div>\n                    <div class=\"twp-count-percent\">\n                                                    <span style=\"display: none;\" class=\"twp-react-count\">0<\/span>\n                                                                        <span class=\"twp-react-percent\"><span>0<\/span> %<\/span>\n                                            <\/div>\n                <\/div>\n\n                <div class=\"twp-reacts-wrap\">\n                    <a react-data=\"be-react-3\" post-id=\"226055\" class=\"be-face-icons un-reacted\" href=\"javascript:void(0)\">\n                        <img decoding=\"async\" src=\"https:\/\/www.almadar.be\/wp-content\/plugins\/booster-extension\/\/assets\/icon\/excited.svg\" alt=\"Excited\">\n                    <\/a>\n                    <div class=\"twp-reaction-title\">\n                        Excited                    <\/div>\n                    <div class=\"twp-count-percent\">\n                                                    <span style=\"display: none;\" class=\"twp-react-count\">0<\/span>\n                                                                        <span class=\"twp-react-percent\"><span>0<\/span> %<\/span>\n                                            <\/div>\n                <\/div>\n\n                <div class=\"twp-reacts-wrap\">\n                    <a react-data=\"be-react-6\" post-id=\"226055\" class=\"be-face-icons un-reacted\" href=\"javascript:void(0)\">\n                        <img decoding=\"async\" src=\"https:\/\/www.almadar.be\/wp-content\/plugins\/booster-extension\/\/assets\/icon\/sleepy.svg\" alt=\"Sleepy\">\n                    <\/a>\n                    <div class=\"twp-reaction-title\">\n                        Sleepy                    <\/div>\n                    <div class=\"twp-count-percent\">\n                                                    <span style=\"display: none;\" class=\"twp-react-count\">0<\/span>\n                        \n                                                <span class=\"twp-react-percent\"><span>0<\/span> %<\/span>\n                                            <\/div>\n                <\/div>\n\n                <div class=\"twp-reacts-wrap\">\n                    <a react-data=\"be-react-4\" post-id=\"226055\" class=\"be-face-icons un-reacted\" href=\"javascript:void(0)\">\n                        <img decoding=\"async\" src=\"https:\/\/www.almadar.be\/wp-content\/plugins\/booster-extension\/\/assets\/icon\/angry.svg\" alt=\"Angry\">\n                    <\/a>\n                    <div class=\"twp-reaction-title\">Angry<\/div>\n                    <div class=\"twp-count-percent\">\n                                                    <span style=\"display: none;\" class=\"twp-react-count\">0<\/span>\n                                                                        <span class=\"twp-react-percent\"><span>0<\/span> %<\/span>\n                        \n                    <\/div>\n                <\/div>\n\n                <div class=\"twp-reacts-wrap\">\n                    <a react-data=\"be-react-5\" post-id=\"226055\" class=\"be-face-icons un-reacted\" href=\"javascript:void(0)\">\n                        <img decoding=\"async\" src=\"https:\/\/www.almadar.be\/wp-content\/plugins\/booster-extension\/\/assets\/icon\/surprise.svg\" alt=\"Surprise\">\n                    <\/a>\n                    <div class=\"twp-reaction-title\">Surprise<\/div>\n                    <div class=\"twp-count-percent\">\n                                                    <span style=\"display: none;\" class=\"twp-react-count\">0<\/span>\n                                                                        <span class=\"twp-react-percent\"><span>0<\/span> %<\/span>\n                                            <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n    ","protected":false},"excerpt":{"rendered":"<p>\u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629 &#8211; \u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0645\u062d\u0645\u0648\u062f \u0634\u062d\u0631\u0648\u0631 \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629 \u0646\u0634\u0631\u0629 \u062e\u0627\u0635\u0629: \u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0645\u062d\u0645\u0648\u062f \u0634\u062d\u0631\u0648\u0631 &#8211; \u0641\u0643\u0631\u0647 \u0648\u0633\u064a\u0631\u062a\u0647 \u0645\u0641\u0643\u0631 \u0625\u0633\u0644\u0627\u0645\u064a \u0645\u0639\u0627\u0635\u0631 \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629 \u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0645\u062d\u0645\u0648\u062f \u0634\u062d\u0631\u0648\u0631: \u0631\u062d\u0644\u0629 \u0641\u0643\u0631\u064a\u0629 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0645\u062d\u0645\u0648\u062f \u0634\u062d\u0631\u0648\u0631 (1938-2019) \u0645\u0641\u0643\u0631 \u0633\u0648\u0631\u064a \u0645\u0639\u0627\u0635\u0631\u060c \u0623\u062d\u062f \u0623\u0628\u0631\u0632 \u0627\u0644\u0645\u0646\u0638\u0631\u064a\u0646 \u0644\u0644\u0625\u0633\u0644\u0627\u0645 \u0627\u0644\u062a\u0642\u062f\u0645\u064a \u0641\u064a \u0627\u0644\u0639\u0635\u0631 \u0627\u0644\u062d\u062f\u064a\u062b. \u0627\u0634\u062a\u0647\u0631 \u0628\u0645\u0646\u0647\u062c\u0647 \u0627\u0644\u0646\u0642\u062f\u064a \u0641\u064a \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0646\u0635 \u0627\u0644\u0642\u0631\u0622\u0646\u064a\u060c \u0648\u062f\u0639\u0648\u062a\u0647 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":226056,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"federated","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[12],"tags":[],"class_list":["post-226055","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-12"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.almadar.be\/wp-content\/uploads\/2026\/02\/%D9%85%D8%AD%D9%85%D9%88%D8%AF-%D8%B4%D8%AD%D8%B1%D9%88%D8%B1-.jpg?fit=1280%2C720&ssl=1","jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8NJWL-WO3","_links":{"self":[{"href":"https:\/\/www.almadar.be\/index.php?rest_route=\/wp\/v2\/posts\/226055","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.almadar.be\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.almadar.be\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.almadar.be\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.almadar.be\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=226055"}],"version-history":[{"count":0,"href":"https:\/\/www.almadar.be\/index.php?rest_route=\/wp\/v2\/posts\/226055\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.almadar.be\/index.php?rest_route=\/wp\/v2\/media\/226056"}],"wp:attachment":[{"href":"https:\/\/www.almadar.be\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=226055"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.almadar.be\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=226055"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.almadar.be\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=226055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}