\u062a\u062d\u0644\u064a\u0644 \u0633\u0648\u0642 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0632\u0644 \u0641\u064a \u0642\u0637\u0631<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\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=Tajawal:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n \n \n \n \n <style>\n body {\n font-family: 'Tajawal', sans-serif;\n background-color: #FDFBF7;\n color: #3D405B;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 400px;\n margin-left: auto;\n margin-right: auto;\n height: 300px;\n max-height: 350px;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 350px;\n }\n }\n .card-flip {\n perspective: 1000px;\n }\n .card-flip-inner {\n position: relative;\n width: 100%;\n height: 100%;\n transition: transform 0.6s;\n transform-style: preserve-3d;\n }\n .card-flipped .card-flip-inner {\n transform: rotateY(180deg);\n }\n .card-face {\n position: absolute;\n width: 100%;\n height: 100%;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 1rem;\n border-radius: 0.5rem;\n }\n .card-front {\n background-color: #fff;\n border: 1px solid #e2e8f0;\n }\n .card-back {\n background-color: #81B29A;\n color: white;\n transform: rotateY(180deg);\n }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 py-8\">\n\n <header class=\"text-center mb-12\">\n <h1 class=\"text-4xl md:text-5xl font-bold text-[#3D405B] mb-2\">\u0633\u0648\u0642 \u0627\u0644\u0639\u0627\u0645\u0644\u064a\u0646 \u0628\u0642\u0637\u0627\u0639 \u0646\u0638\u0627\u0641\u0629 \u0648\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0646\u0627\u0632\u0644 \u0628\u0642\u0637\u0631<\/h1>\n <p class=\"text-lg text-gray-600 max-w-3xl mx-auto\">\u062e\u0637\u0629 \u0628\u062d\u062b\u064a\u0629 \u0648\u062a\u062d\u0644\u064a\u0644 \u062a\u0641\u0627\u0639\u0644\u064a \u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0627\u062a \u0627\u0644\u0633\u0648\u0642\u060c \u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\u060c \u0648\u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629<\/p>\n <\/header>\n\n <main>\n \n <nav class=\"bg-white\/80 backdrop-blur-md shadow-sm rounded-xl sticky top-4 z-10 mb-12\">\n <div class=\"max-w-5xl mx-auto px-4\">\n <div class=\"flex items-center justify-center space-x-8 rtl:space-x-reverse h-16\">\n <a href=\"#indicators\" class=\"text-gray-700 hover:text-[#81B29A] transition-colors duration-300 font-medium\">\u0645\u0624\u0634\u0631\u0627\u062a \u0631\u0626\u064a\u0633\u064a\u0629<\/a>\n <a href=\"#drivers\" class=\"text-gray-700 hover:text-[#81B29A] transition-colors duration-300 font-medium\">\u0627\u0644\u0645\u062d\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a<\/a>\n <a href=\"#framework\" class=\"text-gray-700 hover:text-[#81B29A] transition-colors duration-300 font-medium\">\u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a<\/a>\n <a href=\"#trends\" class=\"text-gray-700 hover:text-[#81B29A] transition-colors duration-300 font-medium\">\u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629<\/a>\n <a href=\"#sources\" class=\"text-gray-700 hover:text-[#81B29A] transition-colors duration-300 font-medium\">\u0627\u0644\u0645\u0635\u0627\u062f\u0631<\/a>\n <\/div>\n <\/div>\n <\/nav>\n \n \n <section id=\"indicators\" class=\"mb-16 scroll-mt-24\">\n <h2 class=\"text-3xl font-bold text-center mb-2 text-[#3D405B]\">\u0645\u0624\u0634\u0631\u0627\u062a \u0631\u0626\u064a\u0633\u064a\u0629 \u0644\u0644\u0633\u0648\u0642<\/h2>\n <p class=\"text-center text-gray-600 mb-8 max-w-2xl mx-auto\">\u062a\u0642\u062f\u0645 \u0647\u0630\u0647 \u0627\u0644\u0645\u0624\u0634\u0631\u0627\u062a \u0644\u0645\u062d\u0629 \u0633\u0631\u064a\u0639\u0629 \u0639\u0646 \u062d\u062c\u0645 \u0648\u062a\u0631\u0643\u064a\u0628\u0629 \u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0646\u062f\u0629 \u0641\u064a \u0642\u0637\u0631. \u062a\u0639\u0643\u0633 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0643\u0628\u064a\u0631 \u0639\u0644\u0649 \u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0627\u0644\u0648\u0627\u0641\u062f\u0629 \u0644\u062a\u0644\u0628\u064a\u0629 \u0627\u0644\u0637\u0644\u0628 \u0627\u0644\u0645\u062a\u0632\u0627\u064a\u062f \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062d\u064a\u0648\u064a.<\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-8 items-center\">\n <div class=\"bg-white p-6 rounded-xl shadow-md\">\n <h3 class=\"font-bold text-xl mb-4 text-center\">\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u062d\u0633\u0628 \u0627\u0644\u062c\u0646\u0633\u064a\u0629 (\u062a\u0642\u062f\u064a\u0631\u064a)<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"nationalityChart\"><\/canvas>\n <\/div>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-md\">\n <h3 class=\"font-bold text-xl mb-4 text-center\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u0627\u064b<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"servicesChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"drivers\" class=\"mb-16 scroll-mt-24\">\n <h2 class=\"text-3xl font-bold text-center mb-2 text-[#3D405B]\">\u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0633\u0648\u0642 \u0648\u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a<\/h2>\n <p class=\"text-center text-gray-600 mb-8 max-w-2xl mx-auto\">\u064a\u0633\u062a\u0639\u0631\u0636 \u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u0645\u0632\u062f\u0648\u062c\u0629 \u0627\u0644\u062a\u064a \u062a\u0634\u0643\u0644 \u0645\u0644\u0627\u0645\u062d \u0627\u0644\u0633\u0648\u0642. \u0645\u0646 \u062e\u0644\u0627\u0644 \u0641\u0647\u0645 \u0627\u0644\u0642\u0648\u0649 \u0627\u0644\u062f\u0627\u0641\u0639\u0629 \u0644\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u0639\u0642\u0628\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0648\u0627\u062c\u0647 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0639\u0645\u0627\u0644\u060c \u064a\u0645\u0643\u0646\u0646\u0627 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0631\u0624\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0628\u064a\u0626\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629.<\/p>\n <div class=\"max-w-4xl mx-auto\">\n <div class=\"flex justify-center border-b mb-6\">\n <button id=\"drivers-btn\" class=\"tab-btn px-6 py-2 text-lg font-medium border-b-2 border-[#81B29A] text-[#81B29A]\">\u0627\u0644\u0645\u062d\u0631\u0643\u0627\u062a<\/button>\n <button id=\"challenges-btn\" class=\"tab-btn px-6 py-2 text-lg font-medium text-gray-500 border-b-2 border-transparent\">\u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a<\/button>\n <\/div>\n <div id=\"drivers-content\" class=\"tab-content\">\n <ul class=\"space-y-4\">\n <li class=\"bg-white p-4 rounded-lg shadow-sm\"><strong>\u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0633\u0643\u0627\u0646\u064a \u0648\u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a:<\/strong> \u0627\u0631\u062a\u0641\u0627\u0639 \u0639\u062f\u062f \u0627\u0644\u0633\u0643\u0627\u0646 \u0648\u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0633\u0643\u0646\u064a\u0629 \u064a\u0632\u064a\u062f \u0627\u0644\u0637\u0644\u0628 \u0639\u0644\u0649 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0646\u0638\u0627\u0641\u0629 \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629.<\/li>\n <li class=\"bg-white p-4 rounded-lg shadow-sm\"><strong>\u0627\u0631\u062a\u0641\u0627\u0639 \u0646\u0633\u0628\u0629 \u0645\u0634\u0627\u0631\u0643\u0629 \u0627\u0644\u0645\u0631\u0623\u0629 \u0641\u064a \u0627\u0644\u0639\u0645\u0644:<\/strong> \u064a\u0631\u0641\u0639 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0634\u0624\u0648\u0646 \u0627\u0644\u0645\u0646\u0632\u0644.<\/li>\n <li class=\"bg-white p-4 rounded-lg shadow-sm\"><strong>\u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u062d\u062f\u064a\u062b \u0648\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u062f\u062e\u0644:<\/strong> \u064a\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0625\u0646\u0641\u0627\u0642 \u0639\u0644\u0649 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0631\u0627\u062d\u0629 \u0648\u0627\u0644\u0631\u0641\u0627\u0647\u064a\u0629.<\/li>\n <li class=\"bg-white p-4 rounded-lg shadow-sm\"><strong>\u0631\u0624\u064a\u0629 \u0642\u0637\u0631 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 2030:<\/strong> \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0646\u0645\u0648\u064a\u0629 \u0627\u0644\u0636\u062e\u0645\u0629 \u062a\u062c\u0630\u0628 \u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0633\u0643\u0627\u0646 \u0648\u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0627\u0644\u0648\u0627\u0641\u062f\u0629\u060c \u0645\u0645\u0627 \u064a\u0639\u0632\u0632 \u0627\u0644\u0637\u0644\u0628.<\/li>\n <\/ul>\n <\/div>\n <div id=\"challenges-content\" class=\"tab-content hidden\">\n <ul class=\"space-y-4\">\n <li class=\"bg-white p-4 rounded-lg shadow-sm\"><strong>\u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a:<\/strong> \u062a\u0639\u0642\u064a\u062f\u0627\u062a \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0642\u062f\u0627\u0645 \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0645\u0631\u062a\u0641\u0639\u0629 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0647\u0627.<\/li>\n <li class=\"bg-white p-4 rounded-lg shadow-sm\"><strong>\u0627\u0644\u0645\u0646\u0627\u0641\u0633\u0629 \u0645\u0646 \u0627\u0644\u0642\u0637\u0627\u0639 \u063a\u064a\u0631 \u0627\u0644\u0631\u0633\u0645\u064a:<\/strong> \u0648\u062c\u0648\u062f \u0639\u0645\u0627\u0644\u0629 \u063a\u064a\u0631 \u0646\u0638\u0627\u0645\u064a\u0629 \u062a\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0628\u0623\u0633\u0639\u0627\u0631 \u0623\u0642\u0644 \u064a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u0631\u062e\u0635\u0629.<\/li>\n <li class=\"bg-white p-4 rounded-lg shadow-sm\"><strong>\u062d\u0645\u0627\u064a\u0629 \u062d\u0642\u0648\u0642 \u0627\u0644\u0639\u0645\u0627\u0644:<\/strong> \u0636\u0645\u0627\u0646 \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0642\u0648\u0627\u0646\u064a\u0646 \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u060c \u0627\u0644\u0623\u062c\u0648\u0631\u060c \u0648\u0627\u0644\u0625\u062c\u0627\u0632\u0627\u062a \u0644\u0627 \u064a\u0632\u0627\u0644 \u062a\u062d\u062f\u064a\u0627\u064b.<\/li>\n <li class=\"bg-white p-4 rounded-lg shadow-sm\"><strong>\u0646\u0642\u0635 \u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0627\u0644\u0645\u0627\u0647\u0631\u0629:<\/strong> \u0635\u0639\u0648\u0628\u0629 \u0627\u0644\u0639\u062b\u0648\u0631 \u0639\u0644\u0649 \u0639\u0645\u0627\u0644 \u0645\u062f\u0631\u0628\u064a\u0646 \u0648\u0645\u0624\u0647\u0644\u064a\u0646 \u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section id=\"framework\" class=\"mb-16 scroll-mt-24\">\n <h2 class=\"text-3xl font-bold text-center mb-2 text-[#3D405B]\">\u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a: \u0642\u0627\u0646\u0648\u0646 \u0631\u0642\u0645 (15) \u0644\u0633\u0646\u0629 2017<\/h2>\n <p class=\"text-center text-gray-600 mb-8 max-w-2xl mx-auto\">\u064a\u0645\u062b\u0644 \u0647\u0630\u0627 \u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0646\u0642\u0644\u0629 \u0646\u0648\u0639\u064a\u0629 \u0641\u064a \u062a\u0646\u0638\u064a\u0645 \u0639\u0644\u0627\u0642\u0629 \u0627\u0644\u0639\u0645\u0644 \u0628\u064a\u0646 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0641\u064a \u0642\u0637\u0631. \u0627\u0646\u0642\u0631 \u0639\u0644\u0649 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u0623\u062f\u0646\u0627\u0647 \u0644\u0627\u0633\u062a\u0643\u0634\u0627\u0641 \u0623\u0628\u0631\u0632 \u0627\u0644\u062d\u0642\u0648\u0642 \u0648\u0627\u0644\u0648\u0627\u062c\u0628\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u062d\u062f\u062f\u0647\u0627 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u060c \u0648\u0627\u0644\u062a\u064a \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u0648\u0641\u064a\u0631 \u0628\u064a\u0626\u0629 \u0639\u0645\u0644 \u0639\u0627\u062f\u0644\u0629 \u0648\u0622\u0645\u0646\u0629 \u0644\u0644\u062c\u0645\u064a\u0639.<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n \n <div class=\"card-flip h-48 cursor-pointer\" onclick=\"this.classList.toggle('card-flipped')\">\n <div class=\"card-flip-inner\">\n <div class=\"card-face card-front\">\n <h3 class=\"text-xl font-bold\">\u0639\u0642\u062f \u0627\u0644\u0639\u0645\u0644<\/h3>\n <p class=\"text-gray-500 mt-2\">\u0627\u0646\u0642\u0631 \u0644\u0644\u0645\u0632\u064a\u062f<\/p>\n <\/div>\n <div class=\"card-face card-back\">\n <p class=\"text-center\">\u064a\u062c\u0628 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0639\u0642\u062f \u0627\u0644\u0639\u0645\u0644 \u0645\u0643\u062a\u0648\u0628\u0627\u064b \u0648\u0645\u0635\u062f\u0642\u0627\u064b \u0639\u0644\u064a\u0647 \u0645\u0646 \u0627\u0644\u0648\u0632\u0627\u0631\u0629\u060c \u0648\u064a\u062d\u062f\u062f \u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0623\u062c\u0631 \u0627\u0644\u0645\u062a\u0641\u0642 \u0639\u0644\u064a\u0647.<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"card-flip h-48 cursor-pointer\" onclick=\"this.classList.toggle('card-flipped')\">\n <div class=\"card-flip-inner\">\n <div class=\"card-face card-front\">\n <h3 class=\"text-xl font-bold\">\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/h3>\n <p class=\"text-gray-500 mt-2\">\u0627\u0646\u0642\u0631 \u0644\u0644\u0645\u0632\u064a\u062f<\/p>\n <\/div>\n <div class=\"card-face card-back\">\n <p class=\"text-center\">\u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 \u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0647\u0648 10 \u0633\u0627\u0639\u0627\u062a \u064a\u0648\u0645\u064a\u0627\u064b\u060c \u062a\u062a\u062e\u0644\u0644\u0647\u0627 \u0641\u062a\u0631\u0627\u062a \u0644\u0644\u0631\u0627\u062d\u0629 \u0648\u062a\u0646\u0627\u0648\u0644 \u0627\u0644\u0637\u0639\u0627\u0645.<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"card-flip h-48 cursor-pointer\" onclick=\"this.classList.toggle('card-flipped')\">\n <div class=\"card-flip-inner\">\n <div class=\"card-face card-front\">\n <h3 class=\"text-xl font-bold\">\u0627\u0644\u0631\u0627\u062d\u0629 \u0627\u0644\u0623\u0633\u0628\u0648\u0639\u064a\u0629<\/h3>\n <p class=\"text-gray-500 mt-2\">\u0627\u0646\u0642\u0631 \u0644\u0644\u0645\u0632\u064a\u062f<\/p>\n <\/div>\n <div class=\"card-face card-back\">\n <p class=\"text-center\">\u064a\u0633\u062a\u062d\u0642 \u0627\u0644\u0639\u0627\u0645\u0644 \u0631\u0627\u062d\u0629 \u0623\u0633\u0628\u0648\u0639\u064a\u0629 \u0645\u062f\u0641\u0648\u0639\u0629 \u0627\u0644\u0623\u062c\u0631 \u0644\u0627 \u062a\u0642\u0644 \u0639\u0646 24 \u0633\u0627\u0639\u0629 \u0645\u062a\u062a\u0627\u0644\u064a\u0629.<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"card-flip h-48 cursor-pointer\" onclick=\"this.classList.toggle('card-flipped')\">\n <div class=\"card-flip-inner\">\n <div class=\"card-face card-front\">\n <h3 class=\"text-xl font-bold\">\u0627\u0644\u0625\u062c\u0627\u0632\u0629 \u0627\u0644\u0633\u0646\u0648\u064a\u0629<\/h3>\n <p class=\"text-gray-500 mt-2\">\u0627\u0646\u0642\u0631 \u0644\u0644\u0645\u0632\u064a\u062f<\/p>\n <\/div>\n <div class=\"card-face card-back\">\n <p class=\"text-center\">\u0625\u062c\u0627\u0632\u0629 \u0633\u0646\u0648\u064a\u0629 \u0645\u062f\u0641\u0648\u0639\u0629 \u0627\u0644\u0623\u062c\u0631 \u0645\u062f\u062a\u0647\u0627 3 \u0623\u0633\u0627\u0628\u064a\u0639 \u0639\u0646 \u0643\u0644 \u0633\u0646\u0629 \u062e\u062f\u0645\u0629\u060c \u0645\u0639 \u062a\u0630\u0643\u0631\u0629 \u0633\u0641\u0631 \u0630\u0647\u0627\u0628\u0627\u064b \u0648\u0625\u064a\u0627\u0628\u0627\u064b \u0643\u0644 \u0633\u0646\u062a\u064a\u0646.<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"card-flip h-48 cursor-pointer\" onclick=\"this.classList.toggle('card-flipped')\">\n <div class=\"card-flip-inner\">\n <div class=\"card-face card-front\">\n <h3 class=\"text-xl font-bold\">\u0645\u0643\u0627\u0641\u0623\u0629 \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u062e\u062f\u0645\u0629<\/h3>\n <p class=\"text-gray-500 mt-2\">\u0627\u0646\u0642\u0631 \u0644\u0644\u0645\u0632\u064a\u062f<\/p>\n <\/div>\n <div class=\"card-face card-back\">\n <p class=\"text-center\">\u064a\u0633\u062a\u062d\u0642 \u0627\u0644\u0639\u0627\u0645\u0644 \u0645\u0643\u0627\u0641\u0623\u0629 \u0646\u0647\u0627\u064a\u0629 \u062e\u062f\u0645\u0629 \u062a\u0639\u0627\u062f\u0644 \u0623\u062c\u0631 3 \u0623\u0633\u0627\u0628\u064a\u0639 \u0639\u0646 \u0643\u0644 \u0633\u0646\u0629 \u0642\u0636\u0627\u0647\u0627 \u0641\u064a \u0627\u0644\u062e\u062f\u0645\u0629.<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"card-flip h-48 cursor-pointer\" onclick=\"this.classList.toggle('card-flipped')\">\n <div class=\"card-flip-inner\">\n <div class=\"card-face card-front\">\n <h3 class=\"text-xl font-bold\">\u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a \u0635\u0627\u062d\u0628 \u0627\u0644\u0639\u0645\u0644<\/h3>\n <p class=\"text-gray-500 mt-2\">\u0627\u0646\u0642\u0631 \u0644\u0644\u0645\u0632\u064a\u062f<\/p>\n <\/div>\n <div class=\"card-face card-back\">\n <p class=\"text-center\">\u062a\u0648\u0641\u064a\u0631 \u0645\u0633\u0643\u0646 \u0645\u0644\u0627\u0626\u0645\u060c \u0637\u0639\u0627\u0645\u060c \u0631\u0639\u0627\u064a\u0629 \u0635\u062d\u064a\u0629\u060c \u0648\u0645\u0639\u0627\u0645\u0644\u0629 \u0644\u0627\u0626\u0642\u0629 \u062a\u062d\u0641\u0638 \u0643\u0631\u0627\u0645\u0629 \u0627\u0644\u0639\u0627\u0645\u0644.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"trends\" class=\"mb-16 scroll-mt-24\">\n <h2 class=\"text-3xl font-bold text-center mb-2 text-[#3D405B]\">\u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629 \u0648\u0627\u0644\u062a\u0648\u0635\u064a\u0627\u062a<\/h2>\n <p class=\"text-center text-gray-600 mb-8 max-w-2xl mx-auto\">\u064a\u062a\u062c\u0647 \u0627\u0644\u0633\u0648\u0642 \u0646\u062d\u0648 \u062a\u062d\u0648\u0644\u0627\u062a \u0645\u0647\u0645\u0629 \u0645\u062f\u0641\u0648\u0639\u0629 \u0628\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0648\u062a\u063a\u064a\u0631 \u062a\u0648\u0642\u0639\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643\u064a\u0646. \u0641\u0647\u0645 \u0647\u0630\u0647 \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u064a\u0633\u0627\u0639\u062f \u0641\u064a \u0631\u0633\u0645 \u0645\u0644\u0627\u0645\u062d \u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u0642\u0637\u0627\u0639 \u0648\u062a\u0642\u062f\u064a\u0645 \u062a\u0648\u0635\u064a\u0627\u062a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u0646\u0645\u0648\u0647 \u0628\u0634\u0643\u0644 \u0645\u0633\u062a\u062f\u0627\u0645 \u0648\u0645\u0646\u0638\u0645.<\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <div class=\"bg-white p-6 rounded-xl shadow-md\">\n <h3 class=\"font-bold text-xl mb-4 text-[#3D405B]\">\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629<\/h3>\n <ul class=\"space-y-3 list-disc list-inside text-gray-700\">\n <li><strong>\u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a:<\/strong> \u0627\u0632\u062f\u064a\u0627\u062f \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u0635\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0644\u062d\u062c\u0632 \u0627\u0644\u062e\u062f\u0645\u0627\u062a\u060c \u0645\u0645\u0627 \u064a\u0648\u0641\u0631 \u0634\u0641\u0627\u0641\u064a\u0629 \u0648\u0633\u0647\u0648\u0644\u0629 \u0623\u0643\u0628\u0631.<\/li>\n <li><strong>\u0627\u0644\u062a\u062e\u0635\u0635 \u0648\u062a\u0646\u0648\u064a\u0639 \u0627\u0644\u062e\u062f\u0645\u0627\u062a:<\/strong> \u0638\u0647\u0648\u0631 \u0634\u0631\u0643\u0627\u062a \u062a\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629 (\u0645\u062b\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0635\u062f\u064a\u0642 \u0644\u0644\u0628\u064a\u0626\u0629\u060c \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0630\u0643\u064a\u0629).<\/li>\n <li><strong>\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0648\u0639\u064a \u0628\u0627\u0644\u062d\u0642\u0648\u0642:<\/strong> \u0627\u0631\u062a\u0641\u0627\u0639 \u0648\u0639\u064a \u0627\u0644\u0639\u0645\u0627\u0644 \u0648\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644 \u0628\u0627\u0644\u062d\u0642\u0648\u0642 \u0648\u0627\u0644\u0648\u0627\u062c\u0628\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629.<\/li>\n <li><strong>\u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u0623\u0647\u064a\u0644:<\/strong> \u062a\u0648\u062c\u0647 \u0646\u062d\u0648 \u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0644\u0631\u0641\u0639 \u062c\u0648\u062f\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0642\u062f\u0645\u0629\u060c \u062e\u0627\u0635\u0629 \u0641\u064a \u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629.<\/li>\n <\/ul>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-md\">\n <h3 class=\"font-bold text-xl mb-4 text-[#3D405B]\">\u062a\u0648\u0635\u064a\u0627\u062a \u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u0628\u062d\u062b\u064a\u0629<\/h3>\n <ul class=\"space-y-3 list-disc list-inside text-gray-700\">\n <li><strong>\u062a\u0633\u0647\u064a\u0644 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a:<\/strong> \u062a\u0628\u0633\u064a\u0637 \u0648\u0631\u0642\u0645\u0646\u0629 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0642\u062f\u0627\u0645 \u0644\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0648\u0627\u0644\u0648\u0642\u062a.<\/li>\n <li><strong>\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0631\u0642\u0627\u0628\u0629:<\/strong> \u062a\u0643\u062b\u064a\u0641 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u062a\u0641\u062a\u064a\u0634\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0641\u064a \u0627\u0644\u0642\u0637\u0627\u0639\u064a\u0646 \u0627\u0644\u0631\u0633\u0645\u064a \u0648\u063a\u064a\u0631 \u0627\u0644\u0631\u0633\u0645\u064a.<\/li>\n <li><strong>\u0646\u0634\u0631 \u0627\u0644\u0648\u0639\u064a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a:<\/strong> \u0625\u0637\u0644\u0627\u0642 \u062d\u0645\u0644\u0627\u062a \u062a\u0648\u0639\u0648\u064a\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0644\u063a\u0627\u062a \u0644\u0644\u0639\u0645\u0627\u0644 \u0648\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644.<\/li>\n <li><strong>\u062f\u0639\u0645 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u0647\u0646\u064a:<\/strong> \u0625\u0646\u0634\u0627\u0621 \u0645\u0631\u0627\u0643\u0632 \u062a\u062f\u0631\u064a\u0628 \u0645\u0639\u062a\u0645\u062f\u0629 \u0644\u0631\u0641\u0639 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0648\u0627\u0644\u0641\u0646\u064a\u0629.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section id=\"sources\" class=\"scroll-mt-24\">\n <h2 class=\"text-3xl font-bold text-center mb-2 text-[#3D405B]\">\u0627\u0644\u0645\u0635\u0627\u062f\u0631 \u0627\u0644\u0645\u0642\u062a\u0631\u062d\u0629 \u0644\u0644\u0628\u062d\u062b<\/h2>\n <p class=\"text-center text-gray-600 mb-8 max-w-2xl mx-auto\">\u062a\u0639\u062a\u0645\u062f \u0647\u0630\u0647 \u0627\u0644\u062e\u0637\u0629 \u0639\u0644\u0649 \u0645\u0632\u064a\u062c \u0645\u0646 \u0627\u0644\u0645\u0635\u0627\u062f\u0631 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629\u060c \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629\u060c \u0648\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0627\u0644\u0633\u0648\u0642 \u0644\u0636\u0645\u0627\u0646 \u062a\u063a\u0637\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u0629 \u0644\u062c\u0645\u064a\u0639 \u062c\u0648\u0627\u0646\u0628 \u0627\u0644\u0645\u0648\u0636\u0648\u0639.<\/p>\n <div class=\"max-w-3xl mx-auto bg-white p-6 rounded-xl shadow-md\">\n <h3 class=\"font-bold text-xl mb-4 text-[#3D405B]\">\u0645\u0635\u0627\u062f\u0631 \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0648\u0631\u0633\u0645\u064a\u0629<\/h3>\n <ul class=\"space-y-3 list-disc list-inside text-gray-700\">\n <li><strong>\u062c\u0627\u0645\u0639\u0629 \u0642\u0637\u0631 \u0648\u0627\u0644\u062c\u0627\u0645\u0639\u0627\u062a \u0627\u0644\u0634\u0631\u064a\u0643\u0629:<\/strong> \u0627\u0644\u0628\u062d\u062b \u0641\u064a \u0642\u0627\u0639\u062f\u0629 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0628\u062d\u0627\u062b \u0627\u0644\u0645\u0646\u0634\u0648\u0631\u0629 \u062d\u0648\u0644 \u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0627\u0644\u0648\u0627\u0641\u062f\u0629\u060c \u0627\u0644\u0647\u062c\u0631\u0629\u060c \u0648\u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u0641\u064a \u0642\u0637\u0631. (\u0645\u062b\u0627\u0644: \u0623\u0628\u062d\u0627\u062b \u0645\u0631\u0643\u0632 \u0627\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u0625\u0646\u0633\u0627\u0646\u064a\u0629 \u0648\u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629).<\/li>\n <li><strong>\u0645\u0646\u0638\u0645\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 (ILO):<\/strong> \u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u062f\u0631\u0627\u0633\u0627\u062a \u062d\u0648\u0644 \u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u062c\u0631\u0629 \u0641\u064a \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637 \u0648\u062d\u0642\u0648\u0642 \u0627\u0644\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u064a\u0646.<\/li>\n <li><strong>\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0642\u0637\u0631\u064a\u0629 \u0648\u062c\u0647\u0627\u0632 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u0625\u062d\u0635\u0627\u0621:<\/strong> \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0631\u0633\u0645\u064a\u0629 \u062d\u0648\u0644 \u0623\u0639\u062f\u0627\u062f \u0627\u0644\u0639\u0645\u0627\u0644\u0629\u060c \u062a\u0635\u0627\u0631\u064a\u062d \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0627\u0644\u0625\u062d\u0635\u0627\u0621\u0627\u062a \u0627\u0644\u0633\u0643\u0627\u0646\u064a\u0629.<\/li>\n <li><strong>\u0627\u0644\u0645\u0646\u0634\u0648\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 (\u0645\u062b\u0644 \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0645\u064a\u0632\u0627\u0646):<\/strong> \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0642\u0648\u0627\u0646\u064a\u0646 \u0648\u0627\u0644\u062a\u0634\u0631\u064a\u0639\u0627\u062a \u0630\u0627\u062a \u0627\u0644\u0635\u0644\u0629.<\/li>\n <\/ul>\n <h3 class=\"font-bold text-xl mt-6 mb-4 text-[#3D405B]\">\u0645\u0635\u0627\u062f\u0631 \u0625\u0636\u0627\u0641\u064a\u0629<\/h3>\n <ul class=\"space-y-3 list-disc list-inside text-gray-700\">\n <li><strong>\u062a\u0642\u0627\u0631\u064a\u0631 \u0623\u0628\u062d\u0627\u062b \u0627\u0644\u0633\u0648\u0642:<\/strong> \u062a\u0642\u0627\u0631\u064a\u0631 \u0645\u0646 \u0634\u0631\u0643\u0627\u062a \u0645\u062b\u0644 (Ken Research, Mordor Intelligence) \u062d\u0648\u0644 \u0633\u0648\u0642 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0641\u064a \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u062e\u0644\u064a\u062c.<\/li>\n <li><strong>\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0627\u0644\u0635\u062d\u0641\u064a\u0629 \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629:<\/strong> \u0645\u0646 \u0645\u0635\u0627\u062f\u0631 \u0645\u062d\u0644\u064a\u0629 \u0648\u062f\u0648\u0644\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062a\u0637\u0648\u0631\u0627\u062a \u0648\u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u0622\u0646\u064a\u0629 \u0641\u064a \u0627\u0644\u0633\u0648\u0642.<\/li>\n <\/ul>\n <\/div>\n <\/section>\n <\/main>\n\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n \/\/ Chart 1: Nationality Distribution\n const nationalityCtx = document.getElementById('nationalityChart').getContext('2d');\n new Chart(nationalityCtx, {\n type: 'doughnut',\n data: {\n labels: ['\u0627\u0644\u0641\u0644\u0628\u064a\u0646', '\u0627\u0644\u0647\u0646\u062f', '\u0628\u0646\u063a\u0644\u0627\u062f\u064a\u0634', '\u0625\u0646\u062f\u0648\u0646\u064a\u0633\u064a\u0627', '\u0633\u0631\u064a\u0644\u0627\u0646\u0643\u0627', '\u062f\u0648\u0644 \u0623\u0641\u0631\u064a\u0642\u064a\u0629'],\n datasets: [{\n label: '\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u062c\u0646\u0633\u064a\u0627\u062a',\n data: [30, 20, 18, 15, 12, 5],\n backgroundColor: ['#E07A5F', '#3D405B', '#81B29A', '#F2CC8F', '#BDB2FF', '#ffc6ff'],\n borderColor: '#FDFBF7',\n borderWidth: 3\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'bottom',\n labels: {\n font: {\n family: 'Tajawal'\n }\n }\n }\n }\n }\n });\n\n \/\/ Chart 2: Services Demand\n const servicesCtx = document.getElementById('servicesChart').getContext('2d');\n new Chart(servicesCtx, {\n type: 'bar',\n data: {\n labels: ['\u0646\u0638\u0627\u0641\u0629 \u0639\u0627\u0645\u0629', '\u0635\u064a\u0627\u0646\u0629 \u0633\u0628\u0627\u0643\u0629 \u0648\u0643\u0647\u0631\u0628\u0627\u0621', '\u0631\u0639\u0627\u064a\u0629 \u0623\u0637\u0641\u0627\u0644', '\u0637\u0628\u062e', '\u0628\u0633\u062a\u0646\u0629'],\n datasets: [{\n label: '\u0627\u0644\u0637\u0644\u0628 \u0639\u0644\u0649 \u0627\u0644\u062e\u062f\u0645\u0627\u062a (\u066a)',\n data: [45, 25, 15, 10, 5],\n backgroundColor: '#81B29A',\n borderRadius: 5\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: {\n beginAtZero: true,\n grid: {\n display: false\n }\n },\n x: {\n grid: {\n display: false\n }\n }\n },\n plugins: {\n legend: {\n display: false\n }\n }\n }\n });\n\n \/\/ Tabs Logic\n const driversBtn = document.getElementById('drivers-btn');\n const challengesBtn = document.getElementById('challenges-btn');\n const driversContent = document.getElementById('drivers-content');\n const challengesContent = document.getElementById('challenges-content');\n\n driversBtn.addEventListener('click', () => {\n driversContent.classList.remove('hidden');\n challengesContent.classList.add('hidden');\n driversBtn.classList.add('border-[#81B29A]', 'text-[#81B29A]');\n challengesBtn.classList.remove('border-[#81B29A]', 'text-[#81B29A]');\n challengesBtn.classList.add('text-gray-500', 'border-transparent');\n });\n\n challengesBtn.addEventListener('click', () => {\n challengesContent.classList.remove('hidden');\n driversContent.classList.add('hidden');\n challengesBtn.classList.add('border-[#81B29A]', 'text-[#81B29A]');\n driversBtn.classList.remove('border-[#81B29A]', 'text-[#81B29A]');\n driversBtn.classList.add('text-gray-500', 'border-transparent');\n });\n\n \/\/ Smooth scrolling for navigation\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n document.querySelector(this.getAttribute('href')).scrollIntoView({\n behavior: 'smooth'\n });\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u062a\u062d\u0644\u064a\u0644 \u0633\u0648\u0642 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0632\u0644 \u0641\u064a \u0642\u0637\u0631 \u0633\u0648\u0642 \u0627\u0644\u0639\u0627\u0645\u0644\u064a\u0646 \u0628\u0642\u0637\u0627\u0639 \u0646\u0638\u0627\u0641\u0629 \u0648\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0646\u0627\u0632\u0644 \u0628\u0642\u0637\u0631 \u062e\u0637\u0629 \u0628\u062d\u062b\u064a\u0629 \u0648\u062a\u062d\u0644\u064a\u0644 \u062a\u0641\u0627\u0639\u0644\u064a \u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0627\u062a \u0627\u0644\u0633\u0648\u0642\u060c \u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\u060c \u0648\u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629 \u0645\u0624\u0634\u0631\u0627\u062a \u0631\u0626\u064a\u0633\u064a\u0629 \u0627\u0644\u0645\u062d\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629 \u0627\u0644\u0645\u0635\u0627\u062f\u0631 \u0645\u0624\u0634\u0631\u0627\u062a \u0631\u0626\u064a\u0633\u064a\u0629 \u0644\u0644\u0633\u0648\u0642 \u062a\u0642\u062f\u0645 \u0647\u0630\u0647 \u0627\u0644\u0645\u0624\u0634\u0631\u0627\u062a \u0644\u0645\u062d\u0629 \u0633\u0631\u064a\u0639\u0629 \u0639\u0646 \u062d\u062c\u0645 \u0648\u062a\u0631\u0643\u064a\u0628\u0629 \u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0646\u062f\u0629 \u0641\u064a \u0642\u0637\u0631. \u062a\u0639\u0643\u0633 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-222","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/pages\/222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/comments?post=222"}],"version-history":[{"count":0,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/pages\/222\/revisions"}],"wp:attachment":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/media?parent=222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":222,"date":"2025-10-27T14:18:24","date_gmt":"2025-10-27T14:18:24","guid":{"rendered":"https:\/\/marketing-coaching.uk\/?page_id=222"},"modified":"2025-11-03T14:53:05","modified_gmt":"2025-11-03T14:53:05","slug":"home-services-qatar-market","status":"publish","type":"page","link":"https:\/\/marketing-coaching.uk\/en\/home-services-qatar-market\/","title":{"rendered":"\u062a\u062d\u0644\u064a\u0644 \u0633\u0648\u0642 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0632\u0644 \u0641\u064a \u0642\u0637\u0631"},"content":{"rendered":"\n\n\n\n \n \n \u062a\u062d\u0644\u064a\u0644 \u0633\u0648\u0642 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0632\u0644 \u0641\u064a \u0642\u0637\u0631<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\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=Tajawal:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n \n \n \n \n <style>\n body {\n font-family: 'Tajawal', sans-serif;\n background-color: #FDFBF7;\n color: #3D405B;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 400px;\n margin-left: auto;\n margin-right: auto;\n height: 300px;\n max-height: 350px;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 350px;\n }\n }\n .card-flip {\n perspective: 1000px;\n }\n .card-flip-inner {\n position: relative;\n width: 100%;\n height: 100%;\n transition: transform 0.6s;\n transform-style: preserve-3d;\n }\n .card-flipped .card-flip-inner {\n transform: rotateY(180deg);\n }\n .card-face {\n position: absolute;\n width: 100%;\n height: 100%;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 1rem;\n border-radius: 0.5rem;\n }\n .card-front {\n background-color: #fff;\n border: 1px solid #e2e8f0;\n }\n .card-back {\n background-color: #81B29A;\n color: white;\n transform: rotateY(180deg);\n }\n <\/style>\n<\/head>\n<body class=\"antialiased\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 py-8\">\n\n <header class=\"text-center mb-12\">\n <h1 class=\"text-4xl md:text-5xl font-bold text-[#3D405B] mb-2\">\u0633\u0648\u0642 \u0627\u0644\u0639\u0627\u0645\u0644\u064a\u0646 \u0628\u0642\u0637\u0627\u0639 \u0646\u0638\u0627\u0641\u0629 \u0648\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0646\u0627\u0632\u0644 \u0628\u0642\u0637\u0631<\/h1>\n <p class=\"text-lg text-gray-600 max-w-3xl mx-auto\">\u062e\u0637\u0629 \u0628\u062d\u062b\u064a\u0629 \u0648\u062a\u062d\u0644\u064a\u0644 \u062a\u0641\u0627\u0639\u0644\u064a \u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0627\u062a \u0627\u0644\u0633\u0648\u0642\u060c \u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\u060c \u0648\u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629<\/p>\n <\/header>\n\n <main>\n \n <nav class=\"bg-white\/80 backdrop-blur-md shadow-sm rounded-xl sticky top-4 z-10 mb-12\">\n <div class=\"max-w-5xl mx-auto px-4\">\n <div class=\"flex items-center justify-center space-x-8 rtl:space-x-reverse h-16\">\n <a href=\"#indicators\" class=\"text-gray-700 hover:text-[#81B29A] transition-colors duration-300 font-medium\">\u0645\u0624\u0634\u0631\u0627\u062a \u0631\u0626\u064a\u0633\u064a\u0629<\/a>\n <a href=\"#drivers\" class=\"text-gray-700 hover:text-[#81B29A] transition-colors duration-300 font-medium\">\u0627\u0644\u0645\u062d\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a<\/a>\n <a href=\"#framework\" class=\"text-gray-700 hover:text-[#81B29A] transition-colors duration-300 font-medium\">\u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a<\/a>\n <a href=\"#trends\" class=\"text-gray-700 hover:text-[#81B29A] transition-colors duration-300 font-medium\">\u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629<\/a>\n <a href=\"#sources\" class=\"text-gray-700 hover:text-[#81B29A] transition-colors duration-300 font-medium\">\u0627\u0644\u0645\u0635\u0627\u062f\u0631<\/a>\n <\/div>\n <\/div>\n <\/nav>\n \n \n <section id=\"indicators\" class=\"mb-16 scroll-mt-24\">\n <h2 class=\"text-3xl font-bold text-center mb-2 text-[#3D405B]\">\u0645\u0624\u0634\u0631\u0627\u062a \u0631\u0626\u064a\u0633\u064a\u0629 \u0644\u0644\u0633\u0648\u0642<\/h2>\n <p class=\"text-center text-gray-600 mb-8 max-w-2xl mx-auto\">\u062a\u0642\u062f\u0645 \u0647\u0630\u0647 \u0627\u0644\u0645\u0624\u0634\u0631\u0627\u062a \u0644\u0645\u062d\u0629 \u0633\u0631\u064a\u0639\u0629 \u0639\u0646 \u062d\u062c\u0645 \u0648\u062a\u0631\u0643\u064a\u0628\u0629 \u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0646\u062f\u0629 \u0641\u064a \u0642\u0637\u0631. \u062a\u0639\u0643\u0633 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0643\u0628\u064a\u0631 \u0639\u0644\u0649 \u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0627\u0644\u0648\u0627\u0641\u062f\u0629 \u0644\u062a\u0644\u0628\u064a\u0629 \u0627\u0644\u0637\u0644\u0628 \u0627\u0644\u0645\u062a\u0632\u0627\u064a\u062f \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062d\u064a\u0648\u064a.<\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-8 items-center\">\n <div class=\"bg-white p-6 rounded-xl shadow-md\">\n <h3 class=\"font-bold text-xl mb-4 text-center\">\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u062d\u0633\u0628 \u0627\u0644\u062c\u0646\u0633\u064a\u0629 (\u062a\u0642\u062f\u064a\u0631\u064a)<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"nationalityChart\"><\/canvas>\n <\/div>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-md\">\n <h3 class=\"font-bold text-xl mb-4 text-center\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u0627\u064b<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"servicesChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"drivers\" class=\"mb-16 scroll-mt-24\">\n <h2 class=\"text-3xl font-bold text-center mb-2 text-[#3D405B]\">\u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0633\u0648\u0642 \u0648\u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a<\/h2>\n <p class=\"text-center text-gray-600 mb-8 max-w-2xl mx-auto\">\u064a\u0633\u062a\u0639\u0631\u0636 \u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u0645\u0632\u062f\u0648\u062c\u0629 \u0627\u0644\u062a\u064a \u062a\u0634\u0643\u0644 \u0645\u0644\u0627\u0645\u062d \u0627\u0644\u0633\u0648\u0642. \u0645\u0646 \u062e\u0644\u0627\u0644 \u0641\u0647\u0645 \u0627\u0644\u0642\u0648\u0649 \u0627\u0644\u062f\u0627\u0641\u0639\u0629 \u0644\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u0639\u0642\u0628\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0648\u0627\u062c\u0647 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0639\u0645\u0627\u0644\u060c \u064a\u0645\u0643\u0646\u0646\u0627 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0631\u0624\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0628\u064a\u0626\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629.<\/p>\n <div class=\"max-w-4xl mx-auto\">\n <div class=\"flex justify-center border-b mb-6\">\n <button id=\"drivers-btn\" class=\"tab-btn px-6 py-2 text-lg font-medium border-b-2 border-[#81B29A] text-[#81B29A]\">\u0627\u0644\u0645\u062d\u0631\u0643\u0627\u062a<\/button>\n <button id=\"challenges-btn\" class=\"tab-btn px-6 py-2 text-lg font-medium text-gray-500 border-b-2 border-transparent\">\u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a<\/button>\n <\/div>\n <div id=\"drivers-content\" class=\"tab-content\">\n <ul class=\"space-y-4\">\n <li class=\"bg-white p-4 rounded-lg shadow-sm\"><strong>\u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0633\u0643\u0627\u0646\u064a \u0648\u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a:<\/strong> \u0627\u0631\u062a\u0641\u0627\u0639 \u0639\u062f\u062f \u0627\u0644\u0633\u0643\u0627\u0646 \u0648\u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0633\u0643\u0646\u064a\u0629 \u064a\u0632\u064a\u062f \u0627\u0644\u0637\u0644\u0628 \u0639\u0644\u0649 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0646\u0638\u0627\u0641\u0629 \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629.<\/li>\n <li class=\"bg-white p-4 rounded-lg shadow-sm\"><strong>\u0627\u0631\u062a\u0641\u0627\u0639 \u0646\u0633\u0628\u0629 \u0645\u0634\u0627\u0631\u0643\u0629 \u0627\u0644\u0645\u0631\u0623\u0629 \u0641\u064a \u0627\u0644\u0639\u0645\u0644:<\/strong> \u064a\u0631\u0641\u0639 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0634\u0624\u0648\u0646 \u0627\u0644\u0645\u0646\u0632\u0644.<\/li>\n <li class=\"bg-white p-4 rounded-lg shadow-sm\"><strong>\u0646\u0645\u0637 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u062d\u062f\u064a\u062b \u0648\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u062f\u062e\u0644:<\/strong> \u064a\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0625\u0646\u0641\u0627\u0642 \u0639\u0644\u0649 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0631\u0627\u062d\u0629 \u0648\u0627\u0644\u0631\u0641\u0627\u0647\u064a\u0629.<\/li>\n <li class=\"bg-white p-4 rounded-lg shadow-sm\"><strong>\u0631\u0624\u064a\u0629 \u0642\u0637\u0631 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 2030:<\/strong> \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0646\u0645\u0648\u064a\u0629 \u0627\u0644\u0636\u062e\u0645\u0629 \u062a\u062c\u0630\u0628 \u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0633\u0643\u0627\u0646 \u0648\u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0627\u0644\u0648\u0627\u0641\u062f\u0629\u060c \u0645\u0645\u0627 \u064a\u0639\u0632\u0632 \u0627\u0644\u0637\u0644\u0628.<\/li>\n <\/ul>\n <\/div>\n <div id=\"challenges-content\" class=\"tab-content hidden\">\n <ul class=\"space-y-4\">\n <li class=\"bg-white p-4 rounded-lg shadow-sm\"><strong>\u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a:<\/strong> \u062a\u0639\u0642\u064a\u062f\u0627\u062a \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0642\u062f\u0627\u0645 \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0645\u0631\u062a\u0641\u0639\u0629 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0647\u0627.<\/li>\n <li class=\"bg-white p-4 rounded-lg shadow-sm\"><strong>\u0627\u0644\u0645\u0646\u0627\u0641\u0633\u0629 \u0645\u0646 \u0627\u0644\u0642\u0637\u0627\u0639 \u063a\u064a\u0631 \u0627\u0644\u0631\u0633\u0645\u064a:<\/strong> \u0648\u062c\u0648\u062f \u0639\u0645\u0627\u0644\u0629 \u063a\u064a\u0631 \u0646\u0638\u0627\u0645\u064a\u0629 \u062a\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0628\u0623\u0633\u0639\u0627\u0631 \u0623\u0642\u0644 \u064a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u0631\u062e\u0635\u0629.<\/li>\n <li class=\"bg-white p-4 rounded-lg shadow-sm\"><strong>\u062d\u0645\u0627\u064a\u0629 \u062d\u0642\u0648\u0642 \u0627\u0644\u0639\u0645\u0627\u0644:<\/strong> \u0636\u0645\u0627\u0646 \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0642\u0648\u0627\u0646\u064a\u0646 \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u060c \u0627\u0644\u0623\u062c\u0648\u0631\u060c \u0648\u0627\u0644\u0625\u062c\u0627\u0632\u0627\u062a \u0644\u0627 \u064a\u0632\u0627\u0644 \u062a\u062d\u062f\u064a\u0627\u064b.<\/li>\n <li class=\"bg-white p-4 rounded-lg shadow-sm\"><strong>\u0646\u0642\u0635 \u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0627\u0644\u0645\u0627\u0647\u0631\u0629:<\/strong> \u0635\u0639\u0648\u0628\u0629 \u0627\u0644\u0639\u062b\u0648\u0631 \u0639\u0644\u0649 \u0639\u0645\u0627\u0644 \u0645\u062f\u0631\u0628\u064a\u0646 \u0648\u0645\u0624\u0647\u0644\u064a\u0646 \u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section id=\"framework\" class=\"mb-16 scroll-mt-24\">\n <h2 class=\"text-3xl font-bold text-center mb-2 text-[#3D405B]\">\u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a: \u0642\u0627\u0646\u0648\u0646 \u0631\u0642\u0645 (15) \u0644\u0633\u0646\u0629 2017<\/h2>\n <p class=\"text-center text-gray-600 mb-8 max-w-2xl mx-auto\">\u064a\u0645\u062b\u0644 \u0647\u0630\u0627 \u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0646\u0642\u0644\u0629 \u0646\u0648\u0639\u064a\u0629 \u0641\u064a \u062a\u0646\u0638\u064a\u0645 \u0639\u0644\u0627\u0642\u0629 \u0627\u0644\u0639\u0645\u0644 \u0628\u064a\u0646 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0641\u064a \u0642\u0637\u0631. \u0627\u0646\u0642\u0631 \u0639\u0644\u0649 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u0623\u062f\u0646\u0627\u0647 \u0644\u0627\u0633\u062a\u0643\u0634\u0627\u0641 \u0623\u0628\u0631\u0632 \u0627\u0644\u062d\u0642\u0648\u0642 \u0648\u0627\u0644\u0648\u0627\u062c\u0628\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u062d\u062f\u062f\u0647\u0627 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u060c \u0648\u0627\u0644\u062a\u064a \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u0648\u0641\u064a\u0631 \u0628\u064a\u0626\u0629 \u0639\u0645\u0644 \u0639\u0627\u062f\u0644\u0629 \u0648\u0622\u0645\u0646\u0629 \u0644\u0644\u062c\u0645\u064a\u0639.<\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n \n <div class=\"card-flip h-48 cursor-pointer\" onclick=\"this.classList.toggle('card-flipped')\">\n <div class=\"card-flip-inner\">\n <div class=\"card-face card-front\">\n <h3 class=\"text-xl font-bold\">\u0639\u0642\u062f \u0627\u0644\u0639\u0645\u0644<\/h3>\n <p class=\"text-gray-500 mt-2\">\u0627\u0646\u0642\u0631 \u0644\u0644\u0645\u0632\u064a\u062f<\/p>\n <\/div>\n <div class=\"card-face card-back\">\n <p class=\"text-center\">\u064a\u062c\u0628 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0639\u0642\u062f \u0627\u0644\u0639\u0645\u0644 \u0645\u0643\u062a\u0648\u0628\u0627\u064b \u0648\u0645\u0635\u062f\u0642\u0627\u064b \u0639\u0644\u064a\u0647 \u0645\u0646 \u0627\u0644\u0648\u0632\u0627\u0631\u0629\u060c \u0648\u064a\u062d\u062f\u062f \u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0623\u062c\u0631 \u0627\u0644\u0645\u062a\u0641\u0642 \u0639\u0644\u064a\u0647.<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"card-flip h-48 cursor-pointer\" onclick=\"this.classList.toggle('card-flipped')\">\n <div class=\"card-flip-inner\">\n <div class=\"card-face card-front\">\n <h3 class=\"text-xl font-bold\">\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/h3>\n <p class=\"text-gray-500 mt-2\">\u0627\u0646\u0642\u0631 \u0644\u0644\u0645\u0632\u064a\u062f<\/p>\n <\/div>\n <div class=\"card-face card-back\">\n <p class=\"text-center\">\u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 \u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0647\u0648 10 \u0633\u0627\u0639\u0627\u062a \u064a\u0648\u0645\u064a\u0627\u064b\u060c \u062a\u062a\u062e\u0644\u0644\u0647\u0627 \u0641\u062a\u0631\u0627\u062a \u0644\u0644\u0631\u0627\u062d\u0629 \u0648\u062a\u0646\u0627\u0648\u0644 \u0627\u0644\u0637\u0639\u0627\u0645.<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"card-flip h-48 cursor-pointer\" onclick=\"this.classList.toggle('card-flipped')\">\n <div class=\"card-flip-inner\">\n <div class=\"card-face card-front\">\n <h3 class=\"text-xl font-bold\">\u0627\u0644\u0631\u0627\u062d\u0629 \u0627\u0644\u0623\u0633\u0628\u0648\u0639\u064a\u0629<\/h3>\n <p class=\"text-gray-500 mt-2\">\u0627\u0646\u0642\u0631 \u0644\u0644\u0645\u0632\u064a\u062f<\/p>\n <\/div>\n <div class=\"card-face card-back\">\n <p class=\"text-center\">\u064a\u0633\u062a\u062d\u0642 \u0627\u0644\u0639\u0627\u0645\u0644 \u0631\u0627\u062d\u0629 \u0623\u0633\u0628\u0648\u0639\u064a\u0629 \u0645\u062f\u0641\u0648\u0639\u0629 \u0627\u0644\u0623\u062c\u0631 \u0644\u0627 \u062a\u0642\u0644 \u0639\u0646 24 \u0633\u0627\u0639\u0629 \u0645\u062a\u062a\u0627\u0644\u064a\u0629.<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"card-flip h-48 cursor-pointer\" onclick=\"this.classList.toggle('card-flipped')\">\n <div class=\"card-flip-inner\">\n <div class=\"card-face card-front\">\n <h3 class=\"text-xl font-bold\">\u0627\u0644\u0625\u062c\u0627\u0632\u0629 \u0627\u0644\u0633\u0646\u0648\u064a\u0629<\/h3>\n <p class=\"text-gray-500 mt-2\">\u0627\u0646\u0642\u0631 \u0644\u0644\u0645\u0632\u064a\u062f<\/p>\n <\/div>\n <div class=\"card-face card-back\">\n <p class=\"text-center\">\u0625\u062c\u0627\u0632\u0629 \u0633\u0646\u0648\u064a\u0629 \u0645\u062f\u0641\u0648\u0639\u0629 \u0627\u0644\u0623\u062c\u0631 \u0645\u062f\u062a\u0647\u0627 3 \u0623\u0633\u0627\u0628\u064a\u0639 \u0639\u0646 \u0643\u0644 \u0633\u0646\u0629 \u062e\u062f\u0645\u0629\u060c \u0645\u0639 \u062a\u0630\u0643\u0631\u0629 \u0633\u0641\u0631 \u0630\u0647\u0627\u0628\u0627\u064b \u0648\u0625\u064a\u0627\u0628\u0627\u064b \u0643\u0644 \u0633\u0646\u062a\u064a\u0646.<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"card-flip h-48 cursor-pointer\" onclick=\"this.classList.toggle('card-flipped')\">\n <div class=\"card-flip-inner\">\n <div class=\"card-face card-front\">\n <h3 class=\"text-xl font-bold\">\u0645\u0643\u0627\u0641\u0623\u0629 \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u062e\u062f\u0645\u0629<\/h3>\n <p class=\"text-gray-500 mt-2\">\u0627\u0646\u0642\u0631 \u0644\u0644\u0645\u0632\u064a\u062f<\/p>\n <\/div>\n <div class=\"card-face card-back\">\n <p class=\"text-center\">\u064a\u0633\u062a\u062d\u0642 \u0627\u0644\u0639\u0627\u0645\u0644 \u0645\u0643\u0627\u0641\u0623\u0629 \u0646\u0647\u0627\u064a\u0629 \u062e\u062f\u0645\u0629 \u062a\u0639\u0627\u062f\u0644 \u0623\u062c\u0631 3 \u0623\u0633\u0627\u0628\u064a\u0639 \u0639\u0646 \u0643\u0644 \u0633\u0646\u0629 \u0642\u0636\u0627\u0647\u0627 \u0641\u064a \u0627\u0644\u062e\u062f\u0645\u0629.<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"card-flip h-48 cursor-pointer\" onclick=\"this.classList.toggle('card-flipped')\">\n <div class=\"card-flip-inner\">\n <div class=\"card-face card-front\">\n <h3 class=\"text-xl font-bold\">\u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a \u0635\u0627\u062d\u0628 \u0627\u0644\u0639\u0645\u0644<\/h3>\n <p class=\"text-gray-500 mt-2\">\u0627\u0646\u0642\u0631 \u0644\u0644\u0645\u0632\u064a\u062f<\/p>\n <\/div>\n <div class=\"card-face card-back\">\n <p class=\"text-center\">\u062a\u0648\u0641\u064a\u0631 \u0645\u0633\u0643\u0646 \u0645\u0644\u0627\u0626\u0645\u060c \u0637\u0639\u0627\u0645\u060c \u0631\u0639\u0627\u064a\u0629 \u0635\u062d\u064a\u0629\u060c \u0648\u0645\u0639\u0627\u0645\u0644\u0629 \u0644\u0627\u0626\u0642\u0629 \u062a\u062d\u0641\u0638 \u0643\u0631\u0627\u0645\u0629 \u0627\u0644\u0639\u0627\u0645\u0644.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"trends\" class=\"mb-16 scroll-mt-24\">\n <h2 class=\"text-3xl font-bold text-center mb-2 text-[#3D405B]\">\u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629 \u0648\u0627\u0644\u062a\u0648\u0635\u064a\u0627\u062a<\/h2>\n <p class=\"text-center text-gray-600 mb-8 max-w-2xl mx-auto\">\u064a\u062a\u062c\u0647 \u0627\u0644\u0633\u0648\u0642 \u0646\u062d\u0648 \u062a\u062d\u0648\u0644\u0627\u062a \u0645\u0647\u0645\u0629 \u0645\u062f\u0641\u0648\u0639\u0629 \u0628\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0648\u062a\u063a\u064a\u0631 \u062a\u0648\u0642\u0639\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643\u064a\u0646. \u0641\u0647\u0645 \u0647\u0630\u0647 \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u064a\u0633\u0627\u0639\u062f \u0641\u064a \u0631\u0633\u0645 \u0645\u0644\u0627\u0645\u062d \u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u0642\u0637\u0627\u0639 \u0648\u062a\u0642\u062f\u064a\u0645 \u062a\u0648\u0635\u064a\u0627\u062a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u0646\u0645\u0648\u0647 \u0628\u0634\u0643\u0644 \u0645\u0633\u062a\u062f\u0627\u0645 \u0648\u0645\u0646\u0638\u0645.<\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <div class=\"bg-white p-6 rounded-xl shadow-md\">\n <h3 class=\"font-bold text-xl mb-4 text-[#3D405B]\">\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629<\/h3>\n <ul class=\"space-y-3 list-disc list-inside text-gray-700\">\n <li><strong>\u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a:<\/strong> \u0627\u0632\u062f\u064a\u0627\u062f \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u0635\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0644\u062d\u062c\u0632 \u0627\u0644\u062e\u062f\u0645\u0627\u062a\u060c \u0645\u0645\u0627 \u064a\u0648\u0641\u0631 \u0634\u0641\u0627\u0641\u064a\u0629 \u0648\u0633\u0647\u0648\u0644\u0629 \u0623\u0643\u0628\u0631.<\/li>\n <li><strong>\u0627\u0644\u062a\u062e\u0635\u0635 \u0648\u062a\u0646\u0648\u064a\u0639 \u0627\u0644\u062e\u062f\u0645\u0627\u062a:<\/strong> \u0638\u0647\u0648\u0631 \u0634\u0631\u0643\u0627\u062a \u062a\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629 (\u0645\u062b\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0635\u062f\u064a\u0642 \u0644\u0644\u0628\u064a\u0626\u0629\u060c \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0630\u0643\u064a\u0629).<\/li>\n <li><strong>\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0648\u0639\u064a \u0628\u0627\u0644\u062d\u0642\u0648\u0642:<\/strong> \u0627\u0631\u062a\u0641\u0627\u0639 \u0648\u0639\u064a \u0627\u0644\u0639\u0645\u0627\u0644 \u0648\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644 \u0628\u0627\u0644\u062d\u0642\u0648\u0642 \u0648\u0627\u0644\u0648\u0627\u062c\u0628\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629.<\/li>\n <li><strong>\u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u0623\u0647\u064a\u0644:<\/strong> \u062a\u0648\u062c\u0647 \u0646\u062d\u0648 \u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0644\u0631\u0641\u0639 \u062c\u0648\u062f\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0642\u062f\u0645\u0629\u060c \u062e\u0627\u0635\u0629 \u0641\u064a \u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629.<\/li>\n <\/ul>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-md\">\n <h3 class=\"font-bold text-xl mb-4 text-[#3D405B]\">\u062a\u0648\u0635\u064a\u0627\u062a \u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u0628\u062d\u062b\u064a\u0629<\/h3>\n <ul class=\"space-y-3 list-disc list-inside text-gray-700\">\n <li><strong>\u062a\u0633\u0647\u064a\u0644 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a:<\/strong> \u062a\u0628\u0633\u064a\u0637 \u0648\u0631\u0642\u0645\u0646\u0629 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0642\u062f\u0627\u0645 \u0644\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0648\u0627\u0644\u0648\u0642\u062a.<\/li>\n <li><strong>\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0631\u0642\u0627\u0628\u0629:<\/strong> \u062a\u0643\u062b\u064a\u0641 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u062a\u0641\u062a\u064a\u0634\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0641\u064a \u0627\u0644\u0642\u0637\u0627\u0639\u064a\u0646 \u0627\u0644\u0631\u0633\u0645\u064a \u0648\u063a\u064a\u0631 \u0627\u0644\u0631\u0633\u0645\u064a.<\/li>\n <li><strong>\u0646\u0634\u0631 \u0627\u0644\u0648\u0639\u064a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a:<\/strong> \u0625\u0637\u0644\u0627\u0642 \u062d\u0645\u0644\u0627\u062a \u062a\u0648\u0639\u0648\u064a\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0644\u063a\u0627\u062a \u0644\u0644\u0639\u0645\u0627\u0644 \u0648\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644.<\/li>\n <li><strong>\u062f\u0639\u0645 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u0647\u0646\u064a:<\/strong> \u0625\u0646\u0634\u0627\u0621 \u0645\u0631\u0627\u0643\u0632 \u062a\u062f\u0631\u064a\u0628 \u0645\u0639\u062a\u0645\u062f\u0629 \u0644\u0631\u0641\u0639 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0648\u0627\u0644\u0641\u0646\u064a\u0629.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section id=\"sources\" class=\"scroll-mt-24\">\n <h2 class=\"text-3xl font-bold text-center mb-2 text-[#3D405B]\">\u0627\u0644\u0645\u0635\u0627\u062f\u0631 \u0627\u0644\u0645\u0642\u062a\u0631\u062d\u0629 \u0644\u0644\u0628\u062d\u062b<\/h2>\n <p class=\"text-center text-gray-600 mb-8 max-w-2xl mx-auto\">\u062a\u0639\u062a\u0645\u062f \u0647\u0630\u0647 \u0627\u0644\u062e\u0637\u0629 \u0639\u0644\u0649 \u0645\u0632\u064a\u062c \u0645\u0646 \u0627\u0644\u0645\u0635\u0627\u062f\u0631 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629\u060c \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629\u060c \u0648\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0627\u0644\u0633\u0648\u0642 \u0644\u0636\u0645\u0627\u0646 \u062a\u063a\u0637\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u0629 \u0644\u062c\u0645\u064a\u0639 \u062c\u0648\u0627\u0646\u0628 \u0627\u0644\u0645\u0648\u0636\u0648\u0639.<\/p>\n <div class=\"max-w-3xl mx-auto bg-white p-6 rounded-xl shadow-md\">\n <h3 class=\"font-bold text-xl mb-4 text-[#3D405B]\">\u0645\u0635\u0627\u062f\u0631 \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0648\u0631\u0633\u0645\u064a\u0629<\/h3>\n <ul class=\"space-y-3 list-disc list-inside text-gray-700\">\n <li><strong>\u062c\u0627\u0645\u0639\u0629 \u0642\u0637\u0631 \u0648\u0627\u0644\u062c\u0627\u0645\u0639\u0627\u062a \u0627\u0644\u0634\u0631\u064a\u0643\u0629:<\/strong> \u0627\u0644\u0628\u062d\u062b \u0641\u064a \u0642\u0627\u0639\u062f\u0629 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0628\u062d\u0627\u062b \u0627\u0644\u0645\u0646\u0634\u0648\u0631\u0629 \u062d\u0648\u0644 \u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0627\u0644\u0648\u0627\u0641\u062f\u0629\u060c \u0627\u0644\u0647\u062c\u0631\u0629\u060c \u0648\u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u0641\u064a \u0642\u0637\u0631. (\u0645\u062b\u0627\u0644: \u0623\u0628\u062d\u0627\u062b \u0645\u0631\u0643\u0632 \u0627\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u0625\u0646\u0633\u0627\u0646\u064a\u0629 \u0648\u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629).<\/li>\n <li><strong>\u0645\u0646\u0638\u0645\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 (ILO):<\/strong> \u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u062f\u0631\u0627\u0633\u0627\u062a \u062d\u0648\u0644 \u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u062c\u0631\u0629 \u0641\u064a \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637 \u0648\u062d\u0642\u0648\u0642 \u0627\u0644\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u064a\u0646.<\/li>\n <li><strong>\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0642\u0637\u0631\u064a\u0629 \u0648\u062c\u0647\u0627\u0632 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u0625\u062d\u0635\u0627\u0621:<\/strong> \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0631\u0633\u0645\u064a\u0629 \u062d\u0648\u0644 \u0623\u0639\u062f\u0627\u062f \u0627\u0644\u0639\u0645\u0627\u0644\u0629\u060c \u062a\u0635\u0627\u0631\u064a\u062d \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0627\u0644\u0625\u062d\u0635\u0627\u0621\u0627\u062a \u0627\u0644\u0633\u0643\u0627\u0646\u064a\u0629.<\/li>\n <li><strong>\u0627\u0644\u0645\u0646\u0634\u0648\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 (\u0645\u062b\u0644 \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0645\u064a\u0632\u0627\u0646):<\/strong> \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0642\u0648\u0627\u0646\u064a\u0646 \u0648\u0627\u0644\u062a\u0634\u0631\u064a\u0639\u0627\u062a \u0630\u0627\u062a \u0627\u0644\u0635\u0644\u0629.<\/li>\n <\/ul>\n <h3 class=\"font-bold text-xl mt-6 mb-4 text-[#3D405B]\">\u0645\u0635\u0627\u062f\u0631 \u0625\u0636\u0627\u0641\u064a\u0629<\/h3>\n <ul class=\"space-y-3 list-disc list-inside text-gray-700\">\n <li><strong>\u062a\u0642\u0627\u0631\u064a\u0631 \u0623\u0628\u062d\u0627\u062b \u0627\u0644\u0633\u0648\u0642:<\/strong> \u062a\u0642\u0627\u0631\u064a\u0631 \u0645\u0646 \u0634\u0631\u0643\u0627\u062a \u0645\u062b\u0644 (Ken Research, Mordor Intelligence) \u062d\u0648\u0644 \u0633\u0648\u0642 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0641\u064a \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u062e\u0644\u064a\u062c.<\/li>\n <li><strong>\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0627\u0644\u0635\u062d\u0641\u064a\u0629 \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629:<\/strong> \u0645\u0646 \u0645\u0635\u0627\u062f\u0631 \u0645\u062d\u0644\u064a\u0629 \u0648\u062f\u0648\u0644\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062a\u0637\u0648\u0631\u0627\u062a \u0648\u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u0622\u0646\u064a\u0629 \u0641\u064a \u0627\u0644\u0633\u0648\u0642.<\/li>\n <\/ul>\n <\/div>\n <\/section>\n <\/main>\n\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n \/\/ Chart 1: Nationality Distribution\n const nationalityCtx = document.getElementById('nationalityChart').getContext('2d');\n new Chart(nationalityCtx, {\n type: 'doughnut',\n data: {\n labels: ['\u0627\u0644\u0641\u0644\u0628\u064a\u0646', '\u0627\u0644\u0647\u0646\u062f', '\u0628\u0646\u063a\u0644\u0627\u062f\u064a\u0634', '\u0625\u0646\u062f\u0648\u0646\u064a\u0633\u064a\u0627', '\u0633\u0631\u064a\u0644\u0627\u0646\u0643\u0627', '\u062f\u0648\u0644 \u0623\u0641\u0631\u064a\u0642\u064a\u0629'],\n datasets: [{\n label: '\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u062c\u0646\u0633\u064a\u0627\u062a',\n data: [30, 20, 18, 15, 12, 5],\n backgroundColor: ['#E07A5F', '#3D405B', '#81B29A', '#F2CC8F', '#BDB2FF', '#ffc6ff'],\n borderColor: '#FDFBF7',\n borderWidth: 3\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'bottom',\n labels: {\n font: {\n family: 'Tajawal'\n }\n }\n }\n }\n }\n });\n\n \/\/ Chart 2: Services Demand\n const servicesCtx = document.getElementById('servicesChart').getContext('2d');\n new Chart(servicesCtx, {\n type: 'bar',\n data: {\n labels: ['\u0646\u0638\u0627\u0641\u0629 \u0639\u0627\u0645\u0629', '\u0635\u064a\u0627\u0646\u0629 \u0633\u0628\u0627\u0643\u0629 \u0648\u0643\u0647\u0631\u0628\u0627\u0621', '\u0631\u0639\u0627\u064a\u0629 \u0623\u0637\u0641\u0627\u0644', '\u0637\u0628\u062e', '\u0628\u0633\u062a\u0646\u0629'],\n datasets: [{\n label: '\u0627\u0644\u0637\u0644\u0628 \u0639\u0644\u0649 \u0627\u0644\u062e\u062f\u0645\u0627\u062a (\u066a)',\n data: [45, 25, 15, 10, 5],\n backgroundColor: '#81B29A',\n borderRadius: 5\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: {\n beginAtZero: true,\n grid: {\n display: false\n }\n },\n x: {\n grid: {\n display: false\n }\n }\n },\n plugins: {\n legend: {\n display: false\n }\n }\n }\n });\n\n \/\/ Tabs Logic\n const driversBtn = document.getElementById('drivers-btn');\n const challengesBtn = document.getElementById('challenges-btn');\n const driversContent = document.getElementById('drivers-content');\n const challengesContent = document.getElementById('challenges-content');\n\n driversBtn.addEventListener('click', () => {\n driversContent.classList.remove('hidden');\n challengesContent.classList.add('hidden');\n driversBtn.classList.add('border-[#81B29A]', 'text-[#81B29A]');\n challengesBtn.classList.remove('border-[#81B29A]', 'text-[#81B29A]');\n challengesBtn.classList.add('text-gray-500', 'border-transparent');\n });\n\n challengesBtn.addEventListener('click', () => {\n challengesContent.classList.remove('hidden');\n driversContent.classList.add('hidden');\n challengesBtn.classList.add('border-[#81B29A]', 'text-[#81B29A]');\n driversBtn.classList.remove('border-[#81B29A]', 'text-[#81B29A]');\n driversBtn.classList.add('text-gray-500', 'border-transparent');\n });\n\n \/\/ Smooth scrolling for navigation\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n document.querySelector(this.getAttribute('href')).scrollIntoView({\n behavior: 'smooth'\n });\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u062a\u062d\u0644\u064a\u0644 \u0633\u0648\u0642 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0632\u0644 \u0641\u064a \u0642\u0637\u0631 \u0633\u0648\u0642 \u0627\u0644\u0639\u0627\u0645\u0644\u064a\u0646 \u0628\u0642\u0637\u0627\u0639 \u0646\u0638\u0627\u0641\u0629 \u0648\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0646\u0627\u0632\u0644 \u0628\u0642\u0637\u0631 \u062e\u0637\u0629 \u0628\u062d\u062b\u064a\u0629 \u0648\u062a\u062d\u0644\u064a\u0644 \u062a\u0641\u0627\u0639\u0644\u064a \u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0627\u062a \u0627\u0644\u0633\u0648\u0642\u060c \u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\u060c \u0648\u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629 \u0645\u0624\u0634\u0631\u0627\u062a \u0631\u0626\u064a\u0633\u064a\u0629 \u0627\u0644\u0645\u062d\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629 \u0627\u0644\u0645\u0635\u0627\u062f\u0631 \u0645\u0624\u0634\u0631\u0627\u062a \u0631\u0626\u064a\u0633\u064a\u0629 \u0644\u0644\u0633\u0648\u0642 \u062a\u0642\u062f\u0645 \u0647\u0630\u0647 \u0627\u0644\u0645\u0624\u0634\u0631\u0627\u062a \u0644\u0645\u062d\u0629 \u0633\u0631\u064a\u0639\u0629 \u0639\u0646 \u062d\u062c\u0645 \u0648\u062a\u0631\u0643\u064a\u0628\u0629 \u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0646\u062f\u0629 \u0641\u064a \u0642\u0637\u0631. \u062a\u0639\u0643\u0633 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-222","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/pages\/222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/comments?post=222"}],"version-history":[{"count":0,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/pages\/222\/revisions"}],"wp:attachment":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/media?parent=222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}