\u0646\u0634\u0631\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u062e\u0628\u0627\u0631\u064a\u0629 – \u0623\u0648\u0631\u0648\u0628\u0627 \u0628\u0639\u064a\u0648\u0646 \u0639\u0631\u0628\u064a\u0629<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/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=Cairo:wght@300;400;600;700;800;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --eu-blue: #003399;\n --eu-yellow: #FFCC00;\n --eu-light-blue: #e6eeff;\n }\n \n body {\n font-family: 'Cairo', sans-serif;\n background-color: #f8fafc;\n color: #1e293b;\n }\n \n .news-card {\n transition: all 0.3s ease;\n border-right: 4px solid transparent;\n }\n \n .news-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n border-right-color: var(--eu-yellow);\n }\n \n .opening-sentence {\n font-size: 1.25rem;\n font-weight: 800;\n color: var(--eu-blue);\n line-height: 1.8;\n background-color: rgba(0, 51, 153, 0.05);\n border-right: 4px solid var(--eu-yellow);\n }\n \n .main-headline {\n position: relative;\n padding-bottom: 1rem;\n }\n \n .main-headline:after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 0;\n width: 100px;\n height: 4px;\n background: linear-gradient(to left, var(--eu-blue), var(--eu-yellow));\n }\n \n .category-badge {\n background-color: var(--eu-blue);\n color: white;\n font-size: 0.75rem;\n font-weight: 700;\n padding: 0.25rem 0.75rem;\n border-radius: 4px;\n display: inline-block;\n }\n \n .breaking-news {\n background-color: #dc2626;\n color: white;\n animation: pulse 2s infinite;\n }\n \n @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.8; }\n }\n \n .news-body-text p {\n line-height: 1.9;\n color: #374151;\n margin-bottom: 1.5rem;\n font-size: 1.05rem;\n }\n \n .news-image {\n width: 100%;\n height: 220px;\n object-fit: cover;\n border-radius: 8px;\n }\n \n .main-news-image {\n height: 400px;\n }\n \n .header-gradient {\n background: linear-gradient(135deg, var(--eu-blue) 0%, #002266 100%);\n }\n \n .footer-gradient {\n background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);\n }\n \n .tag {\n background-color: var(--eu-light-blue);\n color: var(--eu-blue);\n padding: 0.25rem 0.75rem;\n border-radius: 20px;\n font-size: 0.85rem;\n margin-left: 0.5rem;\n margin-bottom: 0.5rem;\n display: inline-block;\n }\n \n .share-btn {\n background-color: #f1f5f9;\n color: #475569;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease;\n }\n \n .share-btn:hover {\n background-color: var(--eu-blue);\n color: white;\n }\n \n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .main-news-image {\n height: 250px;\n }\n \n .opening-sentence {\n font-size: 1.1rem;\n }\n \n .news-image {\n height: 180px;\n }\n }\n \n @media (max-width: 640px) {\n .news-image {\n height: 150px;\n }\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: var(--eu-blue);\n border-radius: 5px;\n }\n \n ::-webkit-scrollbar-thumb:hover {\n background: #002266;\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50\">\n \n <header class=\"header-gradient text-white shadow-lg sticky top-0 z-50\">\n <div class=\"container mx-auto px-4 py-4\">\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-white rounded-lg p-2 mr-3\">\n <div class=\"w-10 h-10 flex items-center justify-center\">\n <div class=\"w-6 h-6 rounded-full\" style=\"background-color: var(--eu-blue);\"><\/div>\n <div class=\"w-6 h-6 rounded-full -mr-2\" style=\"background-color: var(--eu-yellow);\"><\/div>\n <\/div>\n <\/div>\n <div>\n <h1 class=\"text-2xl md:text-3xl font-bold\">\u0646\u0634\u0631\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u062e\u0628\u0627\u0631\u064a\u0629<\/h1>\n <p class=\"text-gray-300 text-sm md:text-base\">\u0623\u0648\u0631\u0648\u0628\u0627 \u0628\u0639\u064a\u0648\u0646 \u0639\u0631\u0628\u064a\u0629<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex items-center space-x-4 space-x-reverse\">\n <div class=\"hidden md:block text-sm\">\n <span id=\"current-date\" class=\"text-gray-300\"><\/span>\n <span class=\"mx-2\">|<\/span>\n <span id=\"current-time\" class=\"text-gray-300\"><\/span>\n <\/div>\n <button class=\"bg-white text-gray-800 font-bold py-2 px-4 rounded-lg hover:bg-gray-100 transition\">\n <i class=\"fas fa-bell mr-2\"><\/i>\u0627\u0634\u062a\u0631\u0627\u0643\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n \n <div class=\"breaking-news py-3 px-4\">\n <div class=\"container mx-auto flex items-center\">\n <span class=\"font-bold ml-2\">\n <i class=\"fas fa-bullhorn\"><\/i>\n <\/span>\n <div class=\"overflow-hidden whitespace-nowrap\">\n <div class=\"inline-block animate-marquee\">\n <span class=\"mx-4\">\ud83d\udd25 \u0627\u0646\u062a\u062e\u0627\u0628\u0627\u062a \u0627\u0644\u0628\u0631\u0644\u0645\u0627\u0646 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a: \u0623\u062d\u0632\u0627\u0628 \u0627\u0644\u064a\u0645\u064a\u0646 \u0627\u0644\u0645\u062a\u0637\u0631\u0641 \u062a\u0633\u062c\u0644 \u062a\u0642\u062f\u0645\u0627\u064b \u0645\u0644\u062d\u0648\u0638\u0627\u064b \u0641\u064a \u0641\u0631\u0646\u0633\u0627 \u0648\u0623\u0644\u0645\u0627\u0646\u064a\u0627<\/span>\n <span class=\"mx-4\">\ud83d\udcc8 \u0627\u0644\u064a\u0648\u0631\u0648 \u064a\u0646\u062e\u0641\u0636 \u0623\u0645\u0627\u0645 \u0627\u0644\u062f\u0648\u0644\u0627\u0631 \u0628\u0639\u062f \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629 \u0623\u0636\u0639\u0641 \u0645\u0646 \u0627\u0644\u0645\u062a\u0648\u0642\u0639<\/span>\n <span class=\"mx-4\">\u26bd \u0631\u064a\u0627\u0644 \u0645\u062f\u064a\u062f\u064a\u0648\u0641\u0648\u0632 \u0639\u0644\u0649 \u0628\u0648\u0631\u0648\u0633\u064a\u0627 \u062f\u0648\u0631\u062a\u0645\u0648\u0646\u062f 2-0 \u0641\u064a \u0646\u0647\u0627\u0626\u064a \u062f\u0648\u0631\u064a \u0623\u0628\u0637\u0627\u0644 \u0623\u0648\u0631\u0648\u0628\u0627<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <main class=\"container mx-auto px-4 py-8\">\n \n <div class=\"mb-12\">\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\n \n <div class=\"lg:col-span-2\">\n <div class=\"mb-4\">\n <span class=\"category-badge\">\u0627\u0644\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629<\/span>\n <span class=\"text-gray-500 text-sm mr-3\"><i class=\"far fa-clock ml-1\"><\/i> \u0645\u0646\u0630 3 \u0633\u0627\u0639\u0627\u062a<\/span>\n <\/div>\n \n <h1 class=\"main-headline text-3xl md:text-4xl font-bold mb-6 text-gray-900\">\n \u0627\u0644\u0627\u062a\u062d\u0627\u062f \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a \u064a\u0642\u0631 \u062d\u0632\u0645\u0629 \u0639\u0642\u0648\u0628\u0627\u062a \u062c\u062f\u064a\u062f\u0629 \u0636\u062f \u0631\u0648\u0633\u064a\u0627 \u062a\u0633\u062a\u0647\u062f\u0641 \u0642\u0637\u0627\u0639 \u0627\u0644\u0637\u0627\u0642\u0629 \u0648\u0627\u0644\u0646\u0642\u0644\n <\/h1>\n \n <div class=\"mb-6 relative\">\n <img decoding=\"async\" \n src=\"https:\/\/images.unsplash.com\/photo-1589652717521-10c0d092dea9?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1200&q=80\" \n alt=\"\u0645\u0628\u0646\u0649 \u0627\u0644\u0628\u0631\u0644\u0645\u0627\u0646 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a \u0641\u064a \u0628\u0631\u0648\u0643\u0633\u0644\" \n class=\"news-image main-news-image w-full rounded-lg shadow-lg\"\n >\n <div class=\"absolute bottom-0 right-0 bg-black bg-opacity-50 text-white p-3 rounded-tl-lg text-sm\">\n \u0645\u0628\u0646\u0649 \u0627\u0644\u0628\u0631\u0644\u0645\u0627\u0646 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a \u0641\u064a \u0628\u0631\u0648\u0643\u0633\u0644 \u062d\u064a\u062b \u062a\u0645\u062a \u0645\u0646\u0627\u0642\u0634\u0629 \u0627\u0644\u062d\u0632\u0645\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0645\u0646 \u0627\u0644\u0639\u0642\u0648\u0628\u0627\u062a – \u0645\u0635\u062f\u0631: Unsplash\n <\/div>\n <\/div>\n \n <div class=\"flex flex-wrap mb-6\">\n <span class=\"tag\">\u0627\u0644\u0627\u062a\u062d\u0627\u062f \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a<\/span>\n <span class=\"tag\">\u0631\u0648\u0633\u064a\u0627<\/span>\n <span class=\"tag\">\u0639\u0642\u0648\u0628\u0627\u062a<\/span>\n <span class=\"tag\">\u0627\u0644\u0637\u0627\u0642\u0629<\/span>\n <span class=\"tag\">\u0623\u0648\u0643\u0631\u0627\u0646\u064a\u0627<\/span>\n <\/div>\n \n <div class=\"news-body-text mb-8\">\n <p class=\"opening-sentence p-4 rounded-lg mb-6\">\n \u0623\u0642\u0631 \u0648\u0632\u0631\u0627\u0621 \u062e\u0627\u0631\u062c\u064a\u0629 \u0627\u0644\u0627\u062a\u062d\u0627\u062f \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a \u0627\u0644\u064a\u0648\u0645 \u062d\u0632\u0645\u0629 \u0639\u0642\u0648\u0628\u0627\u062a \u062c\u062f\u064a\u062f\u0629 \u0647\u064a \u0627\u0644\u062d\u0627\u062f\u064a\u0629 \u0639\u0634\u0631\u0629 \u0645\u0646\u0630 \u0628\u062f\u0621 \u0627\u0644\u062d\u0631\u0628 \u0627\u0644\u0631\u0648\u0633\u064a\u0629 \u0639\u0644\u0649 \u0623\u0648\u0643\u0631\u0627\u0646\u064a\u0627\u060c \u062a\u0633\u062a\u0647\u062f\u0641 \u0628\u0634\u0643\u0644 \u0623\u0633\u0627\u0633\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0631\u0648\u0633\u064a \u0648\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u062a\u064a \u062a\u0633\u0647\u0644 \u062a\u062c\u0646\u064a\u062f \u0627\u0644\u0645\u0631\u062a\u0632\u0642\u0629.\n <\/p>\n \n <p>\n \u062c\u0627\u0621 \u0627\u0644\u0642\u0631\u0627\u0631 \u0628\u0639\u062f \u0623\u0633\u0627\u0628\u064a\u0639 \u0645\u0646 \u0627\u0644\u0645\u0641\u0627\u0648\u0636\u0627\u062a \u0627\u0644\u0634\u0627\u0642\u0629 \u0628\u064a\u0646 \u0627\u0644\u062f\u0648\u0644 \u0627\u0644\u0623\u0639\u0636\u0627\u0621\u060c \u062d\u064a\u062b \u0639\u0627\u0631\u0636\u062a \u0641\u064a \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0643\u0644 \u0645\u0646 \u0627\u0644\u0645\u062c\u0631 \u0648\u0633\u0644\u0648\u0641\u0627\u0643\u064a\u0627 \u0628\u0639\u0636 \u0628\u0646\u0648\u062f \u0627\u0644\u0639\u0642\u0648\u0628\u0627\u062a \u0627\u0644\u062c\u062f\u064a\u062f\u0629. \u0648\u0635\u0631\u062d\u062a \u0627\u0644\u0645\u0645\u062b\u0644\u0629 \u0627\u0644\u0639\u0644\u064a\u0627 \u0644\u0644\u0627\u062a\u062d\u0627\u062f \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a \u0644\u0644\u0634\u0624\u0648\u0646 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629\u060c \u062c\u0648\u0632\u064a\u0628 \u0628\u0648\u0631\u064a\u0644\u060c \u0623\u0646 “\u0647\u0630\u0647 \u0627\u0644\u0639\u0642\u0648\u0628\u0627\u062a \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0643\u0631\u0645\u0644\u064a\u0646 \u0648\u062d\u0631\u0645\u0627\u0646\u0647 \u0645\u0646 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u062a\u064a \u064a\u0633\u062a\u062e\u062f\u0645\u0647\u0627 \u0644\u062a\u0645\u0648\u064a\u0644 \u062d\u0631\u0628\u0647 \u063a\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0629”.\n <\/p>\n \n <p>\n \u0648\u062a\u0634\u0645\u0644 \u0627\u0644\u062d\u0632\u0645\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u062d\u0638\u0631\u0627\u064b \u0639\u0644\u0649 \u062a\u0635\u062f\u064a\u0631 \u0645\u0639\u062f\u0627\u062a \u062d\u0641\u0631 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u0625\u0644\u0649 \u0631\u0648\u0633\u064a\u0627\u060c \u0648\u062a\u0648\u0633\u064a\u0639 \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0623\u0634\u062e\u0627\u0635 \u0648\u0627\u0644\u0643\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062e\u0627\u0636\u0639\u0629 \u0644\u0644\u062a\u062c\u0645\u064a\u062f \u0627\u0644\u0623\u0635\u0648\u0644 \u0648\u062d\u0638\u0631 \u0627\u0644\u0633\u0641\u0631\u060c \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0635\u0627\u0631\u0645\u0629 \u0636\u062f \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u062c\u064a\u0634 \u0627\u0644\u0631\u0648\u0633\u064a \u0641\u064a \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0645\u0643\u0648\u0646\u0627\u062a \u0639\u0633\u0643\u0631\u064a\u0629.\n <\/p>\n \n <div class=\"my-8 p-6 bg-blue-50 border-r-4 border-blue-500 rounded-lg\">\n <h3 class=\"font-bold text-blue-800 mb-3 text-lg\">\n <i class=\"fas fa-chart-line ml-2\"><\/i> \u0628\u0627\u0644\u0623\u0631\u0642\u0627\u0645: \u0627\u0644\u0639\u0642\u0648\u0628\u0627\u062a \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629 \u0639\u0644\u0649 \u0631\u0648\u0633\u064a\u0627\n <\/h3>\n <ul class=\"space-y-2 text-blue-900\">\n <li class=\"flex justify-between border-b pb-2\">\n <span>\u0639\u062f\u062f \u0627\u0644\u062d\u0632\u0645 \u0627\u0644\u0639\u0642\u0627\u0628\u064a\u0629:<\/span>\n <span class=\"font-bold\">11 \u062d\u0632\u0645\u0629<\/span>\n <\/li>\n <li class=\"flex justify-between border-b pb-2\">\n <span>\u0627\u0644\u0623\u0634\u062e\u0627\u0635 \u0627\u0644\u062e\u0627\u0636\u0639\u0648\u0646 \u0644\u0644\u0639\u0642\u0648\u0628\u0627\u062a:<\/span>\n <span class=\"font-bold\">+1800 \u0634\u062e\u0635<\/span>\n <\/li>\n <li class=\"flex justify-between border-b pb-2\">\n <span>\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062e\u0627\u0636\u0639\u0629 \u0644\u0644\u0639\u0642\u0648\u0628\u0627\u062a:<\/span>\n <span class=\"font-bold\">+400 \u0634\u0631\u0643\u0629<\/span>\n <\/li>\n <li class=\"flex justify-between\">\n <span>\u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0645\u062c\u0645\u062f\u0629:<\/span>\n <span class=\"font-bold\">~300 \u0645\u0644\u064a\u0627\u0631 \u064a\u0648\u0631\u0648<\/span>\n <\/li>\n <\/ul>\n <\/div>\n \n <p>\n \u0645\u0646 \u062c\u0647\u062a\u0647\u0627\u060c \u0647\u062f\u062f\u062a \u0631\u0648\u0633\u064a\u0627 \u0628\u0640”\u0631\u062f\u0648\u062f \u063a\u064a\u0631 \u0645\u0633\u0628\u0648\u0642\u0629” \u0639\u0644\u0649 \u0645\u0627 \u0648\u0635\u0641\u062a\u0647 \u0628\u0640”\u0627\u0644\u0639\u0642\u0648\u0628\u0627\u062a \u063a\u064a\u0631 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629”\u060c \u0628\u064a\u0646\u0645\u0627 \u062d\u0630\u0631\u062a \u0645\u0646\u0638\u0645\u0629 \u0627\u0644\u0623\u0645\u0645 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0645\u0646 \u0623\u0646 \u0627\u0644\u0639\u0642\u0648\u0628\u0627\u062a \u0642\u062f \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0648\u062a\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u062a\u0636\u062e\u0645 \u0641\u064a \u0623\u0648\u0631\u0648\u0628\u0627 \u0648\u0627\u0644\u0639\u0627\u0644\u0645.\n <\/p>\n <\/div>\n \n <div class=\"border-t border-b border-gray-200 py-4 mb-8\">\n <div class=\"flex justify-between items-center\">\n <div class=\"flex items-center\">\n <div class=\"w-12 h-12 rounded-full overflow-hidden ml-4\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?ixlib=rb-4.0.3&auto=format&fit=crop&w=100&q=80\" \n alt=\"\u0627\u0644\u0635\u062d\u0641\u064a\" class=\"w-full h-full object-cover\">\n <\/div>\n <div>\n <h4 class=\"font-bold\">\u0639\u0645\u0631 \u0627\u0644\u0634\u0627\u0641\u0639\u064a<\/h4>\n <p class=\"text-gray-600 text-sm\">\u0645\u0631\u0627\u0633\u0644 \u0634\u0624\u0648\u0646 \u0627\u0644\u0627\u062a\u062d\u0627\u062f \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a – \u0628\u0631\u0648\u0643\u0633\u0644<\/p>\n <\/div>\n <\/div>\n <div class=\"flex space-x-3 space-x-reverse\">\n <a href=\"#\" class=\"share-btn\">\n <i class=\"fab fa-twitter\"><\/i>\n <\/a>\n <a href=\"#\" class=\"share-btn\">\n <i class=\"fab fa-facebook-f\"><\/i>\n <\/a>\n <a href=\"#\" class=\"share-btn\">\n <i class=\"fab fa-linkedin-in\"><\/i>\n <\/a>\n <a href=\"#\" class=\"share-btn\">\n <i class=\"far fa-envelope\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"lg:col-span-1\">\n <div class=\"bg-white rounded-xl shadow-lg p-6 sticky top-24\">\n <h3 class=\"text-xl font-bold mb-6 pb-3 border-b border-gray-200 text-gray-900\">\n <i class=\"fas fa-bolt text-yellow-500 ml-2\"><\/i>\u0623\u0647\u0645 \u0627\u0644\u0623\u062e\u0628\u0627\u0631\n <\/h3>\n \n <div class=\"space-y-6\">\n \n <div class=\"news-card p-4 border border-gray-100 rounded-lg hover:shadow-md\">\n <div class=\"flex\">\n <div class=\"ml-4 flex-1\">\n <span class=\"category-badge bg-green-100 text-green-800\" style=\"background-color: #d1fae5; color: #065f46;\">\u0627\u0642\u062a\u0635\u0627\u062f<\/span>\n <h4 class=\"font-bold mt-2 mb-2 text-gray-900\">\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u062a\u0636\u062e\u0645 \u0641\u064a \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u064a\u0648\u0631\u0648 \u0625\u0644\u0649 5.5%<\/h4>\n <p class=\"text-gray-600 text-sm mb-3\">\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062a\u0636\u062e\u0645 \u0641\u064a \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u064a\u0648\u0631\u0648 \u062a\u0648\u0642\u0639\u0627\u062a \u0627\u0644\u0645\u062d\u0644\u0644\u064a\u0646 \u0645\u062f\u0641\u0648\u0639\u0627\u064b \u0628\u0623\u0633\u0639\u0627\u0631 \u0627\u0644\u0637\u0627\u0642\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629…<\/p>\n <div class=\"flex justify-between items-center text-sm text-gray-500\">\n <span><i class=\"far fa-clock ml-1\"><\/i> \u0645\u0646\u0630 5 \u0633\u0627\u0639\u0627\u062a<\/span>\n <a href=\"#\" class=\"text-blue-600 font-medium hover:text-blue-800\">\u0627\u0642\u0631\u0623 \u0623\u0643\u062b\u0631 \u2192<\/a>\n <\/div>\n <\/div>\n <div class=\"w-24 h-24 flex-shrink-0\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1611974789855-9c2a0a7236a3?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80\" \n alt=\"\u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629\" class=\"w-full h-full object-cover rounded\">\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"news-card p-4 border border-gray-100 rounded-lg hover:shadow-md\">\n <div class=\"flex\">\n <div class=\"ml-4 flex-1\">\n <span class=\"category-badge bg-purple-100 text-purple-800\" style=\"background-color: #e9d5ff; color: #5b21b6;\">\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627<\/span>\n <h4 class=\"font-bold mt-2 mb-2 text-gray-900\">\u0627\u0644\u0627\u062a\u062d\u0627\u062f \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a \u064a\u0642\u062a\u0631\u0628 \u0645\u0646 \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0639\u0644\u0649 \u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/h4>\n <p class=\"text-gray-600 text-sm mb-3\">\u064a\u0635\u0648\u062a \u0627\u0644\u0628\u0631\u0644\u0645\u0627\u0646 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u0645\u0642\u0628\u0644 \u0639\u0644\u0649 \u0642\u0627\u0646\u0648\u0646 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a…<\/p>\n <div class=\"flex justify-between items-center text-sm text-gray-500\">\n <span><i class=\"far fa-clock ml-1\"><\/i> \u0645\u0646\u0630 7 \u0633\u0627\u0639\u0627\u062a<\/span>\n <a href=\"#\" class=\"text-blue-600 font-medium hover:text-blue-800\">\u0627\u0642\u0631\u0623 \u0623\u0643\u062b\u0631 \u2192<\/a>\n <\/div>\n <\/div>\n <div class=\"w-24 h-24 flex-shrink-0\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1677442136019-21780ecad995?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80\" \n alt=\"\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\" class=\"w-full h-full object-cover rounded\">\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"news-card p-4 border border-gray-100 rounded-lg hover:shadow-md\">\n <div class=\"flex\">\n <div class=\"ml-4 flex-1\">\n <span class=\"category-badge bg-red-100 text-red-800\" style=\"background-color: #fee2e2; color: #991b1b;\">\u0645\u0646\u0627\u062e<\/span>\n <h4 class=\"font-bold mt-2 mb-2 text-gray-900\">\u0645\u0648\u062c\u0629 \u062d\u0631 \u063a\u064a\u0631 \u0645\u0633\u0628\u0648\u0642\u0629 \u062a\u0636\u0631\u0628 \u062c\u0646\u0648\u0628 \u0623\u0648\u0631\u0648\u0628\u0627<\/h4>\n <p class=\"text-gray-600 text-sm mb-3\">\u062a\u0633\u062c\u0644 \u0625\u064a\u0637\u0627\u0644\u064a\u0627 \u0648\u0625\u0633\u0628\u0627\u0646\u064a\u0627 \u0648\u0627\u0644\u064a\u0648\u0646\u0627\u0646 \u062f\u0631\u062c\u0627\u062a \u062d\u0631\u0627\u0631\u0629 \u0642\u064a\u0627\u0633\u064a\u0629 \u062a\u062a\u062c\u0627\u0648\u0632 45 \u062f\u0631\u062c\u0629 \u0645\u0626\u0648\u064a\u0629…<\/p>\n <div class=\"flex justify-between items-center text-sm text-gray-500\">\n <span><i class=\"far fa-clock ml-1\"><\/i> \u0645\u0646\u0630 9 \u0633\u0627\u0639\u0627\u062a<\/span>\n <a href=\"#\" class=\"text-blue-600 font-medium hover:text-blue-800\">\u0627\u0642\u0631\u0623 \u0623\u0643\u062b\u0631 \u2192<\/a>\n <\/div>\n <\/div>\n <div class=\"w-24 h-24 flex-shrink-0\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1567602901358-5ba17615aaeb?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80\" \n alt=\"\u0645\u0648\u062c\u0629 \u062d\u0631\" class=\"w-full h-full object-cover rounded\">\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"news-card p-4 border border-gray-100 rounded-lg hover:shadow-md\">\n <div class=\"flex\">\n <div class=\"ml-4 flex-1\">\n <span class=\"category-badge bg-yellow-100 text-yellow-800\" style=\"background-color: #fef3c7; color: #92400e;\">\u0631\u064a\u0627\u0636\u0629<\/span>\n <h4 class=\"font-bold mt-2 mb-2 text-gray-900\">\u0627\u0646\u0637\u0644\u0627\u0642 \u0628\u0637\u0648\u0644\u0629 \u0623\u0645\u0645 \u0623\u0648\u0631\u0648\u0628\u0627 2024 \u0628\u0623\u0644\u0645\u0627\u0646\u064a\u0627 \u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u0645\u0642\u0628\u0644<\/h4>\n <p class=\"text-gray-600 text-sm mb-3\">\u062a\u0633\u062a\u0639\u062f \u0623\u0644\u0645\u0627\u0646\u064a\u0627 \u0644\u0627\u0633\u062a\u0636\u0627\u0641\u0629 \u0627\u0644\u0628\u0637\u0648\u0644\u0629 \u0628\u0645\u0634\u0627\u0631\u0643\u0629 24 \u0641\u0631\u064a\u0642\u0627\u064b \u0623\u0648\u0631\u0648\u0628\u064a\u0627\u064b…<\/p>\n <div class=\"flex justify-between items-center text-sm text-gray-500\">\n <span><i class=\"far fa-clock ml-1\"><\/i> \u0645\u0646\u0630 11 \u0633\u0627\u0639\u0629<\/span>\n <a href=\"#\" class=\"text-blue-600 font-medium hover:text-blue-800\">\u0627\u0642\u0631\u0623 \u0623\u0643\u062b\u0631 \u2192<\/a>\n <\/div>\n <\/div>\n <div class=\"w-24 h-24 flex-shrink-0\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1595435934247-5d33b7f92c70?ixlib=rb-4.0.3&auto=format&fit=crop&w=200&q=80\" \n alt=\"\u0643\u0631\u0629 \u0627\u0644\u0642\u062f\u0645\" class=\"w-full h-full object-cover rounded\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"mt-8 pt-6 border-t border-gray-200\">\n <h4 class=\"font-bold mb-4 text-gray-900\">\u0627\u0644\u0646\u0634\u0631\u0629 \u0627\u0644\u0628\u0631\u064a\u062f\u064a\u0629<\/h4>\n <p class=\"text-gray-600 text-sm mb-4\">\u0627\u0634\u062a\u0631\u0643 \u0641\u064a \u0646\u0634\u0631\u062a\u0646\u0627 \u0627\u0644\u0628\u0631\u064a\u062f\u064a\u0629 \u0644\u062a\u0644\u0642\u064a \u0623\u0647\u0645 \u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u0645\u0628\u0627\u0634\u0631\u0629 \u0641\u064a \u0628\u0631\u064a\u062f\u0643<\/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 border border-gray-300 rounded-r-lg px-4 py-3 focus:outline-none focus:border-blue-500\">\n <button class=\"bg-blue-600 text-white px-4 py-3 rounded-l-lg hover:bg-blue-700 transition font-medium\">\n \u0627\u0634\u062a\u0631\u0627\u0643\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"mb-12\">\n <h2 class=\"text-2xl font-bold mb-8 pb-3 border-b border-gray-300 text-gray-900\">\u0623\u062e\u0628\u0627\u0631 \u0623\u062e\u0631\u0649 \u0642\u062f \u062a\u0647\u0645\u0643<\/h2>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\n \n <div class=\"news-card bg-white rounded-xl shadow-md overflow-hidden\">\n <div class=\"relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551135049-8a33b2fb2f5f?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80\" \n alt=\"\u0627\u0644\u0647\u062c\u0631\u0629 \u0625\u0644\u0649 \u0623\u0648\u0631\u0648\u0628\u0627\" class=\"news-image w-full\">\n <span class=\"category-badge absolute top-3 right-3\">\u0647\u062c\u0631\u0629<\/span>\n <\/div>\n <div class=\"p-5\">\n <h3 class=\"font-bold text-lg mb-3 text-gray-900\">\u0627\u0644\u0627\u062a\u062d\u0627\u062f \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a \u064a\u0639\u0644\u0646 \u0639\u0646 \u062e\u0637\u0629 \u062c\u062f\u064a\u062f\u0629 \u0644\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0647\u062c\u0631\u0629<\/h3>\n <p class=\"text-gray-600 mb-4 text-sm\">\u062a\u0633\u062a\u0647\u062f\u0641 \u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u062a\u062d\u0633\u064a\u0646 \u0646\u0638\u0627\u0645 \u0627\u0644\u0644\u062c\u0648\u0621 \u0648\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0647\u0627\u062c\u0631\u064a\u0646 \u0628\u064a\u0646 \u0627\u0644\u062f\u0648\u0644 \u0627\u0644\u0623\u0639\u0636\u0627\u0621…<\/p>\n <div class=\"flex justify-between items-center text-sm text-gray-500\">\n <span><i class=\"far fa-clock ml-1\"><\/i> \u0645\u0646\u0630 \u064a\u0648\u0645<\/span>\n <a href=\"#\" class=\"text-blue-600 font-medium hover:text-blue-800\">\u0627\u0642\u0631\u0623 \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"news-card bg-white rounded-xl shadow-md overflow-hidden\">\n <div class=\"relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1553877522-43269d4ea984?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80\" \n alt=\"\u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629\" class=\"news-image w-full\">\n <span class=\"category-badge absolute top-3 right-3\" style=\"background-color: #10b981; color: white;\">\u0633\u064a\u0627\u0631\u0627\u062a<\/span>\n <\/div>\n <div class=\"p-5\">\n <h3 class=\"font-bold text-lg mb-3 text-gray-900\">\u0623\u0648\u0631\u0648\u0628\u0627 \u062a\u062a\u062c\u0647 \u0644\u062d\u0638\u0631 \u0628\u064a\u0639 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0627\u0644\u0639\u0627\u0645\u0644\u0629 \u0628\u0627\u0644\u0628\u0646\u0632\u064a\u0646 \u0648\u0627\u0644\u062f\u064a\u0632\u0644 \u0628\u062d\u0644\u0648\u0644 2035<\/h3>\n <p class=\"text-gray-600 mb-4 text-sm\">\u0641\u064a \u062e\u0637\u0648\u0629 \u0644\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u062d\u064a\u0627\u062f \u0627\u0644\u0643\u0631\u0628\u0648\u0646\u064a\u060c \u0648\u0627\u0641\u0642 \u0648\u0632\u0631\u0627\u0621 \u0627\u0644\u0628\u064a\u0626\u0629 \u0641\u064a \u0627\u0644\u0627\u062a\u062d\u0627\u062f \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a \u0639\u0644\u0649 \u0627\u0644\u0642\u0631\u0627\u0631 \u0627\u0644\u062a\u0627\u0631\u064a\u062e\u064a…<\/p>\n <div class=\"flex justify-between items-center text-sm text-gray-500\">\n <span><i class=\"far fa-clock ml-1\"><\/i> \u0645\u0646\u0630 \u064a\u0648\u0645\u064a\u0646<\/span>\n <a href=\"#\" class=\"text-blue-600 font-medium hover:text-blue-800\">\u0627\u0642\u0631\u0623 \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"news-card bg-white rounded-xl shadow-md overflow-hidden\">\n <div class=\"relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80\" \n alt=\"\u0627\u0644\u0645\u0632\u0627\u0631\u0639 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629\" class=\"news-image w-full\">\n <span class=\"category-badge absolute top-3 right-3\" style=\"background-color: #f59e0b; color: white;\">\u0632\u0631\u0627\u0639\u0629<\/span>\n <\/div>\n <div class=\"p-5\">\n <h3 class=\"font-bold text-lg mb-3 text-gray-900\">\u0645\u0632\u0627\u0631\u0639\u0648 \u0623\u0648\u0631\u0648\u0628\u0627 \u064a\u062d\u062a\u062c\u0648\u0646 \u0639\u0644\u0649 \u0633\u064a\u0627\u0633\u0627\u062a “\u0627\u0644\u0635\u0641\u0642\u0629 \u0627\u0644\u062e\u0636\u0631\u0627\u0621”<\/h3>\n <p class=\"text-gray-600 mb-4 text-sm\">\u062a\u0638\u0627\u0647\u0631 \u0622\u0644\u0627\u0641 \u0627\u0644\u0645\u0632\u0627\u0631\u0639\u064a\u0646 \u0641\u064a \u0628\u0631\u0648\u0643\u0633\u0644 \u0645\u0637\u0627\u0644\u0628\u064a\u0646 \u0628\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0646\u0638\u0631 \u0641\u064a \u0627\u0644\u0642\u064a\u0648\u062f \u0627\u0644\u0628\u064a\u0626\u064a\u0629 \u0627\u0644\u0645\u0641\u0631\u0648\u0636\u0629 \u0639\u0644\u064a\u0647\u0645…<\/p>\n <div class=\"flex justify-between items-center text-sm text-gray-500\">\n <span><i class=\"far fa-clock ml-1\"><\/i> \u0645\u0646\u0630 3 \u0623\u064a\u0627\u0645<\/span>\n <a href=\"#\" class=\"text-blue-600 font-medium hover:text-blue-800\">\u0627\u0642\u0631\u0623 \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"news-card bg-white rounded-xl shadow-md overflow-hidden\">\n <div class=\"relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&auto=format&fit=crop&w=400&q=80\" \n alt=\"\u0627\u0644\u0633\u064a\u0627\u062d\u0629 \u0641\u064a \u0623\u0648\u0631\u0648\u0628\u0627\" class=\"news-image w-full\">\n <span class=\"category-badge absolute top-3 right-3\" style=\"background-color: #8b5cf6; color: white;\">\u0633\u064a\u0627\u062d\u0629<\/span>\n <\/div>\n <div class=\"p-5\">\n <h3 class=\"font-bold text-lg mb-3 text-gray-900\">\u0627\u0631\u062a\u0641\u0627\u0639 \u0642\u064a\u0627\u0633\u064a \u0641\u064a \u0623\u0639\u062f\u0627\u062f \u0627\u0644\u0633\u064a\u0627\u062d \u0627\u0644\u0639\u0631\u0628 \u0625\u0644\u0649 \u0623\u0648\u0631\u0648\u0628\u0627 \u0647\u0630\u0627 \u0627\u0644\u0635\u064a\u0641<\/h3>\n <p class=\"text-gray-600 mb-4 text-sm\">\u062a\u0634\u064a\u0631 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0625\u0644\u0649 \u0632\u064a\u0627\u062f\u0629 \u0628\u0646\u0633\u0628\u0629 35% \u0641\u064a \u0623\u0639\u062f\u0627\u062f \u0627\u0644\u0633\u064a\u0627\u062d \u0627\u0644\u0639\u0631\u0628 \u0627\u0644\u0642\u0627\u062f\u0645\u064a\u0646 \u0625\u0644\u0649 \u0623\u0648\u0631\u0648\u0628\u0627 \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0627\u0644\u0635\u064a\u0641 \u0627\u0644\u0645\u0627\u0636\u064a…<\/p>\n <div class=\"flex justify-between items-center text-sm text-gray-500\">\n <span><i class=\"far fa-clock ml-1\"><\/i> \u0645\u0646\u0630 4 \u0623\u064a\u0627\u0645<\/span>\n <a href=\"#\" class=\"text-blue-600 font-medium hover:text-blue-800\">\u0627\u0642\u0631\u0623 \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"bg-gradient-to-l from-blue-600 to-blue-800 text-white rounded-2xl p-8 mb-12\">\n <div class=\"flex flex-col md:flex-row items-center justify-between\">\n <div class=\"mb-6 md:mb-0 md:ml-8\">\n <h2 class=\"text-2xl font-bold mb-3\">\u0627\u0628\u0642 \u0639\u0644\u0649 \u0627\u0637\u0644\u0627\u0639 \u062f\u0627\u0626\u0645 \u0628\u0623\u062e\u0628\u0627\u0631 \u0623\u0648\u0631\u0648\u0628\u0627<\/h2>\n <p class=\"text-blue-100\">\u0627\u0634\u062a\u0631\u0643 \u0641\u064a \u0646\u0634\u0631\u062a\u0646\u0627 \u0627\u0644\u0628\u0631\u064a\u062f\u064a\u0629 \u0627\u0644\u0623\u0633\u0628\u0648\u0639\u064a\u0629 \u0644\u062a\u0644\u0642\u064a \u0623\u0647\u0645 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0645\u0628\u0627\u0634\u0631\u0629 \u0641\u064a \u0628\u0631\u064a\u062f\u0643<\/p>\n <\/div>\n <div class=\"w-full md:w-auto\">\n <div class=\"flex flex-col sm:flex-row\">\n <input type=\"email\" placeholder=\"\u0628\u0631\u064a\u062f\u0643 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\" class=\"flex-1 px-6 py-4 rounded-l-lg sm:rounded-l-lg sm:rounded-r-none text-gray-900 focus:outline-none mb-3 sm:mb-0\">\n <button class=\"bg-yellow-500 text-gray-900 font-bold px-8 py-4 rounded-r-lg sm:rounded-r-lg sm:rounded-l-none hover:bg-yellow-400 transition\">\n <i class=\"fas fa-paper-plane ml-2\"><\/i>\u0627\u0634\u062a\u0631\u0643 \u0627\u0644\u0622\u0646\n <\/button>\n <\/div>\n <p class=\"text-sm text-blue-200 mt-3\">\u064a\u0645\u0643\u0646\u0643 \u0625\u0644\u063a\u0627\u0621 \u0627\u0644\u0627\u0634\u062a\u0631\u0627\u0643 \u0641\u064a \u0623\u064a \u0648\u0642\u062a. \u0646\u062d\u0646 \u0646\u062d\u062a\u0631\u0645 \u062e\u0635\u0648\u0635\u064a\u062a\u0643.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n\n \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\">\u0646\u0634\u0631\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u062e\u0628\u0627\u0631\u064a\u0629<\/h3>\n <p class=\"text-gray-300 mb-6\">\u0646\u0642\u062f\u0645 \u0644\u0643\u0645 \u0623\u0648\u0631\u0648\u0628\u0627 \u0628\u0639\u064a\u0648\u0646 \u0639\u0631\u0628\u064a\u0629\u060c \u0645\u0639 \u0623\u062e\u0628\u0627\u0631 \u0648\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0648\u0634\u0627\u0645\u0644\u0629 \u062a\u063a\u0637\u064a \u0627\u0644\u0634\u0623\u0646 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a \u0628\u0643\u0627\u0641\u0629 \u0623\u0628\u0639\u0627\u062f\u0647.<\/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-instagram\"><\/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\">\u0627\u0644\u0623\u0642\u0633\u0627\u0645<\/h4>\n <ul class=\"space-y-3 text-gray-300\">\n <li><a href=\"#\" class=\"hover:text-white transition\">\u0627\u0644\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white transition\">\u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f \u0648\u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white transition\">\u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u0648\u0627\u0644\u062b\u0642\u0627\u0641\u0629<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white transition\">\u0627\u0644\u0639\u0644\u0648\u0645 \u0648\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white transition\">\u0627\u0644\u0631\u064a\u0627\u0636\u0629<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white transition\">\u0627\u0644\u0633\u064a\u0627\u062d\u0629 \u0648\u0627\u0644\u0633\u0641\u0631<\/a><\/li>\n <\/ul>\n <\/div>\n \n <div>\n <h4 class=\"font-bold text-lg mb-6\">\u0627\u0644\u062f\u0648\u0644<\/h4>\n <ul class=\"space-y-3 text-gray-300\">\n <li><a href=\"#\" class=\"hover:text-white transition\">\u0641\u0631\u0646\u0633\u0627<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white transition\">\u0623\u0644\u0645\u0627\u0646\u064a\u0627<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white transition\">\u0625\u064a\u0637\u0627\u0644\u064a\u0627<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white transition\">\u0625\u0633\u0628\u0627\u0646\u064a\u0627<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white transition\">\u0647\u0648\u0644\u0646\u062f\u0627<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-white transition\">\u0628\u0644\u062c\u064a\u0643\u0627<\/a><\/li>\n <\/ul>\n <\/div>\n \n <div>\n <h4 class=\"font-bold text-lg mb-6\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/h4>\n <ul class=\"space-y-3 text-gray-300\">\n <li class=\"flex items-center\">\n <i class=\"fas fa-map-marker-alt ml-2 text-blue-300\"><\/i>\n \u0628\u0631\u0648\u0643\u0633\u0644\u060c \u0628\u0644\u062c\u064a\u0643\u0627\n <\/li>\n <li class=\"flex items-center\">\n <i class=\"fas fa-envelope ml-2 text-blue-300\"><\/i>\n \n <\/li>\n <li class=\"flex items-center\">\n <i class=\"fas fa-phone ml-2 text-blue-300\"><\/i>\n \n <\/li>\n <\/ul>\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 2023 \u0646\u0634\u0631\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u062e\u0628\u0627\u0631\u064a\u0629. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629. | <a href=\"#\" class=\"hover:text-white transition\">\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629<\/a> | <a href=\"#\" class=\"hover:text-white transition\">\u0634\u0631\u0648\u0637 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645<\/a><\/p>\n <p class=\"mt-2\">\u0647\u0630\u0627 \u0627\u0644\u0645\u0648\u0642\u0639 \u0647\u0648 \u0645\u062d\u0627\u0643\u0627\u0629 \u0644\u0646\u0634\u0631\u0629 \u0625\u062e\u0628\u0627\u0631\u064a\u0629 \u0644\u0623\u063a\u0631\u0627\u0636 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0648\u062a\u0648\u0636\u064a\u062d\u064a\u0629.<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <button id=\"backToTop\" class=\"fixed bottom-6 left-6 bg-blue-600 text-white p-3 rounded-full shadow-lg hover:bg-blue-700 transition opacity-0\">\n <i class=\"fas fa-arrow-up\"><\/i>\n <\/button>\n\n <script>\n \/\/ Update date and time\n function updateDateTime() {\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 const timeStr = now.toLocaleTimeString('ar-EG', { hour: '2-digit', minute: '2-digit' });\n \n document.getElementById('current-date').textContent = dateStr;\n document.getElementById('current-time').textContent = timeStr;\n }\n \n \/\/ Update time every minute\n updateDateTime();\n setInterval(updateDateTime, 60000);\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 \/\/ Marquee animation for breaking news\n const style = document.createElement('style');\n style.textContent = `\n @keyframes marquee {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-100%); }\n }\n .animate-marquee {\n animation: marquee 30s linear infinite;\n display: inline-block;\n white-space: nowrap;\n padding-right: 100%;\n }\n .animate-marquee:hover {\n animation-play-state: paused;\n }\n `;\n document.head.appendChild(style);\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=\"226027\" 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=\"226027\" 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=\"226027\" 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=\"226027\" 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=\"226027\" 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=\"226027\" 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>\u0646\u0634\u0631\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u062e\u0628\u0627\u0631\u064a\u0629 – \u0623\u0648\u0631\u0648\u0628\u0627 \u0628\u0639\u064a\u0648\u0646 \u0639\u0631\u0628\u064a\u0629 \u0646\u0634\u0631\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u062e\u0628\u0627\u0631\u064a\u0629 \u0623\u0648\u0631\u0648\u0628\u0627 \u0628\u0639\u064a\u0648\u0646 \u0639\u0631\u0628\u064a\u0629 | \u0627\u0634\u062a\u0631\u0627\u0643 \ud83d\udd25 \u0627\u0646\u062a\u062e\u0627\u0628\u0627\u062a \u0627\u0644\u0628\u0631\u0644\u0645\u0627\u0646 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a: \u0623\u062d\u0632\u0627\u0628 \u0627\u0644\u064a\u0645\u064a\u0646 \u0627\u0644\u0645\u062a\u0637\u0631\u0641 \u062a\u0633\u062c\u0644 \u062a\u0642\u062f\u0645\u0627\u064b \u0645\u0644\u062d\u0648\u0638\u0627\u064b \u0641\u064a \u0641\u0631\u0646\u0633\u0627 \u0648\u0623\u0644\u0645\u0627\u0646\u064a\u0627 \ud83d\udcc8 \u0627\u0644\u064a\u0648\u0631\u0648 \u064a\u0646\u062e\u0641\u0636 \u0623\u0645\u0627\u0645 \u0627\u0644\u062f\u0648\u0644\u0627\u0631 \u0628\u0639\u062f \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629 \u0623\u0636\u0639\u0641 \u0645\u0646 \u0627\u0644\u0645\u062a\u0648\u0642\u0639 \u26bd \u0631\u064a\u0627\u0644 \u0645\u062f\u064a\u062f\u064a\u0648\u0641\u0648\u0632 \u0639\u0644\u0649 \u0628\u0648\u0631\u0648\u0633\u064a\u0627 \u062f\u0648\u0631\u062a\u0645\u0648\u0646\u062f 2-0 \u0641\u064a \u0646\u0647\u0627\u0626\u064a \u062f\u0648\u0631\u064a \u0623\u0628\u0637\u0627\u0644 \u0623\u0648\u0631\u0648\u0628\u0627 \u0627\u0644\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629 \u0645\u0646\u0630 3 […]<\/p>\n","protected":false},"author":1,"featured_media":223415,"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":[4,1],"tags":[],"class_list":["post-226027","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-4","category-1"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.almadar.be\/wp-content\/uploads\/2026\/01\/%D9%86%D8%B4%D8%B1%D8%A9-%D8%A7%D9%84%D9%85%D8%AF%D8%A7%D8%B1-%D9%85%D8%B9-%D8%B9%D9%84%D9%85-%D8%A8%D9%84%D9%8A%D8%AC%D9%83%D8%A7-.jpg?fit=1408%2C736&ssl=1","jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8NJWL-WNB","_links":{"self":[{"href":"https:\/\/www.almadar.be\/index.php?rest_route=\/wp\/v2\/posts\/226027","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=226027"}],"version-history":[{"count":0,"href":"https:\/\/www.almadar.be\/index.php?rest_route=\/wp\/v2\/posts\/226027\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.almadar.be\/index.php?rest_route=\/wp\/v2\/media\/223415"}],"wp:attachment":[{"href":"https:\/\/www.almadar.be\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=226027"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.almadar.be\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=226027"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.almadar.be\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=226027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":226027,"date":"2026-02-02T23:18:45","date_gmt":"2026-02-02T22:18:45","guid":{"rendered":"https:\/\/www.almadar.be\/?p=226027"},"modified":"2026-02-02T23:28:27","modified_gmt":"2026-02-02T22:28:27","slug":"%d9%86%d8%b4%d8%b1%d8%a9-%d8%a7%d9%84%d9%85%d8%af%d8%a7%d8%b1-%d8%a7%d9%84%d8%a5%d8%ae%d8%a8%d8%a7%d8%b1%d9%8a%d8%a9-%d8%a3%d9%88%d8%b1%d9%88%d8%a8%d8%a7-%d8%a8%d8%b9%d9%8a%d9%88%d9%86-%d8%b9%d8%b1-2","status":"publish","type":"post","link":"https:\/\/www.almadar.be\/?p=226027","title":{"rendered":"\u0646\u0634\u0631\u0629 \u0627\u0644\u0645\u062f\u0627\u0631 \u0627\u0644\u0625\u062e\u0628\u0627\u0631\u064a\u0629 – \u0623\u0648\u0631\u0648\u0628\u0627 \u0628\u0639\u064a\u0648\u0646 \u0639\u0631\u0628\u064a\u0629"},"content":{"rendered":"

\n \t