{"id":4278,"date":"2025-12-08T21:27:06","date_gmt":"2025-12-08T15:27:06","guid":{"rendered":"https:\/\/turkistaninvest.com\/?page_id=4278"},"modified":"2026-06-01T17:15:26","modified_gmt":"2026-06-01T11:15:26","slug":"elementor-4278","status":"publish","type":"page","link":"https:\/\/turkistaninvest.com\/kk\/?page_id=4278","title":{"rendered":"\u0418\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u044f\u043b\u044b\u049b \u0430\u043b\u0430\u04a3\u0434\u0430\u0440"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4278\" class=\"elementor elementor-4278\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff3288d e-flex e-con-boxed e-con e-parent\" data-id=\"ff3288d\" 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-6943fa2 elementor-widget elementor-widget-heading\" data-id=\"6943fa2\" 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<h1 class=\"elementor-heading-title elementor-size-default\">\u0418\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u044f\u043b\u044b\u049b \u0430\u043b\u0430\u04a3\u0434\u0430\u0440<\/h1>\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-f19e177 e-con-full e-flex e-con e-parent\" data-id=\"f19e177\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ebafce4 e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"ebafce4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"247135460\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-2471354601\" data-tab-title-id=\"e-n-tab-title-2471354601\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-2471354601\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t\"TURAN\" \u0410\u042d\u0410\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-2471354602\" data-tab-title-id=\"e-n-tab-title-2471354602\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-2471354602\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t\u0418\u041d\u0414\u0423\u0421\u0422\u0420\u0418\u0410\u041b\u0414\u042b \u0410\u0419\u041c\u0410\u049a\u0422\u0410\u0420\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-2471354603\" data-tab-title-id=\"e-n-tab-title-2471354603\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-2471354603\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t\u0428\u0410\u0492\u042b\u041d \u04e8\u041d\u0414\u0406\u0420\u0406\u0421\u0422\u0406\u041a \u0410\u041b\u0410\u04a2\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-2471354601\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-2471354601\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-a9122a5 e-con-full e-flex e-con e-child\" data-id=\"a9122a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0d651c9 e-flex e-con-boxed e-con e-child\" data-id=\"0d651c9\" 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-53b812f elementor-widget elementor-widget-image\" data-id=\"53b812f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"414\" src=\"https:\/\/turkistaninvest.com\/wp-content\/uploads\/2026\/05\/\u0410\u042d\u0410-1024x414.png\" class=\"attachment-large size-large wp-image-5963\" alt=\"\" srcset=\"https:\/\/turkistaninvest.com\/wp-content\/uploads\/2026\/05\/\u0410\u042d\u0410-1024x414.png 1024w, https:\/\/turkistaninvest.com\/wp-content\/uploads\/2026\/05\/\u0410\u042d\u0410-300x121.png 300w, https:\/\/turkistaninvest.com\/wp-content\/uploads\/2026\/05\/\u0410\u042d\u0410-768x310.png 768w, https:\/\/turkistaninvest.com\/wp-content\/uploads\/2026\/05\/\u0410\u042d\u0410-1536x621.png 1536w, https:\/\/turkistaninvest.com\/wp-content\/uploads\/2026\/05\/\u0410\u042d\u0410-18x7.png 18w, https:\/\/turkistaninvest.com\/wp-content\/uploads\/2026\/05\/\u0410\u042d\u0410.png 2000w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7de42e2 elementor-widget elementor-widget-html\" data-id=\"7de42e2\" 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>\n    <html lang=\"kk\">\n    <head>\n        <meta charset=\"UTF-8\">\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n        <title>\u00abTURAN\u00bb \u0430\u0440\u043d\u0430\u0439\u044b \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u043a\u0430\u043b\u044b\u049b \u0430\u0439\u043c\u0430\u0493\u044b<\/title>\n        <!-- \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 Tailwind CSS \u0434\u043b\u044f \u0431\u044b\u0441\u0442\u0440\u043e\u0439 \u0441\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u0438 -->\n        <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n        <!-- \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u0448\u0440\u0438\u0444\u0442\u0430 Inter -->\n        <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n        <style>\n            body {\n                font-family: 'Inter', sans-serif;\n                background-color: #f3f4f6;\n            }\n            \/* \u0424\u0438\u0440\u043c\u0435\u043d\u043d\u044b\u0439 \u0441\u0438\u043d\u0438\u0439 \u0446\u0432\u0435\u0442 \u0421\u042d\u0417 Turan *\/\n            .color-primary {\n                color: #2e82b7;\n            }\n            .bg-primary {\n                background-color: #2e82b7;\n            }\n            .hover-bg-primary:hover {\n                background-color: #246a96;\n            }\n            .border-primary {\n                border-color: #2e82b7;\n            }\n        <\/style>\n    <\/head>\n    <body class=\"min-h-screen flex items-center justify-center p-2 sm:p-4 selection:bg-sky-200\">\n    \n        <!-- \n          \u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440. \u0428\u0430\u043f\u043a\u0430 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0443\u0431\u0440\u0430\u043d\u0430 \u043f\u043e \u0432\u0430\u0448\u0435\u043c\u0443 \u0437\u0430\u043f\u0440\u043e\u0441\u0443.\n          \u041e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u0442\u043e\u043b\u044c\u043a\u043e 4 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u043f\u043b\u0438\u0442\u043a\u0438 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432.\n        -->\n        <div id=\"main-banner-container\" class=\"select-none w-full h-full p-2 sm:p-4\">\n            \n            <!-- \u0421\u0435\u0442\u043a\u0430 \u0441 4 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u043c\u0438 \u0431\u043b\u043e\u043a\u0430\u043c\u0438 (\u043f\u043b\u0438\u0442\u043a\u0430\u043c\u0438) \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432 -->\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6\">\n                \n                <!-- 1-\u0431\u043b\u043e\u043a: \u0411\u0430\u0441\u044b\u043c \u049b\u044b\u0437\u043c\u0435\u0442 \u0442\u04af\u0440\u043b\u0435\u0440\u0456 -->\n                <div onclick=\"openModal(1)\" class=\"group bg-white border border-sky-100\/50 p-5 sm:p-6 rounded-2xl flex flex-col justify-between items-center text-center gap-4 cursor-pointer transform hover:-translate-y-1 transition-all duration-300 shadow-[0_12px_30px_rgba(46,130,183,0.12)] hover:shadow-[0_20px_40px_rgba(46,130,183,0.22)]\">\n                    <!-- \u041b\u043e\u0433\u043e\u0442\u0438\u043f \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u043d\u044b\u0445 \u0432\u0438\u0434\u043e\u0432 \u0434\u0435\u044f\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0441 \u044d\u0444\u0444\u0435\u043a\u0442\u043e\u043c \u0441\u0432\u0435\u0447\u0435\u043d\u0438\u044f -->\n                    <div class=\"w-14 h-14 sm:w-16 sm:h-16 bg-white rounded-full flex items-center justify-center shadow-[0_8px_20px_rgba(46,130,183,0.15)] group-hover:scale-105 transition-transform duration-300 flex-shrink-0\">\n                        <svg class=\"w-8 h-8 sm:w-10 sm:h-10 text-[#2e82b7]\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.48 3.499c.195-.572.96-.572 1.155 0a1.125 1.125 0 001.67 1.03c.516-.275 1.124.233.974.79l-.206.76c-.085.312.086.64.385.76c.552.221 1.045.549 1.464.964a1.125 1.125 0 001.03.175c.575-.195 1.08.38 1.08.975v.234c0 .315.176.604.456.748c.49.25 1.03.57 1.5.94a1.125 1.125 0 010 1.67a11.125 11.125 0 01-1.5.94c-.28.144-.456.433-.456.748v.234c0 .595-.505 1.17-1.08.975a1.125 1.125 0 00-1.03.175a11.125 1.125 0 01-1.464.964a1.125 1.125 0 00-.385.76l-.206.76c-.15.557-.758 1.065-1.274.79a1.125 1.125 0 00-1.67 1.03c-.195.572-.96.572-1.155 0a1.125 1.125 0 00-1.67-1.03c-.516.275-1.124-.233-.974-.79l.206-.76c.085-.312-.086-.64-.385-.76a11.125 1.125 0 01-1.464-.964a1.125 1.125 0 00-1.03-.175c-.575.195-1.08-.38-1.08-.975v-.234c0-.315-.176-.604-.456-.748a11.125 1.125 0 01-1.5-.94a1.125 1.125 0 010-1.67c.47-.37 1.01-.69 1.5-.94c.28-.144.456-.433.456-.748v-.234c0-.595.505-1.17 1.08-.975c.37.125.77.125 1.03-.175a11.125 1.125 0 011.464-.964c.3-.12.47-.448.385-.76l-.206-.76c-.15-.557.458-1.065.974-.79a1.125 1.125 0 001.67-1.03z\" \/>\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 11l-4 4-2-2\" \/>\n                        <\/svg>\n                    <\/div>\n                    <!-- \u0422\u0435\u043a\u0441\u0442 \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u043d\u043e\u0433\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u0430 -->\n                    <div class=\"flex-grow flex items-center justify-center px-2 py-1\">\n                        <h3 class=\"text-sm sm:text-base md:text-lg lg:text-xl font-extrabold leading-snug uppercase tracking-wide text-[#2e82b7]\">\n                            \u0411\u0430\u0441\u044b\u043c \u049b\u044b\u0437\u043c\u0435\u0442 \u0442\u04af\u0440\u043b\u0435\u0440\u0456\n                        <\/h3>\n                    <\/div>\n                    <!-- \u0418\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440\u043d\u0430\u044f \u043f\u043e\u043b\u043e\u0441\u043a\u0430 \u0441\u043d\u0438\u0437\u0443 -->\n                    <div class=\"w-8 h-1 bg-[#2e82b7] rounded-full mt-2 shadow-[0_2px_8px_rgba(46,130,183,0.4)] group-hover:w-16 transition-all duration-300 flex-shrink-0\"><\/div>\n                <\/div>\n    \n                <!-- 2-\u0431\u043b\u043e\u043a: \u0421\u0430\u043b\u044b\u049b\u0442\u044b\u049b \u0436\u0435\u04a3\u0456\u043b\u0434\u0456\u043a\u0442\u0435\u0440 -->\n                <div onclick=\"openModal(2)\" class=\"group bg-white border border-sky-100\/50 p-5 sm:p-6 rounded-2xl flex flex-col justify-between items-center text-center gap-4 cursor-pointer transform hover:-translate-y-1 transition-all duration-300 shadow-[0_12px_30px_rgba(46,130,183,0.12)] hover:shadow-[0_20px_40px_rgba(46,130,183,0.22)]\">\n                    <!-- \u041a\u0440\u0443\u0433\u043b\u0430\u044f \u0438\u043a\u043e\u043d\u043a\u0430 \u0441\u043e \u0441\u0432\u0435\u0447\u0435\u043d\u0438\u0435\u043c -->\n                    <div class=\"w-14 h-14 sm:w-16 sm:h-16 bg-white rounded-full flex items-center justify-center shadow-[0_8px_20px_rgba(46,130,183,0.15)] group-hover:scale-105 transition-transform duration-300 flex-shrink-0\">\n                        <svg class=\"w-8 h-8 sm:w-10 sm:h-10 text-[#2e82b7]\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z\" \/>\n                        <\/svg>\n                    <\/div>\n                    <!-- \u0422\u0435\u043a\u0441\u0442 \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u043d\u043e\u0433\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u0430 -->\n                    <div class=\"flex-grow flex items-center justify-center px-2 py-1\">\n                        <h3 class=\"text-sm sm:text-base md:text-lg lg:text-xl font-extrabold leading-snug uppercase tracking-wide text-[#2e82b7]\">\n                            \u0421\u0430\u043b\u044b\u049b\u0442\u044b\u049b \u0436\u0435\u04a3\u0456\u043b\u0434\u0456\u043a\u0442\u0435\u0440\n                        <\/h3>\n                    <\/div>\n                    <!-- \u0418\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440\u043d\u0430\u044f \u043f\u043e\u043b\u043e\u0441\u043a\u0430 \u0441\u043d\u0438\u0437\u0443 -->\n                    <div class=\"w-8 h-1 bg-[#2e82b7] rounded-full mt-2 shadow-[0_2px_8px_rgba(46,130,183,0.4)] group-hover:w-16 transition-all duration-300 flex-shrink-0\"><\/div>\n                <\/div>\n    \n                <!-- 3-\u0431\u043b\u043e\u043a: \u0422\u0456\u0440\u043a\u0435\u043b\u0443 \u0436\u043e\u043b \u043a\u0430\u0440\u0442\u0430\u0441\u044b -->\n                <div onclick=\"openModal(3)\" class=\"group bg-white border border-sky-100\/50 p-5 sm:p-6 rounded-2xl flex flex-col justify-between items-center text-center gap-4 cursor-pointer transform hover:-translate-y-1 transition-all duration-300 shadow-[0_12px_30px_rgba(46,130,183,0.12)] hover:shadow-[0_20px_40px_rgba(46,130,183,0.22)]\">\n                    <!-- \u0418\u043a\u043e\u043d\u043a\u0430 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u043d\u043e\u0439 \u0434\u043e\u0440\u043e\u0436\u043d\u043e\u0439 \u043a\u0430\u0440\u0442\u044b -->\n                    <div class=\"w-14 h-14 sm:w-16 sm:h-16 bg-white rounded-full flex items-center justify-center shadow-[0_8px_20px_rgba(46,130,183,0.15)] group-hover:scale-105 transition-transform duration-300 flex-shrink-0\">\n                        <svg class=\"w-8 h-8 sm:w-10 sm:h-10 text-[#2e82b7]\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7\" \/>\n                            <circle cx=\"9\" cy=\"12\" r=\"1.5\" fill=\"currentColor\" \/>\n                            <circle cx=\"15\" cy=\"10\" r=\"1.5\" fill=\"currentColor\" \/>\n                        <\/svg>\n                    <\/div>\n                    <!-- \u0422\u0435\u043a\u0441\u0442 \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u043d\u043e\u0433\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u0430 -->\n                    <div class=\"flex-grow flex items-center justify-center px-2 py-1\">\n                        <h3 class=\"text-sm sm:text-base md:text-lg lg:text-xl font-extrabold leading-snug uppercase tracking-wide text-[#2e82b7]\">\n                            \u00abTURAN\u00bb \u0410\u042d\u0410 \u049b\u0430\u0442\u044b\u0441\u0443\u0448\u044b\u0441\u044b \u0440\u0435\u0442\u0456\u043d\u0434\u0435 \u0442\u0456\u0440\u043a\u0435\u043b\u0443 \u0436\u043e\u043b \u043a\u0430\u0440\u0442\u0430\u0441\u044b\n                        <\/h3>\n                    <\/div>\n                    <!-- \u0418\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440\u043d\u0430\u044f \u043f\u043e\u043b\u043e\u0441\u043a\u0430 \u0441\u043d\u0438\u0437\u0443 -->\n                    <div class=\"w-8 h-1 bg-[#2e82b7] rounded-full mt-2 shadow-[0_2px_8px_rgba(46,130,183,0.4)] group-hover:w-16 transition-all duration-300 flex-shrink-0\"><\/div>\n                <\/div>\n    \n                <!-- 4-\u0431\u043b\u043e\u043a: \u041f\u0440\u0438\u0432\u043b\u0435\u0447\u0435\u043d\u0438\u0435 \u0418\u0420\u0421 -->\n                <div onclick=\"openModal(4)\" class=\"group bg-white border border-sky-100\/50 p-5 sm:p-6 rounded-2xl flex flex-col justify-between items-center text-center gap-4 cursor-pointer transform hover:-translate-y-1 transition-all duration-300 shadow-[0_12px_30px_rgba(46,130,183,0.12)] hover:shadow-[0_20px_40px_rgba(46,130,183,0.22)]\">\n                    <!-- \u041a\u0440\u0443\u0433\u043b\u0430\u044f \u0438\u043a\u043e\u043d\u043a\u0430 \u0441\u043e \u0441\u0432\u0435\u0447\u0435\u043d\u0438\u0435\u043c -->\n                    <div class=\"w-14 h-14 sm:w-16 sm:h-16 bg-white rounded-full flex items-center justify-center shadow-[0_8px_20px_rgba(46,130,183,0.15)] group-hover:scale-105 transition-transform duration-300 flex-shrink-0\">\n                        <svg class=\"w-8 h-8 sm:w-10 sm:h-10 text-[#2e82b7]\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\" \/>\n                        <\/svg>\n                    <\/div>\n                    <!-- \u0422\u0435\u043a\u0441\u0442 \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u043d\u043e\u0433\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u0430 -->\n                    <div class=\"flex-grow flex items-center justify-center px-2 py-1\">\n                        <h3 class=\"text-sm sm:text-base md:text-lg lg:text-xl font-extrabold leading-snug uppercase tracking-wide text-[#2e82b7]\">\n                            \u0428\u0435\u0442\u0435\u043b\u0434\u0456\u043a \u0436\u04b1\u043c\u044b\u0441 \u043a\u04af\u0448\u0456\u043d \u043a\u0432\u043e\u0442\u0430\u0434\u0430\u043d \u0442\u044b\u0441 \u0436\u04d9\u043d\u0435 \u0440\u04b1\u049b\u0441\u0430\u0442 \u0430\u043b\u0443\u0441\u044b\u0437 \u0442\u0430\u0440\u0442\u0443\n                        <\/h3>\n                    <\/div>\n                    <!-- \u0418\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440\u043d\u0430\u044f \u043f\u043e\u043b\u043e\u0441\u043a\u0430 \u0441\u043d\u0438\u0437\u0443 -->\n                    <div class=\"w-8 h-1 bg-[#2e82b7] rounded-full mt-2 shadow-[0_2px_8px_rgba(46,130,183,0.4)] group-hover:w-16 transition-all duration-300 flex-shrink-0\"><\/div>\n                <\/div>\n    \n            <\/div>\n        <\/div>\n    \n        <!-- \n          \u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u043e\u0435 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e.\n          \u0428\u0438\u0440\u0438\u043d\u0430 \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0430 \u0434\u043e max-w-4xl (\u0448\u0438\u0440\u0435 \u043d\u0430 15%), \u0430 \u0432\u044b\u0441\u043e\u0442\u0430 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u0430 \u0434\u043b\u044f \u043f\u0440\u0435\u0434\u043e\u0442\u0432\u0440\u0430\u0449\u0435\u043d\u0438\u044f \u0441\u043a\u0440\u043e\u043b\u043b\u0430.\n        -->\n        <div id=\"info-modal\" class=\"fixed inset-0 bg-black\/50 z-50 flex items-center justify-center p-2 sm:p-4 hidden transition-all duration-300 opacity-0\">\n            <div class=\"bg-white rounded-2xl max-w-4xl w-full max-h-[90vh] sm:max-h-[80vh] flex flex-col overflow-hidden shadow-2xl transform scale-95 transition-all duration-300\">\n                <!-- \u0417\u0430\u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0448\u0430\u043f\u043a\u0430 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u043a\u043d\u0430 (\u0432\u044b\u0441\u043e\u0442\u0430 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u0430) -->\n                <div class=\"p-4 sm:p-5 text-white bg-primary flex justify-between items-center flex-shrink-0\" id=\"modal-header\">\n                    <h4 class=\"text-base sm:text-lg font-bold uppercase tracking-wide pr-4\" id=\"modal-title\">\u0416\u0435\u04a3\u0456\u043b\u0434\u0456\u043a \u043c\u04d9\u043b\u0456\u043c\u0435\u0442\u0442\u0435\u0440\u0456<\/h4>\n                    <button onclick=\"closeModal()\" class=\"text-white hover:text-gray-200 transition-colors focus:outline-none\">\n                        <svg class=\"w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/>\n                        <\/svg>\n                    <\/button>\n                <\/div>\n                \n                <!-- \u0421\u043a\u0440\u043e\u043b\u043b\u0438\u0440\u0443\u0435\u043c\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442 (\u043e\u0442\u0441\u0442\u0443\u043f\u044b \u0443\u043c\u0435\u043d\u044c\u0448\u0435\u043d\u044b \u0441 p-6 \u0434\u043e p-4 sm:p-5) -->\n                <div class=\"p-4 sm:p-5 space-y-4 overflow-y-auto flex-grow text-sm sm:text-base border-b border-gray-100\" id=\"modal-content\">\n                    <!-- \u041a\u043e\u043d\u0442\u0435\u043d\u0442 \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438 \u0447\u0435\u0440\u0435\u0437 JavaScript -->\n                <\/div>\n                \n                <!-- \u0417\u0430\u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0444\u0443\u0442\u0435\u0440 (\u0432\u044b\u0441\u043e\u0442\u0430 \u0443\u043c\u0435\u043d\u044c\u0448\u0435\u043d\u0430) -->\n                <div class=\"bg-gray-50 px-5 py-3 flex justify-end flex-shrink-0\">\n                    <button onclick=\"closeModal()\" class=\"px-5 py-2 bg-gray-200 text-gray-700 font-semibold rounded-lg hover:bg-gray-300 transition-colors text-xs sm:text-sm\">\n                        \u0422\u04af\u0441\u0456\u043d\u0456\u043a\u0442\u0456\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    \n        <!-- \u041b\u043e\u0433\u0438\u043a\u0430 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u043a\u043d\u0430 \u0438 \u0431\u0430\u0437\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 -->\n        <script>\n            const detailsData = {\n                1: {\n                    title: \"\u0411\u0430\u0441\u044b\u043c \u049b\u044b\u0437\u043c\u0435\u0442 \u0442\u04af\u0440\u043b\u0435\u0440\u0456\",\n                    content: `\n                        <p class=\"text-gray-600 leading-relaxed mb-3 text-xs sm:text-sm\">\u00abTURAN\u00bb \u0430\u0440\u043d\u0430\u0439\u044b \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u043a\u0430\u043b\u044b\u049b \u0430\u0439\u043c\u0430\u0493\u044b\u043d\u0434\u0430 \u0438\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u044f\u043b\u044b\u049b \u0436\u043e\u0431\u0430\u043b\u0430\u0440\u0434\u044b \u0436\u04af\u0437\u0435\u0433\u0435 \u0430\u0441\u044b\u0440\u0443\u0493\u0430 \u0440\u04b1\u049b\u0441\u0430\u0442 \u0435\u0442\u0456\u043b\u0433\u0435\u043d \u043d\u0435\u0433\u0456\u0437\u0433\u0456 \u0431\u0430\u0441\u044b\u043c \u049b\u044b\u0437\u043c\u0435\u0442 \u0442\u04af\u0440\u043b\u0435\u0440\u0456\u043d\u0456\u04a3 \u0442\u0456\u0437\u0456\u043c\u0456:<\/p>\n                        <ul class=\"space-y-2 text-gray-700 text-xs sm:text-sm\">\n                            <li class=\"flex items-start gap-2.5\">\n                                <span class=\"text-sky-500 font-bold text-base\">\u2713<\/span> \n                                <span>\u0418\u043d\u0444\u0440\u0430\u049b\u04b1\u0440\u044b\u043b\u044b\u043c \u043e\u0431\u044a\u0435\u043a\u0442\u0456\u043b\u0435\u0440\u0456\u043d, \u04d9\u043a\u0456\u043c\u0448\u0456\u043b\u0456\u043a \u0436\u04d9\u043d\u0435 \u0442\u04b1\u0440\u0493\u044b\u043d \u04af\u0439 \u043a\u0435\u0448\u0435\u043d\u0434\u0435\u0440\u0456\u043d \u0441\u0430\u043b\u0443 \u0436\u04d9\u043d\u0435 \u043f\u0430\u0439\u0434\u0430\u043b\u0430\u043d\u0443\u0493\u0430 \u0431\u0435\u0440\u0443;<\/span>\n                            <\/li>\n                            <li class=\"flex items-start gap-2.5\">\n                                <span class=\"text-sky-500 font-bold text-base\">\u2713<\/span> \n                                <span>\u0422\u0443\u0440\u0438\u0441\u0442\u0435\u0440\u0434\u0456 \u043e\u0440\u043d\u0430\u043b\u0430\u0441\u0442\u044b\u0440\u0443 \u043e\u0440\u044b\u043d\u0434\u0430\u0440\u044b\u043d, \u0441\u0430\u043d\u0430\u0442\u043e\u0440\u043b\u044b\u049b \u0436\u04d9\u043d\u0435 \u0441\u0430\u0443\u044b\u049b\u0442\u044b\u0440\u0443 \u043e\u0431\u044a\u0435\u043a\u0442\u0456\u043b\u0435\u0440\u0456\u043d \u0441\u0430\u043b\u0443 \u0436\u04d9\u043d\u0435 \u043f\u0430\u0439\u0434\u0430\u043b\u0430\u043d\u0443\u0493\u0430 \u0431\u0435\u0440\u0443;<\/span>\n                            <\/li>\n                            <li class=\"flex items-start gap-2.5\">\n                                <span class=\"text-sky-500 font-bold text-base\">\u2713<\/span> \n                                <span>\u0410\u049b\u043f\u0430\u0440\u0430\u0442\u0442\u044b\u049b \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f\u043b\u0430\u0440 \u0436\u04d9\u043d\u0435 \u0430\u049b\u043f\u0430\u0440\u0430\u0442\u0442\u044b\u049b \u0436\u04af\u0439\u0435\u043b\u0435\u0440 \u0441\u0430\u043b\u0430\u0441\u044b\u043d\u0434\u0430\u0493\u044b \u049b\u044b\u0437\u043c\u0435\u0442 \u0442\u04af\u0440\u043b\u0435\u0440\u0456;<\/span>\n                            <\/li>\n                            <li class=\"flex items-start gap-2.5\">\n                                <span class=\"text-sky-500 font-bold text-base\">\u2713<\/span> \n                                <span>\u04e8\u043d\u0434\u0456\u0440\u0456\u0441 \u0436\u04d9\u043d\u0435 \u049b\u0430\u0439\u0442\u0430 \u04e9\u04a3\u0434\u0435\u0443 \u043e\u0431\u044a\u0435\u043a\u0442\u0456\u043b\u0435\u0440\u0456\u043d \u0441\u0430\u043b\u0443 \u0436\u04d9\u043d\u0435 \u043f\u0430\u0439\u0434\u0430\u043b\u0430\u043d\u0443\u0493\u0430 \u0431\u0435\u0440\u0443.<\/span>\n                            <\/li>\n                        <\/ul>\n                        <div class=\"pt-4 flex justify-center border-t border-gray-100 mt-4\">\n                            <a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1TFnlfbKVqPVKa_SOz4owp92chSkFkK6zw1DR9sH9O_s\/edit?usp=drive_link\" \n                               target=\"_blank\" \n                               rel=\"noopener noreferrer\" \n                               class=\"inline-flex items-center gap-2 px-5 py-2.5 bg-[#2e82b7] text-white font-bold rounded-xl hover:bg-[#246a96] shadow-[0_4px_12px_rgba(46,130,183,0.3)] hover:shadow-[0_6px_20px_rgba(46,130,183,0.4)] transition-all duration-300 transform hover:-translate-y-0.5 text-xs\">\n                                <span>\u0411\u0430\u0440\u043b\u044b\u049b \u0431\u0430\u0441\u044b\u043c \u049b\u044b\u0437\u043c\u0435\u0442 \u0442\u04af\u0440\u043b\u0435\u0440\u0456<\/span>\n                                <svg class=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\" \/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                    `\n                },\n                2: {\n                    title: \"\u0421\u0430\u043b\u044b\u049b\u0442\u044b\u049b \u0436\u0435\u04a3\u0456\u043b\u0434\u0456\u043a\u0442\u0435\u0440\",\n                    content: `\n                        <p class=\"text-gray-600 leading-relaxed mb-3 text-xs sm:text-sm\">\u00abTuran\u00bb \u0410\u042d\u0410 \u049b\u0430\u0442\u044b\u0441\u0443\u0448\u044b\u043b\u0430\u0440\u044b \u04af\u0448\u0456\u043d \u0441\u0430\u043b\u044b\u049b \u043c\u04e9\u043b\u0448\u0435\u0440\u043b\u0435\u043c\u0435\u043b\u0435\u0440\u0456\u043d \u0410\u042d\u0410-\u0434\u0430\u043d \u0442\u044b\u0441 \u0436\u0430\u043b\u043f\u044b \u043d\u0430\u0440\u044b\u049b\u043f\u0435\u043d \u0441\u0430\u043b\u044b\u0441\u0442\u044b\u0440\u0443:<\/p>\n                        \n                        <!-- \u0421\u0435\u0442\u043a\u0430 \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044f \u043d\u0430\u043b\u043e\u0433\u043e\u0432 (\u0443\u043c\u0435\u043d\u044c\u0448\u0435\u043d\u044b \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0430\u0434\u0434\u0438\u043d\u0433\u0438) -->\n                        <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2.5 mb-4\">\n                            \n                            <!-- \u0416\u0435\u0440 \u0441\u0430\u043b\u044b\u0493\u044b -->\n                            <div class=\"p-2.5 bg-sky-50\/50 rounded-xl border border-sky-100 flex flex-col justify-between\">\n                                <span class=\"text-[11px] text-gray-500 uppercase font-bold tracking-wide\">\u0416\u0435\u0440 \u0441\u0430\u043b\u044b\u0493\u044b<\/span>\n                                <div class=\"my-0.5\">\n                                    <span class=\"text-xl sm:text-2xl font-black text-[#2e82b7]\">0 \u0442\u0433<\/span>\n                                <\/div>\n                                <span class=\"text-[10px] text-red-500 font-medium\">\u0410\u042d\u0410-\u0434\u0430\u043d \u0442\u044b\u0441: 11,69 \u0442\u0433\/\u043c\u00b2<\/span>\n                            <\/div>\n    \n                            <!-- \u0418\u043c\u043f\u043e\u0440\u0442\u0442\u044b\u049b \u0431\u0430\u0436\u0434\u0430\u0440 -->\n                            <div class=\"p-2.5 bg-sky-50\/50 rounded-xl border border-sky-100 flex flex-col justify-between\">\n                                <span class=\"text-[11px] text-gray-500 uppercase font-bold tracking-wide\">\u041a\u0435\u0434\u0435\u043d\u0434\u0456\u043a \u0431\u0430\u0436\u0434\u0430\u0440<\/span>\n                                <div class=\"my-0.5\">\n                                    <span class=\"text-xl sm:text-2xl font-black text-[#2e82b7]\">0%<\/span>\n                                <\/div>\n                                <span class=\"text-[10px] text-red-500 font-medium\">\u0410\u042d\u0410-\u0434\u0430\u043d \u0442\u044b\u0441: 5 - 20%<\/span>\n                            <\/div>\n    \n                            <!-- \u041a\u0422\u0421 -->\n                            <div class=\"p-2.5 bg-sky-50\/50 rounded-xl border border-sky-100 flex flex-col justify-between\">\n                                <span class=\"text-[11px] text-gray-500 uppercase font-bold tracking-wide\">\u041a\u0422\u0421<\/span>\n                                <div class=\"my-0.5\">\n                                    <span class=\"text-xl sm:text-2xl font-black text-[#2e82b7]\">0%<\/span>\n                                <\/div>\n                                <span class=\"text-[10px] text-red-500 font-medium\">\u0410\u042d\u0410-\u0434\u0430\u043d \u0442\u044b\u0441: 20%<\/span>\n                            <\/div>\n    \n                            <!-- \u041c\u04af\u043b\u0456\u043a \u0441\u0430\u043b\u044b\u0493\u044b -->\n                            <div class=\"p-2.5 bg-sky-50\/50 rounded-xl border border-sky-100 flex flex-col justify-between\">\n                                <span class=\"text-[11px] text-gray-500 uppercase font-bold tracking-wide\">\u041c\u04af\u043b\u0456\u043a \u0441\u0430\u043b\u044b\u0493\u044b<\/span>\n                                <div class=\"my-0.5\">\n                                    <span class=\"text-xl sm:text-2xl font-black text-[#2e82b7]\">0%<\/span>\n                                <\/div>\n                                <span class=\"text-[10px] text-red-500 font-medium\">\u0410\u042d\u0410-\u0434\u0430\u043d \u0442\u044b\u0441: 1,5%<\/span>\n                            <\/div>\n    \n                            <!-- \u0428\u0438\u043a\u0456\u0437\u0430\u0442\u049b\u0430 \u049a\u049a\u0421 -->\n                            <div class=\"p-2.5 bg-sky-50\/50 rounded-xl border border-sky-100 flex flex-col justify-between\">\n                                <span class=\"text-[11px] text-gray-500 uppercase font-bold tracking-wide\">\u0428\u0438\u043a\u0456\u0437\u0430\u0442\u049b\u0430 \u049a\u049a\u0421<\/span>\n                                <div class=\"my-0.5\">\n                                    <span class=\"text-xl sm:text-2xl font-black text-[#2e82b7]\">0%<\/span>\n                                <\/div>\n                                <span class=\"text-[10px] text-red-500 font-medium\">\u0410\u042d\u0410-\u0434\u0430\u043d \u0442\u044b\u0441: 12%<\/span>\n                            <\/div>\n    \n                            <!-- \u0416\u0435\u0440\u0434\u0456 \u0436\u0430\u043b\u0493\u0430 \u0430\u043b\u0443 \u0430\u049b\u044b\u0441\u044b -->\n                            <div class=\"p-2.5 bg-sky-50\/50 rounded-xl border border-sky-100 flex flex-col justify-between\">\n                                <span class=\"text-[11px] text-gray-500 uppercase font-bold tracking-wide\">\u0416\u0435\u0440\u0434\u0456 \u0436\u0430\u043b\u0493\u0430 \u0430\u043b\u0443 \u0430\u049b\u044b\u0441\u044b<\/span>\n                                <div class=\"my-0.5\">\n                                    <span class=\"text-xl sm:text-2xl font-black text-[#2e82b7]\">0 \u0442\u0433<\/span>\n                                <\/div>\n                                <span class=\"text-[10px] text-red-500 font-medium\">\u0410\u042d\u0410-\u0434\u0430\u043d \u0442\u044b\u0441: 1856 \u0442\u0433\/\u043c\u00b2<\/span>\n                            <\/div>\n    \n                        <\/div>\n    \n                        <div class=\"border-t border-gray-100 pt-3\">\n                            <h5 class=\"text-xs sm:text-sm font-bold text-gray-800 mb-2 leading-snug\">\n                                \u0410\u042d\u0410 \u049b\u0430\u0442\u044b\u0441\u0443\u0448\u044b\u043b\u0430\u0440\u044b \u0436\u043e\u0431\u0430 \u049b\u04b1\u043d\u044b\u043d\u0430 \u0431\u0430\u0439\u043b\u0430\u043d\u044b\u0441\u0442\u044b \u0441\u0430\u043b\u044b\u049b\u0442\u044b\u049b \u043f\u0440\u0435\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u044f\u043b\u0430\u0440\u0434\u044b \u049b\u043e\u043b\u0434\u0430\u043d\u0430 \u0430\u043b\u0430\u0434\u044b:\n                            <\/h5>\n                            \n                            <!-- \u0421\u0430\u043b\u044b\u049b\u0442\u044b\u049b \u0436\u0435\u04a3\u0456\u043b\u0434\u0456\u043a\u0442\u0435\u0440 \u043c\u0435\u0440\u0437\u0456\u043c\u0456\u043d\u0456\u04a3 \u043a\u0435\u0441\u0442\u0435\u0441\u0456 (\u0443\u043c\u0435\u043d\u044c\u0448\u0435\u043d\u0430 \u0432\u044b\u0441\u043e\u0442\u0430 \u0441\u0442\u0440\u043e\u043a) -->\n                            <div class=\"overflow-x-auto rounded-xl border border-gray-200 shadow-sm\">\n                                <table class=\"min-w-full divide-y divide-gray-200 text-left text-[11px] sm:text-xs\">\n                                    <thead class=\"bg-slate-50 text-slate-700 font-bold uppercase\">\n                                        <tr>\n                                            <th class=\"px-3 py-2 border-r border-gray-200 text-center\">\u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044f\u043b\u0430\u0440<\/th>\n                                            <th class=\"px-3 py-2 border-r border-gray-200\">\u0416\u043e\u0431\u0430 \u049b\u04b1\u043d\u044b<\/th>\n                                            <th class=\"px-3 py-2\">\u041c\u0435\u0440\u0437\u0456\u043c\u0456<\/th>\n                                        <\/tr>\n                                    <\/thead>\n                                    <tbody class=\"divide-y divide-gray-200 bg-white text-gray-700\">\n                                        <tr class=\"hover:bg-slate-50 transition-colors\">\n                                            <td class=\"px-3 py-2 font-extrabold text-[#2e82b7] border-r border-gray-200 text-center\">A<\/td>\n                                            <td class=\"px-3 py-2 border-r border-gray-200 leading-normal\">\n                                                \u0410\u0415\u041a-\u0442\u0456\u04a3 (4 325 \u0442\u0433) 3 000 000 \u0435\u0441\u0435\u043b\u0435\u043d\u0433\u0435\u043d \u043c\u04e9\u043b\u0448\u0435\u0440\u0456\u043d\u0435 \u0434\u0435\u0439\u0456\u043d <br class=\"hidden sm:inline\"\/>\n                                                <span class=\"text-gray-400 font-medium\">(~28-29 \u043c\u043b\u043d $-\u0493\u0430 \u0434\u0435\u0439\u0456\u043d)<\/span>\n                                            <\/td>\n                                            <td class=\"px-3 py-2 font-bold text-emerald-600 whitespace-nowrap\">7 \u0436\u044b\u043b<\/td>\n                                        <\/tr>\n                                        <tr class=\"hover:bg-slate-50 transition-colors\">\n                                            <td class=\"px-3 py-2 font-extrabold text-[#2e82b7] border-r border-gray-200 text-center\">B<\/td>\n                                            <td class=\"px-3 py-2 border-r border-gray-200 leading-normal\">\n                                                \u0410\u0415\u041a-\u0442\u0456\u04a3 3 000 000 \u0435\u0441\u0435\u043b\u0435\u043d\u0433\u0435\u043d \u043c\u04e9\u043b\u0448\u0435\u0440\u0456\u043d\u0435\u043d 14 500 000 \u0435\u0441\u0435\u043b\u0435\u043d\u0433\u0435\u043d \u043c\u04e9\u043b\u0448\u0435\u0440\u0456\u043d\u0435 \u0434\u0435\u0439\u0456\u043d <br class=\"hidden sm:inline\"\/>\n                                                <span class=\"text-gray-400 font-medium\">(~28-29 \u043c\u043b\u043d $- 138-140 \u043c\u043b\u043d$)<\/span>\n                                            <\/td>\n                                            <td class=\"px-3 py-2 font-bold text-emerald-600 whitespace-nowrap\">15 \u0436\u044b\u043b<\/td>\n                                        <\/tr>\n                                        <tr class=\"hover:bg-slate-50 transition-colors\">\n                                            <td class=\"px-3 py-2 font-extrabold text-[#2e82b7] border-r border-gray-200 text-center\">C<\/td>\n                                            <td class=\"px-3 py-2 border-r border-gray-200 leading-normal\">\n                                                \u0410\u0415\u041a-\u0442\u0456\u04a3 14 500 000 \u0435\u0441\u0435\u043b\u0435\u043d\u0433\u0435\u043d \u043c\u04e9\u043b\u0448\u0435\u0440\u0456\u043d\u0435\u043d \u0431\u0430\u0441\u0442\u0430\u043f <br class=\"hidden sm:inline\"\/>\n                                                <span class=\"text-gray-400 font-medium\">(~138-140 \u043c\u043b\u043d $-\u0434\u0430\u043d \u0431\u0430\u0441\u0442\u0430\u043f)<\/span>\n                                            <\/td>\n                                            <td class=\"px-3 py-2 font-bold text-emerald-600 whitespace-nowrap\">25 \u0436\u044b\u043b<\/td>\n                                        <\/tr>\n                                    <\/tbody>\n                                <\/table>\n                            <\/div>\n                        <\/div>\n                    `\n                },\n                3: {\n                    title: \"\u00abTURAN\u00bb \u0410\u042d\u0410 \u049b\u0430\u0442\u044b\u0441\u0443\u0448\u044b\u0441\u044b \u0440\u0435\u0442\u0456\u043d\u0434\u0435 \u0442\u0456\u0440\u043a\u0435\u043b\u0443 \u0436\u043e\u043b \u043a\u0430\u0440\u0442\u0430\u0441\u044b\",\n                    content: `\n                        <p class=\"text-gray-600 leading-relaxed mb-4 text-xs sm:text-sm\">\u0418\u043d\u0432\u0435\u0441\u0442\u043e\u0440\u0434\u044b\u04a3 \u00abTURAN\u00bb \u0410\u042d\u0410 \u0440\u0435\u0441\u043c\u0438 \u049b\u0430\u0442\u044b\u0441\u0443\u0448\u044b\u0441\u044b \u043c\u04d9\u0440\u0442\u0435\u0431\u0435\u0441\u0456\u043d \u0430\u043b\u0443\u044b\u043d\u0430 \u0430\u0440\u043d\u0430\u043b\u0493\u0430\u043d \u049b\u0430\u0434\u0430\u043c\u0434\u044b\u049b \u0456\u0441-\u049b\u0438\u043c\u044b\u043b \u0436\u043e\u0441\u043f\u0430\u0440\u044b:<\/p>\n                        \n                        <!-- \u041e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u043f\u043e \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u0438 \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u0448\u043a\u0430\u043b\u0430 (space-y-4, my-2) -->\n                        <div class=\"relative pl-6 border-l-2 border-sky-200 space-y-4 my-2 text-left ml-4\">\n                            \n                            <!-- 1-\u049b\u0430\u0434\u0430\u043c -->\n                            <div class=\"relative\">\n                                <div class=\"absolute -left-[35px] top-0.5 w-6 h-6 rounded-full bg-[#2e82b7] border-4 border-white flex items-center justify-center text-[10px] font-bold text-white shadow-sm\">1<\/div>\n                                <h6 class=\"font-bold text-gray-800 text-xs sm:text-sm uppercase tracking-wide\">\u049a\u04b1\u0440\u044b\u043b\u0442\u0430\u0439 \u049b\u04b1\u0436\u0430\u0442\u0442\u0430\u0440\u044b\u043d \u0436\u0438\u043d\u0430\u049b\u0442\u0430\u0443<\/h6>\n                                <p class=\"text-xs text-gray-500 leading-relaxed mt-0.5\">\u0422\u0430\u043b\u0430\u043f\u0442\u0430\u0440\u0493\u0430 \u0441\u04d9\u0439\u043a\u0435\u0441 \u049b\u0430\u0436\u0435\u0442\u0442\u0456 \u049b\u04b1\u0440\u044b\u043b\u0442\u0430\u0439 \u049b\u04b1\u0436\u0430\u0442\u0442\u0430\u0440\u044b\u043d \u0442\u043e\u043b\u044b\u049b\u0442\u0430\u0439 \u0436\u0438\u043d\u0430\u049b\u0442\u0430\u0443.<\/p>\n                            <\/div>\n    \n                            <!-- 2-\u049b\u0430\u0434\u0430\u043c -->\n                            <div class=\"relative\">\n                                <div class=\"absolute -left-[35px] top-0.5 w-6 h-6 rounded-full bg-[#2e82b7] border-4 border-white flex items-center justify-center text-[10px] font-bold text-white shadow-sm\">2<\/div>\n                                <h6 class=\"font-bold text-gray-800 text-xs sm:text-sm uppercase tracking-wide\">\u04e8\u0442\u0456\u043d\u0456\u0448 \u043f\u0435\u043d \u049b\u04b1\u0436\u0430\u0442\u0442\u0430\u0440\u0434\u044b \u0442\u0430\u043f\u0441\u044b\u0440\u0443<\/h6>\n                                <p class=\"text-xs text-gray-500 leading-relaxed mt-0.5\">\u04e8\u0442\u0456\u043d\u0456\u0448\u0442\u0456 \u0436\u04d9\u043d\u0435 \u0434\u0430\u0439\u044b\u043d\u0434\u0430\u043b\u0493\u0430\u043d \u049b\u04b1\u0440\u044b\u043b\u0442\u0430\u0439 \u049b\u04b1\u0436\u0430\u0442\u0442\u0430\u0440\u044b\u043d\u044b\u04a3 \u0442\u043e\u043f\u0442\u0430\u043c\u0430\u0441\u044b\u043d \u0421\u042d\u0417 \u0431\u0430\u0441\u049b\u0430\u0440\u0443\u0448\u044b \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u0441\u044b\u043d\u0430 \u0442\u0430\u043f\u0441\u044b\u0440\u0443.<\/p>\n                            <\/div>\n    \n                            <!-- 3-\u049b\u0430\u0434\u0430\u043c -->\n                            <div class=\"relative\">\n                                <div class=\"absolute -left-[35px] top-0.5 w-6 h-6 rounded-full bg-[#2e82b7] border-4 border-white flex items-center justify-center text-[10px] font-bold text-white shadow-sm\">3<\/div>\n                                <h6 class=\"font-bold text-gray-800 text-xs sm:text-sm uppercase tracking-wide\">\u0421\u0430\u0440\u0430\u043f\u0442\u0430\u043c\u0430 \u0436\u04d9\u043d\u0435 \u0442\u0435\u043a\u0441\u0435\u0440\u0443<\/h6>\n                                <p class=\"text-xs text-gray-500 leading-relaxed mt-0.5\">\u0422\u0430\u043f\u0441\u044b\u0440\u044b\u043b\u0493\u0430\u043d \u049b\u04b1\u0436\u0430\u0442\u0442\u0430\u0440 \u0442\u043e\u043f\u0442\u0430\u043c\u0430\u0441\u044b\u043d\u044b\u04a3 \u0442\u0430\u043b\u0430\u043f\u0442\u0430\u0440\u0493\u0430 \u0441\u04d9\u0439\u043a\u0435\u0441\u0442\u0456\u0433\u0456\u043d \u0442\u0435\u043a\u0441\u0435\u0440\u0443 (\u049a\u04b1\u049b\u044b\u049b\u0442\u044b\u049b \u0436\u04d9\u043d\u0435 \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u043a\u0430\u043b\u044b\u049b \u0441\u0430\u0440\u0430\u043f\u0442\u0430\u043c\u0430\u043b\u044b\u049b \u049b\u043e\u0440\u044b\u0442\u044b\u043d\u0434\u044b \u0430\u043b\u0443).<\/p>\n                            <\/div>\n    \n                            <!-- 4-\u049b\u0430\u0434\u0430\u043c -->\n                            <div class=\"relative\">\n                                <div class=\"absolute -left-[35px] top-0.5 w-6 h-6 rounded-full bg-[#2e82b7] border-4 border-white flex items-center justify-center text-[10px] font-bold text-white shadow-sm\">4<\/div>\n                                <h6 class=\"font-bold text-gray-800 text-xs sm:text-sm uppercase tracking-wide\">\u041a\u0435\u043b\u0456\u0441\u0456\u043c\u0434\u0456 \u0434\u0430\u0439\u044b\u043d\u0434\u0430\u0443 \u043c\u0435\u043d \u049b\u043e\u043b \u049b\u043e\u044e<\/h6>\n                                <p class=\"text-xs text-gray-500 leading-relaxed mt-0.5\">\u00abTURAN\u00bb \u0410\u042d\u0410 \u049b\u0430\u0442\u044b\u0441\u0443\u0448\u044b\u0441\u044b \u0440\u0435\u0442\u0456\u043d\u0434\u0435 \u049b\u044b\u0437\u043c\u0435\u0442\u0442\u0456 \u0436\u04af\u0437\u0435\u0433\u0435 \u0430\u0441\u044b\u0440\u0443 \u0442\u0443\u0440\u0430\u043b\u044b \u043a\u0435\u043b\u0456\u0441\u0456\u043c\u0434\u0456 \u0434\u0430\u0439\u044b\u043d\u0434\u0430\u0443 (\u049a\u043e\u043b \u049b\u043e\u044e \u2014 1 \u0436\u04b1\u043c\u044b\u0441 \u043a\u04af\u043d\u0456 \u0456\u0448\u0456\u043d\u0434\u0435).<\/p>\n                            <\/div>\n    \n                            <!-- 5-\u049b\u0430\u0434\u0430\u043c (\u0421\u0430\u043c\u0430\u044f \u0432\u0430\u0436\u043d\u0430\u044f \u0444\u0430\u0437\u0430) -->\n                            <div class=\"relative\">\n                                <div class=\"absolute -left-[35px] top-0.5 w-6 h-6 rounded-full bg-emerald-500 border-4 border-white flex items-center justify-center text-[10px] font-bold text-white shadow-sm\">5<\/div>\n                                <h6 class=\"font-bold text-emerald-600 text-xs sm:text-sm uppercase tracking-wide\">\u0422\u0456\u0437\u0456\u043b\u0456\u043c\u0433\u0435 \u0435\u043d\u0433\u0456\u0437\u0443 \u0436\u04d9\u043d\u0435 \u043a\u0443\u04d9\u043b\u0456\u043a \u0430\u043b\u0443<\/h6>\n                                <p class=\"text-xs text-gray-500 leading-relaxed mt-0.5 mb-2\">\u0410\u042d\u0410 \u049b\u0430\u0442\u044b\u0441\u0443\u0448\u044b\u043b\u0430\u0440\u044b\u043d\u044b\u04a3 \u0442\u0456\u0437\u0456\u043b\u0456\u043c\u0456\u043d\u0435 \u0435\u043d\u0433\u0456\u0437\u0443 \u04af\u0448\u0456\u043d \u0411\u0456\u0440\u044b\u04a3\u0493\u0430\u0439 \u04af\u0439\u043b\u0435\u0441\u0442\u0456\u0440\u0443 \u043e\u0440\u0442\u0430\u043b\u044b\u0493\u044b\u043d\u0430 (\u00abQazIndustry\u00bb \u0410\u049a) \u0436\u04d9\u043d\u0435 \u0422\u04af\u0440\u043a\u0456\u0441\u0442\u0430\u043d \u043e\u0431\u043b\u044b\u0441\u044b \u0431\u043e\u0439\u044b\u043d\u0448\u0430 \u041c\u0435\u043c\u043b\u0435\u043a\u0435\u0442\u0442\u0456\u043a \u043a\u0456\u0440\u0456\u0441\u0442\u0435\u0440 \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u0456\u043d\u0435 (\u0441\u0430\u043b\u044b\u049b \u043e\u0440\u0433\u0430\u043d\u044b\u043d\u0430) \u0436\u0430\u0437\u0431\u0430\u0448\u0430 \u0445\u0430\u0431\u0430\u0440\u043b\u0430\u043c\u0430 \u0436\u0456\u0431\u0435\u0440\u0443; \u043a\u0435\u043b\u0456\u0441\u0456\u043c \u043c\u0435\u043d \u049b\u04b1\u0436\u0430\u0442\u0442\u0430\u0440\u0434\u044b \u0411\u04ae\u041e-\u0493\u0430 \u0442\u0430\u043f\u0441\u044b\u0440\u0443.<\/p>\n                                <div class=\"inline-block bg-emerald-50 border border-emerald-100 text-emerald-800 rounded-lg p-2 text-xs font-medium leading-relaxed\">\n                                    <span class=\"font-bold\">\u041d\u04d9\u0442\u0438\u0436\u0435\u0441\u0456:<\/span> \u0410\u042d\u0410 \u049b\u0430\u0442\u044b\u0441\u0443\u0448\u044b\u0441\u044b\u043d\u044b\u04a3 \u043a\u0443\u04d9\u043b\u0456\u0433\u0456 \u043e\u0441\u044b\u0434\u0430\u043d \u043a\u0435\u0439\u0456\u043d 3\u20135 \u0436\u04b1\u043c\u044b\u0441 \u043a\u04af\u043d\u0456 \u0456\u0448\u0456\u043d\u0434\u0435 \u0431\u0435\u0440\u0456\u043b\u0435\u0434\u0456.\n                                <\/div>\n                            <\/div>\n    \n                        <\/div>\n                    `\n                },\n                4: {\n                    title: \"\u0428\u0435\u0442\u0435\u043b\u0434\u0456\u043a \u0436\u04b1\u043c\u044b\u0441 \u043a\u04af\u0448\u0456\u043d \u043a\u0432\u043e\u0442\u0430\u0434\u0430\u043d \u0442\u044b\u0441 \u0436\u04d9\u043d\u0435 \u0440\u04b1\u049b\u0441\u0430\u0442 \u0430\u043b\u0443\u0441\u044b\u0437 \u0442\u0430\u0440\u0442\u0443\",\n                    content: `\n                        <p class=\"text-gray-600 leading-relaxed text-xs sm:text-sm\">\u041e\u0437\u044b\u049b \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f\u043b\u044b\u049b \u0436\u043e\u0431\u0430\u043b\u0430\u0440\u0434\u044b \u0436\u04af\u0437\u0435\u0433\u0435 \u0430\u0441\u044b\u0440\u0443 \u04af\u0448\u0456\u043d \u0438\u043d\u0432\u0435\u0441\u0442\u043e\u0440\u043b\u0430\u0440 \u0436\u043e\u0493\u0430\u0440\u044b \u0431\u0456\u043b\u0456\u043a\u0442\u0456 \u0448\u0435\u0442\u0435\u043b\u0434\u0456\u043a \u043c\u0430\u043c\u0430\u043d\u0434\u0430\u0440\u0434\u044b \u043a\u0435\u0434\u0435\u0440\u0433\u0456\u0441\u0456\u0437 \u0442\u0430\u0440\u0442\u0430 \u0430\u043b\u0430\u0434\u044b:<\/p>\n                        <ul class=\"space-y-2 text-gray-700 pt-2 text-xs sm:text-sm\">\n                            <li class=\"flex items-start gap-3\">\n                                <span class=\"text-sky-500 font-bold text-lg\">\u2713<\/span> \n                                <span><strong>\u041a\u0432\u043e\u0442\u0430\u0441\u044b\u0437:<\/strong> \u0422\u0430\u0440\u0442\u044b\u043b\u0430\u0442\u044b\u043d \u0448\u0435\u0442\u0435\u043b\u0434\u0456\u043a \u049b\u044b\u0437\u043c\u0435\u0442\u043a\u0435\u0440\u043b\u0435\u0440 \u0441\u0430\u043d\u044b\u043d\u0430 \u049b\u043e\u0439\u044b\u043b\u0430\u0442\u044b\u043d \u0448\u0435\u043a\u0442\u0435\u0443\u043b\u0435\u0440 \u0410\u042d\u0410 \u049b\u0430\u0442\u044b\u0441\u0443\u0448\u044b\u043b\u0430\u0440\u044b\u043d\u0430 \u049b\u043e\u043b\u0434\u0430\u043d\u044b\u043b\u043c\u0430\u0439\u0434\u044b.<\/span>\n                            <\/li>\n                            <li class=\"flex items-start gap-3\">\n                                <span class=\"text-sky-500 font-bold text-lg\">\u2713<\/span> \n                                <span><strong>\u041c\u0435\u043c\u043b\u0435\u043a\u0435\u0442\u0442\u0456\u043a \u0431\u0430\u0436\u0434\u0430\u0440\u0441\u044b\u0437:<\/strong> \u0416\u04b1\u043c\u044b\u0441\u049b\u0430 \u0440\u04b1\u049b\u0441\u0430\u0442 \u0430\u043b\u0443 \u043d\u0435\u043c\u0435\u0441\u0435 \u043e\u043d\u044b \u04b1\u0437\u0430\u0440\u0442\u0443 \u04af\u0448\u0456\u043d \u043c\u0435\u043c\u043b\u0435\u043a\u0435\u0442\u0442\u0456\u043a \u0430\u043b\u044b\u043c\u0434\u0430\u0440\u0434\u044b \u0442\u04e9\u043b\u0435\u0443\u0434\u0456\u04a3 \u049b\u0430\u0436\u0435\u0442\u0456 \u0436\u043e\u049b.<\/span>\n                            <\/li>\n                            <li class=\"flex items-start gap-3\">\n                                <span class=\"text-sky-500 font-bold text-lg\">\u2713<\/span> \n                                <span><strong>\u041c\u0430\u04a3\u044b\u0437\u0434\u044b \u0435\u0440\u0435\u043a\u0448\u0435\u043b\u0456\u043a:<\/strong> \u041c\u0430\u043c\u0430\u043d\u0434\u0430\u0440 \u0441\u0430\u043d\u0430\u0442\u0442\u0430\u0440\u044b\u043d\u044b\u04a3 \u0431\u043e\u043b\u0443\u044b \u0442\u0435\u043a \u0448\u0435\u0442\u0435\u043b\u0434\u0456\u043a \u0436\u04b1\u043c\u044b\u0441 \u043a\u04af\u0448\u0456\u043d \u0442\u0430\u0440\u0442\u0443\u0493\u0430 \u0440\u04b1\u049b\u0441\u0430\u0442 \u0430\u043b\u0443\u0434\u044b\u04a3 \u0436\u0430\u043b\u043f\u044b \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0442\u044b \u0442\u04d9\u0440\u0442\u0456\u0431\u0456\u043d\u0434\u0435 \u0493\u0430\u043d\u0430 \u043c\u0430\u04a3\u044b\u0437\u0434\u044b, \u0430\u043b \u043c\u04b1\u043d\u0434\u0430 \u0441\u0456\u0437 \u0431\u04b1\u043b \u0431\u044e\u0440\u043e\u043a\u0440\u0430\u0442\u0438\u044f\u043b\u044b\u049b \u043a\u0435\u0434\u0435\u0440\u0433\u0456\u043b\u0435\u0440\u0434\u0435\u043d \u0442\u043e\u043b\u044b\u049b\u0442\u0430\u0439 \u0431\u043e\u0441\u0430\u0442\u044b\u043b\u0430\u0441\u044b\u0437!<\/span>\n                            <\/li>\n                        <\/ul>\n                    `\n                }\n            };\n    \n            function openModal(id) {\n                const modal = document.getElementById('info-modal');\n                const title = document.getElementById('modal-title');\n                const content = document.getElementById('modal-content');\n    \n                title.innerHTML = detailsData[id].title;\n                content.innerHTML = detailsData[id].content;\n    \n                modal.classList.remove('hidden');\n                setTimeout(() => {\n                    modal.classList.add('opacity-100');\n                    modal.firstElementChild.classList.remove('scale-95');\n                    modal.firstElementChild.classList.add('scale-100');\n                }, 10);\n            }\n    \n            function closeModal() {\n                const modal = document.getElementById('info-modal');\n                modal.firstElementChild.classList.remove('scale-100');\n                modal.firstElementChild.classList.add('scale-95');\n                modal.classList.remove('opacity-100');\n                setTimeout(() => {\n                    modal.classList.add('hidden');\n                }, 300);\n            }\n    \n            window.onclick = function(event) {\n                const modal = document.getElementById('info-modal');\n                if (event.target == modal) {\n                    closeModal();\n                }\n            }\n        <\/script>\n    <\/body>\n    <\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eadda5d e-con-full e-flex e-con e-child\" data-id=\"eadda5d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db66325 elementor-widget elementor-widget-html\" data-id=\"db66325\" 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>\u00abTURAN\u00bb \u0410\u042d\u0410 \u2014 \u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u0442\u0456 \u0434\u0430\u0448\u0431\u043e\u0440\u0434<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        brand: {\r\n                            50: '#f0f7fc',\r\n                            100: '#e1eff8',\r\n                            200: '#bce0f2',\r\n                            300: '#7fc4ea',\r\n                            400: '#3ba3dd',\r\n                            500: '#1e7bb4',\r\n                            600: '#155e92',\r\n                            700: '#134c76',\r\n                            800: '#134162',\r\n                            950: '#0a1d30',\r\n                        }\r\n                    },\r\n                    boxShadow: {\r\n                        'brand-soft': '0 10px 25px -5px rgba(30, 123, 180, 0.15), 0 8px 10px -6px rgba(30, 123, 180, 0.15)',\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/leaflet\/1.9.4\/leaflet.min.css\" \/>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/leaflet\/1.9.4\/leaflet.min.js\"><\/script>\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');\r\n        body { font-family: 'Inter', sans-serif; }\r\n        ::-webkit-scrollbar { width: 8px; }\r\n        ::-webkit-scrollbar-track { background: #f1f1f1; }\r\n        ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }\r\n        ::-webkit-scrollbar-thumb:hover { background: #1e7bb4; }\r\n\r\n        #map-container {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 430px !important;\r\n            min-height: 430px; \r\n            display: block;\r\n        }\r\n        #turan-map-view {\r\n            position: absolute;\r\n            top: 0; left: 0; right: 0; bottom: 0;\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            z-index: 10; \r\n            background: #e2e8f0;\r\n        }\r\n        #map-info-overlay {\r\n            position: absolute;\r\n            bottom: 16px;\r\n            left: 16px;\r\n            z-index: 1000;\r\n            background-color: #020617 !important;\r\n            border: 1px solid #1e293b !important;\r\n            color: #ffffff !important;\r\n            padding: 12px 16px;\r\n            border-radius: 12px;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.4);\r\n            pointer-events: none;\r\n            max-width: 280px;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-900 p-0 m-0 w-full h-full\">\r\n\r\n    <div class=\"w-full p-4 sm:p-6 md:p-8\">\r\n        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-6 md:gap-8 w-full\">\r\n\r\n            <div class=\"lg:col-span-5 flex flex-col gap-6\">\r\n\r\n                <div class=\"bg-white p-6 sm:p-7 rounded-2xl shadow-brand-soft border border-slate-200\/80\">\r\n                    <h3 class=\"text-sm sm:text-base font-extrabold text-slate-400 uppercase tracking-wider mb-6 flex items-center gap-2.5\">\r\n                        <i class=\"fa-solid fa-layer-group text-brand-500 text-lg\"><\/i> \u00abTURAN\u00bb \u0410\u042d\u0410 \u0430\u0439\u043c\u0430\u049b\u0442\u0430\u0440\u044b\r\n                    <\/h3>\r\n                    <div class=\"flex flex-col gap-3.5 max-h-[440px] overflow-y-auto pr-1\" id=\"subzone-selector\">\r\n\r\n                        <button onclick=\"window.switchSubzone(0)\" class=\"subzone-btn w-full text-left p-4 sm:p-5 rounded-2xl border-2 transition-all duration-300 flex items-center justify-between group bg-slate-50 border-slate-200 hover:border-brand-200\">\r\n                            <div class=\"flex items-center gap-4\">\r\n                                <span class=\"w-11 h-11 rounded-xl flex items-center justify-center bg-slate-200 text-slate-600 font-bold group-hover:bg-brand-500 group-hover:text-white transition-all text-base shadow-sm shrink-0\">1<\/span>\r\n                                <div>\r\n                                    <h4 class=\"font-extrabold text-slate-800 group-hover:text-brand-700 transition-colors text-base leading-snug\">\u04e8\u043d\u0435\u0440\u043a\u04d9\u0441\u0456\u043f\u0442\u0456\u043a \u0430\u0439\u043c\u0430\u049b 290 \u0433\u0430<\/h4>\r\n                                    <p class=\"text-xs sm:text-sm text-slate-400 mt-0.5\">\u0422\u04af\u0440\u043a\u0456\u0441\u0442\u0430\u043d \u049b\u0430\u043b\u0430\u0441\u044b<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <i class=\"fa-solid fa-chevron-right text-slate-400 group-hover:translate-x-1.5 transition-transform text-lg shrink-0\"><\/i>\r\n                        <\/button>\r\n\r\n                        <button onclick=\"window.switchSubzone(1)\" class=\"subzone-btn w-full text-left p-4 sm:p-5 rounded-2xl border-2 transition-all duration-300 flex items-center justify-between group bg-slate-50 border-slate-200 hover:border-brand-200\">\r\n                            <div class=\"flex items-center gap-4\">\r\n                                <span class=\"w-11 h-11 rounded-xl flex items-center justify-center bg-slate-200 text-slate-600 font-bold group-hover:bg-brand-500 group-hover:text-white transition-all text-base shadow-sm shrink-0\">2<\/span>\r\n                                <div>\r\n                                    <h4 class=\"font-extrabold text-slate-800 group-hover:text-brand-700 transition-colors text-base leading-snug\">\u04e8\u043d\u0435\u0440\u043a\u04d9\u0441\u0456\u043f\u0442\u0456\u043a \u0430\u0439\u043c\u0430\u049b 365 \u0433\u0430<\/h4>\r\n                                    <p class=\"text-xs sm:text-sm text-slate-400 mt-0.5\">\u041e\u0440\u0430\u043d\u0493\u0430\u0439 \u0430\u0443\u044b\u043b\u044b<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <i class=\"fa-solid fa-chevron-right text-slate-400 group-hover:translate-x-1.5 transition-transform text-lg shrink-0\"><\/i>\r\n                        <\/button>\r\n\r\n                        <button onclick=\"window.switchSubzone(2)\" class=\"subzone-btn w-full text-left p-4 sm:p-5 rounded-2xl border-2 transition-all duration-300 flex items-center justify-between group bg-slate-50 border-slate-200 hover:border-brand-200\">\r\n                            <div class=\"flex items-center gap-4\">\r\n                                <span class=\"w-11 h-11 rounded-xl flex items-center justify-center bg-slate-200 text-slate-600 font-bold group-hover:bg-brand-500 group-hover:text-white transition-all text-base shadow-sm shrink-0\">3<\/span>\r\n                                <div>\r\n                                    <h4 class=\"font-extrabold text-slate-800 group-hover:text-brand-700 transition-colors text-base leading-snug\">\u04e8\u043d\u0435\u0440\u043a\u04d9\u0441\u0456\u043f\u0442\u0456\u043a \u0430\u0439\u043c\u0430\u049b 35 \u0433\u0430<\/h4>\r\n                                    <p class=\"text-xs sm:text-sm text-slate-400 mt-0.5\">\u041a\u0435\u043d\u0442\u0430\u0443 \u049b\u0430\u043b\u0430\u0441\u044b<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <i class=\"fa-solid fa-chevron-right text-slate-400 group-hover:translate-x-1.5 transition-transform text-lg shrink-0\"><\/i>\r\n                        <\/button>\r\n\r\n                        <button onclick=\"window.switchSubzone(3)\" class=\"subzone-btn w-full text-left p-4 sm:p-5 rounded-2xl border-2 transition-all duration-300 flex items-center justify-between group bg-slate-50 border-slate-200 hover:border-brand-200\">\r\n                            <div class=\"flex items-center gap-4\">\r\n                                <span class=\"w-11 h-11 rounded-xl flex items-center justify-center bg-slate-200 text-slate-600 font-bold group-hover:bg-brand-500 group-hover:text-white transition-all text-base shadow-sm shrink-0\">4<\/span>\r\n                                <div>\r\n                                    <h4 class=\"font-extrabold text-slate-800 group-hover:text-brand-700 transition-colors text-base leading-snug\">\u041e\u0440\u0442\u0430\u043b\u044b\u049b \u0410\u0437\u0438\u044f \u0425\u04e8\u041a\u041e<\/h4>\r\n                                    <p class=\"text-xs sm:text-sm text-slate-400 mt-0.5\">\u041c\u0430\u049b\u0442\u0430\u0440\u0430\u043b \u0430\u0443\u0434\u0430\u043d\u044b<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <i class=\"fa-solid fa-chevron-right text-slate-400 group-hover:translate-x-1.5 transition-transform text-lg shrink-0\"><\/i>\r\n                        <\/button>\r\n\r\n                        <button onclick=\"window.switchSubzone(4)\" class=\"subzone-btn w-full text-left p-4 sm:p-5 rounded-2xl border-2 transition-all duration-300 flex items-center justify-between group bg-slate-50 border-slate-200 hover:border-brand-200\">\r\n                            <div class=\"flex items-center gap-4\">\r\n                                <span class=\"w-11 h-11 rounded-xl flex items-center justify-center bg-slate-200 text-slate-600 font-bold group-hover:bg-brand-500 group-hover:text-white transition-all text-base shadow-sm shrink-0\">5<\/span>\r\n                                <div>\r\n                                    <h4 class=\"font-extrabold text-slate-800 group-hover:text-brand-700 transition-colors text-base leading-snug\">\u04d8\u043a\u0456\u043c\u0448\u0456\u043b\u0456\u043a-\u0456\u0441\u043a\u0435\u0440\u043b\u0456\u043a \u043e\u0440\u0442\u0430\u043b\u044b\u049b<\/h4>\r\n                                    <p class=\"text-xs sm:text-sm text-slate-400 mt-0.5\">\u0422\u04af\u0440\u043a\u0456\u0441\u0442\u0430\u043d \u049b\u0430\u043b\u0430\u0441\u044b<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <i class=\"fa-solid fa-chevron-right text-slate-400 group-hover:translate-x-1.5 transition-transform text-lg shrink-0\"><\/i>\r\n                        <\/button>\r\n\r\n                        <button onclick=\"window.switchSubzone(5)\" class=\"subzone-btn w-full text-left p-4 sm:p-5 rounded-2xl border-2 transition-all duration-300 flex items-center justify-between group bg-slate-50 border-slate-200 hover:border-brand-200\">\r\n                            <div class=\"flex items-center gap-4\">\r\n                                <span class=\"w-11 h-11 rounded-xl flex items-center justify-center bg-slate-200 text-slate-600 font-bold group-hover:bg-brand-500 group-hover:text-white transition-all text-base shadow-sm shrink-0\">6<\/span>\r\n                                <div>\r\n                                    <h4 class=\"font-extrabold text-slate-800 group-hover:text-brand-700 transition-colors text-base leading-snug\">\u0422\u0430\u0440\u0438\u0445\u0438 \u043e\u0440\u0442\u0430\u043b\u044b\u049b<\/h4>\r\n                                    <p class=\"text-xs sm:text-sm text-slate-400 mt-0.5\">\u0422\u04af\u0440\u043a\u0456\u0441\u0442\u0430\u043d \u049b\u0430\u043b\u0430\u0441\u044b<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <i class=\"fa-solid fa-chevron-right text-slate-400 group-hover:translate-x-1.5 transition-transform text-lg shrink-0\"><\/i>\r\n                        <\/button>\r\n\r\n                        <button onclick=\"window.switchSubzone(6)\" class=\"subzone-btn w-full text-left p-4 sm:p-5 rounded-2xl border-2 transition-all duration-300 flex items-center justify-between group bg-slate-50 border-slate-200 hover:border-brand-200\">\r\n                            <div class=\"flex items-center gap-4\">\r\n                                <span class=\"w-11 h-11 rounded-xl flex items-center justify-center bg-slate-200 text-slate-600 font-bold group-hover:bg-brand-500 group-hover:text-white transition-all text-base shadow-sm shrink-0\">7<\/span>\r\n                                <div>\r\n                                    <h4 class=\"font-extrabold text-slate-800 group-hover:text-brand-700 transition-colors text-base leading-snug\">\u0425\u0430\u043b\u044b\u049b\u0430\u0440\u0430\u043b\u044b\u049b \u04d8\u0437\u0456\u0440\u0435\u0442 \u0421\u04b1\u043b\u0442\u0430\u043d \u04d8\u0443\u0435\u0436\u0430\u0439\u044b<\/h4>\r\n                                    <p class=\"text-xs sm:text-sm text-slate-400 mt-0.5\">\u0422\u04af\u0440\u043a\u0456\u0441\u0442\u0430\u043d \u049b\u0430\u043b\u0430\u0441\u044b<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <i class=\"fa-solid fa-chevron-right text-slate-400 group-hover:translate-x-1.5 transition-transform text-lg shrink-0\"><\/i>\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div id=\"tour-card\" style=\"background-color: #0f172a !important; border: 1px solid #1e293b !important; color: #ffffff !important;\" class=\"p-6 sm:p-7 rounded-2xl shadow-brand-soft relative overflow-hidden hidden transition-all duration-300\">\r\n                    <div class=\"absolute -right-10 -bottom-10 w-40 h-40 bg-brand-500\/10 rounded-full blur-2xl\"><\/div>\r\n                    <div class=\"absolute -left-10 -top-10 w-40 h-40 bg-blue-500\/10 rounded-full blur-2xl\"><\/div>\r\n                    <div class=\"relative z-10 flex flex-col xl:flex-row items-center justify-between gap-5 w-full\">\r\n                        <div class=\"text-center xl:text-left\">\r\n                            <h3 style=\"color: #ffffff !important;\" class=\"text-xl font-extrabold tracking-tight flex items-center justify-center xl:justify-start gap-2.5\">\r\n                                <span class=\"animate-pulse w-2.5 h-2.5 bg-green-400 rounded-full shrink-0\"><\/span>\r\n                                \u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u0442\u0456 3D-\u0442\u0443\u0440\r\n                            <\/h3>\r\n                            <p style=\"color: #cbd5e1 !important;\" class=\"text-xs mt-2 max-w-sm leading-relaxed font-normal\">\u0410\u043b\u0430\u04a3\u043d\u044b\u04a3 \u043b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u044b \u043c\u0435\u043d \u0438\u043d\u0444\u0440\u0430\u049b\u04b1\u0440\u044b\u043b\u044b\u043c\u044b\u043d\u044b\u04a3 \u0434\u0430\u0439\u044b\u043d\u0434\u044b\u0493\u044b\u043d \u043e\u043d\u043b\u0430\u0439\u043d 360\u00b0 \u0444\u043e\u0440\u043c\u0430\u0442\u044b\u043d\u0434\u0430 \u0442\u0430\u043c\u0430\u0448\u0430\u043b\u0430\u0443.<\/p>\r\n                        <\/div>\r\n                        <div class=\"w-full xl:w-auto shrink-0\">\r\n                            <a id=\"tour-link-active\" href=\"#\" target=\"_blank\" class=\"w-full sm:w-auto text-center px-6 py-3.5 bg-brand-500 hover:bg-brand-600 text-white font-bold rounded-xl transition-all shadow-lg shadow-brand-500\/25 flex items-center justify-center gap-2.5 text-sm uppercase tracking-wider\">\r\n                                <i class=\"fa-solid fa-vr-cardboard text-lg\"><\/i>\r\n                                3D \u0442\u0443\u0440\u0434\u0456 \u0431\u0430\u0441\u0442\u0430\u0443\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"lg:col-span-7 flex flex-col gap-6\">\r\n\r\n                <div class=\"bg-white p-5 rounded-2xl shadow-brand-soft border border-slate-200\/80 flex flex-col\">\r\n                    <div class=\"flex items-center justify-between mb-4\">\r\n                        <div class=\"flex items-center gap-3\">\r\n                            <span class=\"p-2 bg-brand-50 text-brand-500 rounded-xl\">\r\n                                <i class=\"fa-solid fa-map-location-dot text-lg\"><\/i>\r\n                            <\/span>\r\n                            <span class=\"font-extrabold text-slate-800 text-base sm:text-lg uppercase tracking-wider\">\u041e\u0440\u043d\u0430\u043b\u0430\u0441\u049b\u0430\u043d \u0436\u0435\u0440\u0456<\/span>\r\n                        <\/div>\r\n                        <div class=\"flex gap-1 bg-slate-100 p-1 rounded-lg text-sm font-bold\">\r\n                            <button onclick=\"window.changeMapStyle('light')\" id=\"map-style-light\" class=\"px-4 py-2 rounded-md transition-all text-slate-900 bg-white shadow-sm font-bold\">\u0410\u0448\u044b\u049b<\/button>\r\n                            <button onclick=\"window.changeMapStyle('satellite')\" id=\"map-style-satellite\" class=\"px-4 py-2 rounded-md transition-all text-slate-600 hover:text-slate-900\">\u0421\u043f\u0443\u0442\u043d\u0438\u043a<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div id=\"map-container\" class=\"rounded-xl overflow-hidden border border-slate-200\">\r\n                        <div id=\"turan-map-view\"><\/div>\r\n                        <div id=\"map-info-overlay\">\r\n                            <div class=\"flex items-center gap-2.5\">\r\n                                <span class=\"w-2.5 h-2.5 bg-green-400 rounded-full animate-pulse shrink-0\" style=\"display:inline-block;\"><\/span>\r\n                                <h4 id=\"overlay-zone-name\" style=\"color: #ffffff !important; font-size: 13px; font-weight: 800; margin: 0; line-height: 1.4;\"><\/h4>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div id=\"infra-card\" class=\"bg-white p-5 sm:p-6 rounded-2xl shadow-brand-soft border border-slate-200\/80 transition-all duration-300\">\r\n                    <div class=\"flex items-center justify-between border-b border-slate-100 pb-4 mb-5\">\r\n                        <h3 class=\"font-extrabold text-slate-800 flex items-center gap-2.5 text-base sm:text-lg uppercase tracking-wider\">\r\n                            <i class=\"fa-solid fa-plug text-brand-500 text-lg\"><\/i> \u0418\u043d\u0444\u0440\u0430\u049b\u04b1\u0440\u044b\u043b\u044b\u043c\r\n                        <\/h3>\r\n                    <\/div>\r\n                    <div id=\"infra-grid\" class=\"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-5 transition-all duration-300\"><\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Elementor \u049b\u0430\u0442\u0435\u043b\u0456\u043a\u0442\u0435\u0440\u0456\u043d\u0456\u04a3 \u0430\u043b\u0434\u044b\u043d \u0430\u043b\u0443 \u04af\u0448\u0456\u043d \u0431\u04af\u043a\u0456\u043b \u043b\u043e\u0433\u0438\u043a\u0430\u043d\u044b IIFE (\u043e\u049b\u0448\u0430\u0443\u043b\u0430\u043d\u0493\u0430\u043d \u0444\u0443\u043d\u043a\u0446\u0438\u044f) \u0456\u0448\u0456\u043d\u0435 \u0441\u0430\u043b\u0434\u044b\u049b\r\n        (function() {\r\n            const colorClasses = {\r\n                amber: { bg: 'bg-amber-500\/10', text: 'text-amber-600' },\r\n                orange: { bg: 'bg-orange-500\/10', text: 'text-orange-600' },\r\n                sky: { bg: 'bg-sky-500\/10', text: 'text-sky-600' },\r\n                indigo: { bg: 'bg-indigo-500\/10', text: 'text-indigo-600' },\r\n                emerald: { bg: 'bg-emerald-500\/10', text: 'text-emerald-600' },\r\n                slate: { bg: 'bg-slate-500\/10', text: 'text-slate-600' },\r\n                rose: { bg: 'bg-rose-500\/10', text: 'text-rose-600' }\r\n            };\r\n\r\n            const subzonesData = [\r\n                {\r\n                    id: 0,\r\n                    name: \"\u04e8\u043d\u0435\u0440\u043a\u04d9\u0441\u0456\u043f\u0442\u0456\u043a \u0430\u0439\u043c\u0430\u049b 290 \u0433\u0430 (\u0422\u04af\u0440\u043a\u0456\u0441\u0442\u0430\u043d \u049b\u0430\u043b\u0430\u0441\u044b)\",\r\n                    center: [43.2889, 68.1678],\r\n                    zoom: 14,\r\n                    polygon: [\r\n                        [43.2711056, 68.1667389], [43.2796528, 68.1798722], [43.2828583, 68.1763917],\r\n                        [43.2870389, 68.1736361], [43.2861917, 68.1723361], [43.288225, 68.1695083],\r\n                        [43.2867528, 68.1665056], [43.2887444, 68.1637417], [43.2891972, 68.1599361],\r\n                        [43.3007, 68.159675], [43.3006583, 68.1631139], [43.3066472, 68.1641194],\r\n                        [43.3070722, 68.1563944], [43.2941444, 68.1554528], [43.2892556, 68.1558639],\r\n                        [43.2830722, 68.1579972], [43.2781611, 68.1607389]\r\n                    ],\r\n                    tourUrl: \"https:\/\/turkistaninvest.com\/3D\/1new\/index.html\",\r\n                    hasInfrastructure: true,\r\n                    infrastructure: [\r\n                        { icon: \"fa-bolt\", color: \"amber\", title: \"\u042d\u043b\u0435\u043a\u0442\u0440\u043c\u0435\u043d \u0436\u0430\u0431\u0434\u044b\u049b\u0442\u0430\u0443\", value: \"5+25 \u041c\u0412\u0442 (24.7 \u043a\u043c-\u0434\u0435)\", price: \"1 \u043a\u0412\u0442 \u04af\u0448\u0456\u043d 25 \u20b8\" },\r\n                        { icon: \"fa-fire\", color: \"orange\", title: \"\u0413\u0430\u0437\u0431\u0435\u043d \u0436\u0430\u0431\u0434\u044b\u049b\u0442\u0430\u0443\", value: \"8842 \u043c\u00b3\/\u0441\u0430\u0493 (12 \u043a\u043c-\u0434\u0435)\", price: \"1 \u043c\u00b3 \u04af\u0448\u0456\u043d 36,38 \u20b8\" },\r\n                        { icon: \"fa-droplet\", color: \"sky\", title: \"\u0422\u0435\u0445\u043d\u0438\u043a\u0430\u043b\u044b\u049b \u0441\u0443\", value: \"640 \u043c\u00b3\/\u0441\u0430\u0493 (27.3 \u043a\u043c-\u0434\u0435)\", price: \"1 \u043c\u00b3 \u04af\u0448\u0456\u043d 150 \u20b8\" },\r\n                        { icon: \"fa-faucet-drip\", color: \"emerald\", title: \"\u041a\u04d9\u0440\u0456\u0437\", value: \"300 \u043c\u00b3\/\u0441\u0430\u0493 (9.4 \u043a\u043c-\u0434\u0435)\" },\r\n                        { icon: \"fa-train\", color: \"rose\", title: \"\u0422\u0435\u043c\u0456\u0440\u0436\u043e\u043b \u0436\u043e\u043b\u044b\", value: \"3.5 \u043a\u043c\" },\r\n                        { icon: \"fa-glass-water\", color: \"sky\", title: \"\u0410\u0443\u044b\u0437 \u0441\u0443\", value: \"70 \u043c\u00b3\/\u0442\u04d9\u0443\u043b\u0456\u043a\", price: \"1 \u043c\u00b3 \u04af\u0448\u0456\u043d 85,08 \u20b8\" }\r\n                    ]\r\n                },\r\n                {\r\n                    id: 1,\r\n                    name: \"\u04e8\u043d\u0435\u0440\u043a\u04d9\u0441\u0456\u043f\u0442\u0456\u043a \u0430\u0439\u043c\u0430\u049b 365 \u0433\u0430 (\u041e\u0440\u0430\u043d\u0493\u0430\u0439 \u0430\u0443\u044b\u043b\u044b)\",\r\n                    center: [43.379787, 68.399805],\r\n                    zoom: 14,\r\n                    polygon: [\r\n                        [43.393047, 68.406464], [43.386231, 68.420606], [43.365178, 68.389831],\r\n                        [43.370311, 68.381211], [43.372775, 68.382867], [43.385475, 68.396658],\r\n                        [43.385492, 68.401003]\r\n                    ],\r\n                    tourUrl: \"https:\/\/turkistaninvest.com\/3D\/2\/index.html\",\r\n                    hasInfrastructure: true,\r\n                    infrastructure: [\r\n                        { icon: \"fa-bolt\", color: \"amber\", title: \"\u042d\u043b\u0435\u043a\u0442\u0440\u043c\u0435\u043d \u0436\u0430\u0431\u0434\u044b\u049b\u0442\u0430\u0443\", value: \"50 \u041c\u0412\u0442 (11 \u043a\u043c-\u0434\u0435)\", price: \"1 \u043a\u0412\u0442 \u04af\u0448\u0456\u043d 38,42 \u20b8\" },\r\n                        { icon: \"fa-fire\", color: \"orange\", title: \"\u0413\u0430\u0437\u0431\u0435\u043d \u0436\u0430\u0431\u0434\u044b\u049b\u0442\u0430\u0443\", value: \"5000 \u043c\u00b3\/\u0441\u0430\u0493 (25.4 \u043a\u043c-\u0434\u0435)\", price: \"1 \u043c\u00b3 \u04af\u0448\u0456\u043d 40,75 \u20b8\" },\r\n                        { icon: \"fa-droplet\", color: \"sky\", title: \"\u0421\u0443\u043c\u0435\u043d \u0436\u0430\u0431\u0434\u044b\u049b\u0442\u0430\u0443\", value: \"1200 \u043c\u00b3\/\u0442\u04d9\u0443\u043b\u0456\u043a\", price: \"1 \u043c\u00b3 \u04af\u0448\u0456\u043d 168 \u20b8\" },\r\n                        { icon: \"fa-faucet-drip\", color: \"emerald\", title: \"\u041a\u04d9\u0440\u0456\u0437\", value: \"1200 \u043c\u00b3\/\u0442\u04d9\u0443\u043b\u0456\u043a (9 \u043a\u043c-\u0434\u0435)\" },\r\n                        { icon: \"fa-road\", color: \"slate\", title: \"\u0410\u0432\u0442\u043e\u0436\u043e\u043b\", value: \"3.6 \u043a\u043c\" },\r\n                        { icon: \"fa-train\", color: \"rose\", title: \"\u0422\u0435\u043c\u0456\u0440\u0436\u043e\u043b \u0436\u043e\u043b\u044b\", value: \"3.9 \u043a\u043c\" }\r\n                    ]\r\n                },\r\n                {\r\n                    id: 2,\r\n                    name: \"\u04e8\u043d\u0435\u0440\u043a\u04d9\u0441\u0456\u043f\u0442\u0456\u043a \u0430\u0439\u043c\u0430\u049b 35 \u0433\u0430 (\u041a\u0435\u043d\u0442\u0430\u0443 \u049b\u0430\u043b\u0430\u0441\u044b)\",\r\n                    center: [43.512949, 68.542784],\r\n                    zoom: 15,\r\n                    polygon: [\r\n                        [43.510328, 68.540897], [43.510581, 68.542764], [43.510814, 68.543431],\r\n                        [43.511331, 68.544397], [43.514058, 68.547347], [43.514367, 68.546122],\r\n                        [43.514181, 68.545317], [43.514314, 68.543456], [43.516072, 68.543664],\r\n                        [43.516008, 68.539256], [43.512119, 68.533503], [43.511217, 68.533250]\r\n                    ],\r\n                    tourUrl: null,\r\n                    hasInfrastructure: true,\r\n                    infrastructure: [\r\n                        { icon: \"fa-bolt\", color: \"amber\", title: \"\u042d\u043b\u0435\u043a\u0442\u0440\u043c\u0435\u043d \u0436\u0430\u0431\u0434\u044b\u049b\u0442\u0430\u0443\", value: \"6 M\u0412\u0442\", price: \"1 \u043a\u0412\u0442 \u04af\u0448\u0456\u043d 25 \u20b8\" },\r\n                        { icon: \"fa-droplet\", color: \"sky\", title: \"\u0421\u0443\u043c\u0435\u043d \u0436\u0430\u0431\u0434\u044b\u049b\u0442\u0430\u0443\", value: \"3238 \u043c\u00b3\/\u0441\u0430\u0493\", price: \"1 \u043c\u00b3 \u04af\u0448\u0456\u043d 131,27 \u20b8\" },\r\n                        { icon: \"fa-faucet-drip\", color: \"emerald\", title: \"\u041a\u04d9\u0440\u0456\u0437\", value: \"1900 \u043c\u00b3\/\u0441\u0430\u0493\", price: \"1 \u043c\u00b3 \u04af\u0448\u0456\u043d 88,38 \u20b8\" },\r\n                        { icon: \"fa-road\", color: \"slate\", title: \"\u0410\u0432\u0442\u043e\u0436\u043e\u043b\", value: \"4.5 \u043a\u043c\" },\r\n                        { icon: \"fa-train\", color: \"rose\", title: \"\u0422\u0435\u043c\u0456\u0440\u0436\u043e\u043b \u0436\u043e\u043b\u044b\", value: \"2.9 \u043a\u043c\" }\r\n                    ]\r\n                },\r\n                {\r\n                    id: 3,\r\n                    name: \"\u041e\u0440\u0442\u0430\u043b\u044b\u049b \u0410\u0437\u0438\u044f \u0425\u0430\u043b\u044b\u049b\u0430\u0440\u0430\u043b\u044b\u049b \u04e8\u043d\u0435\u0440\u043a\u04d9\u0441\u0456\u043f\u0442\u0456\u043a \u041a\u043e\u043e\u043f\u0435\u0440\u0430\u0446\u0438\u044f \u041e\u0440\u0442\u0430\u043b\u044b\u0493\u044b\",\r\n                    center: [40.8520, 68.4810],\r\n                    zoom: 13,\r\n                    polygon: [\r\n                        [40.8650, 68.4610], [40.8650, 68.5010], [40.8390, 68.5010], [40.8390, 68.4610]\r\n                    ],\r\n                    tourUrl: null,\r\n                    hasInfrastructure: true,\r\n                    infrastructure: [\r\n                        { icon: \"fa-bolt\", color: \"amber\", title: \"\u042d\u043b\u0435\u043a\u0442\u0440\u043c\u0435\u043d \u0436\u0430\u0431\u0434\u044b\u049b\u0442\u0430\u0443\", value: \"50 \u041c\u0412\u0442\" },\r\n                        { icon: \"fa-fire\", color: \"orange\", title: \"\u0413\u0430\u0437\u0431\u0435\u043d \u0436\u0430\u0431\u0434\u044b\u049b\u0442\u0430\u0443\", value: \"12 000 \u043c\u00b3\/\u0441\u0430\u0493\" },\r\n                        { icon: \"fa-droplet\", color: \"sky\", title: \"\u0421\u0443\u043c\u0435\u043d \u0436\u0430\u0431\u0434\u044b\u049b\u0442\u0430\u0443\", value: \"6 000 \u043c\u00b3\/\u0442\u04d9\u0443\u043b\u0456\u043a\" },\r\n                        { icon: \"fa-wifi\", color: \"indigo\", title: \"\u0411\u0430\u0439\u043b\u0430\u043d\u044b\u0441 \u0430\u0440\u043d\u0430\u043b\u0430\u0440\u044b\", value: \"\u0422\u0416\u0411\u0416 (\u0412\u041e\u041b\u0421), 5 \u0413\u0431\u0438\u0442\/\u0441\" }\r\n                    ]\r\n                },\r\n                {\r\n                    id: 4,\r\n                    name: \"\u04d8\u043a\u0456\u043c\u0448\u0456\u043b\u0456\u043a-\u0456\u0441\u043a\u0435\u0440\u043b\u0456\u043a \u043e\u0440\u0442\u0430\u043b\u044b\u049b (\u0422\u04af\u0440\u043a\u0456\u0441\u0442\u0430\u043d \u049b\u0430\u043b\u0430\u0441\u044b)\",\r\n                    center: [43.275946, 68.351661],\r\n                    zoom: 13,\r\n                    polygon: [\r\n                        [43.301681, 68.333511],\r\n[43.302108, 68.334022],\r\n[43.301317, 68.335717],\r\n[43.303247, 68.337828],\r\n[43.302714, 68.340747],\r\n[43.304728, 68.341922],\r\n[43.302081, 68.349522],\r\n[43.301417, 68.373847],\r\n[43.304928, 68.375789],\r\n[43.303636, 68.379350],\r\n[43.297167, 68.384669],\r\n[43.280539, 68.373942],\r\n[43.276233, 68.385347],\r\n[43.270814, 68.382550],\r\n[43.269039, 68.369589],\r\n[43.265478, 68.367356],\r\n[43.265481, 68.367044],\r\n[43.264269, 68.366094],\r\n[43.264411, 68.365686],\r\n[43.263744, 68.365136],\r\n[43.264194, 68.363667],\r\n[43.259014, 68.360242],\r\n[43.257794, 68.362469],\r\n[43.244003, 68.351386],\r\n[43.247572, 68.343961],\r\n[43.244856, 68.337975],\r\n[43.244219, 68.324658],\r\n[43.253764, 68.320564],\r\n[43.257353, 68.319672],\r\n[43.265261, 68.322081],\r\n[43.277058, 68.329833],\r\n[43.277694, 68.330414],\r\n[43.278439, 68.332333],\r\n[43.297519, 68.337178],\r\n[43.298708, 68.336900],\r\n[43.299969, 68.336203],\r\n[43.300725, 68.335189]\r\n                    ],\r\n                    tourUrl: null,\r\n                    hasInfrastructure: false,\r\n                    infrastructure: null\r\n                },\r\n                {\r\n                    id: 5,\r\n                    name: \"\u0422\u0430\u0440\u0438\u0445\u0438 \u043e\u0440\u0442\u0430\u043b\u044b\u049b (\u0422\u04af\u0440\u043a\u0456\u0441\u0442\u0430\u043d \u049b\u0430\u043b\u0430\u0441\u044b)\",\r\n                    center: [43.297092, 68.271438],\r\n                    zoom: 14,\r\n                    polygon: [\r\n                        [43.300989, 68.261522],\r\n[43.300989, 68.269119],\r\n[43.300772, 68.270186],\r\n[43.301506, 68.271014],\r\n[43.299589, 68.276594],\r\n[43.298219, 68.280628],\r\n[43.296783, 68.283625],\r\n[43.290172, 68.294933],\r\n[43.285656, 68.306697],\r\n[43.288106, 68.308453],\r\n[43.287514, 68.310267],\r\n[43.284133, 68.308517],\r\n[43.285022, 68.305342],\r\n[43.284833, 68.305219],\r\n[43.287256, 68.297411],\r\n[43.288136, 68.297444],\r\n[43.289208, 68.294297],\r\n[43.290856, 68.286858],\r\n[43.290669, 68.284597],\r\n[43.290233, 68.277792],\r\n[43.286122, 68.264067],\r\n[43.286867, 68.261225],\r\n[43.288269, 68.259183],\r\n[43.291486, 68.264806],\r\n[43.294758, 68.261611],\r\n[43.298367, 68.261233]\r\n                    ],\r\n                    tourUrl: null,\r\n                    hasInfrastructure: false,\r\n                    infrastructure: null\r\n                },\r\n                {\r\n                    id: 6,\r\n                    name: \"\u0425\u0430\u043b\u044b\u049b\u0430\u0440\u0430\u043b\u044b\u049b \u04d8\u0437\u0456\u0440\u0435\u0442 \u0421\u04b1\u043b\u0442\u0430\u043d \u04d8\u0443\u0435\u0436\u0430\u0439\u044b\",\r\n                    center: [43.315309, 68.546872],\r\n                    zoom: 13,\r\n                    polygon: [\r\n                       [43.298106, 68.523517],\r\n[43.297706, 68.523931],\r\n[43.299714, 68.528014],\r\n[43.298936, 68.528847],\r\n[43.299703, 68.532103],\r\n[43.307569, 68.547769],\r\n[43.307031, 68.548403],\r\n[43.306647, 68.547714],\r\n[43.305592, 68.548647],\r\n[43.306347, 68.550164],\r\n[43.307944, 68.548639],\r\n[43.309222, 68.551183],\r\n[43.307253, 68.553033],\r\n[43.308958, 68.556469],\r\n[43.310939, 68.554617],\r\n[43.319469, 68.571739],\r\n[43.322600, 68.576431],\r\n[43.323042, 68.577322],\r\n[43.321828, 68.578478],\r\n[43.324944, 68.584681],\r\n[43.329394, 68.580450],\r\n[43.326339, 68.574261],\r\n[43.325108, 68.575386],\r\n[43.324647, 68.574500],\r\n[43.321778, 68.565225],\r\n[43.317344, 68.556394],\r\n[43.317717, 68.556061],\r\n[43.316931, 68.554467],\r\n[43.318508, 68.552950],\r\n[43.317222, 68.550383],\r\n[43.318267, 68.549164],\r\n[43.317408, 68.545264],\r\n[43.314467, 68.539472],\r\n[43.313003, 68.540506],\r\n[43.311653, 68.537836],\r\n[43.309264, 68.540108],\r\n[43.305003, 68.531475],\r\n[43.300811, 68.527000],\r\n[43.300131, 68.527650]\r\n                    ],\r\n                    tourUrl: null,\r\n                    hasInfrastructure: false,\r\n                    infrastructure: null\r\n                }\r\n            ];\r\n\r\n            let turanMap = null; \r\n            let activePolygon = null;\r\n            let activeMarker = null;\r\n            let currentActiveZoneIndex = 0;\r\n            let currentMapStyle = 'light';\r\n            let mapReady = false;\r\n\r\n            function initMap() {\r\n                const mapEl = document.getElementById('turan-map-view');\r\n                if (!mapEl || typeof L === 'undefined') {\r\n                    \/\/ \u0415\u0433\u0435\u0440 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u043d\u0435\u043c\u0435\u0441\u0435 \u043a\u0456\u0442\u0430\u043f\u0445\u0430\u043d\u0430 \u0436\u04af\u043a\u0442\u0435\u043b\u043c\u0435\u0441\u0435, 300\u043c\u0441 \u043a\u0435\u0439\u0456\u043d \u049b\u0430\u0439\u0442\u0430 \u043a\u04e9\u0440\u0435\u0434\u0456\r\n                    setTimeout(initMap, 300);\r\n                    return;\r\n                }\r\n\r\n                if (turanMap !== null) return; \/\/ \u049a\u0430\u0439\u0442\u0430 \u049b\u04b1\u0440\u044b\u043b\u0443\u0434\u044b\u04a3 \u0430\u043b\u0434\u044b\u043d \u0430\u043b\u0430\u043c\u044b\u0437\r\n\r\n                try {\r\n                    turanMap = L.map('turan-map-view', {\r\n                        scrollWheelZoom: false,\r\n                        zoomControl: true,\r\n                        preferCanvas: false\r\n                    });\r\n\r\n                    turanMap.on('focus', function() { turanMap.scrollWheelZoom.enable(); });\r\n                    turanMap.on('blur', function() { turanMap.scrollWheelZoom.disable(); });\r\n\r\n                    applyTileLayer();\r\n\r\n                    const zone = subzonesData[currentActiveZoneIndex];\r\n                    turanMap.setView(zone.center, zone.zoom);\r\n                    mapReady = true;\r\n\r\n                    updateMapGraphics(currentActiveZoneIndex, false);\r\n\r\n                    \/\/ Resize \u0431\u0430\u049b\u044b\u043b\u0430\u0443\u0448\u044b\u0441\u044b\r\n                    const mapContainer = document.getElementById('map-container');\r\n                    if (mapContainer && window.ResizeObserver) {\r\n                        const ro = new ResizeObserver(function() {\r\n                            if (turanMap) turanMap.invalidateSize({ pan: false });\r\n                        });\r\n                        ro.observe(mapContainer);\r\n                    }\r\n\r\n                } catch(e) {\r\n                    console.error(\"Leaflet \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u049b\u0430\u0442\u0435\u0441\u0456:\", e);\r\n                }\r\n            }\r\n\r\n            function applyTileLayer() {\r\n                if (!turanMap) return;\r\n                turanMap.eachLayer(function(layer) {\r\n                    if (layer instanceof L.TileLayer) turanMap.removeLayer(layer);\r\n                });\r\n\r\n                if (currentMapStyle === 'light') {\r\n                    L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\r\n                        attribution: '&copy; OpenStreetMap',\r\n                        maxZoom: 19\r\n                    }).addTo(turanMap);\r\n                } else {\r\n                    L.tileLayer('https:\/\/server.arcgisonline.com\/ArcGIS\/rest\/services\/World_Imagery\/MapServer\/tile\/{z}\/{y}\/{x}', {\r\n                        attribution: 'Tiles &copy; Esri',\r\n                        maxZoom: 19\r\n                    }).addTo(turanMap);\r\n                }\r\n            }\r\n\r\n            function updateMapGraphics(index, animate) {\r\n                if (!turanMap || !mapReady) return;\r\n\r\n                const zone = subzonesData[index];\r\n                if (activePolygon) { turanMap.removeLayer(activePolygon); activePolygon = null; }\r\n                if (activeMarker) { turanMap.removeLayer(activeMarker); activeMarker = null; }\r\n\r\n                const strokeColor = currentMapStyle === 'satellite' ? '#3ba3dd' : '#1e7bb4';\r\n\r\n                activePolygon = L.polygon(zone.polygon, {\r\n                    color: strokeColor,\r\n                    weight: 4,\r\n                    fillColor: strokeColor,\r\n                    fillOpacity: 0.25,\r\n                    dashArray: '6, 6'\r\n                }).addTo(turanMap);\r\n\r\n                const customIcon = L.divIcon({\r\n                    className: '',\r\n                    html: '<div style=\"width:36px;height:36px;border-radius:50%;background:#1e7bb4;color:#fff;display:flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,0.3);font-size:16px;\"><i class=\"fa-solid fa-location-dot\"><\/i><\/div>',\r\n                    iconSize: [36, 36],\r\n                    iconAnchor: [18, 36]\r\n                });\r\n\r\n                activeMarker = L.marker(zone.center, { icon: customIcon }).addTo(turanMap);\r\n\r\n                if (animate) {\r\n                    turanMap.flyTo(zone.center, zone.zoom, { animate: true, duration: 1.2 });\r\n                } else {\r\n                    turanMap.setView(zone.center, zone.zoom);\r\n                }\r\n            }\r\n\r\n            \/\/ \u0413\u043b\u043e\u0431\u0430\u043b\u0434\u044b \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043b\u0430\u0440 HTML-\u0434\u0435\u0433\u0456 onclick \u0436\u04b1\u043c\u044b\u0441 \u0456\u0441\u0442\u0435\u0443\u0456 \u04af\u0448\u0456\u043d\r\n            window.switchSubzone = function(index, animate) {\r\n                if (animate === undefined) animate = true;\r\n                currentActiveZoneIndex = index;\r\n                const zone = subzonesData[index];\r\n\r\n                document.querySelectorAll('.subzone-btn').forEach((btn, i) => {\r\n                    if (i === index) {\r\n                        btn.classList.remove('bg-slate-50', 'border-slate-200');\r\n                        btn.classList.add('bg-brand-50', 'border-brand-500', 'ring-4', 'ring-brand-100');\r\n                        btn.querySelector('span').classList.add('bg-brand-500', 'text-white');\r\n                        btn.querySelector('span').classList.remove('bg-slate-200', 'text-slate-600');\r\n                    } else {\r\n                        btn.classList.add('bg-slate-50', 'border-slate-200');\r\n                        btn.classList.remove('bg-brand-50', 'border-brand-500', 'ring-4', 'ring-brand-100');\r\n                        btn.querySelector('span').classList.remove('bg-brand-500', 'text-white');\r\n                        btn.querySelector('span').classList.add('bg-slate-200', 'text-slate-600');\r\n                    }\r\n                });\r\n\r\n                const overlayName = document.getElementById('overlay-zone-name');\r\n                if(overlayName) overlayName.textContent = zone.name;\r\n\r\n                const infraCard = document.getElementById('infra-card');\r\n                const infraGrid = document.getElementById('infra-grid');\r\n                if (zone.hasInfrastructure && zone.infrastructure && infraCard && infraGrid) {\r\n                    infraCard.classList.remove('hidden');\r\n                    infraGrid.innerHTML = '';\r\n                    zone.infrastructure.forEach(item => {\r\n                        const colorSet = colorClasses[item.color] || colorClasses.slate;\r\n                        const priceHtml = item.price ? `<div class=\"text-xs text-slate-500 font-semibold mt-1\">${item.price}<\/div>` : '';\r\n                        infraGrid.insertAdjacentHTML('beforeend', `\r\n                            <div class=\"p-4 sm:p-5 bg-slate-50 rounded-xl border border-slate-100\/70 hover:shadow-inner hover:border-brand-200\/50 transition-all flex items-center gap-4\">\r\n                                <div class=\"w-12 h-12 sm:w-14 sm:h-14 rounded-xl ${colorSet.bg} ${colorSet.text} flex items-center justify-center shrink-0\">\r\n                                    <i class=\"fa-solid ${item.icon} text-xl sm:text-2xl\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <h4 class=\"text-[10px] sm:text-xs font-bold text-slate-400 uppercase tracking-wider\">${item.title}<\/h4>\r\n                                    <div class=\"text-base sm:text-lg font-black text-slate-800 mt-0.5\">${item.value}<\/div>\r\n                                    ${priceHtml}\r\n                                <\/div>\r\n                            <\/div>\r\n                        `);\r\n                    });\r\n                } else if (infraCard) {\r\n                    infraCard.classList.add('hidden');\r\n                }\r\n\r\n                const tourCard = document.getElementById('tour-card');\r\n                const tourLink = document.getElementById('tour-link-active');\r\n                if (zone.tourUrl && tourCard && tourLink) {\r\n                    tourLink.href = zone.tourUrl;\r\n                    tourCard.classList.remove('hidden');\r\n                } else if (tourCard) {\r\n                    tourCard.classList.add('hidden');\r\n                }\r\n\r\n                if (mapReady) {\r\n                    updateMapGraphics(index, animate);\r\n                }\r\n            };\r\n\r\n            window.changeMapStyle = function(style) {\r\n                currentMapStyle = style;\r\n                const lightBtn = document.getElementById('map-style-light');\r\n                const satBtn = document.getElementById('map-style-satellite');\r\n                \r\n                if(lightBtn && satBtn) {\r\n                    lightBtn.className = style === 'light'\r\n                        ? 'px-4 py-2 rounded-md transition-all text-slate-900 bg-white shadow-sm font-bold'\r\n                        : 'px-4 py-2 rounded-md transition-all text-slate-500 hover:text-slate-800';\r\n                    satBtn.className = style === 'satellite'\r\n                        ? 'px-4 py-2 rounded-md transition-all text-slate-900 bg-white shadow-sm font-bold'\r\n                        : 'px-4 py-2 rounded-md transition-all text-slate-500 hover:text-slate-800';\r\n                }\r\n\r\n                applyTileLayer();\r\n                updateMapGraphics(currentActiveZoneIndex, false);\r\n            };\r\n\r\n            function startApp() {\r\n                window.switchSubzone(0, false);\r\n                initMap();\r\n            }\r\n\r\n            \/\/ \u041e\u0440\u0442\u0430\u0493\u0430 \u0431\u0430\u0439\u043b\u0430\u043d\u044b\u0441\u0442\u044b \u0434\u04b1\u0440\u044b\u0441 \u0456\u0441\u043a\u0435 \u049b\u043e\u0441\u0443\r\n            if (document.readyState === 'loading') {\r\n                document.addEventListener('DOMContentLoaded', startApp);\r\n            } else {\r\n                setTimeout(startApp, 100);\r\n            }\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-2471354602\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-2471354602\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-b85294f e-con-full e-flex e-con e-child\" data-id=\"b85294f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9fccf72 e-flex e-con-boxed e-con e-child\" data-id=\"9fccf72\" 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-6c3b531 e-con-full e-flex e-con e-child\" data-id=\"6c3b531\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39dbab6 elementor-widget elementor-widget-html\" data-id=\"39dbab6\" 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>\u0418\u0417 \u0422\u0423\u0420\u041a\u0415\u0421\u0422\u0410\u041d \u2014 \u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u0442\u0456 \u0434\u0430\u0448\u0431\u043e\u0440\u0434<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        brand: {\r\n                            50: '#f0f7fc',\r\n                            100: '#e1eff8',\r\n                            200: '#bce0f2',\r\n                            300: '#7fc4ea',\r\n                            400: '#3ba3dd',\r\n                            500: '#1e7bb4',\r\n                            600: '#155e92',\r\n                            700: '#134c76',\r\n                            800: '#134162',\r\n                            950: '#0a1d30',\r\n                        }\r\n                    },\r\n                    boxShadow: {\r\n                        'brand-soft': '0 10px 25px -5px rgba(30, 123, 180, 0.15), 0 8px 10px -6px rgba(30, 123, 180, 0.15)',\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/leaflet\/1.9.4\/leaflet.min.css\" \/>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/leaflet\/1.9.4\/leaflet.min.js\"><\/script>\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');\r\n        body { font-family: 'Inter', sans-serif; }\r\n        ::-webkit-scrollbar { width: 8px; }\r\n        ::-webkit-scrollbar-track { background: #f1f1f1; }\r\n        ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }\r\n        ::-webkit-scrollbar-thumb:hover { background: #1e7bb4; }\r\n\r\n        #map-container {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 430px !important;\r\n            min-height: 430px; \r\n            display: block;\r\n        }\r\n        #iz-map-view {\r\n            position: absolute;\r\n            top: 0; left: 0; right: 0; bottom: 0;\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            z-index: 10; \r\n            background: #e2e8f0;\r\n        }\r\n        #map-info-overlay {\r\n            position: absolute;\r\n            bottom: 16px;\r\n            left: 16px;\r\n            z-index: 1000;\r\n            background-color: #020617 !important;\r\n            border: 1px solid #1e293b !important;\r\n            color: #ffffff !important;\r\n            padding: 12px 16px;\r\n            border-radius: 12px;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.4);\r\n            pointer-events: none;\r\n            max-width: 280px;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-900 p-0 m-0 w-full h-full\">\r\n\r\n    <div class=\"w-full p-4 sm:p-6 md:p-8\">\r\n        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-6 md:gap-8 w-full\">\r\n\r\n            <div class=\"lg:col-span-5 flex flex-col gap-6\">\r\n\r\n                <div class=\"bg-white p-6 sm:p-7 rounded-2xl shadow-brand-soft border border-slate-200\/80\">\r\n                    <h3 class=\"text-sm sm:text-base font-extrabold text-slate-400 uppercase tracking-wider mb-6 flex items-center gap-2.5\">\r\n                        <i class=\"fa-solid fa-layer-group text-brand-500 text-lg\"><\/i> \u0418\u043d\u0434\u0443\u0441\u0442\u0440\u0438\u0430\u043b\u0434\u044b \u0430\u0439\u043c\u0430\u049b\u0442\u0430\u0440\r\n                    <\/h3>\r\n                    <div class=\"flex flex-col gap-3.5 max-h-[440px] overflow-y-auto pr-1\" id=\"subzone-selector\">\r\n\r\n                        <button onclick=\"window.switchSubzone2(0)\" class=\"subzone-btn w-full text-left p-4 sm:p-5 rounded-2xl border-2 transition-all duration-300 flex items-center justify-between group bg-slate-50 border-slate-200 hover:border-brand-200\">\r\n                            <div class=\"flex items-center gap-4\">\r\n                                <span class=\"w-11 h-11 rounded-xl flex items-center justify-center bg-slate-200 text-slate-600 font-bold group-hover:bg-brand-500 group-hover:text-white transition-all text-base shadow-sm shrink-0\">1<\/span>\r\n                                <div>\r\n                                    <h4 class=\"font-extrabold text-slate-800 group-hover:text-brand-700 transition-colors text-base leading-snug\">\u04e8\u043d\u0435\u0440\u043a\u04d9\u0441\u0456\u043f\u0442\u0456\u043a \u0430\u0439\u043c\u0430\u049b 290 \u0433\u0430<\/h4>\r\n                                    <p class=\"text-xs sm:text-sm text-slate-400 mt-0.5\">\u0422\u04af\u0440\u043a\u0456\u0441\u0442\u0430\u043d \u049b\u0430\u043b\u0430\u0441\u044b<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <i class=\"fa-solid fa-chevron-right text-slate-400 group-hover:translate-x-1.5 transition-transform text-lg shrink-0\"><\/i>\r\n                        <\/button>\r\n\r\n                        <button onclick=\"window.switchSubzone2(1)\" class=\"subzone-btn w-full text-left p-4 sm:p-5 rounded-2xl border-2 transition-all duration-300 flex items-center justify-between group bg-slate-50 border-slate-200 hover:border-brand-200\">\r\n                            <div class=\"flex items-center gap-4\">\r\n                                <span class=\"w-11 h-11 rounded-xl flex items-center justify-center bg-slate-200 text-slate-600 font-bold group-hover:bg-brand-500 group-hover:text-white transition-all text-base shadow-sm shrink-0\">2<\/span>\r\n                                <div>\r\n                                    <h4 class=\"font-extrabold text-slate-800 group-hover:text-brand-700 transition-colors text-base leading-snug\">\u04e8\u043d\u0435\u0440\u043a\u04d9\u0441\u0456\u043f\u0442\u0456\u043a \u0430\u0439\u043c\u0430\u049b 365 \u0433\u0430<\/h4>\r\n                                    <p class=\"text-xs sm:text-sm text-slate-400 mt-0.5\">\u041e\u0440\u0430\u043d\u0493\u0430\u0439 \u0430\u0443\u044b\u043b\u044b<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <i class=\"fa-solid fa-chevron-right text-slate-400 group-hover:translate-x-1.5 transition-transform text-lg shrink-0\"><\/i>\r\n                        <\/button>\r\n\r\n                        <button onclick=\"window.switchSubzone2(2)\" class=\"subzone-btn w-full text-left p-4 sm:p-5 rounded-2xl border-2 transition-all duration-300 flex items-center justify-between group bg-slate-50 border-slate-200 hover:border-brand-200\">\r\n                            <div class=\"flex items-center gap-4\">\r\n                                <span class=\"w-11 h-11 rounded-xl flex items-center justify-center bg-slate-200 text-slate-600 font-bold group-hover:bg-brand-500 group-hover:text-white transition-all text-base shadow-sm shrink-0\">3<\/span>\r\n                                <div>\r\n                                    <h4 class=\"font-extrabold text-slate-800 group-hover:text-brand-700 transition-colors text-base leading-snug\">\u04e8\u043d\u0435\u0440\u043a\u04d9\u0441\u0456\u043f\u0442\u0456\u043a \u0430\u0439\u043c\u0430\u049b 35 \u0433\u0430<\/h4>\r\n                                    <p class=\"text-xs sm:text-sm text-slate-400 mt-0.5\">\u041a\u0435\u043d\u0442\u0430\u0443 \u049b\u0430\u043b\u0430\u0441\u044b<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <i class=\"fa-solid fa-chevron-right text-slate-400 group-hover:translate-x-1.5 transition-transform text-lg shrink-0\"><\/i>\r\n                        <\/button>\r\n\r\n                        <button onclick=\"window.switchSubzone2(3)\" class=\"subzone-btn w-full text-left p-4 sm:p-5 rounded-2xl border-2 transition-all duration-300 flex items-center justify-between group bg-slate-50 border-slate-200 hover:border-brand-200\">\r\n                            <div class=\"flex items-center gap-4\">\r\n                                <span class=\"w-11 h-11 rounded-xl flex items-center justify-center bg-slate-200 text-slate-600 font-bold group-hover:bg-brand-500 group-hover:text-white transition-all text-base shadow-sm shrink-0\">4<\/span>\r\n                                <div>\r\n                                    <h4 class=\"font-extrabold text-slate-800 group-hover:text-brand-700 transition-colors text-base leading-snug\">\u041e\u0440\u0442\u0430\u043b\u044b\u049b \u0410\u0437\u0438\u044f \u0425\u04e8\u041a\u041e<\/h4>\r\n                                    <p class=\"text-xs sm:text-sm text-slate-400 mt-0.5\">\u041c\u0430\u049b\u0442\u0430\u0440\u0430\u043b \u0430\u0443\u0434\u0430\u043d\u044b<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <i class=\"fa-solid fa-chevron-right text-slate-400 group-hover:translate-x-1.5 transition-transform text-lg shrink-0\"><\/i>\r\n                        <\/button>\r\n\r\n                        <button onclick=\"window.switchSubzone2(4)\" class=\"subzone-btn w-full text-left p-4 sm:p-5 rounded-2xl border-2 transition-all duration-300 flex items-center justify-between group bg-slate-50 border-slate-200 hover:border-brand-200\">\r\n                            <div class=\"flex items-center gap-4\">\r\n                                <span class=\"w-11 h-11 rounded-xl flex items-center justify-center bg-slate-200 text-slate-600 font-bold group-hover:bg-brand-500 group-hover:text-white transition-all text-base shadow-sm shrink-0\">5<\/span>\r\n                                <div>\r\n                                    <h4 class=\"font-extrabold text-slate-800 group-hover:text-brand-700 transition-colors text-base leading-snug\">\u04d8\u043a\u0456\u043c\u0448\u0456\u043b\u0456\u043a-\u0456\u0441\u043a\u0435\u0440\u043b\u0456\u043a \u043e\u0440\u0442\u0430\u043b\u044b\u049b<\/h4>\r\n                                    <p class=\"text-xs sm:text-sm text-slate-400 mt-0.5\">\u0422\u04af\u0440\u043a\u0456\u0441\u0442\u0430\u043d \u049b\u0430\u043b\u0430\u0441\u044b<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <i class=\"fa-solid fa-chevron-right text-slate-400 group-hover:translate-x-1.5 transition-transform text-lg shrink-0\"><\/i>\r\n                        <\/button>\r\n\r\n                        <button onclick=\"window.switchSubzone2(5)\" class=\"subzone-btn w-full text-left p-4 sm:p-5 rounded-2xl border-2 transition-all duration-300 flex items-center justify-between group bg-slate-50 border-slate-200 hover:border-brand-200\">\r\n                            <div class=\"flex items-center gap-4\">\r\n                                <span class=\"w-11 h-11 rounded-xl flex items-center justify-center bg-slate-200 text-slate-600 font-bold group-hover:bg-brand-500 group-hover:text-white transition-all text-base shadow-sm shrink-0\">6<\/span>\r\n                                <div>\r\n                                    <h4 class=\"font-extrabold text-slate-800 group-hover:text-brand-700 transition-colors text-base leading-snug\">\u0422\u0430\u0440\u0438\u0445\u0438 \u043e\u0440\u0442\u0430\u043b\u044b\u049b<\/h4>\r\n                                    <p class=\"text-xs sm:text-sm text-slate-400 mt-0.5\">\u0422\u04af\u0440\u043a\u0456\u0441\u0442\u0430\u043d \u049b\u0430\u043b\u0430\u0441\u044b<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <i class=\"fa-solid fa-chevron-right text-slate-400 group-hover:translate-x-1.5 transition-transform text-lg shrink-0\"><\/i>\r\n                        <\/button>\r\n\r\n                        <button onclick=\"window.switchSubzone2(6)\" class=\"subzone-btn w-full text-left p-4 sm:p-5 rounded-2xl border-2 transition-all duration-300 flex items-center justify-between group bg-slate-50 border-slate-200 hover:border-brand-200\">\r\n                            <div class=\"flex items-center gap-4\">\r\n                                <span class=\"w-11 h-11 rounded-xl flex items-center justify-center bg-slate-200 text-slate-600 font-bold group-hover:bg-brand-500 group-hover:text-white transition-all text-base shadow-sm shrink-0\">7<\/span>\r\n                                <div>\r\n                                    <h4 class=\"font-extrabold text-slate-800 group-hover:text-brand-700 transition-colors text-base leading-snug\">\u0425\u0410 \u04d8\u0437\u0456\u0440\u0435\u0442 \u0421\u04b1\u043b\u0442\u0430\u043d \u04d8\u0443\u0435\u0436\u0430\u0439\u044b<\/h4>\r\n                                    <p class=\"text-xs sm:text-sm text-slate-400 mt-0.5\">\u0422\u04af\u0440\u043a\u0456\u0441\u0442\u0430\u043d \u049b\u0430\u043b\u0430\u0441\u044b<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <i class=\"fa-solid fa-chevron-right text-slate-400 group-hover:translate-x-1.5 transition-transform text-lg shrink-0\"><\/i>\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div id=\"tour-card\" style=\"background-color: #0f172a !important; border: 1px solid #1e293b !important; color: #ffffff !important;\" class=\"p-6 sm:p-7 rounded-2xl shadow-brand-soft relative overflow-hidden hidden transition-all duration-300\">\r\n                    <div class=\"absolute -right-10 -bottom-10 w-40 h-40 bg-brand-500\/10 rounded-full blur-2xl\"><\/div>\r\n                    <div class=\"absolute -left-10 -top-10 w-40 h-40 bg-blue-500\/10 rounded-full blur-2xl\"><\/div>\r\n                    <div class=\"relative z-10 flex flex-col xl:flex-row items-center justify-between gap-5 w-full\">\r\n                        <div class=\"text-center xl:text-left\">\r\n                            <h3 style=\"color: #ffffff !important;\" class=\"text-xl font-extrabold tracking-tight flex items-center justify-center xl:justify-start gap-2.5\">\r\n                                <span class=\"animate-pulse w-2.5 h-2.5 bg-green-400 rounded-full shrink-0\"><\/span>\r\n                                \u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u0442\u0456 3D-\u0442\u0443\u0440\r\n                            <\/h3>\r\n                            <p style=\"color: #cbd5e1 !important;\" class=\"text-xs mt-2 max-w-sm leading-relaxed font-normal\">\u0410\u043b\u0430\u04a3\u043d\u044b\u04a3 \u043b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u044b \u043c\u0435\u043d \u0438\u043d\u0444\u0440\u0430\u049b\u04b1\u0440\u044b\u043b\u044b\u043c\u044b\u043d\u044b\u04a3 \u0434\u0430\u0439\u044b\u043d\u0434\u044b\u0493\u044b\u043d \u043e\u043d\u043b\u0430\u0439\u043d 360\u00b0 \u0444\u043e\u0440\u043c\u0430\u0442\u044b\u043d\u0434\u0430 \u0442\u0430\u043c\u0430\u0448\u0430\u043b\u0430\u0443.<\/p>\r\n                        <\/div>\r\n                        <div class=\"w-full xl:w-auto shrink-0\">\r\n                            <a id=\"tour-link-active\" href=\"#\" target=\"_blank\" class=\"w-full sm:w-auto text-center px-6 py-3.5 bg-brand-500 hover:bg-brand-600 text-white font-bold rounded-xl transition-all shadow-lg shadow-brand-500\/25 flex items-center justify-center gap-2.5 text-sm uppercase tracking-wider\">\r\n                                <i class=\"fa-solid fa-vr-cardboard text-lg\"><\/i>\r\n                                3D \u0442\u0443\u0440\u0434\u0456 \u0431\u0430\u0441\u0442\u0430\u0443\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"lg:col-span-7 flex flex-col gap-6\">\r\n\r\n                <div class=\"bg-white p-5 rounded-2xl shadow-brand-soft border border-slate-200\/80 flex flex-col\">\r\n                    <div class=\"flex items-center justify-between mb-4\">\r\n                        <div class=\"flex items-center gap-3\">\r\n                            <span class=\"p-2 bg-brand-50 text-brand-500 rounded-xl\">\r\n                                <i class=\"fa-solid fa-map-location-dot text-lg\"><\/i>\r\n                            <\/span>\r\n                            <span class=\"font-extrabold text-slate-800 text-base sm:text-lg uppercase tracking-wider\">\u041e\u0440\u043d\u0430\u043b\u0430\u0441\u049b\u0430\u043d \u0436\u0435\u0440\u0456<\/span>\r\n                        <\/div>\r\n                        <div class=\"flex gap-1 bg-slate-100 p-1 rounded-lg text-sm font-bold\">\r\n                            <button onclick=\"window.changeMapStyle2('light')\" id=\"map-style-light\" class=\"px-4 py-2 rounded-md transition-all text-slate-900 bg-white shadow-sm font-bold\">\u0410\u0448\u044b\u049b<\/button>\r\n                            <button onclick=\"window.changeMapStyle2('satellite')\" id=\"map-style-satellite\" class=\"px-4 py-2 rounded-md transition-all text-slate-600 hover:text-slate-900\">\u0421\u043f\u0443\u0442\u043d\u0438\u043a<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div id=\"map-container\" class=\"rounded-xl overflow-hidden border border-slate-200\">\r\n                        <div id=\"iz-map-view\"><\/div>\r\n                        <div id=\"map-info-overlay\">\r\n                            <div class=\"flex items-center gap-2.5\">\r\n                                <span class=\"w-2.5 h-2.5 bg-green-400 rounded-full animate-pulse shrink-0\" style=\"display:inline-block;\"><\/span>\r\n                                <h4 id=\"overlay-zone-name\" style=\"color: #ffffff !important; font-size: 13px; font-weight: 800; margin: 0; line-height: 1.4;\"><\/h4>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div id=\"infra-card\" class=\"bg-white p-5 sm:p-6 rounded-2xl shadow-brand-soft border border-slate-200\/80 transition-all duration-300\">\r\n                    <div class=\"flex items-center justify-between border-b border-slate-100 pb-4 mb-5\">\r\n                        <h3 class=\"font-extrabold text-slate-800 flex items-center gap-2.5 text-base sm:text-lg uppercase tracking-wider\">\r\n                            <i class=\"fa-solid fa-plug text-brand-500 text-lg\"><\/i> \u0418\u043d\u0444\u0440\u0430\u049b\u04b1\u0440\u044b\u043b\u044b\u043c\r\n                        <\/h3>\r\n                    <\/div>\r\n                    <div id=\"infra-grid\" class=\"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-5 transition-all duration-300\"><\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Elementor \u049b\u0430\u0442\u0435\u043b\u0456\u043a\u0442\u0435\u0440\u0456\u043d\u0456\u04a3 \u0430\u043b\u0434\u044b\u043d \u0430\u043b\u0443 \u04af\u0448\u0456\u043d \u0431\u04af\u043a\u0456\u043b \u043b\u043e\u0433\u0438\u043a\u0430\u043d\u044b IIFE (\u043e\u049b\u0448\u0430\u0443\u043b\u0430\u043d\u0493\u0430\u043d \u0444\u0443\u043d\u043a\u0446\u0438\u044f) \u0456\u0448\u0456\u043d\u0435 \u0441\u0430\u043b\u0434\u044b\u049b\r\n        (function() {\r\n            const colorClasses = {\r\n                amber: { bg: 'bg-amber-500\/10', text: 'text-amber-600' },\r\n                orange: { bg: 'bg-orange-500\/10', text: 'text-orange-600' },\r\n                sky: { bg: 'bg-sky-500\/10', text: 'text-sky-600' },\r\n                indigo: { bg: 'bg-indigo-500\/10', text: 'text-indigo-600' },\r\n                emerald: { bg: 'bg-emerald-500\/10', text: 'text-emerald-600' },\r\n                slate: { bg: 'bg-slate-500\/10', text: 'text-slate-600' },\r\n                rose: { bg: 'bg-rose-500\/10', text: 'text-rose-600' }\r\n            };\r\n\r\n            const subzonesData = [\r\n                {\r\n                    id: 0,\r\n                    name: \"\u04e8\u043d\u0435\u0440\u043a\u04d9\u0441\u0456\u043f\u0442\u0456\u043a \u0430\u0439\u043c\u0430\u049b 290 \u0433\u0430 (\u0422\u04af\u0440\u043a\u0456\u0441\u0442\u0430\u043d \u049b\u0430\u043b\u0430\u0441\u044b)\",\r\n                    center: [43.2889, 68.1678],\r\n                    zoom: 14,\r\n                    polygon: [\r\n                        [43.2711056, 68.1667389], [43.2796528, 68.1798722], [43.2828583, 68.1763917],\r\n                        [43.2870389, 68.1736361], [43.2861917, 68.1723361], [43.288225, 68.1695083],\r\n                        [43.2867528, 68.1665056], [43.2887444, 68.1637417], [43.2891972, 68.1599361],\r\n                        [43.3007, 68.159675], [43.3006583, 68.1631139], [43.3066472, 68.1641194],\r\n                        [43.3070722, 68.1563944], [43.2941444, 68.1554528], [43.2892556, 68.1558639],\r\n                        [43.2830722, 68.1579972], [43.2781611, 68.1607389]\r\n                    ],\r\n                    tourUrl: \"https:\/\/turkistaninvest.com\/3D\/1new\/index.html\",\r\n                    hasInfrastructure: true,\r\n                    infrastructure: [\r\n                        { icon: \"fa-bolt\", color: \"amber\", title: \"\u042d\u043b\u0435\u043a\u0442\u0440\u043c\u0435\u043d \u0436\u0430\u0431\u0434\u044b\u049b\u0442\u0430\u0443\", value: \"5+25 \u041c\u0412\u0442 (24.7 \u043a\u043c-\u0434\u0435)\", price: \"1 \u043a\u0412\u0442 \u04af\u0448\u0456\u043d 25 \u20b8\" },\r\n                        { icon: \"fa-fire\", color: \"orange\", title: \"\u0413\u0430\u0437\u0431\u0435\u043d \u0436\u0430\u0431\u0434\u044b\u049b\u0442\u0430\u0443\", value: \"8842 \u043c\u00b3\/\u0441\u0430\u0493 (12 \u043a\u043c-\u0434\u0435)\", price: \"1 \u043c\u00b3 \u04af\u0448\u0456\u043d 36,38 \u20b8\" },\r\n                        { icon: \"fa-droplet\", color: \"sky\", title: \"\u0422\u0435\u0445\u043d\u0438\u043a\u0430\u043b\u044b\u049b \u0441\u0443\", value: \"640 \u043c\u00b3\/\u0441\u0430\u0493 (27.3 \u043a\u043c-\u0434\u0435)\", price: \"1 \u043c\u00b3 \u04af\u0448\u0456\u043d 150 \u20b8\" },\r\n                        { icon: \"fa-faucet-drip\", color: \"emerald\", title: \"\u041a\u04d9\u0440\u0456\u0437\", value: \"300 \u043c\u00b3\/\u0441\u0430\u0493 (9.4 \u043a\u043c-\u0434\u0435)\" },\r\n                        { icon: \"fa-train\", color: \"rose\", title: \"\u0422\u0435\u043c\u0456\u0440\u0436\u043e\u043b \u0436\u043e\u043b\u044b\", value: \"3.5 \u043a\u043c\" },\r\n                        { icon: \"fa-glass-water\", color: \"sky\", title: \"\u0410\u0443\u044b\u0437 \u0441\u0443\", value: \"70 \u043c\u00b3\/\u0442\u04d9\u0443\u043b\u0456\u043a\", price: \"1 \u043c\u00b3 \u04af\u0448\u0456\u043d 85,08 \u20b8\" }\r\n                    ]\r\n                },\r\n                {\r\n                    id: 1,\r\n                    name: \"\u04e8\u043d\u0435\u0440\u043a\u04d9\u0441\u0456\u043f\u0442\u0456\u043a \u0430\u0439\u043c\u0430\u049b 365 \u0433\u0430 (\u041e\u0440\u0430\u043d\u0493\u0430\u0439 \u0430\u0443\u044b\u043b\u044b)\",\r\n                    center: [43.379787, 68.399805],\r\n                    zoom: 14,\r\n                    polygon: [\r\n                        [43.393047, 68.406464], [43.386231, 68.420606], [43.365178, 68.389831],\r\n                        [43.370311, 68.381211], [43.372775, 68.382867], [43.385475, 68.396658],\r\n                        [43.385492, 68.401003]\r\n                    ],\r\n                    tourUrl: \"https:\/\/turkistaninvest.com\/3D\/2\/index.html\",\r\n                    hasInfrastructure: true,\r\n                    infrastructure: [\r\n                        { icon: \"fa-bolt\", color: \"amber\", title: \"\u042d\u043b\u0435\u043a\u0442\u0440\u043c\u0435\u043d \u0436\u0430\u0431\u0434\u044b\u049b\u0442\u0430\u0443\", value: \"50 \u041c\u0412\u0442 (11 \u043a\u043c-\u0434\u0435)\", price: \"1 \u043a\u0412\u0442 \u04af\u0448\u0456\u043d 38,42 \u20b8\" },\r\n                        { icon: \"fa-fire\", color: \"orange\", title: \"\u0413\u0430\u0437\u0431\u0435\u043d \u0436\u0430\u0431\u0434\u044b\u049b\u0442\u0430\u0443\", value: \"5000 \u043c\u00b3\/\u0441\u0430\u0493 (25.4 \u043a\u043c-\u0434\u0435)\", price: \"1 \u043c\u00b3 \u04af\u0448\u0456\u043d 40,75 \u20b8\" },\r\n                        { icon: \"fa-droplet\", color: \"sky\", title: \"\u0421\u0443\u043c\u0435\u043d \u0436\u0430\u0431\u0434\u044b\u049b\u0442\u0430\u0443\", value: \"1200 \u043c\u00b3\/\u0442\u04d9\u0443\u043b\u0456\u043a\", price: \"1 \u043c\u00b3 \u04af\u0448\u0456\u043d 168 \u20b8\" },\r\n                        { icon: \"fa-faucet-drip\", color: \"emerald\", title: \"\u041a\u04d9\u0440\u0456\u0437\", value: \"1200 \u043c\u00b3\/\u0442\u04d9\u0443\u043b\u0456\u043a (9 \u043a\u043c-\u0434\u0435)\" },\r\n                        { icon: \"fa-road\", color: \"slate\", title: \"\u0410\u0432\u0442\u043e\u0436\u043e\u043b\", value: \"3.6 \u043a\u043c\" },\r\n                        { icon: \"fa-train\", color: \"rose\", title: \"\u0422\u0435\u043c\u0456\u0440\u0436\u043e\u043b \u0436\u043e\u043b\u044b\", value: \"3.9 \u043a\u043c\" }\r\n                    ]\r\n                },\r\n                {\r\n                    id: 2,\r\n                    name: \"\u04e8\u043d\u0435\u0440\u043a\u04d9\u0441\u0456\u043f\u0442\u0456\u043a \u0430\u0439\u043c\u0430\u049b 35 \u0433\u0430 (\u041a\u0435\u043d\u0442\u0430\u0443 \u049b\u0430\u043b\u0430\u0441\u044b)\",\r\n                    center: [43.512949, 68.542784],\r\n                    zoom: 15,\r\n                    polygon: [\r\n                        [43.510328, 68.540897], [43.510581, 68.542764], [43.510814, 68.543431],\r\n                        [43.511331, 68.544397], [43.514058, 68.547347], [43.514367, 68.546122],\r\n                        [43.514181, 68.545317], [43.514314, 68.543456], [43.516072, 68.543664],\r\n                        [43.516008, 68.539256], [43.512119, 68.533503], [43.511217, 68.533250]\r\n                    ],\r\n                    tourUrl: null,\r\n                    hasInfrastructure: true,\r\n                    infrastructure: [\r\n                        { icon: \"fa-bolt\", color: \"amber\", title: \"\u042d\u043b\u0435\u043a\u0442\u0440\u043c\u0435\u043d \u0436\u0430\u0431\u0434\u044b\u049b\u0442\u0430\u0443\", value: \"6 M\u0412\u0442\", price: \"1 \u043a\u0412\u0442 \u04af\u0448\u0456\u043d 25 \u20b8\" },\r\n                        { icon: \"fa-droplet\", color: \"sky\", title: \"\u0421\u0443\u043c\u0435\u043d \u0436\u0430\u0431\u0434\u044b\u049b\u0442\u0430\u0443\", value: \"3238 \u043c\u00b3\/\u0441\u0430\u0493\", price: \"1 \u043c\u00b3 \u04af\u0448\u0456\u043d 131,27 \u20b8\" },\r\n                        { icon: \"fa-faucet-drip\", color: \"emerald\", title: \"\u041a\u04d9\u0440\u0456\u0437\", value: \"1900 \u043c\u00b3\/\u0441\u0430\u0493\", price: \"1 \u043c\u00b3 \u04af\u0448\u0456\u043d 88,38 \u20b8\" },\r\n                        { icon: \"fa-road\", color: \"slate\", title: \"\u0410\u0432\u0442\u043e\u0436\u043e\u043b\", value: \"4.5 \u043a\u043c\" },\r\n                        { icon: \"fa-train\", color: \"rose\", title: \"\u0422\u0435\u043c\u0456\u0440\u0436\u043e\u043b \u0436\u043e\u043b\u044b\", value: \"2.9 \u043a\u043c\" }\r\n                    ]\r\n                },\r\n                {\r\n                    id: 3,\r\n                    name: \"\u041e\u0440\u0442\u0430\u043b\u044b\u049b \u0410\u0437\u0438\u044f \u0425\u0430\u043b\u044b\u049b\u0430\u0440\u0430\u043b\u044b\u049b \u04e8\u043d\u0435\u0440\u043a\u04d9\u0441\u0456\u043f\u0442\u0456\u043a \u041a\u043e\u043e\u043f\u0435\u0440\u0430\u0446\u0438\u044f \u041e\u0440\u0442\u0430\u043b\u044b\u0493\u044b\",\r\n                    center: [40.8520, 68.4810],\r\n                    zoom: 13,\r\n                    polygon: [\r\n                        [40.8650, 68.4610], [40.8650, 68.5010], [40.8390, 68.5010], [40.8390, 68.4610]\r\n                    ],\r\n                    tourUrl: null,\r\n                    hasInfrastructure: true,\r\n                    infrastructure: [\r\n                        { icon: \"fa-bolt\", color: \"amber\", title: \"\u042d\u043b\u0435\u043a\u0442\u0440\u043c\u0435\u043d \u0436\u0430\u0431\u0434\u044b\u049b\u0442\u0430\u0443\", value: \"50 \u041c\u0412\u0442\" },\r\n                        { icon: \"fa-fire\", color: \"orange\", title: \"\u0413\u0430\u0437\u0431\u0435\u043d \u0436\u0430\u0431\u0434\u044b\u049b\u0442\u0430\u0443\", value: \"12 000 \u043c\u00b3\/\u0441\u0430\u0493\" },\r\n                        { icon: \"fa-droplet\", color: \"sky\", title: \"\u0421\u0443\u043c\u0435\u043d \u0436\u0430\u0431\u0434\u044b\u049b\u0442\u0430\u0443\", value: \"6 000 \u043c\u00b3\/\u0442\u04d9\u0443\u043b\u0456\u043a\" },\r\n                        { icon: \"fa-wifi\", color: \"indigo\", title: \"\u0411\u0430\u0439\u043b\u0430\u043d\u044b\u0441 \u0430\u0440\u043d\u0430\u043b\u0430\u0440\u044b\", value: \"\u0422\u0416\u0411\u0416 (\u0412\u041e\u041b\u0421), 5 \u0413\u0431\u0438\u0442\/\u0441\" }\r\n                    ]\r\n                },\r\n                {\r\n                    id: 4,\r\n                    name: \"\u04d8\u043a\u0456\u043c\u0448\u0456\u043b\u0456\u043a-\u0456\u0441\u043a\u0435\u0440\u043b\u0456\u043a \u043e\u0440\u0442\u0430\u043b\u044b\u049b (\u0422\u04af\u0440\u043a\u0456\u0441\u0442\u0430\u043d \u049b\u0430\u043b\u0430\u0441\u044b)\",\r\n                    center: [43.275946, 68.351661],\r\n                    zoom: 13,\r\n                    polygon: [\r\n                        [43.301681, 68.333511],\r\n[43.302108, 68.334022],\r\n[43.301317, 68.335717],\r\n[43.303247, 68.337828],\r\n[43.302714, 68.340747],\r\n[43.304728, 68.341922],\r\n[43.302081, 68.349522],\r\n[43.301417, 68.373847],\r\n[43.304928, 68.375789],\r\n[43.303636, 68.379350],\r\n[43.297167, 68.384669],\r\n[43.280539, 68.373942],\r\n[43.276233, 68.385347],\r\n[43.270814, 68.382550],\r\n[43.269039, 68.369589],\r\n[43.265478, 68.367356],\r\n[43.265481, 68.367044],\r\n[43.264269, 68.366094],\r\n[43.264411, 68.365686],\r\n[43.263744, 68.365136],\r\n[43.264194, 68.363667],\r\n[43.259014, 68.360242],\r\n[43.257794, 68.362469],\r\n[43.244003, 68.351386],\r\n[43.247572, 68.343961],\r\n[43.244856, 68.337975],\r\n[43.244219, 68.324658],\r\n[43.253764, 68.320564],\r\n[43.257353, 68.319672],\r\n[43.265261, 68.322081],\r\n[43.277058, 68.329833],\r\n[43.277694, 68.330414],\r\n[43.278439, 68.332333],\r\n[43.297519, 68.337178],\r\n[43.298708, 68.336900],\r\n[43.299969, 68.336203],\r\n[43.300725, 68.335189]\r\n                    ],\r\n                    tourUrl: null,\r\n                    hasInfrastructure: false,\r\n                    infrastructure: null\r\n                },\r\n                {\r\n                    id: 5,\r\n                    name: \"\u0422\u0430\u0440\u0438\u0445\u0438 \u043e\u0440\u0442\u0430\u043b\u044b\u049b (\u0422\u04af\u0440\u043a\u0456\u0441\u0442\u0430\u043d \u049b\u0430\u043b\u0430\u0441\u044b)\",\r\n                    center: [43.297092, 68.271438],\r\n                    zoom: 14,\r\n                    polygon: [\r\n                        [43.300989, 68.261522],\r\n[43.300989, 68.269119],\r\n[43.300772, 68.270186],\r\n[43.301506, 68.271014],\r\n[43.299589, 68.276594],\r\n[43.298219, 68.280628],\r\n[43.296783, 68.283625],\r\n[43.290172, 68.294933],\r\n[43.285656, 68.306697],\r\n[43.288106, 68.308453],\r\n[43.287514, 68.310267],\r\n[43.284133, 68.308517],\r\n[43.285022, 68.305342],\r\n[43.284833, 68.305219],\r\n[43.287256, 68.297411],\r\n[43.288136, 68.297444],\r\n[43.289208, 68.294297],\r\n[43.290856, 68.286858],\r\n[43.290669, 68.284597],\r\n[43.290233, 68.277792],\r\n[43.286122, 68.264067],\r\n[43.286867, 68.261225],\r\n[43.288269, 68.259183],\r\n[43.291486, 68.264806],\r\n[43.294758, 68.261611],\r\n[43.298367, 68.261233]\r\n                    ],\r\n                    tourUrl: null,\r\n                    hasInfrastructure: false,\r\n                    infrastructure: null\r\n                },\r\n                {\r\n                    id: 6,\r\n                    name: \"\u0425\u0430\u043b\u044b\u049b\u0430\u0440\u0430\u043b\u044b\u049b \u04d8\u0437\u0456\u0440\u0435\u0442 \u0421\u04b1\u043b\u0442\u0430\u043d \u04d8\u0443\u0435\u0436\u0430\u0439\u044b\",\r\n                    center: [43.315309, 68.546872],\r\n                    zoom: 13,\r\n                    polygon: [\r\n                       [43.298106, 68.523517],\r\n[43.297706, 68.523931],\r\n[43.299714, 68.528014],\r\n[43.298936, 68.528847],\r\n[43.299703, 68.532103],\r\n[43.307569, 68.547769],\r\n[43.307031, 68.548403],\r\n[43.306647, 68.547714],\r\n[43.305592, 68.548647],\r\n[43.306347, 68.550164],\r\n[43.307944, 68.548639],\r\n[43.309222, 68.551183],\r\n[43.307253, 68.553033],\r\n[43.308958, 68.556469],\r\n[43.310939, 68.554617],\r\n[43.319469, 68.571739],\r\n[43.322600, 68.576431],\r\n[43.323042, 68.577322],\r\n[43.321828, 68.578478],\r\n[43.324944, 68.584681],\r\n[43.329394, 68.580450],\r\n[43.326339, 68.574261],\r\n[43.325108, 68.575386],\r\n[43.324647, 68.574500],\r\n[43.321778, 68.565225],\r\n[43.317344, 68.556394],\r\n[43.317717, 68.556061],\r\n[43.316931, 68.554467],\r\n[43.318508, 68.552950],\r\n[43.317222, 68.550383],\r\n[43.318267, 68.549164],\r\n[43.317408, 68.545264],\r\n[43.314467, 68.539472],\r\n[43.313003, 68.540506],\r\n[43.311653, 68.537836],\r\n[43.309264, 68.540108],\r\n[43.305003, 68.531475],\r\n[43.300811, 68.527000],\r\n[43.300131, 68.527650]\r\n                    ],\r\n                    tourUrl: null,\r\n                    hasInfrastructure: false,\r\n                    infrastructure: null\r\n                }\r\n            ];\r\n\r\n            let izMap = null; \r\n            let activePolygon = null;\r\n            let activeMarker = null;\r\n            let currentActiveZoneIndex = 0;\r\n            let currentMapStyle = 'light';\r\n            let mapReady = false;\r\n\r\n            function initMap() {\r\n                const mapEl = document.getElementById('iz-map-view');\r\n                if (!mapEl || typeof L === 'undefined') {\r\n                    \/\/ \u0415\u0433\u0435\u0440 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u043d\u0435\u043c\u0435\u0441\u0435 \u043a\u0456\u0442\u0430\u043f\u0445\u0430\u043d\u0430 \u0436\u04af\u043a\u0442\u0435\u043b\u043c\u0435\u0441\u0435, 300\u043c\u0441 \u043a\u0435\u0439\u0456\u043d \u049b\u0430\u0439\u0442\u0430 \u043a\u04e9\u0440\u0435\u0434\u0456\r\n                    setTimeout(initMap, 300);\r\n                    return;\r\n                }\r\n\r\n                if (izMap !== null) return; \/\/ \u049a\u0430\u0439\u0442\u0430 \u049b\u04b1\u0440\u044b\u043b\u0443\u0434\u044b\u04a3 \u0430\u043b\u0434\u044b\u043d \u0430\u043b\u0430\u043c\u044b\u0437\r\n\r\n                try {\r\n                    izMap = L.map('iz-map-view', {\r\n                        scrollWheelZoom: false,\r\n                        zoomControl: true,\r\n                        preferCanvas: false\r\n                    });\r\n\r\n                    izMap.on('focus', function() { izMap.scrollWheelZoom.enable(); });\r\n                    izMap.on('blur', function() { izMap.scrollWheelZoom.disable(); });\r\n\r\n                    applyTileLayer();\r\n\r\n                    const zone = subzonesData[currentActiveZoneIndex];\r\n                    izMap.setView(zone.center, zone.zoom);\r\n                    mapReady = true;\r\n\r\n                    updateMapGraphics(currentActiveZoneIndex, false);\r\n\r\n                    \/\/ Resize \u0431\u0430\u049b\u044b\u043b\u0430\u0443\u0448\u044b\u0441\u044b\r\n                    const mapContainer = document.getElementById('map-container');\r\n                    if (mapContainer && window.ResizeObserver) {\r\n                        const ro = new ResizeObserver(function() {\r\n                            if (izMap) izMap.invalidateSize({ pan: false });\r\n                        });\r\n                        ro.observe(mapContainer);\r\n                    }\r\n\r\n                } catch(e) {\r\n                    console.error(\"Leaflet \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u049b\u0430\u0442\u0435\u0441\u0456:\", e);\r\n                }\r\n            }\r\n\r\n            function applyTileLayer() {\r\n                if (!izMap) return;\r\n                izMap.eachLayer(function(layer) {\r\n                    if (layer instanceof L.TileLayer) izMap.removeLayer(layer);\r\n                });\r\n\r\n                if (currentMapStyle === 'light') {\r\n                    L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\r\n                        attribution: '&copy; OpenStreetMap',\r\n                        maxZoom: 19\r\n                    }).addTo(izMap);\r\n                } else {\r\n                    L.tileLayer('https:\/\/server.arcgisonline.com\/ArcGIS\/rest\/services\/World_Imagery\/MapServer\/tile\/{z}\/{y}\/{x}', {\r\n                        attribution: 'Tiles &copy; Esri',\r\n                        maxZoom: 19\r\n                    }).addTo(izMap);\r\n                }\r\n            }\r\n\r\n            function updateMapGraphics(index, animate) {\r\n                if (!izMap || !mapReady) return;\r\n\r\n                const zone = subzonesData[index];\r\n                if (activePolygon) { izMap.removeLayer(activePolygon); activePolygon = null; }\r\n                if (activeMarker) { izMap.removeLayer(activeMarker); activeMarker = null; }\r\n\r\n                const strokeColor = currentMapStyle === 'satellite' ? '#3ba3dd' : '#1e7bb4';\r\n\r\n                activePolygon = L.polygon(zone.polygon, {\r\n                    color: strokeColor,\r\n                    weight: 4,\r\n                    fillColor: strokeColor,\r\n                    fillOpacity: 0.25,\r\n                    dashArray: '6, 6'\r\n                }).addTo(izMap);\r\n\r\n                const customIcon = L.divIcon({\r\n                    className: '',\r\n                    html: '<div style=\"width:36px;height:36px;border-radius:50%;background:#1e7bb4;color:#fff;display:flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,0.3);font-size:16px;\"><i class=\"fa-solid fa-location-dot\"><\/i><\/div>',\r\n                    iconSize: [36, 36],\r\n                    iconAnchor: [18, 36]\r\n                });\r\n\r\n                activeMarker = L.marker(zone.center, { icon: customIcon }).addTo(izMap);\r\n\r\n                if (animate) {\r\n                    izMap.flyTo(zone.center, zone.zoom, { animate: true, duration: 1.2 });\r\n                } else {\r\n                    izMap.setView(zone.center, zone.zoom);\r\n                }\r\n            }\r\n\r\n            \/\/ \u0413\u043b\u043e\u0431\u0430\u043b\u0434\u044b \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043b\u0430\u0440 HTML-\u0434\u0435\u0433\u0456 onclick \u0436\u04b1\u043c\u044b\u0441 \u0456\u0441\u0442\u0435\u0443\u0456 \u04af\u0448\u0456\u043d\r\n            window.switchSubzone2 = function(index, animate) {\r\n                if (animate === undefined) animate = true;\r\n                currentActiveZoneIndex = index;\r\n                const zone = subzonesData[index];\r\n\r\n                document.querySelectorAll('.subzone-btn').forEach((btn, i) => {\r\n                    if (i === index) {\r\n                        btn.classList.remove('bg-slate-50', 'border-slate-200');\r\n                        btn.classList.add('bg-brand-50', 'border-brand-500', 'ring-4', 'ring-brand-100');\r\n                        btn.querySelector('span').classList.add('bg-brand-500', 'text-white');\r\n                        btn.querySelector('span').classList.remove('bg-slate-200', 'text-slate-600');\r\n                    } else {\r\n                        btn.classList.add('bg-slate-50', 'border-slate-200');\r\n                        btn.classList.remove('bg-brand-50', 'border-brand-500', 'ring-4', 'ring-brand-100');\r\n                        btn.querySelector('span').classList.remove('bg-brand-500', 'text-white');\r\n                        btn.querySelector('span').classList.add('bg-slate-200', 'text-slate-600');\r\n                    }\r\n                });\r\n\r\n                const overlayName = document.getElementById('overlay-zone-name');\r\n                if(overlayName) overlayName.textContent = zone.name;\r\n\r\n                const infraCard = document.getElementById('infra-card');\r\n                const infraGrid = document.getElementById('infra-grid');\r\n                if (zone.hasInfrastructure && zone.infrastructure && infraCard && infraGrid) {\r\n                    infraCard.classList.remove('hidden');\r\n                    infraGrid.innerHTML = '';\r\n                    zone.infrastructure.forEach(item => {\r\n                        const colorSet = colorClasses[item.color] || colorClasses.slate;\r\n                        const priceHtml = item.price ? `<div class=\"text-xs text-slate-500 font-semibold mt-1\">${item.price}<\/div>` : '';\r\n                        infraGrid.insertAdjacentHTML('beforeend', `\r\n                            <div class=\"p-4 sm:p-5 bg-slate-50 rounded-xl border border-slate-100\/70 hover:shadow-inner hover:border-brand-200\/50 transition-all flex items-center gap-4\">\r\n                                <div class=\"w-12 h-12 sm:w-14 sm:h-14 rounded-xl ${colorSet.bg} ${colorSet.text} flex items-center justify-center shrink-0\">\r\n                                    <i class=\"fa-solid ${item.icon} text-xl sm:text-2xl\"><\/i>\r\n                                <\/div>\r\n                                <div>\r\n                                    <h4 class=\"text-[10px] sm:text-xs font-bold text-slate-400 uppercase tracking-wider\">${item.title}<\/h4>\r\n                                    <div class=\"text-base sm:text-lg font-black text-slate-800 mt-0.5\">${item.value}<\/div>\r\n                                    ${priceHtml}\r\n                                <\/div>\r\n                            <\/div>\r\n                        `);\r\n                    });\r\n                } else if (infraCard) {\r\n                    infraCard.classList.add('hidden');\r\n                }\r\n\r\n                const tourCard = document.getElementById('tour-card');\r\n                const tourLink = document.getElementById('tour-link-active');\r\n                if (zone.tourUrl && tourCard && tourLink) {\r\n                    tourLink.href = zone.tourUrl;\r\n                    tourCard.classList.remove('hidden');\r\n                } else if (tourCard) {\r\n                    tourCard.classList.add('hidden');\r\n                }\r\n\r\n                if (mapReady) {\r\n                    updateMapGraphics(index, animate);\r\n                }\r\n            };\r\n\r\n            window.changeMapStyle2 = function(style) {\r\n                currentMapStyle = style;\r\n                const lightBtn = document.getElementById('map-style-light');\r\n                const satBtn = document.getElementById('map-style-satellite');\r\n                \r\n                if(lightBtn && satBtn) {\r\n                    lightBtn.className = style === 'light'\r\n                        ? 'px-4 py-2 rounded-md transition-all text-slate-900 bg-white shadow-sm font-bold'\r\n                        : 'px-4 py-2 rounded-md transition-all text-slate-500 hover:text-slate-800';\r\n                    satBtn.className = style === 'satellite'\r\n                        ? 'px-4 py-2 rounded-md transition-all text-slate-900 bg-white shadow-sm font-bold'\r\n                        : 'px-4 py-2 rounded-md transition-all text-slate-500 hover:text-slate-800';\r\n                }\r\n\r\n                applyTileLayer();\r\n                updateMapGraphics(currentActiveZoneIndex, false);\r\n            };\r\n\r\n            function startApp() {\r\n                window.switchSubzone2(0, false);\r\n                initMap();\r\n            }\r\n\r\n            \/\/ \u041e\u0440\u0442\u0430\u0493\u0430 \u0431\u0430\u0439\u043b\u0430\u043d\u044b\u0441\u0442\u044b \u0434\u04b1\u0440\u044b\u0441 \u0456\u0441\u043a\u0435 \u049b\u043e\u0441\u0443\r\n            if (document.readyState === 'loading') {\r\n                document.addEventListener('DOMContentLoaded', startApp);\r\n            } else {\r\n                setTimeout(startApp, 100);\r\n            }\r\n\r\n        })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\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-e49c64f e-con-full e-flex e-con e-child\" data-id=\"e49c64f\" data-element_type=\"container\" data-e-type=\"container\">\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>\n\t\t<div id=\"e-n-tab-content-2471354603\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-2471354603\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\" elementor-element elementor-element-e5f8528 e-con-full e-flex e-con e-child\" data-id=\"e5f8528\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\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","protected":false},"excerpt":{"rendered":"<p>\u0418\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u044f\u043b\u044b\u049b \u0430\u043b\u0430\u04a3\u0434\u0430\u0440 &#171;TURAN&#187; \u0410\u042d\u0410 \u0418\u041d\u0414\u0423\u0421\u0422\u0420\u0418\u0410\u041b\u0414\u042b \u0410\u0419\u041c\u0410\u049a\u0422\u0410\u0420 \u0428\u0410\u0492\u042b\u041d \u04e8\u041d\u0414\u0406\u0420\u0406\u0421\u0422\u0406\u041a \u0410\u041b\u0410\u04a2 \u00abTURAN\u00bb \u0430\u0440\u043d\u0430\u0439\u044b \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u043a\u0430\u043b\u044b\u049b \u0430\u0439\u043c\u0430\u0493\u044b \u0411\u0430\u0441\u044b\u043c \u049b\u044b\u0437\u043c\u0435\u0442 \u0442\u04af\u0440\u043b\u0435\u0440\u0456 \u0421\u0430\u043b\u044b\u049b\u0442\u044b\u049b \u0436\u0435\u04a3\u0456\u043b\u0434\u0456\u043a\u0442\u0435\u0440 \u00abTURAN\u00bb \u0410\u042d\u0410 \u049b\u0430\u0442\u044b\u0441\u0443\u0448\u044b\u0441\u044b \u0440\u0435\u0442\u0456\u043d\u0434\u0435 \u0442\u0456\u0440\u043a\u0435\u043b\u0443 \u0436\u043e\u043b \u043a\u0430\u0440\u0442\u0430\u0441\u044b \u0428\u0435\u0442\u0435\u043b\u0434\u0456\u043a \u0436\u04b1\u043c\u044b\u0441 \u043a\u04af\u0448\u0456\u043d \u043a\u0432\u043e\u0442\u0430\u0434\u0430\u043d \u0442\u044b\u0441 \u0436\u04d9\u043d\u0435 \u0440\u04b1\u049b\u0441\u0430\u0442 \u0430\u043b\u0443\u0441\u044b\u0437 \u0442\u0430\u0440\u0442\u0443 \u0416\u0435\u04a3\u0456\u043b\u0434\u0456\u043a \u043c\u04d9\u043b\u0456\u043c\u0435\u0442\u0442\u0435\u0440\u0456 \u0422\u04af\u0441\u0456\u043d\u0456\u043a\u0442\u0456 \u00abTURAN\u00bb \u0410\u042d\u0410 \u2014 \u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u0442\u0456 \u0434\u0430\u0448\u0431\u043e\u0440\u0434 \u00abTURAN\u00bb \u0410\u042d\u0410 \u0430\u0439\u043c\u0430\u049b\u0442\u0430\u0440\u044b 1 \u04e8\u043d\u0435\u0440\u043a\u04d9\u0441\u0456\u043f\u0442\u0456\u043a \u0430\u0439\u043c\u0430\u049b 290 \u0433\u0430 \u0422\u04af\u0440\u043a\u0456\u0441\u0442\u0430\u043d \u049b\u0430\u043b\u0430\u0441\u044b 2 \u04e8\u043d\u0435\u0440\u043a\u04d9\u0441\u0456\u043f\u0442\u0456\u043a \u0430\u0439\u043c\u0430\u049b [&hellip;]<\/p>\n","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":"0","ocean_second_sidebar":"0","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":"0","ocean_custom_header_template":"0","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":"0","ocean_menu_typo_font_family":"0","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":"0","footnotes":""},"class_list":["post-4278","page","type-page","status-publish","hentry","entry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/turkistaninvest.com\/kk\/index.php?rest_route=\/wp\/v2\/pages\/4278","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/turkistaninvest.com\/kk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/turkistaninvest.com\/kk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/turkistaninvest.com\/kk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/turkistaninvest.com\/kk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4278"}],"version-history":[{"count":210,"href":"https:\/\/turkistaninvest.com\/kk\/index.php?rest_route=\/wp\/v2\/pages\/4278\/revisions"}],"predecessor-version":[{"id":6372,"href":"https:\/\/turkistaninvest.com\/kk\/index.php?rest_route=\/wp\/v2\/pages\/4278\/revisions\/6372"}],"wp:attachment":[{"href":"https:\/\/turkistaninvest.com\/kk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}