{
    "id": 5576,
    "date": "2026-05-05T11:54:38",
    "date_gmt": "2026-05-05T05:54:38",
    "guid": {
        "rendered": "https:\/\/turkistaninvest.com\/?page_id=5576"
    },
    "modified": "2026-06-19T12:06:31",
    "modified_gmt": "2026-06-19T06:06:31",
    "slug": "%d0%b8%d0%bd%d0%b2%d0%b5%d1%81%d1%82%d0%b8%d1%86%d0%b8%d1%8f%d0%bb%d1%8b%d2%9b-%d0%b6%d0%be%d0%b1%d0%b0%d0%bb%d0%b0%d1%80",
    "status": "publish",
    "type": "page",
    "link": "https:\/\/turkistaninvest.com\/en\/?page_id=5576",
    "title": {
        "rendered": "Investment projects"
    },
    "content": {
        "rendered": "<div data-elementor-type=\"wp-page\" data-elementor-id=\"5576\" class=\"elementor elementor-5576\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a5b2f6 e-flex e-con-boxed e-con e-parent\" data-id=\"3a5b2f6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-249493e e-con-full e-flex e-con e-child\" data-id=\"249493e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d1a42ea e-con-full e-flex e-con e-child\" data-id=\"d1a42ea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3e08930 e-con-full e-flex e-con e-child\" data-id=\"3e08930\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-476edf5 elementor-widget elementor-widget-heading\" data-id=\"476edf5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Investment projects to be implemented in 2026\u20132029<span style=\"font-family: Roboto, sans-serif;font-size: 35px;font-weight: 600\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50accfe elementor-widget elementor-widget-heading\" data-id=\"50accfe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span style=\"font-weight: normal\">New opportunities for economic diversification and sustainable growth <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d87cb7 e-con-full e-flex e-con e-parent\" data-id=\"5d87cb7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-590c5d0 elementor-widget elementor-widget-html\" data-id=\"590c5d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ti-stats-section\">\r\n  <div class=\"ti-stats-grid\">\r\n\r\n    <div class=\"ti-stat-card\">\r\n      <div class=\"ti-icon-wrap\">\r\n        <div class=\"ti-icon-bg\"><\/div>\r\n        <div class=\"ti-icon-circle\">\r\n          <svg class=\"ti-stat-icon\" viewbox=\"0 0 48 48\" fill=\"none\">\r\n            <path d=\"M13 8h18l6 6v22a4 4 0 0 1-4 4H13a4 4 0 0 1-4-4V12a4 4 0 0 1 4-4Z\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M31 8v8h8\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M16 21h11M16 28h8\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M30.5 31.5 39 23a3.2 3.2 0 0 1 4.5 4.5L35 36l-6 2 1.5-6.5Z\" fill=\"currentColor\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"ti-stat-number\" data-target=\"122\">0<\/div>\r\n      <div class=\"ti-stat-label\">investment<br> projects<\/div>\r\n      <div class=\"ti-card-line\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ti-stat-card\">\r\n      <div class=\"ti-icon-wrap\">\r\n        <div class=\"ti-icon-bg\"><\/div>\r\n        <div class=\"ti-icon-circle\">\r\n          <svg class=\"ti-stat-icon\" viewbox=\"0 0 48 48\" fill=\"none\">\r\n            <ellipse cx=\"24\" cy=\"13\" rx=\"13\" ry=\"5\" fill=\"currentColor\"\/>\r\n            <path d=\"M11 13v7c0 2.8 5.8 5 13 5s13-2.2 13-5v-7\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M11 21v7c0 2.8 5.8 5 13 5s13-2.2 13-5v-7\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M11 29v6c0 2.8 5.8 5 13 5s13-2.2 13-5v-6\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"ti-stat-number\" data-target=\"2.77\" data-decimal=\"true\">0.00<\/div>\r\n      <div class=\"ti-stat-label ti-two-line\">\r\n        <span>trillion KZT<\/span>\r\n        <span>total amount<\/span>\r\n      <\/div>\r\n      <div class=\"ti-card-line\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ti-stat-card\">\r\n      <div class=\"ti-icon-wrap\">\r\n        <div class=\"ti-icon-bg\"><\/div>\r\n        <div class=\"ti-icon-circle\">\r\n          <svg class=\"ti-stat-icon\" viewbox=\"0 0 48 48\" fill=\"none\">\r\n            <circle cx=\"24\" cy=\"15\" r=\"6\" fill=\"currentColor\"\/>\r\n            <circle cx=\"12.5\" cy=\"18\" r=\"4.7\" fill=\"currentColor\" opacity=\"0.82\"\/>\r\n            <circle cx=\"35.5\" cy=\"18\" r=\"4.7\" fill=\"currentColor\" opacity=\"0.82\"\/>\r\n            <path d=\"M14 38c.8-7 4.4-11 10-11s9.2 4 10 11\" fill=\"currentColor\"\/>\r\n            <path d=\"M5 37c.7-5.6 3.6-8.6 8-8.6 2.2 0 4 .8 5.3 2.4\" fill=\"currentColor\" opacity=\"0.82\"\/>\r\n            <path d=\"M30 30.8c1.3-1.6 3.1-2.4 5.3-2.4 4.4 0 7.3 3 8 8.6\" fill=\"currentColor\" opacity=\"0.82\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"ti-stat-number\" data-target=\"17820\" data-space=\"true\">0<\/div>\r\n      <div class=\"ti-stat-label\">jobs to be created<\/div>\r\n      <div class=\"ti-card-line\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ti-stat-card\">\r\n      <div class=\"ti-icon-wrap\">\r\n        <div class=\"ti-icon-bg\"><\/div>\r\n        <div class=\"ti-icon-circle\">\r\n          <svg class=\"ti-stat-icon\" viewbox=\"0 0 48 48\" fill=\"none\">\r\n            <path d=\"M9 38h30\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M13 33V21M23 33V15M33 33V9\" stroke=\"currentColor\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M10 18l9-7 8 5 11-10\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M38 6v8h-8\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"ti-stat-number\" data-target=\"44\" data-suffix=\"%\">0%<\/div>\r\n      <div class=\"ti-stat-label\">share of manufacturing<\/div>\r\n      <div class=\"ti-card-line\"><\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&display=swap');\r\n\r\n\/* \u041f\u0440\u0438\u043d\u0443\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u043c Inter \u043a\u043e \u0432\u0441\u0435\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u0435\u043a\u0446\u0438\u0438 *\/\r\n.ti-stats-section,\r\n.ti-stats-section * {\r\n  font-family: 'Inter', sans-serif;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.ti-stats-section {\r\n  width: 100%;\r\n  padding: 10px 0;\r\n}\r\n\r\n.ti-stats-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 18px;\r\n  max-width: 980px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.ti-stat-card {\r\n  position: relative;\r\n  min-height: 172px;\r\n  padding: 18px 14px 16px;\r\n  border-radius: 18px;\r\n  background: linear-gradient(145deg, #ffffff 0%, #f9fbff 100%);\r\n  border: 1px solid rgba(0, 82, 255, 0.08);\r\n  box-shadow: 0 12px 28px rgba(0, 61, 165, 0.14),\r\n              inset 0 0 18px rgba(255, 255, 255, 0.75);\r\n  overflow: hidden;\r\n  text-align: center;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  animation: fadeUpIn 0.6s ease-out forwards;\r\n}\r\n\r\n.ti-stat-card:nth-child(1) { animation-delay: 0.1s; }\r\n.ti-stat-card:nth-child(2) { animation-delay: 0.2s; }\r\n.ti-stat-card:nth-child(3) { animation-delay: 0.3s; }\r\n.ti-stat-card:nth-child(4) { animation-delay: 0.4s; }\r\n\r\n@keyframes fadeUpIn {\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.ti-icon-wrap {\r\n  position: relative;\r\n  width: 78px;\r\n  height: 58px;\r\n  margin: 0 auto 10px;\r\n}\r\n\r\n.ti-icon-bg {\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 53%;\r\n  width: 76px;\r\n  height: 42px;\r\n  transform: translate(-50%, -50%);\r\n  border-radius: 999px;\r\n  background: radial-gradient(\r\n    ellipse at center,\r\n    rgba(0, 84, 255, 0.15) 0%,\r\n    rgba(0, 84, 255, 0.08) 45%,\r\n    rgba(0, 84, 255, 0) 78%\r\n  );\r\n  z-index: 0;\r\n}\r\n\r\n.ti-icon-circle {\r\n  position: relative;\r\n  z-index: 1;\r\n  width: 52px;\r\n  height: 52px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 50%;\r\n  color: #0753e8;\r\n  background: linear-gradient(145deg, #edf4ff, #ffffff);\r\n  box-shadow: 0 8px 18px rgba(0, 70, 210, 0.13);\r\n}\r\n\r\n.ti-stat-icon {\r\n  width: 31px;\r\n  height: 31px;\r\n  color: #1E7BB4;\r\n  filter: drop-shadow(0 5px 7px rgba(0, 70, 210, 0.22));\r\n}\r\n\r\n.ti-stat-number {\r\n  position: relative;\r\n  z-index: 1;\r\n  color: #1E7BB4;\r\n  font-size: 34px;\r\n  line-height: 1;\r\n  font-weight: 900;\r\n  letter-spacing: -1.4px;\r\n  margin-bottom: 10px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.ti-stat-label {\r\n  position: relative;\r\n  z-index: 1;\r\n  color: #004C7B;\r\n  font-size: 13.5px;\r\n  line-height: 1.25;\r\n  font-weight: 700;\r\n  white-space: nowrap;\r\n}\r\n\r\n.ti-two-line span {\r\n  display: block;\r\n  white-space: nowrap;\r\n}\r\n\r\n.ti-card-line {\r\n  position: absolute;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  bottom: 12px;\r\n  width: 42px;\r\n  height: 3px;\r\n  border-radius: 999px;\r\n  background: linear-gradient(90deg, rgba(0, 59, 239, 0), #003bef, rgba(0, 59, 239, 0));\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .ti-stats-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n}\r\n\r\n@media (max-width: 430px) {\r\n  .ti-stats-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .ti-stat-card {\r\n    min-height: 160px;\r\n  }\r\n  .ti-stat-number {\r\n    font-size: 36px;\r\n  }\r\n  .ti-stat-label {\r\n    font-size: 14px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  const counters = document.querySelectorAll(\".ti-stat-number\");\r\n\r\n  const observer = new IntersectionObserver((entries, observer) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        \r\n        counters.forEach(counter => {\r\n          const target = parseFloat(counter.getAttribute(\"data-target\"));\r\n          const hasDecimal = counter.hasAttribute(\"data-decimal\");\r\n          const hasSpace = counter.hasAttribute(\"data-space\");\r\n          const suffix = counter.getAttribute(\"data-suffix\") || \"\";\r\n          \r\n          const duration = 2000; \/\/ \u0414\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c 2 \u0441\u0435\u043a\u0443\u043d\u0434\u044b\r\n          let startTimestamp = null;\r\n\r\n          const step = (timestamp) => {\r\n            if (!startTimestamp) startTimestamp = timestamp;\r\n            const progress = Math.min((timestamp - startTimestamp) \/ duration, 1);\r\n            \r\n            \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043f\u043b\u0430\u0432\u043d\u043e\u0441\u0442\u0438 (Ease Out Cubic)\r\n            const easeOut = 1 - Math.pow(1 - progress, 3);\r\n            const current = target * easeOut;\r\n\r\n            let displayValue = current;\r\n\r\n            \/\/ \u0424\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\r\n            if (hasDecimal) {\r\n              displayValue = displayValue.toFixed(2);\r\n            } else {\r\n              displayValue = Math.round(displayValue);\r\n              if (hasSpace) {\r\n                displayValue = displayValue.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \" \");\r\n              }\r\n            }\r\n\r\n            counter.innerText = displayValue + suffix;\r\n\r\n            \/\/ \u041f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0435\u043c \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044e, \u0435\u0441\u043b\u0438 \u043d\u0435 \u0434\u043e\u0441\u0442\u0438\u0433\u043b\u0438 \u043a\u043e\u043d\u0446\u0430\r\n            if (progress < 1) {\r\n              window.requestAnimationFrame(step);\r\n            } else {\r\n              \/\/ \u0413\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u043c \u0442\u043e\u0447\u043d\u043e\u0435 \u0444\u0438\u043d\u0430\u043b\u044c\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043d\u0446\u0435\r\n              let finalValue = target;\r\n              if (hasDecimal) {\r\n                finalValue = finalValue.toFixed(2);\r\n              } else if (hasSpace) {\r\n                finalValue = finalValue.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \" \");\r\n              }\r\n              counter.innerText = finalValue + suffix;\r\n            }\r\n          };\r\n\r\n          \/\/ \u0417\u0430\u043f\u0443\u0441\u043a \u043f\u043b\u0430\u0432\u043d\u043e\u0439 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438\r\n          window.requestAnimationFrame(step);\r\n        });\r\n\r\n        \/\/ \u041e\u0442\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u043d\u0430\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u0435 \u043f\u043e\u0441\u043b\u0435 \u0441\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u043d\u0438\u044f\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.2 });\r\n\r\n  const section = document.querySelector(\".ti-stats-section\");\r\n  if (section) observer.observe(section);\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6328460 e-flex e-con-boxed e-con e-parent\" data-id=\"6328460\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f83d6eb elementor-widget elementor-widget-html\" data-id=\"f83d6eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ru\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u0421\u0430\u043b\u0430\u043b\u0430\u0440 \u0431\u043e\u0439\u044b\u043d\u0448\u0430 \u0436\u043e\u0431\u0430\u043b\u0430\u0440 \u0441\u0430\u043d\u044b<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800;900&display=swap');\r\n        \r\n        body, * {\r\n            font-family: 'Inter', sans-serif;\r\n        }\r\n\r\n        body {\r\n            background-color: #f8fafc;\r\n        }\r\n\r\n        \/* \u0422\u043e\u0442 \u0441\u0430\u043c\u044b\u0439 \u0444\u0438\u0440\u043c\u0435\u043d\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a *\/\r\n        .ti-card-style {\r\n            background: linear-gradient(145deg, #ffffff 0%, #f9fbff 100%);\r\n            border: 1px solid rgba(0, 82, 255, 0.08);\r\n            box-shadow: 0 12px 28px rgba(0, 61, 165, 0.14),\r\n                        inset 0 0 18px rgba(255, 255, 255, 0.75);\r\n        }\r\n\r\n        .chart-container {\r\n            position: relative;\r\n            width: 100%;\r\n        }\r\n\r\n        .segment {\r\n            transition: all 0.3s ease;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .segment:hover {\r\n            filter: brightness(1.05);\r\n            transform: translateY(-8px);\r\n        }\r\n\r\n        \/* \u0422\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u0438 \u043d\u0430 \u0433\u0440\u0430\u0444\u0438\u043a\u0435 *\/\r\n        .label-text {\r\n            font-size: 20px;\r\n            font-weight: 800;\r\n            fill: #0f172a;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        \/* \u0426\u0438\u0444\u0440\u044b \u043d\u0430 \u0433\u0440\u0430\u0444\u0438\u043a\u0435 *\/\r\n        .value-text {\r\n            font-size: 32px;\r\n            font-weight: 800;\r\n            fill: #ffffff;\r\n            pointer-events: none;\r\n            text-shadow: 0px 4px 12px rgba(0,0,0,0.4);\r\n        }\r\n\r\n        \/* \u041b\u0438\u043d\u0438\u0438-\u0443\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438 *\/\r\n        .leader-line {\r\n            fill: none;\r\n            stroke: #cbd5e1;\r\n            stroke-width: 2.5;\r\n            stroke-linecap: round;\r\n        }\r\n\r\n        .tooltip {\r\n            position: absolute;\r\n            color: #004C7B;\r\n            padding: 14px 20px;\r\n            border-radius: 14px;\r\n            pointer-events: none;\r\n            display: none;\r\n            z-index: 10;\r\n        }\r\n\r\n        @keyframes pulse {\r\n            0%, 100% { transform: scale(1); opacity: 0.4; }\r\n            50% { transform: scale(1.1); opacity: 0.6; }\r\n        }\r\n        .bg-blob {\r\n            animation: pulse 12s infinite ease-in-out;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"flex items-center justify-center min-h-screen p-4 md:p-10 relative overflow-hidden\">\r\n\r\n    <!-- \u0421\u043a\u0440\u044b\u0442\u044b\u0439 \u0431\u043b\u043e\u043a \u0434\u043b\u044f \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u0430 WordPress -->\r\n    <div style=\"display: none;\" id=\"wp-translation-data\">\r\n        <span id=\"tooltip-text\">\u0416\u043e\u0431\u0430\u043b\u0430\u0440 \u0441\u0430\u043d\u044b:<\/span>\r\n        <ul id=\"chart-data-source\">\r\n            <li data-value=\"74\" data-color=\"#060058\">Industry<\/li>\r\n            <li data-value=\"14\" data-color=\"#0D47A1\">Agro-industry<\/li>\r\n            <li data-value=\"13\" data-color=\"#0288D1\">Energy<\/li>\r\n            <li data-value=\"7\" data-color=\"#4FC3F7\">Tourism<\/li>\r\n            <li data-value=\"14\" data-color=\"#94D8F6\">Others<\/li>\r\n        <\/ul>\r\n    <\/div>\r\n\r\n    <!-- \u0424\u043e\u043d\u043e\u0432\u044b\u0435 \u043f\u044f\u0442\u043d\u0430 -->\r\n    <div class=\"absolute top-[-15%] left-[-10%] w-[60%] h-[60%] bg-blue-200\/40 rounded-full blur-[140px] -z-10 bg-blob\"><\/div>\r\n    <div class=\"absolute bottom-[-15%] right-[-10%] w-[60%] h-[60%] bg-pink-100\/30 rounded-full blur-[140px] -z-10 bg-blob\" style=\"animation-delay: -6s;\"><\/div>\r\n\r\n    <!-- \u041e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u0444\u043e\u043d\u043e\u0432\u0430\u044f \u0444\u0438\u0433\u0443\u0440\u0430 -->\r\n    <div class=\"ti-card-style p-6 md:p-12 rounded-[3rem] w-full max-w-[1600px] relative z-10\">\r\n        \r\n        <!-- \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a -->\r\n       <h1 class=\"text-2xl md:text-3xl font-black text-slate-800 mb-12 text-center tracking-widest uppercase opacity-80\">\r\n            Projects by sector\r\n        <\/h1>\r\n\r\n        <div class=\"flex flex-col lg:flex-row items-center justify-center gap-12\">\r\n            \r\n            <!-- \u0421\u0435\u0442\u043a\u0430 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b -->\r\n            <div class=\"chart-container flex-[3]\" id=\"container\">\r\n                <div id=\"tooltip\" class=\"tooltip ti-card-style\"><\/div>\r\n                \r\n                <!-- \u041c\u0410\u041a\u0421\u0418\u041c\u0410\u041b\u042c\u041d\u041e \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d viewBox \u0434\u043e 1800 \u0434\u043b\u044f \u043e\u0447\u0435\u043d\u044c \u0434\u043b\u0438\u043d\u043d\u043e\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u0430 -->\r\n                <svg id=\"chart-svg\" viewbox=\"0 0 1800 500\" class=\"w-full h-auto overflow-visible\">\r\n                    <defs>\r\n                        <filter id=\"shadow-filter\">\r\n                            <fedropshadow dx=\"0\" dy=\"5\" stddeviation=\"6\" flood-opacity=\"0.15\"\/>\r\n                        <\/filter>\r\n                    <\/defs>\r\n                    <!-- \u0426\u0435\u043d\u0442\u0440 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u044b \u0441\u043c\u0435\u0449\u0435\u043d \u043d\u0430 900 (\u0440\u043e\u0432\u043d\u043e \u043f\u043e\u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0435 1800) -->\r\n                    <g id=\"chart-group\" transform=\"translate(900, 460)\"><\/g>\r\n                    <!-- \u0426\u0435\u043d\u0442\u0440\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u0440\u0443\u0433\u0438 -->\r\n                    <circle cx=\"900\" cy=\"460\" r=\"45\" fill=\"white\" filter=\"url(#shadow-filter)\" \/>\r\n                    <circle cx=\"900\" cy=\"460\" r=\"15\" fill=\"#f1f5f9\" \/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <!-- \u041b\u0435\u0433\u0435\u043d\u0434\u0430 -->\r\n            <div class=\"ti-card-style w-full lg:w-auto min-w-[320px] max-w-[400px] space-y-6 p-8 rounded-[2rem] self-center\">\r\n                <div id=\"legend\" class=\"space-y-4\">\r\n                    <!-- \u0417\u0430\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 JS -->\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ \u0427\u0442\u0435\u043d\u0438\u0435 \u043f\u0435\u0440\u0435\u0432\u0435\u0434\u0435\u043d\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445\r\n        const data = [];\r\n        document.querySelectorAll('#chart-data-source li').forEach(item => {\r\n            data.push({\r\n                label: item.innerText.trim(),\r\n                value: parseFloat(item.getAttribute('data-value')),\r\n                color: item.getAttribute('data-color')\r\n            });\r\n        });\r\n\r\n        const tooltipLabelText = document.getElementById('tooltip-text').innerText.trim();\r\n\r\n        const total = data.reduce((sum, item) => sum + item.value, 0);\r\n        const svgGroup = document.getElementById('chart-group');\r\n        const legendContainer = document.getElementById('legend');\r\n        const tooltip = document.getElementById('tooltip');\r\n\r\n        const gapAngle = 8; \r\n        let currentAngle = -180; \r\n\r\n        data.forEach((item) => {\r\n            \/\/ \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043b\u0435\u0433\u0435\u043d\u0434\u044b\r\n            const legendItem = document.createElement('div');\r\n            legendItem.className = 'flex items-center group cursor-default border-b border-blue-500\/10 pb-3';\r\n            legendItem.innerHTML = `\r\n                <div class=\"flex items-center gap-4 w-48 md:w-56 shrink-0\">\r\n                    <div class=\"w-5 h-5 rounded-lg shadow-sm shrink-0\" style=\"background-color: ${item.color}\"><\/div>\r\n                    <span class=\"text-lg font-bold text-slate-700 group-hover:text-slate-900 transition-colors truncate\">${item.label}<\/span>\r\n                <\/div>\r\n                <span class=\"text-3xl font-black text-slate-900 ml-auto min-w-[3rem] text-right\">${item.value}<\/span>\r\n            `;\r\n            legendContainer.appendChild(legendItem);\r\n\r\n            \/\/ \u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0441\u0435\u043a\u0442\u043e\u0440\u0430\r\n            const angleWidthRaw = (item.value \/ total) * 180;\r\n            const angleWidth = angleWidthRaw - gapAngle; \r\n            \r\n            const radius = 180 + (item.value \/ 74) * 200; \r\n            \r\n            const startAngle = currentAngle + (gapAngle \/ 2);\r\n            const endAngle = startAngle + angleWidth;\r\n            const midAngle = startAngle + (angleWidth \/ 2);\r\n            const rad = midAngle * Math.PI \/ 180;\r\n            \r\n            const x1 = radius * Math.cos(startAngle * Math.PI \/ 180);\r\n            const y1 = radius * Math.sin(startAngle * Math.PI \/ 180);\r\n            const x2 = radius * Math.cos(endAngle * Math.PI \/ 180);\r\n            const y2 = radius * Math.sin(endAngle * Math.PI \/ 180);\r\n\r\n            const pathData = `M 0 0 L ${x1} ${y1} A ${radius} ${radius} 0 0 1 ${x2} ${y2} Z`;\r\n\r\n            const g = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"g\");\r\n            g.setAttribute(\"class\", \"segment\");\r\n\r\n            const path = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"path\");\r\n            path.setAttribute(\"d\", pathData);\r\n            path.setAttribute(\"fill\", item.color);\r\n            path.setAttribute(\"stroke\", \"white\");\r\n            path.setAttribute(\"stroke-width\", \"1\");\r\n\r\n            \/\/ \u0426\u0418\u0424\u0420\u042b \u0412\u041d\u0423\u0422\u0420\u0418\r\n            const textR = radius * 0.72;\r\n            const tx = textR * Math.cos(rad);\r\n            const ty = textR * Math.sin(rad);\r\n\r\n            const textValue = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"text\");\r\n            textValue.setAttribute(\"x\", tx);\r\n            textValue.setAttribute(\"y\", ty);\r\n            textValue.setAttribute(\"text-anchor\", \"middle\");\r\n            textValue.setAttribute(\"dominant-baseline\", \"middle\");\r\n            textValue.setAttribute(\"class\", \"value-text\");\r\n            textValue.textContent = item.value;\r\n\r\n            \/\/ \u041b\u0418\u041d\u0418\u0418-\u0423\u041a\u0410\u0417\u0410\u0422\u0415\u041b\u0418 (\u041c\u0410\u041a\u0421\u0418\u041c\u0410\u041b\u042c\u041d\u041e \u041e\u0422\u041e\u0414\u0412\u0418\u041d\u0423\u0422\u042b)\r\n            const lineStartR = radius + 10;\r\n            const lineEndR = radius + 160; \/\/ \u0421\u0438\u043b\u044c\u043d\u043e \u0443\u0434\u043b\u0438\u043d\u0438\u043b\u0438 \u043e\u0442 \u0446\u0435\u043d\u0442\u0440\u0430\r\n            const lx1 = lineStartR * Math.cos(rad);\r\n            const ly1 = lineStartR * Math.sin(rad);\r\n            const lx2 = lineEndR * Math.cos(rad);\r\n            const ly2 = lineEndR * Math.sin(rad);\r\n            const bendX = lx2 + (midAngle > -90 ? 140 : -140); \/\/ \u0421\u0438\u043b\u044c\u043d\u043e \u0443\u0434\u043b\u0438\u043d\u0438\u043b\u0438 \"\u043f\u043e\u043b\u043e\u0447\u043a\u0443\"\r\n\r\n            const line = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"polyline\");\r\n            line.setAttribute(\"points\", `${lx1},${ly1} ${lx2},${ly2} ${bendX},${ly2}`);\r\n            line.setAttribute(\"class\", \"leader-line\");\r\n\r\n            \/\/ \u0422\u0415\u041a\u0421\u0422 \u0421\u041d\u0410\u0420\u0423\u0416\u0418\r\n            const labelX = bendX + (midAngle > -90 ? 30 : -30); \/\/ \u0422\u0435\u043a\u0441\u0442 \u043e\u0442\u0441\u0442\u0443\u043f\u0430\u0435\u0442 \u0434\u0430\u043b\u044c\u0448\u0435 \u043e\u0442 \u043f\u043e\u043b\u043e\u0447\u043a\u0438\r\n            const labelY = ly2 + 8;\r\n\r\n            const labelText = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"text\");\r\n            labelText.setAttribute(\"x\", labelX);\r\n            labelText.setAttribute(\"y\", labelY);\r\n            labelText.setAttribute(\"text-anchor\", midAngle > -90 ? \"start\" : \"end\");\r\n            labelText.setAttribute(\"class\", \"label-text\");\r\n            labelText.textContent = item.label;\r\n\r\n            \/\/ \u0412\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0430\u044f \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0430\r\n            g.addEventListener('mousemove', (e) => {\r\n                tooltip.style.display = 'block';\r\n                tooltip.style.left = e.pageX + 25 + 'px';\r\n                tooltip.style.top = e.pageY - 70 + 'px';\r\n                \r\n                tooltip.innerHTML = `\r\n                    <div class=\"font-extrabold text-lg border-b border-blue-500\/10 text-slate-800 pb-2 mb-3 uppercase tracking-wider\">${item.label}<\/div>\r\n                    <div class=\"flex items-center justify-between gap-6\">\r\n                        <span class=\"text-slate-500 font-bold text-sm\">${tooltipLabelText}<\/span>\r\n                        <span class=\"text-2xl font-black drop-shadow-sm\" style=\"color: ${item.color}\">${item.value}<\/span>\r\n                    <\/div>\r\n                `;\r\n            });\r\n\r\n            g.addEventListener('mouseleave', () => {\r\n                tooltip.style.display = 'none';\r\n            });\r\n\r\n            g.appendChild(path);\r\n            g.appendChild(textValue);\r\n            g.appendChild(line);\r\n            g.appendChild(labelText);\r\n            svgGroup.appendChild(g);\r\n\r\n            currentAngle += angleWidthRaw;\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7aba5b7 elementor-widget elementor-widget-html\" data-id=\"7aba5b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"kk\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u0422\u04af\u0440\u043a\u0456\u0441\u0442\u0430\u043d \u043e\u0431\u043b\u044b\u0441\u044b\u043d\u044b\u04a3 \u0438\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u044f\u043b\u044b\u049b \u043a\u0430\u0440\u0442\u0430\u0441\u044b<\/title>\r\n    \r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.css\" \/>\r\n    <style>\r\n    body { margin: 0; padding: 0; font-family: 'Inter', sans-serif; background-color: #f4f7f6; }\r\n    #app-container { display: flex; flex-direction: row; width: 100%; height: 100vh; border-radius: 30px; overflow: hidden; box-shadow: 0 12px 28px rgba(0, 61, 165, 0.14); }\r\n\r\n    \/* --- \u0421\u043e\u043b \u0436\u0430\u049b \u043f\u0430\u043d\u0435\u043b\u044c --- *\/\r\n    #sidebar { width: 420px; min-width: 420px; max-width: 420px; flex-shrink: 0; display: flex; flex-direction: column; z-index: 10; background: linear-gradient(145deg, #ffffff 0%, #f9fbff 100%); border-right: 1px solid rgba(0, 82, 255, 0.08); box-shadow: 2px 0 15px rgba(0, 61, 165, 0.05); }\r\n    #sidebar-header { padding: 25px 20px 15px 20px; text-align: center; border-bottom: 1px solid rgba(0, 82, 255, 0.05); }\r\n    #sidebar-header h2 { margin: 0; font-size: 20px; color: #1e7bb4; font-weight: 700; }\r\n    #project-list { flex-grow: 1; overflow-y: auto; padding: 20px 15px; }\r\n\r\n    \/* --- \u041a\u0410\u0420\u0422\u0410\u0414\u0410\u0492\u042b \u041f\u041e\u041f\u0410\u041f --- *\/\r\n    .leaflet-popup-content-wrapper { border-radius: 14px; width: 550px !important; background: #ffffff !important; }\r\n    .leaflet-popup-content { width: 510px !important; margin: 20px !important; }\r\n    .custom-popup h3 { margin: 0 0 14px 0; color: #1e7bb4; border-bottom: 2px solid rgba(30, 123, 180, 0.15); padding-bottom: 10px; font-size: 19px; }\r\n    .detail-row { display: flex !important; align-items: flex-start !important; width: 100% !important; margin-bottom: 12px; font-size: 15px; }\r\n    .detail-row span { width: 160px !important; flex-shrink: 0 !important; font-weight: 600; color: #1e7bb4; }\r\n    .detail-row div { flex: 1 !important; line-height: 1.5; color: #333; }\r\n\r\n    .progress-container { margin-top: 18px; padding-top: 15px; border-top: 1px dashed #ccc; width: 100%; }\r\n    .progress-labels { display: flex; justify-content: space-between; font-size: 14px; font-weight: 600; color: #444; margin-bottom: 10px; }\r\n    .progress-track { width: 100%; height: 10px; background: #e2e8f0; border-radius: 10px; overflow: hidden; }\r\n    .progress-fill { height: 100%; border-radius: 10px; transition: width 1s; }\r\n\r\n    #map { width: calc(100% - 420px); flex-grow: 1; height: 100%; position: relative; z-index: 1; }\r\n\r\n    \/* \u0422\u0456\u0437\u0456\u043c \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430\u043b\u0430\u0440\u044b *\/\r\n    .project-card { background: #fff; border: 1px solid #eee; border-radius: 14px; padding: 16px; margin-bottom: 14px; cursor: pointer; transition: 0.3s; position: relative; overflow: hidden; }\r\n    .project-card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; }\r\n    .project-card.industry::before { background-color: #1e7bb4; }\r\n    .project-card.energy::before { background-color: #27ae60; }\r\n    .project-card.apk::before { background-color: #f39c12; }\r\n\r\n    .project-card:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }\r\n    .project-card h4 { margin: 0 0 5px 0; color: #1e7bb4; font-size: 15px; }\r\n    .sidebar-initiator { font-size: 13px; color: #777; font-style: italic; }\r\n    \r\n    \/* \u0421\u0430\u043b\u0430 \u0431\u0435\u043b\u0433\u0456\u0441\u0456 (Badge) *\/\r\n    .category-badge { font-size: 11px; font-weight: 700; text-transform: uppercase; margin-bottom: 8px; display: inline-block; padding: 2px 8px; border-radius: 4px; color: white; }\r\n    .bg-industry { background-color: #1e7bb4; }\r\n    .bg-energy { background-color: #27ae60; }\r\n    .bg-apk { background-color: #f39c12; }\r\n\r\n    .custom-label { background: #1e7bb4; color: #fff; border-radius: 8px; padding: 5px 12px; font-weight: 600; font-size: 12px; border: none; box-shadow: 0 4px 10px rgba(0,0,0,0.2); pointer-events: none; }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n    <!-- \u0421\u041a\u0420\u042b\u0422\u042b\u0419 \u0411\u041b\u041e\u041a \u0414\u041b\u042f \u041f\u0415\u0420\u0415\u0412\u041e\u0414\u0410 \u0412 ELEMENTOR \/ \u041f\u041b\u0410\u0413\u0418\u041d\u0410\u0425 -->\r\n    <div id=\"translation-data\" style=\"display: none;\">\r\n        <!-- \u0418\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043d\u044b\u0435 \u0441\u043b\u043e\u0432\u0430 (UI) -->\r\n        <span id=\"ui-initiator\">\ud83c\udfe2 \u0411\u0430\u0441\u0442\u0430\u043c\u0430\u0448\u044b:<\/span>\r\n        <span id=\"ui-cost\"><\/span>\r\n        <span id=\"ui-location\">\ud83d\udccd \u041e\u0440\u043d\u0430\u043b\u0430\u0441\u049b\u0430\u043d \u0436\u0435\u0440\u0456:<\/span>\r\n        <span id=\"ui-period\">\u0406\u0441\u043a\u0435 \u0430\u0441\u044b\u0440\u044b\u043b\u0443 \u043c\u0435\u0440\u0437\u0456\u043c\u0456:<\/span>\r\n        <span id=\"ui-years\">\u0436\u0436.<\/span>\r\n\r\n        <!-- \u0414\u0430\u043d\u043d\u044b\u0435 \u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 -->\r\n       <div id=\"projects-data\">\r\n           <!--\u04e8\u043d\u0435\u0440\u043a\u04d9\u0441\u0456\u043f -->\r\n   <!-- 1. \u0421\u0430\u0441\u0442\u04e9\u0431\u0435 \u0438\u043d\u043d\u043e\u0432\u0430\u0446\u0438\u044f\u043b\u044b\u049b \u043a\u0435\u0448\u0435\u043d\u0456 42.51895679775127, 70.03398376073253 -->\r\n    <div class=\"t-project\" data-lat=\"42.3289\" data-lng=\"70.0147\" data-start=\"2021\" data-end=\"2028\" data-showname=\"false\" data-cat=\"industry\">\r\n        <span class=\"t-name\">Construction of the Sastobe innovation complex<\/span>\r\n        <span class=\"t-loc\">Tulkibas district<\/span>\r\n        <span class=\"t-comp\">LLP \u201cSastobe Innovation Complex\u201d<\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Industry<\/span>\r\n    <\/div>\r\n\r\n    <!-- 2. \u0410\u043b\u044e\u043c\u0438\u043d\u0438\u0439 \u043e\u0440\u0430\u043c\u0434\u0430\u0440\u044b \u0437\u0430\u0443\u044b\u0442\u044b 42.33178715336628, 70.0320165971839 -->\r\n    <div class=\"t-project\" data-lat=\"42.3317\" data-lng=\"70.0320\" data-start=\"2025\" data-end=\"2028\" data-showname=\"false\" data-cat=\"industry\">\r\n        <span class=\"t-name\">Construction of the aluminum coil production plant<\/span>\r\n        <span class=\"t-loc\">Tolebi district<\/span>\r\n        <span class=\"t-comp\">LLP \u00abQAZCOILPRO\u00bb<\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Industry<\/span>\r\n    <\/div>\r\n\r\n    <!-- 3. \u041a\u04af\u043a\u0456\u0440\u0442 \u049b\u044b\u0448\u049b\u044b\u043b\u044b \u0437\u0430\u0443\u044b\u0442\u044b 45.206747911590604, 67.5297781489304 -->\r\n    <div class=\"t-project\" data-lat=\"45.1727\" data-lng=\"67.3657\" data-start=\"2024\" data-end=\"2026\" data-showname=\"true\" data-cat=\"industry\">\r\n        <span class=\"t-name\">Sulfuric acid production plant<\/span>\r\n        <span class=\"t-loc\">Sozak district<\/span>\r\n        <span class=\"t-comp\">LLP \u00abTAIQONYR QYSHQYL ZAUYTY\u00bb<\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Industry<\/span>\r\n    <\/div>\r\n\r\n    <!-- 4. \"\u041f\u0440\u0438\u0434\u043e\u0440\u043e\u0436\u043d\u043e\u0435\" \u0433\u0430\u0437 \u043a\u0435\u043d \u043e\u0440\u043d\u044b 44.859525934456904, 68.56956835099268-->\r\n    <div class=\"t-project\" data-lat=\"44.8595\" data-lng=\"68.5695\" data-start=\"2023\" data-end=\"2028\" data-showname=\"false\" data-cat=\"industry\">\r\n        <span class=\"t-name\">Development and operation of the \u201cPridorozhnoye\u201d gas field<\/span>\r\n        <span class=\"t-loc\">Sozak district<\/span>\r\n        <span class=\"t-comp\">LLP \u00abTAIQONYR Energy Ltd\u00bb<\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Industry<\/span>\r\n    <\/div>\r\n\r\n    <!-- 5. \u0420\u0435\u0437\u0435\u04a3\u043a\u0435 \u0438 \u043f\u043b\u0430\u0441\u0442\u043c\u0430\u0441\u0441\u0430 \u0437\u0430\u0443\u044b\u0442\u044b 40.8345372463189, 68.55166372017703-->\r\n    <div class=\"t-project\" data-lat=\"40.8345\" data-lng=\"68.5516\" data-start=\"2025\" data-end=\"2027\" data-showname=\"true\" data-cat=\"industry\">\r\n        <span class=\"t-name\">Construction of a plant for the production of rubber and plastic products and electrical equipment<\/span>\r\n        <span class=\"t-loc\">Maktaaral district<\/span>\r\n        <span class=\"t-comp\">LLP \u00abHanya International Holdings\u00bb<\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Industry<\/span>\r\n    <\/div>\r\n\r\n    <!-- 6. \u041a\u04e9\u043a\u04e9\u043d\u0456\u0441\u0442\u0435\u0440\u0434\u0456 \u043a\u0435\u043f\u0442\u0456\u0440\u0443 \u0437\u0430\u0443\u044b\u0442\u044b -->\r\n    <div class=\"t-project\" data-lat=\"43.2870\" data-lng=\"68.4525\" data-start=\"2026\" data-end=\"2028\" data-showname=\"false\" data-cat=\"industry\">\r\n        <span class=\"t-name\">Construction of the vegetable drying and processing plant<\/span>\r\n        <span class=\"t-loc\">Sauran district<\/span>\r\n        <span class=\"t-comp\">LLP \u00abWANLINFOOD TECHNOLOGY CO. LTD\u00bb<\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Industry<\/span>\r\n    <\/div>\r\n\r\n    <!-- 7. \u0422\u0430\u0431\u0438\u0493\u0438 \u0433\u0430\u0437 \u04e9\u043d\u0434\u0456\u0440\u0443 44.94533388108639, 67.93317923477396 -->\r\n    <div class=\"t-project\" data-lat=\"44.9453\" data-lng=\"67.9331\" data-start=\"2025\" data-end=\"2029\" data-showname=\"false\" data-cat=\"industry\">\r\n        <span class=\"t-name\">Production of natural gas<\/span>\r\n        <span class=\"t-loc\">Sozak district<\/span>\r\n        <span class=\"t-comp\">JSC \u00abSozak Oil and Gas\u00bb<\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Industry<\/span>\r\n    <\/div>\r\n\r\n    <!-- 8. \u0423\u0440\u0430\u043d \u04e9\u04a3\u0434\u0435\u0443 \u043a\u0435\u0448\u0435\u043d\u0456 (II-\u043a\u0435\u0437\u0435\u04a3) 44.74765118249714, 67.6523713081896 -->\r\n    <div class=\"t-project\" data-lat=\"44.7476\" data-lng=\"67.6523\" data-start=\"2025\" data-end=\"2026\" data-showname=\"false\" data-cat=\"industry\">\r\n        <span class=\"t-name\">Construction of the uranium processing complex, Phase II<\/span>\r\n        <span class=\"t-loc\">Sozak district<\/span>\r\n        <span class=\"t-comp\">LLP \u00abJV \u00abBudenovskoye\u00bb<\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Industry<\/span>\r\n    <\/div>\r\n    <!-- 9. \u041a\u0435\u043d\u0442\u0430\u0443 \u0431\u0430\u0439\u044b\u0442\u0443 \u0444\u0430\u0431\u0440\u0438\u043a\u0430\u0441\u044b\u043d \u049b\u0430\u0439\u0442\u0430 \u0436\u0430\u04a3\u0493\u044b\u0440\u0442\u0443 43.5262759009118, 68.49482153255198-->\r\n    <div class=\"t-project\" data-lat=\"43.5262\" data-lng=\"68.4948\" data-start=\"2023\" data-end=\"2027\" data-showname=\"false\" data-cat=\"industry\">\r\n        <span class=\"t-name\">Reconstruction of the Kentau industrial waste processing beneficiation plant<\/span>\r\n        <span class=\"t-loc\">Kentau city<\/span>\r\n        <span class=\"t-comp\">LLP \u00abKazOilEnergy\u00bb<\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Industry<\/span>\r\n    <\/div>\r\n\r\n    <!-- 10. \u041c\u0435\u0442\u0430\u043b\u043b \u04e9\u043d\u0434\u0456\u0440\u0443 \u0437\u0430\u0443\u044b\u0442\u044b (2-\u043a\u0435\u0437\u0435\u04a3) 43.387735379040265, 68.40907968274968 -->\r\n    <div class=\"t-project\" data-lat=\"43.3877\" data-lng=\"68.4090\" data-start=\"2025\" data-end=\"2027\" data-showname=\"false\" data-cat=\"industry\">\r\n        <span class=\"t-name\">Construction of the plant for the production of aluminum-zinc coated and painted metal<\/span>\r\n        <span class=\"t-loc\">Sauran district<\/span>\r\n        <span class=\"t-comp\">LLP \u00abDiamond Steel Co.Ltd\u00bb<\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Industry<\/span>\r\n    <\/div>\r\n\r\n    <!-- 11. \u0415\u0442 \u043a\u043e\u043c\u0431\u0438\u043d\u0430\u0442\u044b\u043d\u044b\u04a3 \u049b\u04b1\u0440\u044b\u043b\u044b\u0441\u044b 42.46104976570524, 69.86503319472268 -->\r\n    <div class=\"t-project\" data-lat=\"42.4610\" data-lng=\"69.8650\" data-start=\"2023\" data-end=\"2027\" data-showname=\"false\" data-cat=\"industry\">\r\n        <span class=\"t-name\">Construction of the meat processing plant for deep meat processing<\/span>\r\n        <span class=\"t-loc\">Sairam district<\/span>\r\n        <span class=\"t-comp\">LLP \u00abNurym Group\u00bb<\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Industry<\/span>\r\n    <\/div>\r\n\r\n    <!-- 12. \u0411\u0430\u0440\u0438\u0442 \u043a\u043e\u043d\u0446\u0435\u043d\u0442\u0440\u0430\u0442\u044b\u043d \u04e9\u043d\u0434\u0456\u0440\u0443 \u0437\u0430\u0443\u044b\u0442\u044b 43.551904530458316, 68.49028131194419-->\r\n    <div class=\"t-project\" data-lat=\"43.5519\" data-lng=\"68.4902\" data-start=\"2023\" data-end=\"2028\" data-showname=\"false\" data-cat=\"industry\">\r\n        <span class=\"t-name\">Construction of the barite concentrate production plant<\/span>\r\n        <span class=\"t-loc\">Kentau city<\/span>\r\n        <span class=\"t-comp\">LLP \u201cGRK Metallinvest\u201d<\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Industry<\/span>\r\n    <\/div>\r\n    <!-- 13. Agrima 42.46701175462081, 68.76794264798934 -->\r\n    <div class=\"t-project\" data-lat=\"42.4670\" data-lng=\"68.7679\" data-start=\"2025\" data-end=\"2027\" data-showname=\"false\" data-cat=\"industry\">\r\n        <span class=\"t-name\">Construction of the vegetable oil production plant<\/span>\r\n        <span class=\"t-loc\">Arys city<\/span>\r\n        <span class=\"t-comp\">LLP \u00abAGRIMA GROUP\u00bb<\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Industry<\/span>\r\n    <\/div>\r\n\r\n    <!-- 14. Hygeia 43.27904050553268, 68.1701065737931-->\r\n    <div class=\"t-project\" data-lat=\"43.2790\" data-lng=\"68.1701\" data-start=\"2026\" data-end=\"2028\" data-showname=\"false\" data-cat=\"industry\">\r\n        <span class=\"t-name\">Construction of the denim fabric production plant<\/span>\r\n        <span class=\"t-loc\">Turkistan city, SEZ TURAN<\/span>\r\n        <span class=\"t-comp\">LLP \u00abHygeia Textile Kazakhstan\u00bb<\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Industry<\/span>\r\n    <\/div>\r\n\r\n    <!-- 15. LIHUA -->\r\n    <div class=\"t-project\" data-lat=\"43.2768\" data-lng=\"68.1675\" data-start=\"2024\" data-end=\"2026\" data-showname=\"true\" data-cat=\"industry\">\r\n        <span class=\"t-name\">Cotton textile cluster<\/span>\r\n        <span class=\"t-loc\">Turkistan city, SEZ<\/span>\r\n        <span class=\"t-comp\">LLP \u00abKAZAKHSTAN LIHUA\u00bb<\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Industry<\/span>\r\n    <\/div>\r\n\r\n    \r\n\r\n    <!-- 16. Huating 42.6212385187741, 69.29557745023544 -->\r\n    <div class=\"t-project\" data-lat=\"42.6212\" data-lng=\"69.2955\" data-start=\"2025\" data-end=\"2026\" data-showname=\"true\" data-cat=\"industry\">\r\n        <span class=\"t-name\">Construction of the plant for processing cattle bones into fat and gelatin components<\/span>\r\n        <span class=\"t-loc\">Ordabasy district<\/span>\r\n        <span class=\"t-comp\">LLP \u00abHUATING BIOTECHNOLOGY Co.,LTD\u00bb<\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Industry<\/span>\r\n    <\/div>\r\n\r\n    <!-- 17. PSI 43.27948046392841, 68.16695586773359 -->\r\n    <div class=\"t-project\" data-lat=\"43.2794\" data-lng=\"68.1669\" data-start=\"2024\" data-end=\"2027\" data-showname=\"false\" data-cat=\"industry\">\r\n        <span class=\"t-name\">Construction of the plant for the production of heavy equipment for the mining and metallurgical complex<\/span>\r\n        <span class=\"t-loc\">Turkistan city, SEZ<\/span>\r\n        <span class=\"t-comp\">LLP \u00abPSI Mineral Technologies\u00bb<\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Industry<\/span>\r\n    <\/div>\r\n\r\n    <!-- 18. \u00ab\u042e\u0436\u043d\u0430\u044f\u00bb \u04e9\u043d\u0435\u0440\u043a\u04d9\u0441\u0456\u043f\u0442\u0456\u043a \u0430\u043b\u0430\u04a3\u044b -->\r\n    <div class=\"t-project\" data-lat=\"44.1452\" data-lng=\"68.4721\" data-start=\"2025\" data-end=\"2026\" data-showname=\"false\" data-cat=\"industry\">\r\n        <span class=\"t-name\">Construction of the \u201cYuzhnaya\u201d industrial site<\/span>\r\n        <span class=\"t-loc\">Sozak district<\/span>\r\n        <span class=\"t-comp\">LLP \u00abJV \u00abSMCC\u00bb<\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Industry<\/span>\r\n    <\/div>\r\n<\/div>\r\n<!--\u0410\u04e8\u041a -->\r\n   <!-- \u0416\u043e\u0431\u0430 1: \u0422\u04af\u043b\u043a\u0456\u0431\u0430\u0441 \u0430\u0443\u0434\u0430\u043d\u044b -->\r\n    <div class=\"t-project\" data-lat=\"42.2814\" data-lng=\"70.2827\" data-start=\"2024\" data-end=\"2027\" data-showname=\"false\" data-cat=\"apk\">\r\n        <span class=\"t-name\">Construction of the vertically integrated broiler poultry farm<\/span>\r\n        <span class=\"t-loc\">Tulkibas district<\/span>\r\n        <span class=\"t-comp\"><a href=\"#\" target=\"_blank\">LLP \u201cTulkibas Kus Farm\u201d<\/a><\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Agro-industry<\/span>\r\n    <\/div>\r\n\r\n    <!-- \u0416\u043e\u0431\u0430 2: \u0411\u04d9\u0439\u0434\u0456\u0431\u0435\u043a \u0430\u0443\u0434\u0430\u043d\u044b -->\r\n    <div class=\"t-project\" data-lat=\"42.8441\" data-lng=\"69.9673\" data-start=\"2023\" data-end=\"2026\" data-showname=\"false\" data-cat=\"apk\">\r\n        <span class=\"t-name\">Construction of the layer poultry farm and a feed mill<\/span>\r\n        <span class=\"t-loc\">Baydibek district<\/span>\r\n        <span class=\"t-comp\"><a href=\"#\" target=\"_blank\">LLP \u00abCorporation ERNUR\u00bb<\/a><\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Agro-industry<\/span>\r\n    <\/div>\r\n\r\n    <!-- \u0416\u043e\u0431\u0430 3: \u0421\u0430\u0439\u0440\u0430\u043c \u0430\u0443\u0434\u0430\u043d\u044b (\u0436\u044b\u043b\u044b\u0436\u0430\u0439) -->\r\n    <div class=\"t-project\" data-lat=\"42.4631\" data-lng=\"69.9547\" data-start=\"2023\" data-end=\"2027\" data-showname=\"false\" data-cat=\"apk\">\r\n        <span class=\"t-name\">Construction of an industrial greenhouse complex \u2013 Phase II\u2013III<\/span>\r\n        <span class=\"t-loc\">Sairam district<\/span>\r\n        <span class=\"t-comp\"><a href=\"#\" target=\"_blank\">LLP \u00abGen Group Kazakhstan\u00bb<\/a><\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Agro-industry<\/span>\r\n    <\/div>\r\n\r\n    <!-- \u0416\u043e\u0431\u0430 4: \u0421\u0430\u0439\u0440\u0430\u043c \u0430\u0443\u0434\u0430\u043d\u044b (\u043c\u0430\u043b \u0431\u0430\u0437\u0430c\u044b) -->\r\n    <div class=\"t-project\" data-lat=\"42.3551\" data-lng=\"69.8152\" data-start=\"2023\" data-end=\"2026\" data-showname=\"false\" data-cat=\"apk\">\r\n        <span class=\"t-name\">Construction of the livestock facility using the Australian method<\/span>\r\n        <span class=\"t-loc\">Sairam district<\/span>\r\n        <span class=\"t-comp\"><a href=\"#\" target=\"_blank\">LLP \u00abRed Gold\u00bb<\/a><\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Agro-industry<\/span>\r\n    <\/div>\r\n\r\n    <!-- \u0416\u043e\u0431\u0430 5: \u0410\u0440\u044b\u0441 \u049b. -->\r\n    <div class=\"t-project\" data-lat=\"42.3813\" data-lng=\"68.9669\" data-start=\"2025\" data-end=\"2026\" data-showname=\"false\" data-cat=\"apk\">\r\n        <span class=\"t-name\">Construction of the cattle feedlot for 35 000 head of cattle<\/span>\r\n        <span class=\"t-loc\">Arys city<\/span>\r\n        <span class=\"t-comp\"><a href=\"#\" target=\"_blank\">LLP \u00abTURKESTAN AGRO.KZ\u00bb<\/a><\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Agro-industry<\/span>\r\n    <\/div>\r\n    <!--\u042d\u041d\u0415\u0420\u0413\u0415\u0422\u0418\u041a\u0410 -->\r\n\r\n   <div class=\"t-project\" data-lat=\"42.3622\" data-lng=\"69.8231\" data-start=\"2022\" data-end=\"2028\" data-showname=\"false\" data-cat=\"energy\">\r\n        <span class=\"t-name\">Construction of the combined cycle gas turbine (CCGT) power plant<\/span>\r\n        <span class=\"t-loc\">Sairam district<\/span>\r\n        <span class=\"t-comp\">LLP \"CCGT Turkistan\"<\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Energy<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"t-project\" data-lat=\"41.7512\" data-lng=\"69.4021\" data-start=\"2021\" data-end=\"2029\" data-showname=\"false\" data-cat=\"energy\">\r\n        <span class=\"t-name\">Construction of the water pipeline with a hydropower cascade on the Ugam river<\/span>\r\n        <span class=\"t-loc\">Kazygurt district<\/span>\r\n        <span class=\"t-comp\">LLP \u00abSouth Hydro Power\u00bb<\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Energy<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"t-project\" data-lat=\"43.5172\" data-lng=\"68.5103\" data-start=\"2026\" data-end=\"2028\" data-showname=\"false\" data-cat=\"energy\">\r\n        <span class=\"t-name\">Construction of the gas turbine power plant<\/span>\r\n        <span class=\"t-loc\">Kentau city<\/span>\r\n        <span class=\"t-comp\">LLP \u00ab\u041a\u041a\u0421\u00bb<\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Energy<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"t-project\" data-lat=\"43.3351\" data-lng=\"68.2754\" data-start=\"2024\" data-end=\"2027\" data-showname=\"false\" data-cat=\"energy\">\r\n        <span class=\"t-name\">\u049a\u0443\u0430\u0442\u0442\u044b\u043b\u044b\u0493\u044b 300 \u041c\u0412\u0442 \u043a\u04af\u043d \u044d\u043b\u0435\u043a\u0442\u0440 \u0441\u0442\u0430\u043d\u0446\u0438\u044f\u0441\u044b\u043d\u044b\u04a3 \u049b\u04b1\u0440\u044b\u043b\u044b\u0441\u044b<\/span>\r\n        <span class=\"t-loc\">Sauran district<\/span>\r\n        <span class=\"t-comp\">LLP \u00abSauran Solar Power\u00bb<\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Energy<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"t-project\" data-lat=\"43.3380\" data-lng=\"68.2790\" data-start=\"2027\" data-end=\"2028\" data-showname=\"false\" data-cat=\"energy\">\r\n        <span class=\"t-name\">Construction of the 185 MW solar power plant<\/span>\r\n        <span class=\"t-loc\">Sauran district<\/span>\r\n        <span class=\"t-comp\">LLP \u00abALTYN DALA ENERGY LTD\u00bb<\/span>\r\n        <span class=\"t-cost\"><\/span>\r\n        <span class=\"t-cat-name\">Energy<\/span>\r\n    <\/div>\r\n<\/div>\r\n    <!-- \/ \u0421\u041a\u0420\u042b\u0422\u042b\u0419 \u0411\u041b\u041e\u041a -->\r\n\r\n    <div id=\"app-container\">\r\n        <div id=\"sidebar\">\r\n            <!-- \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0442\u043e\u0436\u0435 \u043f\u0435\u0440\u0435\u0432\u0435\u0434\u0435\u0442\u0441\u044f, \u0442\u0430\u043a \u043a\u0430\u043a \u043e\u043d \u0432 HTML -->\r\n            <div id=\"sidebar-header\"><h2>MAJOR ONGOING PROJECTS<\/h2><\/div>\r\n            <div id=\"project-list\"><\/div>\r\n        <\/div>\r\n        <div id=\"map\"><\/div>\r\n    <\/div>\r\n\r\n    <script src=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.js\"><\/script>\r\n    <script>\r\n        const initialView = { center: [43.0738056, 68.8423406], zoom: 7 };\r\n        const southWest = L.latLng(40.0, 64.0);\r\n        const northEast = L.latLng(46.0, 73.0);\r\n        const bounds = L.latLngBounds(southWest, northEast);\r\n\r\n        const map = L.map('map', {\r\n            center: initialView.center,\r\n            zoom: initialView.zoom,\r\n            minZoom: 7,\r\n            maxBounds: bounds,\r\n            maxBoundsViscosity: 1.0,\r\n            zoomControl: false \r\n        });\r\n\r\n        L.control.zoom({ position: 'bottomright' }).addTo(map);\r\n        L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png').addTo(map);\r\n\r\n        document.addEventListener('keydown', (e) => {\r\n            if (e.key === \"Escape\") {\r\n                map.closePopup();\r\n                map.flyTo(initialView.center, initialView.zoom, { duration: 1.5 });\r\n            }\r\n        });\r\n\r\n        \/\/ \u0426\u0432\u0435\u0442\u0430 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439 (\u043f\u0440\u0438\u0432\u044f\u0437\u0430\u043d\u044b \u043a ID, \u0430 \u043d\u0435 \u043a \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044e, \u0447\u0442\u043e\u0431\u044b \u043f\u0435\u0440\u0435\u0432\u043e\u0434 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0441\u043b\u043e\u043c\u0430\u043b)\r\n        const categories = {\r\n            \"industry\": { color: \"#1e7bb4\", class: \"industry\", bgClass: \"bg-industry\" },\r\n            \"energy\": { color: \"#27ae60\", class: \"energy\", bgClass: \"bg-energy\" },\r\n            \"apk\": { color: \"#f39c12\", class: \"apk\", bgClass: \"bg-apk\" }\r\n        };\r\n\r\n        \/\/ \u0417\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u043c \u043f\u0435\u0440\u0435\u0432\u0435\u0434\u0435\u043d\u043d\u044b\u0435 \u043b\u0435\u0439\u0431\u043b\u044b \u0438\u0437 \u0441\u043a\u0440\u044b\u0442\u043e\u0433\u043e HTML\r\n        const uiLabels = {\r\n            initiator: document.getElementById('ui-initiator').innerText,\r\n            cost: document.getElementById('ui-cost').innerText,\r\n            location: document.getElementById('ui-location').innerText,\r\n            period: document.getElementById('ui-period').innerText,\r\n            years: document.getElementById('ui-years').innerText,\r\n        };\r\n\r\n        \/\/ \u0421\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0438\u0437 \u0441\u043a\u0440\u044b\u0442\u043e\u0433\u043e HTML\r\n        const investmentProjects = [];\r\n        document.querySelectorAll('.t-project').forEach(el => {\r\n            investmentProjects.push({\r\n                name: el.querySelector('.t-name').innerText,\r\n                coords: [parseFloat(el.getAttribute('data-lat')), parseFloat(el.getAttribute('data-lng'))],\r\n                location: el.querySelector('.t-loc').innerText,\r\n                company: el.querySelector('.t-comp').innerText,\r\n                cost: el.querySelector('.t-cost').innerText,\r\n                periodStart: parseInt(el.getAttribute('data-start')),\r\n                periodEnd: parseInt(el.getAttribute('data-end')),\r\n                catId: el.getAttribute('data-cat'),\r\n                category: el.querySelector('.t-cat-name').innerText,\r\n                showNameAlways: el.getAttribute('data-showname') === 'true'\r\n            });\r\n        });\r\n\r\n        const projectListContainer = document.getElementById('project-list');\r\n        const currentYear = new Date().getFullYear(); \r\n\r\n        \/\/ \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u041d\u0410\u042f \u0424\u0423\u041d\u041a\u0426\u0418\u042f \u041f\u0410\u0420\u0421\u0418\u041d\u0413\u0410 \u0421\u0423\u041c\u041c\u042b\r\n        function parseCost(costString) {\r\n            \/\/ \u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u0437\u0430\u043c\u0435\u043d\u044f\u0435\u043c \u0437\u0430\u043f\u044f\u0442\u0443\u044e \u043d\u0430 \u0442\u043e\u0447\u043a\u0443, \u0447\u0442\u043e\u0431\u044b JS \u043f\u043e\u043d\u044f\u043b \u0434\u0440\u043e\u0431\u043d\u044b\u0435 \u0447\u0438\u0441\u043b\u0430, \r\n            \/\/ \u0430 \u0437\u0430\u0442\u0435\u043c \u0443\u0431\u0438\u0440\u0430\u0435\u043c \u0432\u0441\u0451, \u043a\u0440\u043e\u043c\u0435 \u0446\u0438\u0444\u0440 \u0438 \u0442\u043e\u0447\u0435\u043a.\r\n            const normalizedString = costString.replace(',', '.').replace(\/[^\\d.]\/g, '');\r\n            const num = parseFloat(normalizedString);\r\n            return isNaN(num) ? 0 : num;\r\n        }\r\n\r\n        const groupedProjects = {};\r\n        investmentProjects.forEach(project => {\r\n            if (!groupedProjects[project.category]) {\r\n                groupedProjects[project.category] = {\r\n                    items: [],\r\n                    catId: project.catId\r\n                };\r\n            }\r\n            groupedProjects[project.category].items.push(project);\r\n        });\r\n\r\n        for (const categoryName in groupedProjects) {\r\n            const groupData = groupedProjects[categoryName];\r\n            \r\n            \/\/ \u0422\u0435\u043f\u0435\u0440\u044c \u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0430 \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e!\r\n            groupData.items.sort((a, b) => parseCost(b.cost) - parseCost(a.cost));\r\n\r\n            const catInfo = categories[groupData.catId] || categories[\"industry\"];\r\n\r\n            const categoryHeader = document.createElement('h3');\r\n            categoryHeader.style.margin = '20px 0 10px 0';\r\n            categoryHeader.style.color = catInfo.color;\r\n            categoryHeader.style.fontSize = '16px';\r\n            categoryHeader.style.borderBottom = `2px solid ${catInfo.color}40`;\r\n            categoryHeader.style.paddingBottom = '5px';\r\n            categoryHeader.textContent = categoryName; \r\n            projectListContainer.appendChild(categoryHeader);\r\n\r\n            groupData.items.forEach(project => {\r\n                let totalYears = project.periodEnd - project.periodStart;\r\n                let elapsedYears = currentYear - project.periodStart;\r\n                let progressPercent = Math.round((elapsedYears \/ totalYears) * 100);\r\n                progressPercent = Math.max(0, Math.min(100, progressPercent));\r\n\r\n                const popupHTML = `\r\n                    <div class=\"custom-popup\">\r\n                        <span class=\"category-badge ${catInfo.bgClass}\">${project.category}<\/span>\r\n                        <h3>${project.name}<\/h3>\r\n                        <div class=\"detail-row\"><span>${uiLabels.initiator}<\/span> <div>${project.company}<\/div><\/div>\r\n                        <div class=\"detail-row\"><span>${uiLabels.cost}<\/span> <div>${project.cost}<\/div><\/div>\r\n                        <div class=\"detail-row\"><span>${uiLabels.location}<\/span> <div>${project.location}<\/div><\/div>\r\n                        <div class=\"progress-container\">\r\n                            <div class=\"progress-labels\"><span>${uiLabels.period} ${project.periodStart} \u2014 ${project.periodEnd} ${uiLabels.years}<\/span><\/div>\r\n                            <div class=\"progress-track\">\r\n                                <div class=\"progress-fill\" style=\"width: ${progressPercent}%; background-color: ${catInfo.color};\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>`;\r\n\r\n                const marker = L.circleMarker(project.coords, {\r\n                    radius: 10,\r\n                    fillColor: catInfo.color,\r\n                    color: \"#fff\",\r\n                    weight: 2,\r\n                    opacity: 1,\r\n                    fillOpacity: 0.9\r\n                }).bindPopup(popupHTML).addTo(map);\r\n\r\n                if (project.showNameAlways) {\r\n                    marker.bindTooltip(project.name, { \r\n                        permanent: true, \r\n                        direction: 'top', \r\n                        className: 'custom-label', \r\n                        offset: [0, -15],\r\n                        style: { backgroundColor: catInfo.color } \r\n                    });\r\n                }\r\n\r\n                const card = document.createElement('div');\r\n                card.className = `project-card ${catInfo.class}`;\r\n                card.innerHTML = `\r\n                    <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px;\">\r\n                        <span class=\"category-badge ${catInfo.bgClass}\" style=\"margin-bottom:0;\">${project.category}<\/span>\r\n                        <span style=\"font-weight: 700; color: #1e7bb4; font-size: 13px;\">${project.cost}<\/span>\r\n                    <\/div>\r\n                    <h4>${project.name}<\/h4>\r\n                    <div class=\"sidebar-initiator\">${project.company}<\/div>\r\n                `;\r\n                \r\n                card.onclick = () => { \r\n                    map.flyTo(project.coords, 11, { duration: 1.5 });\r\n                    setTimeout(() => marker.openPopup(), 1000);\r\n                };\r\n\r\n                projectListContainer.appendChild(card);\r\n            });\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>",
        "protected": false
    },
    "excerpt": {
        "rendered": "<p>2026\u20132029 \u0436\u044b\u043b\u0434\u0430\u0440\u0434\u0430 \u0456\u0441\u043a\u0435 \u0430\u0441\u044b\u0440\u044b\u043b\u0430\u0442\u044b\u043d \u0438\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u044f\u043b\u044b\u049b \u0436\u043e\u0431\u0430\u043b\u0430\u0440 \u042d\u043a\u043e\u043d\u043e\u043c\u0438\u043a\u0430\u043d\u044b \u04d9\u0440\u0442\u0430\u0440\u0430\u043f\u0442\u0430\u043d\u0434\u044b\u0440\u0443 \u0436\u04d9\u043d\u0435 \u0442\u04b1\u0440\u0430\u049b\u0442\u044b \u04e9\u0441\u0456\u043c \u04af\u0448\u0456\u043d \u0436\u0430\u04a3\u0430 \u043c\u04af\u043c\u043a\u0456\u043d\u0434\u0456\u043a\u0442\u0435\u0440 0 \u0438\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u044f\u043b\u044b\u049b \u0436\u043e\u0431\u0430 0.00 \u0442\u0440\u043b\u043d \u20b8 \u0436\u0430\u043b\u043f\u044b \u0441\u043e\u043c\u0430 0 \u0436\u04b1\u043c\u044b\u0441 \u043e\u0440\u043d\u044b 0% \u04e9\u043d\u0434\u0456\u0440\u0456\u0441\u0442\u0456\u04a3 \u04af\u043b\u0435\u0441\u0456 \u0421\u0430\u043b\u0430\u043b\u0430\u0440 \u0431\u043e\u0439\u044b\u043d\u0448\u0430 \u0436\u043e\u0431\u0430\u043b\u0430\u0440 \u0441\u0430\u043d\u044b \u0416\u043e\u0431\u0430\u043b\u0430\u0440 \u0441\u0430\u043d\u044b: \u04e8\u043d\u0435\u0440\u043a\u04d9\u0441\u0456\u043f \u0410\u04e8\u041a \u042d\u043d\u0435\u0440\u0433\u0435\u0442\u0438\u043a\u0430 \u0422\u0443\u0440\u0438\u0437\u043c \u0411\u0430\u0441\u049b\u0430\u043b\u0430\u0440\u044b \u0421\u0430\u043b\u0430\u043b\u0430\u0440 \u0431\u043e\u0439\u044b\u043d\u0448\u0430 \u0436\u043e\u0431\u0430\u043b\u0430\u0440 \u0441\u0430\u043d\u044b \u0422\u04af\u0440\u043a\u0456\u0441\u0442\u0430\u043d \u043e\u0431\u043b\u044b\u0441\u044b\u043d\u044b\u04a3 \u0438\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u044f\u043b\u044b\u049b \u043a\u0430\u0440\u0442\u0430\u0441\u044b \ud83c\udfe2 \u0411\u0430\u0441\u0442\u0430\u043c\u0430\u0448\u044b: \ud83d\udccd \u041e\u0440\u043d\u0430\u043b\u0430\u0441\u049b\u0430\u043d \u0436\u0435\u0440\u0456: \u0406\u0441\u043a\u0435 \u0430\u0441\u044b\u0440\u044b\u043b\u0443 \u043c\u0435\u0440\u0437\u0456\u043c\u0456: [&hellip;]<\/p>",
        "protected": false
    },
    "author": 1,
    "featured_media": 0,
    "parent": 0,
    "menu_order": 0,
    "comment_status": "closed",
    "ping_status": "closed",
    "template": "elementor_header_footer",
    "meta": {
        "om_disable_all_campaigns": false,
        "_monsterinsights_skip_tracking": false,
        "ocean_post_layout": "",
        "ocean_both_sidebars_style": "",
        "ocean_both_sidebars_content_width": 0,
        "ocean_both_sidebars_sidebars_width": 0,
        "ocean_sidebar": "",
        "ocean_second_sidebar": "",
        "ocean_disable_margins": "enable",
        "ocean_add_body_class": "",
        "ocean_shortcode_before_top_bar": "",
        "ocean_shortcode_after_top_bar": "",
        "ocean_shortcode_before_header": "",
        "ocean_shortcode_after_header": "",
        "ocean_has_shortcode": "",
        "ocean_shortcode_after_title": "",
        "ocean_shortcode_before_footer_widgets": "",
        "ocean_shortcode_after_footer_widgets": "",
        "ocean_shortcode_before_footer_bottom": "",
        "ocean_shortcode_after_footer_bottom": "",
        "ocean_display_top_bar": "default",
        "ocean_display_header": "default",
        "ocean_header_style": "",
        "ocean_center_header_left_menu": "",
        "ocean_custom_header_template": "",
        "ocean_custom_logo": 0,
        "ocean_custom_retina_logo": 0,
        "ocean_custom_logo_max_width": 0,
        "ocean_custom_logo_tablet_max_width": 0,
        "ocean_custom_logo_mobile_max_width": 0,
        "ocean_custom_logo_max_height": 0,
        "ocean_custom_logo_tablet_max_height": 0,
        "ocean_custom_logo_mobile_max_height": 0,
        "ocean_header_custom_menu": "",
        "ocean_menu_typo_font_family": "",
        "ocean_menu_typo_font_subset": "",
        "ocean_menu_typo_font_size": 0,
        "ocean_menu_typo_font_size_tablet": 0,
        "ocean_menu_typo_font_size_mobile": 0,
        "ocean_menu_typo_font_size_unit": "px",
        "ocean_menu_typo_font_weight": "",
        "ocean_menu_typo_font_weight_tablet": "",
        "ocean_menu_typo_font_weight_mobile": "",
        "ocean_menu_typo_transform": "",
        "ocean_menu_typo_transform_tablet": "",
        "ocean_menu_typo_transform_mobile": "",
        "ocean_menu_typo_line_height": 0,
        "ocean_menu_typo_line_height_tablet": 0,
        "ocean_menu_typo_line_height_mobile": 0,
        "ocean_menu_typo_line_height_unit": "",
        "ocean_menu_typo_spacing": 0,
        "ocean_menu_typo_spacing_tablet": 0,
        "ocean_menu_typo_spacing_mobile": 0,
        "ocean_menu_typo_spacing_unit": "",
        "ocean_menu_link_color": "",
        "ocean_menu_link_color_hover": "",
        "ocean_menu_link_color_active": "",
        "ocean_menu_link_background": "",
        "ocean_menu_link_hover_background": "",
        "ocean_menu_link_active_background": "",
        "ocean_menu_social_links_bg": "",
        "ocean_menu_social_hover_links_bg": "",
        "ocean_menu_social_links_color": "",
        "ocean_menu_social_hover_links_color": "",
        "ocean_disable_title": "default",
        "ocean_disable_heading": "default",
        "ocean_post_title": "",
        "ocean_post_subheading": "",
        "ocean_post_title_style": "",
        "ocean_post_title_background_color": "",
        "ocean_post_title_background": 0,
        "ocean_post_title_bg_image_position": "",
        "ocean_post_title_bg_image_attachment": "",
        "ocean_post_title_bg_image_repeat": "",
        "ocean_post_title_bg_image_size": "",
        "ocean_post_title_height": 0,
        "ocean_post_title_bg_overlay": 0.5,
        "ocean_post_title_bg_overlay_color": "",
        "ocean_disable_breadcrumbs": "default",
        "ocean_breadcrumbs_color": "",
        "ocean_breadcrumbs_separator_color": "",
        "ocean_breadcrumbs_links_color": "",
        "ocean_breadcrumbs_links_hover_color": "",
        "ocean_display_footer_widgets": "default",
        "ocean_display_footer_bottom": "default",
        "ocean_custom_footer_template": "",
        "footnotes": ""
    },
    "class_list": [
        "post-5576",
        "page",
        "type-page",
        "status-publish",
        "hentry",
        "entry"
    ],
    "aioseo_notices": [],
    "_links": {
        "self": [
            {
                "href": "https:\/\/turkistaninvest.com\/en\/index.php?rest_route=\/wp\/v2\/pages\/5576",
                "targetHints": {
                    "allow": [
                        "GET"
                    ]
                }
            }
        ],
        "collection": [
            {
                "href": "https:\/\/turkistaninvest.com\/en\/index.php?rest_route=\/wp\/v2\/pages"
            }
        ],
        "about": [
            {
                "href": "https:\/\/turkistaninvest.com\/en\/index.php?rest_route=\/wp\/v2\/types\/page"
            }
        ],
        "author": [
            {
                "embeddable": true,
                "href": "https:\/\/turkistaninvest.com\/en\/index.php?rest_route=\/wp\/v2\/users\/1"
            }
        ],
        "replies": [
            {
                "embeddable": true,
                "href": "https:\/\/turkistaninvest.com\/en\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5576"
            }
        ],
        "version-history": [
            {
                "count": 330,
                "href": "https:\/\/turkistaninvest.com\/en\/index.php?rest_route=\/wp\/v2\/pages\/5576\/revisions"
            }
        ],
        "predecessor-version": [
            {
                "id": 6569,
                "href": "https:\/\/turkistaninvest.com\/en\/index.php?rest_route=\/wp\/v2\/pages\/5576\/revisions\/6569"
            }
        ],
        "wp:attachment": [
            {
                "href": "https:\/\/turkistaninvest.com\/en\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5576"
            }
        ],
        "curies": [
            {
                "name": "wp",
                "href": "https:\/\/api.w.org\/{rel}",
                "templated": true
            }
        ]
    }
}