<!DOCTYPE html>
<!--[if IE 9]> <html lang="uk_UA" class="ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="uk_UA"  > <!--<![endif]-->
  <head>
    
    <meta charset="utf-8" />
      <meta name="csrf_field_name" content="_csrf_token" />
      <meta name="_csrf_token" content="Ijc4MjM2MDRhYjFlNTAyYjkzMmI0NzMxYTdmZTJlYjk2ZTkxZDYwM2Mi.agxueA.tvyA3mrMclc6Etukqebc3FUdsAw" />

      <meta name="generator" content="ckan 2.11.3" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="Портал відкритих даних Києва">
    <meta property="og:title" content="Портал відкритих даних Києва">
    <meta property="og:description" content="Офіційний портал відкритих даних міста Києва. Дані про транспорт, інфраструктуру, бюджет, екологію та інші сфери життя столиці.">
    <meta property="og:url" content="https://ckan-test.go-te.co/">
    <meta property="og:image" content="https://ckan-test.go-te.co/ua_portal_design/images/og-image.png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:image:type" content="image/png">
    <meta property="og:image:alt" content="Портал відкритих даних Києва">
    
    
    
    
    <meta property="og:locale" content="uk_UA">

    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Портал відкритих даних Києва">
    <meta name="twitter:description" content="Офіційний портал відкритих даних міста Києва. Дані про транспорт, інфраструктуру, бюджет, екологію та інші сфери життя столиці.">
    <meta name="twitter:image" content="https://ckan-test.go-te.co/ua_portal_design/images/og-image.png">
    <meta name="twitter:image:alt" content="Портал відкритих даних Києва">

    <meta name="description" content="Офіційний портал відкритих даних міста Києва. Дані про транспорт, інфраструктуру, бюджет, екологію та інші сфери життя столиці.">
    <meta name="keywords" content="відкриті дані, Київ, open data, Kyiv, дані міста, статистика, інформація">


    <title>Портал &#34;Відкриті дані&#34;</title>

    
    
    <link rel="shortcut icon" href="/images/opendata-favicon.ico" />
    
    <link rel="preload" href="/ua_portal_design/fonts/DAIKON-REGULAR.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/ua_portal_design/fonts/DAIKON-MEDIUM.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/ua_portal_design/fonts/DAIKON-SEMIBOLD.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/ua_portal_design/fonts/DAIKON-BOLD.woff2" as="font" type="font/woff2" crossorigin>

	
  
    
    
    
  
    
      
      
      
    
    

  

    

    

    
    
    
    
    
    
    

  
  

	
	
	<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">


    
    <link href="/webassets/base/51d427fe_main.css" rel="stylesheet"/>
<link href="/webassets/ckanext-geoview/f197a782_geo-resource-styles.css" rel="stylesheet"/>
<link href="/webassets/ckanext-scheming/073d7cfa_scheming_css.css" rel="stylesheet"/>
<link href="/webassets/ckanext-keycloak/99ff8f06-keycloak.css" rel="stylesheet"/>
<link href="/webassets/ckanext-harvest/c95a0af2_harvest_css.css" rel="stylesheet"/>
<link href="/webassets/ua_portal_design/68dfb31b_base.css" rel="stylesheet"/>
<link href="/webassets/ua_portal_design/78f9303b_controls.css" rel="stylesheet"/>
<link href="/webassets/ua_portal_design/32744d9f_new_user_form.css" rel="stylesheet"/>
<link href="/webassets/ua_portal_design/2cf3c227_dropdown_menu.css" rel="stylesheet"/>
<link href="/webassets/ua_portal_design/0cfc563e_pagination.css" rel="stylesheet"/>
<link href="/webassets/ua_portal_design/5603cfd8_modal_base.css" rel="stylesheet"/>
<link href="/webassets/ua_portal_design/2e145018_bookmarks.css" rel="stylesheet"/>
<link href="/webassets/ua_portal_design/7f915fd4_page.css" rel="stylesheet"/>
<link href="/webassets/ua_portal_design/22e6e39d_performance_optimizations.css" rel="stylesheet"/>
<link href="/webassets/ua_portal_design/06f73d03_homepage.css" rel="stylesheet"/>
<link href="/webassets/ua_portal_design/cd5a6c25_mobile_slider.css" rel="stylesheet"/>
    
    

  </head>

  
  <body data-site-root="https://ckan-test.go-te.co/" data-locale-root="https://ckan-test.go-te.co/" >

    
    <div class="visually-hidden-focusable"><a href="#content">Skip to main content</a></div>
  
    

























<header class="ua-portal-header">
    <div class="header-content">
        
        <div class="header-logo">
            <a href="/" class="logo-link">
                <div class="logo-icon">
                    <img src="/ua_portal_design/images/logo.svg" alt="Портал даних Києва" class="logo-img">
                </div>
            </a>
        </div>

        
        <nav class="header-nav">
            <ul class="nav-list">
                <li class="nav-item">
                    <a href="/"
                        class="nav-link active">
                        Головна
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/dashboard"
                        class="nav-link ">
                        Дашборди
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/maps"
                        class="nav-link ">
                        Мапи
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/dataset/"
                        class="nav-link ">
                        Набори даних
                    </a>
                </li>
                <li class="nav-item">
                    <a href="/organization/"
                        class="nav-link ">
                        Розпорядники
                    </a>
                </li>
                <li class="nav-item extra-pages-menu">
                    <a href="#" class="nav-link" data-dropdown-toggle="extra-pages">
                        Інше
                        <svg class="dropdown-arrow" width="12" height="12" viewBox="0 0 12 12" fill="none"
                            style="margin-left: 4px;">
                            <path d="M3 4.5L6 7.5L9 4.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                    </a>
                    
    <div class="dropdown-wrapper nav-list-dropdown" data-dropdown-content="extra-pages">
        
            <a
                id=""
                href="/about"
                class="dropdown-item "
                
                
                    
                
                    
                
                    
                
            >
                

                Про портал
            </a>
        
            <a
                id=""
                href="/news"
                class="dropdown-item "
                
                
                    
                
                    
                
                    
                
            >
                

                Новини
            </a>
        
            <a
                id=""
                href="/proposals"
                class="dropdown-item "
                
                
                    
                
                    
                
                    
                
            >
                

                Пропозиції
            </a>
        
    </div>

                </li>
            </ul>
        </nav>

        
            <a href="/user/login" class="ua-btn ua-btn--desktop">Увійти</a>
            <div class="burger-menu burger-menu--onmobile">
                <button class="logo-item">
                    <img src="/ua_portal_design/images/header/menu.svg" alt="меню">
                </button>
            </div>
        
    </div>

    <div class="mobile-menu">
    <div class="mobile-menu-header">
        <a class="mobile-menu-logo">
            <img src="/ua_portal_design/images/logo_on_dark.svg" alt="Портал даних Києва" class="mobile-logo-img">
        </a>
        <div>
            <img src="/ua_portal_design/images/header/close.svg" alt="Закрити" class="close-btn">
        </div>
    </div>

    <div class="mobile-menu-content">
        <div class="mobile-menu-top">
            <ul class="mobile-menu-list">
                <li class="mobile-menu-item">
                    <a href="/" class="mobile-menu-link">Головна</a>
                </li>
                <li class="mobile-menu-item">
                    <a href="/dashboard" class="mobile-menu-link">Дашборди</a>
                </li>
                <li class="mobile-menu-item">
                    <a href="/maps" class="mobile-menu-link">Мапи Києва</a>
                </li>
                <li class="mobile-menu-item">
                    <a href="/dataset/" class="mobile-menu-link">Набори даних</a>
                </li>
                <li class="mobile-menu-item">
                    <a href="/organization/" class="mobile-menu-link">Розпорядники</a>
                </li>
                <li class="mobile-menu-item">
                    <a href="/about" class="mobile-menu-link">Про портал</a>
                </li>
                <li class="mobile-menu-item">
                    <a href="/news" class="mobile-menu-link">Hовини</a>
                </li>
                <li class="mobile-menu-item">
                    <a href="/proposals" class="mobile-menu-link">Пропозиції</a>
                </li>
            </ul>
        </div>
        
            <a href="/user/login"class="ua-btn ua-btn--ondark">Увійти</a>
        
    </div>
</div>
    
</header>

  
<div class="ua-loader">
	<div class="ua-loader-logo">
		<svg width="177" height="215" viewBox="0 0 177 215" fill="none" xmlns="http://www.w3.org/2000/svg">
			<defs>
				<clipPath id="logopogo">
					<path fill-rule="evenodd" clip-rule="evenodd" d="M176.58 164.793L88.374 214.126L0 164.793V0H176.58V164.793ZM37.1035 143.275H81.459V112.836L80.9531 104.964L80.7842 103.739L102.71 143.275H139.476V101.115L105.408 92.543L97.6504 90.6191L105.408 88.5195L139.476 79.4229V38.4873H101.697L80.9531 75.2246V74.1748L81.459 67.002V38.4873H37.1035V143.275Z" fill="#B4C1D3"/>
				</clipPath>
			</defs>
		</svg>
	</div>
	<svg class="ua-loader-text" width="366" height="216" viewBox="0 0 366 216" fill="none" xmlns="http://www.w3.org/2000/svg">
		<path d="M7.0153 6.5231H54.0097V59.2412H41.9599V17.9705H19.0652V59.2412H7.0153V6.5231ZM92.7434 60.3709C87.5218 60.3709 82.8023 59.191 78.5848 56.8312C74.3674 54.4213 71.0537 51.1327 68.6437 46.9654C66.2839 42.748 65.1041 38.0536 65.1041 32.8822C65.1041 27.7108 66.2839 23.0414 68.6437 18.8742C71.0537 14.6568 74.3674 11.3681 78.5848 9.00838C82.8023 6.59841 87.5218 5.39343 92.7434 5.39343C97.965 5.39343 102.685 6.59841 106.902 9.00838C111.119 11.3681 114.408 14.6568 116.768 18.8742C119.178 23.0414 120.383 27.7108 120.383 32.8822C120.383 38.0536 119.178 42.748 116.768 46.9654C114.408 51.1327 111.119 54.4213 106.902 56.8312C102.685 59.191 97.965 60.3709 92.7434 60.3709ZM92.7434 48.8482C95.6555 48.8482 98.2663 48.1704 100.576 46.8148C102.936 45.409 104.768 43.5011 106.074 41.0911C107.429 38.6309 108.107 35.8946 108.107 32.8822C108.107 29.8697 107.429 27.1585 106.074 24.7485C104.768 22.2883 102.936 20.3804 100.576 19.0248C98.2663 17.619 95.6555 16.9161 92.7434 16.9161C89.8314 16.9161 87.1955 17.619 84.8357 19.0248C82.5261 20.3804 80.6936 22.2883 79.338 24.7485C78.0326 27.1585 77.3799 29.8697 77.3799 32.8822C77.3799 35.8946 78.0326 38.6309 79.338 41.0911C80.6936 43.5011 82.5261 45.409 84.8357 46.8148C87.1955 48.1704 89.8314 48.8482 92.7434 48.8482ZM131.456 6.5231H152.468C158.945 6.5231 164.041 8.05443 167.756 11.1171C171.471 14.1296 173.329 18.3219 173.329 23.6941C173.329 29.0162 171.471 33.2085 167.756 36.2712C164.041 39.3338 158.945 40.8652 152.468 40.8652H143.355V59.2412H131.456V6.5231ZM152.618 31.3006C155.229 31.3006 157.313 30.6479 158.869 29.3425C160.476 28.0371 161.279 26.2798 161.279 24.0707C161.279 21.8616 160.501 20.1043 158.945 18.7989C157.388 17.4935 155.279 16.8408 152.618 16.8408H143.355V31.3006H152.618ZM197.085 18.0458H178.106V6.5231H228.038V18.0458H209.135V59.2412H197.085V18.0458ZM246.513 6.5231H262.253L282.211 59.2412H269.333L265.416 48.1704H243.049L239.133 59.2412H226.556L246.513 6.5231ZM262.103 38.5305L254.421 16.9161H253.969L246.287 38.5305H262.103ZM291.357 60.2956C289.901 60.2956 288.62 60.1952 287.516 59.9943C286.411 59.7935 285.457 59.5425 284.654 59.2412V47.6432C284.704 47.6432 284.729 47.6432 284.729 47.6432C285.633 47.7938 286.461 47.8943 287.214 47.9445C288.018 47.9947 288.896 48.0198 289.85 48.0198C290.453 48.0198 291.005 47.8943 291.507 47.6432C292.009 47.342 292.436 46.9152 292.787 46.3629C293.189 45.8106 293.49 45.1077 293.691 44.2542C294.394 41.794 294.871 38.0787 295.122 33.1081C295.423 28.1375 295.574 22.0875 295.574 14.958V6.5231H337.297V59.2412H325.247V18.1211H307.097V20.3051C307.046 27.535 306.72 34.1373 306.118 40.1121C305.565 46.0868 304.586 50.4549 303.18 53.2163C301.975 55.6263 300.419 57.4086 298.511 58.5634C296.603 59.7182 294.218 60.2956 291.357 60.2956ZM1.06569 128.869H7.16592C8.06966 124.602 8.69726 120.259 9.04871 115.84C9.40017 111.372 9.57589 105.899 9.57589 99.4223C9.57589 99.0207 9.57589 98.5939 9.57589 98.142C9.57589 97.6902 9.57589 97.2383 9.57589 96.7864V87.5231H52.0516V128.869H59.2815V151.237H47.7589V140.241H12.5884V151.237H1.06569V128.869ZM40.2277 129.246V98.2927H21.3998V100.929C21.3496 106.803 21.1237 111.949 20.722 116.367C20.3203 120.736 19.6676 125.028 18.7639 129.246H40.2277ZM83.1665 87.5231H98.9066L118.864 140.241H105.986L102.07 129.17H79.7022L75.786 140.241H63.2089L83.1665 87.5231ZM98.756 119.531L91.0742 97.9161H90.6223L82.9406 119.531H98.756ZM127.558 87.5231H139.608V108.158H162.503V87.5231H174.552V140.241H162.503V119.606H139.608V140.241H127.558V87.5231ZM189.337 87.5231H201.236V122.317L225.185 87.5231H237.838V140.241H225.938V105.297L201.914 140.241H189.337V87.5231ZM265.164 113.28L247.089 87.5231H261.248L273.674 105.221L286.101 87.5231H299.883L281.657 113.129L300.711 140.241H286.402L273.373 121.639L260.118 140.241H246.336L265.164 113.28Z" fill="#475569"/>
		<path d="M5.12119 173.119H8.99436V186.374H14.4598L24.7022 173.119H29.0918L17.6875 187.923L29.4791 203.244H24.6592L14.4168 189.989H8.99436V203.244H5.12119V173.119ZM43.7211 192.098L30.8105 173.119H35.4153L45.7437 188.224L55.9861 173.119H60.4618L47.5942 192.098V203.244H43.7211V192.098ZM65.7655 173.119H69.6387V203.244H65.7655V173.119ZM75.7981 173.119H79.9725L90.6883 199.715H90.8174L101.447 173.119H105.578L93.2273 203.244H88.1062L75.7981 173.119ZM112.175 203.588C111.458 203.588 110.841 203.33 110.324 202.813C109.837 202.297 109.593 201.68 109.593 200.963C109.593 200.217 109.837 199.6 110.324 199.112C110.841 198.625 111.458 198.381 112.175 198.381C112.921 198.381 113.538 198.625 114.025 199.112C114.513 199.6 114.757 200.217 114.757 200.963C114.757 201.68 114.513 202.297 114.025 202.813C113.538 203.33 112.921 203.588 112.175 203.588ZM122.922 173.119H132.174C135.359 173.119 138.17 173.75 140.609 175.013C143.076 176.275 144.984 178.054 146.333 180.349C147.71 182.615 148.398 185.226 148.398 188.181C148.398 191.136 147.71 193.762 146.333 196.057C144.984 198.323 143.076 200.088 140.609 201.35C138.17 202.612 135.359 203.244 132.174 203.244H122.922V173.119ZM132.174 199.629C134.613 199.629 136.765 199.155 138.629 198.209C140.494 197.262 141.929 195.928 142.933 194.206C143.937 192.456 144.439 190.448 144.439 188.181C144.439 185.915 143.937 183.921 142.933 182.199C141.929 180.449 140.494 179.101 138.629 178.154C136.765 177.207 134.613 176.734 132.174 176.734H126.795V199.629H132.174ZM156.039 173.119H159.912V203.244H156.039V173.119ZM182.812 203.889C179.914 203.889 177.303 203.215 174.979 201.867C172.684 200.518 170.877 198.653 169.557 196.272C168.237 193.891 167.577 191.208 167.577 188.224C167.577 185.183 168.237 182.472 169.557 180.091C170.905 177.709 172.756 175.845 175.109 174.496C177.49 173.148 180.172 172.473 183.156 172.473C185.681 172.473 187.947 172.961 189.956 173.937C191.993 174.883 193.657 176.232 194.948 177.982C196.267 179.732 197.143 181.769 197.573 184.093H193.571C192.997 181.597 191.777 179.632 189.913 178.197C188.076 176.734 185.81 176.002 183.113 176.002C180.875 176.002 178.867 176.533 177.088 177.595C175.338 178.628 173.975 180.076 173 181.941C172.024 183.777 171.537 185.872 171.537 188.224C171.537 190.634 172.024 192.772 173 194.637C174.004 196.473 175.395 197.922 177.174 198.983C178.953 200.016 180.961 200.532 183.199 200.532C185.15 200.532 186.929 200.131 188.535 199.327C190.142 198.495 191.448 197.362 192.452 195.928C193.485 194.464 194.101 192.8 194.302 190.936V190.677H183.586V187.407H197.788V203.244H194.431V197.52C193.312 199.528 191.749 201.092 189.74 202.211C187.732 203.33 185.423 203.889 182.812 203.889ZM206.218 173.119H210.091V203.244H206.218V173.119ZM227.913 176.82H216.251V173.119H243.406V176.82H231.787V203.244H227.913V176.82ZM254.856 173.119H260.021L272.286 203.244H268.068L264.841 195.11H249.95L246.723 203.244H242.634L254.856 173.119ZM263.593 191.968L257.395 176.519H257.352L251.155 191.968H263.593ZM278.042 173.119H281.915V199.543H297.795V203.244H278.042V173.119Z" fill="#475569"/>
	</svg>
</div>
<div class="homepage-container">
    <div class="floating-buttons-container">
        <button id="back-to-top-btn" class="ua-btn ua-btn-transparent ua-btn-onlight back-to-top-btn"
    aria-label="Повернутись вгору">
    <svg xmlns="http://www.w3.org/2000/svg" width="9" height="16" viewBox="0 0 9 16" fill="none">
        <path
            d="M0.193862 4.13825C0.31877 4.26241 0.487738 4.33211 0.663862 4.33211C0.839985 4.33211 1.00895 4.26241 1.13386 4.13825L3.5272 1.71824V15.3316C3.5272 15.5084 3.59743 15.678 3.72246 15.803C3.84748 15.928 4.01705 15.9983 4.19386 15.9983C4.37067 15.9983 4.54024 15.928 4.66527 15.803C4.79029 15.678 4.86053 15.5084 4.86053 15.3316V1.72491L7.27386 4.13825C7.33584 4.20073 7.40957 4.25033 7.49081 4.28417C7.57205 4.31802 7.65919 4.33544 7.7472 4.33544C7.8352 4.33544 7.92234 4.31802 8.00358 4.28417C8.08482 4.25033 8.15855 4.20073 8.22053 4.13825C8.3447 4.01334 8.41439 3.84437 8.41439 3.66824C8.41439 3.49212 8.3447 3.32315 8.22053 3.19824L5.61386 0.584907C5.23886 0.210372 4.73053 0 4.20053 0C3.67053 0 3.1622 0.210372 2.7872 0.584907L0.193862 3.19824C0.0696944 3.32315 0 3.49212 0 3.66824C0 3.84437 0.0696944 4.01334 0.193862 4.13825Z"
            fill="#0350A5" />
    </svg>
</button>

<script>
    (() => {
        const backToTopBtn = document.getElementById('back-to-top-btn');
        window.addEventListener('scroll', () => {
            backToTopBtn.classList.toggle('visible', window.scrollY >= window.innerHeight);
        }, { passive: true });

        backToTopBtn.addEventListener('click', () => {
            window.scrollTo({ top: 0, behavior: 'smooth' });
        });
    })();
</script>
        


<div class="ua-bookmarks-button">
    <a href="/bookmarks">
        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none">
            <path d="M12.7581 16C12.5115 15.9993 12.2674 15.9498 12.04 15.8542C11.8127 15.7587 11.6065 15.619 11.4334 15.4433L7.33342 11.3673L3.23342 15.446C2.9701 15.7132 2.63241 15.8948 2.26436 15.9672C1.89631 16.0396 1.51498 15.9995 1.17008 15.852C0.82176 15.7119 0.523779 15.47 0.315054 15.1579C0.106329 14.8459 -0.0034395 14.4781 8.21575e-05 14.1027V3.33333C8.21575e-05 2.44928 0.351272 1.60143 0.976393 0.976311C1.60151 0.351189 2.44936 0 3.33342 0L11.3334 0C11.7712 0 12.2046 0.0862192 12.609 0.253735C13.0134 0.421251 13.3809 0.666782 13.6904 0.976311C14 1.28584 14.2455 1.6533 14.413 2.05772C14.5805 2.46214 14.6668 2.89559 14.6668 3.33333V14.1027C14.6705 14.4778 14.5611 14.8453 14.3529 15.1574C14.1447 15.4694 13.8472 15.7115 13.4994 15.852C13.2646 15.9502 13.0126 16.0005 12.7581 16ZM3.33342 1.33333C2.80298 1.33333 2.29428 1.54405 1.9192 1.91912C1.54413 2.29419 1.33342 2.8029 1.33342 3.33333V14.1027C1.33317 14.2138 1.36586 14.3224 1.42735 14.4149C1.48884 14.5075 1.57636 14.5797 1.67888 14.6225C1.78139 14.6653 1.89429 14.6768 2.00331 14.6554C2.11233 14.6341 2.21259 14.5809 2.29142 14.5027L6.86675 9.95533C6.99166 9.83117 7.16063 9.76147 7.33675 9.76147C7.51287 9.76147 7.68184 9.83117 7.80675 9.95533L12.3768 14.5013C12.4556 14.5796 12.5558 14.6328 12.6649 14.6541C12.7739 14.6754 12.8868 14.664 12.9893 14.6212C13.0918 14.5784 13.1793 14.5061 13.2408 14.4136C13.3023 14.3211 13.335 14.2124 13.3348 14.1013V3.33333C13.3348 2.8029 13.124 2.29419 12.749 1.91912C12.3739 1.54405 11.8652 1.33333 11.3348 1.33333H3.33342Z" fill="white" />
        </svg>
    </a>

    <span id="bookmark-state">
        <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
            <circle cx="6" cy="6" r="6" fill="#DD3636" />
        </svg>
    </span>
</div>

    </div>
    <div id="cookie-consent-popup" style="position: fixed; left: 10px; bottom: 10px; z-index: 10; display: none;">
    <div
        style="background: #fff; padding: 20px; border-radius: 12px; max-width: 400px; border: 1px solid var(--border-color-divider, #e2e8f0)">
        <div style="display: flex; gap: 8px; flex-direction: column;">
            <div style="display: flex; gap: 8px;">
                <span>
                    <img src="/images/cookie.png" alt="Файли Cookies">
                </span>
                <p
                    style="color: var(--text-primary, #000); font-family: Daikon; font-size: var(--text-h4, 20px); font-style: normal; font-weight: 500; line-height: 110%;">
                    Файли Cookies</p>
            </div>
            <p
                style="color: var(--text-secondary, #475569); font-family: Daikon; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%">
                Портал використовує файли cookie для забезпечення коректної роботи системи та покращення доступу до
                відкритих даних міста.</p>
        </div>
        <div style="display: flex; gap: 8px; justify-content: space-between; margin-top: 20px;">
            <button id="cookie-reject-btn" class="ua-btn ua-btn-transparent ua-btn-onlight"
                style="flex: 1;">Відхилити</button>
            <button id="cookie-accept-btn" class="ua-btn" style="flex: 1;">Прийняти</button>
        </div>
    </div>
</div>
    <div id="ua-popup">
	<div id="ua-popup-image"></div>
	<span id="ua-popup-text"></span>
</div>
<script>
	(function() {
		const popup = document.getElementById("ua-popup");
		const popupIcon = document.getElementById("ua-popup-image");
		const popupText = document.getElementById("ua-popup-text");
		let hideTimeout = null;

		const showPopup = function(text, icon, style) {
			popupText.textContent = text;

			const icons = {
				checkmark: `<svg width="14" height="14" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
					<path fill-rule="evenodd" clip-rule="evenodd" d="M22.2439 5.43533C22.5556 5.7081 22.5872 6.18192 22.3144 6.49364L11.8144 18.4936C11.6777 18.6499 11.4824 18.7424 11.275 18.7494C11.0675 18.7563 10.8664 18.6769 10.7197 18.5301L6.21967 14.0301C5.92678 13.7372 5.92678 13.2623 6.21967 12.9694C6.51256 12.6765 6.98744 12.6765 7.28033 12.9694L11.2135 16.9026L21.1856 5.50589C21.4583 5.19416 21.9322 5.16257 22.2439 5.43533Z" fill="currentColor"/>
					<path fill-rule="evenodd" clip-rule="evenodd" d="M1.71967 12.9694C2.01256 12.6765 2.48744 12.6765 2.78033 12.9694L7.28033 17.4694C7.57322 17.7623 7.57322 18.2372 7.28033 18.5301C6.98744 18.823 6.51256 18.823 6.21967 18.5301L1.71967 14.0301C1.42678 13.7372 1.42678 13.2623 1.71967 12.9694Z" fill="currentColor"/>
					<path fill-rule="evenodd" clip-rule="evenodd" d="M17.7429 5.43444C18.0551 5.70663 18.0875 6.1804 17.8153 6.49262L11.4403 13.8051C11.1681 14.1173 10.6944 14.1498 10.3821 13.8776C10.0699 13.6054 10.0375 13.1316 10.3097 12.8194L16.6847 5.50692C16.9569 5.19469 17.4306 5.16224 17.7429 5.43444Z" fill="currentColor"/>
				</svg>`,
				warning: `<svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
					<path d="M7 0C5.61553 0 4.26216 0.410543 3.11101 1.17971C1.95987 1.94888 1.06266 3.04213 0.532846 4.32122C0.003033 5.6003 -0.13559 7.00777 0.134506 8.36563C0.404603 9.7235 1.07129 10.9708 2.05026 11.9497C3.02922 12.9287 4.2765 13.5954 5.63437 13.8655C6.99224 14.1356 8.3997 13.997 9.67879 13.4672C10.9579 12.9373 12.0511 12.0401 12.8203 10.889C13.5895 9.73785 14 8.38447 14 7C13.998 5.1441 13.2599 3.36479 11.9475 2.05247C10.6352 0.74015 8.8559 0.0020073 7 0V0ZM7 12.8333C5.84628 12.8333 4.71846 12.4912 3.75918 11.8502C2.79989 11.2093 2.05222 10.2982 1.61071 9.23232C1.16919 8.16642 1.05368 6.99353 1.27876 5.86197C1.50384 4.73042 2.05941 3.69102 2.87521 2.87521C3.69102 2.0594 4.73042 1.50383 5.86198 1.27875C6.99353 1.05367 8.16642 1.16919 9.23232 1.6107C10.2982 2.05221 11.2093 2.79989 11.8502 3.75917C12.4912 4.71846 12.8333 5.84628 12.8333 7C12.8316 8.54658 12.2165 10.0293 11.1229 11.1229C10.0293 12.2165 8.54658 12.8316 7 12.8333Z" fill="currentColor"/>
					<path d="M7.00033 2.91699C6.84562 2.91699 6.69724 2.97845 6.58785 3.08785C6.47845 3.19724 6.41699 3.34562 6.41699 3.50033V8.16699C6.41699 8.3217 6.47845 8.47007 6.58785 8.57947C6.69724 8.68887 6.84562 8.75033 7.00033 8.75033C7.15504 8.75033 7.30341 8.68887 7.41281 8.57947C7.52221 8.47007 7.58367 8.3217 7.58367 8.16699V3.50033C7.58367 3.34562 7.52221 3.19724 7.41281 3.08785C7.30341 2.97845 7.15504 2.91699 7.00033 2.91699Z" fill="currentColor"/>
					<path d="M7.58367 10.5003C7.58367 10.1782 7.3225 9.91699 7.00033 9.91699C6.67816 9.91699 6.41699 10.1782 6.41699 10.5003C6.41699 10.8225 6.67816 11.0837 7.00033 11.0837C7.3225 11.0837 7.58367 10.8225 7.58367 10.5003Z" fill="currentColor"/>
				</svg>`,
				subscribe: `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14">
					<path d="M12.8333 0H9.91667C9.60725 0 9.3105 0.122916 9.09171 0.341709C8.87292 0.560501 8.75 0.857247 8.75 1.16667V5.21967C8.75028 5.44482 8.81409 5.66533 8.9341 5.85585C9.0541 6.04636 9.22544 6.19914 9.42839 6.29663C9.63135 6.39412 9.8577 6.43236 10.0814 6.40695C10.3051 6.38154 10.5172 6.29352 10.6931 6.153L11.375 5.60758L12.0569 6.15358C12.2329 6.29413 12.4449 6.38216 12.6687 6.40755C12.8925 6.43293 13.1189 6.39464 13.3219 6.29709C13.5248 6.19953 13.6962 6.04666 13.8161 5.85606C13.9361 5.66546 13.9998 5.44487 14 5.21967V1.16667C14 0.857247 13.8771 0.560501 13.6583 0.341709C13.4395 0.122916 13.1428 0 12.8333 0V0ZM12.7861 5.24242L11.7396 4.40533C11.6361 4.3225 11.5075 4.27736 11.375 4.27736C11.2425 4.27736 11.1139 4.3225 11.0104 4.40533L9.91667 5.21967V1.16667H12.8333L12.7861 5.24242ZM14 8.16667V11.0833C13.9991 11.8566 13.6915 12.5979 13.1447 13.1447C12.5979 13.6915 11.8566 13.9991 11.0833 14H2.91667C2.1434 13.9991 1.40208 13.6915 0.855295 13.1447C0.308514 12.5979 0.00092625 11.8566 0 11.0833L0 4.66667C0.00092625 3.8934 0.308514 3.15208 0.855295 2.60529C1.40208 2.05851 2.1434 1.75093 2.91667 1.75H7C7.15471 1.75 7.30308 1.81146 7.41248 1.92085C7.52187 2.03025 7.58333 2.17862 7.58333 2.33333C7.58333 2.48804 7.52187 2.63642 7.41248 2.74581C7.30308 2.85521 7.15471 2.91667 7 2.91667H2.91667C2.59945 2.91754 2.28849 3.00491 2.01723 3.16937C1.74598 3.33383 1.52472 3.56915 1.37725 3.85L5.76217 8.2355C6.09575 8.55343 6.53889 8.73078 6.99971 8.73078C7.46053 8.73078 7.90367 8.55343 8.23725 8.2355L8.73775 7.74725C8.79252 7.69363 8.85732 7.65132 8.92844 7.62274C8.99957 7.59416 9.07562 7.57986 9.15227 7.58068C9.22892 7.58149 9.30465 7.59739 9.37516 7.62747C9.44566 7.65755 9.50954 7.70123 9.56317 7.756C9.61679 7.81077 9.6591 7.87557 9.68768 7.94669C9.71626 8.01782 9.73055 8.09387 9.72974 8.17052C9.72893 8.24717 9.71303 8.3229 9.68294 8.39341C9.65286 8.46391 9.60919 8.52779 9.55442 8.58142L9.05917 9.065C8.50992 9.60621 7.76955 9.90921 6.99846 9.90833C6.22737 9.90746 5.48768 9.60279 4.93967 9.06033L1.16667 5.29142V11.0833C1.16667 11.5475 1.35104 11.9926 1.67923 12.3208C2.00742 12.649 2.45254 12.8333 2.91667 12.8333H11.0833C11.5475 12.8333 11.9926 12.649 12.3208 12.3208C12.649 11.9926 12.8333 11.5475 12.8333 11.0833V8.16667C12.8333 8.01196 12.8948 7.86358 13.0042 7.75419C13.1136 7.64479 13.262 7.58333 13.4167 7.58333C13.5714 7.58333 13.7197 7.64479 13.8291 7.75419C13.9385 7.86358 14 8.01196 14 8.16667V8.16667Z" fill="currentColor"/>
				</svg>`,
				favorite: `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14">
					<path d="M11.7463 14C11.5305 13.9994 11.317 13.9561 11.118 13.8725C10.9191 13.7888 10.7387 13.6667 10.5872 13.5129L6.99975 9.94642L3.41225 13.5153C3.18185 13.749 2.88637 13.9079 2.56432 13.9713C2.24228 14.0347 1.90862 13.9995 1.60683 13.8705C1.30205 13.7479 1.04131 13.5363 0.85868 13.2632C0.676046 12.9901 0.579998 12.6683 0.58308 12.3398V2.91667C0.58308 2.14312 0.890371 1.40125 1.43735 0.854272C1.98433 0.307291 2.7262 0 3.49975 0L10.4997 0C10.8828 0 11.262 0.0754418 11.6159 0.222018C11.9698 0.368594 12.2913 0.583434 12.5621 0.854272C12.833 1.12511 13.0478 1.44664 13.1944 1.80051C13.341 2.15437 13.4164 2.53364 13.4164 2.91667V12.3398C13.4197 12.6681 13.324 12.9897 13.1418 13.2627C12.9596 13.5357 12.6993 13.7475 12.395 13.8705C12.1896 13.9564 11.969 14.0005 11.7463 14ZM3.49975 1.16667C3.03562 1.16667 2.5905 1.35104 2.26231 1.67923C1.93412 2.00742 1.74975 2.45254 1.74975 2.91667V12.3398C1.74954 12.437 1.77814 12.5321 1.83194 12.6131C1.88574 12.694 1.96233 12.7572 2.05202 12.7947C2.14172 12.8321 2.24051 12.8422 2.3359 12.8235C2.4313 12.8048 2.51902 12.7583 2.588 12.6898L6.59141 8.71092C6.70071 8.60227 6.84856 8.54129 7.00266 8.54129C7.15677 8.54129 7.30462 8.60227 7.41391 8.71092L11.4127 12.6887C11.4816 12.7572 11.5694 12.8037 11.6648 12.8223C11.7602 12.841 11.8589 12.831 11.9486 12.7935C12.0383 12.7561 12.1149 12.6929 12.1687 12.6119C12.2225 12.531 12.2511 12.4359 12.2509 12.3387V2.91667C12.2509 2.45254 12.0665 2.00742 11.7384 1.67923C11.4102 1.35104 10.965 1.16667 10.5009 1.16667H3.49975Z" fill="currentColor"/>
				</svg>`
			}

			const styles = {
				positive: "ua-popup-image--positive",
				negative: "ua-popup-image--negative"
			}

			popupIcon.classList.add(styles[style] ?? styles.positive)
			popupIcon.innerHTML = icons[icon] ?? icons.checkmark

			// Якщо попередній таймер існує — скасовуємо
			if (hideTimeout) {
				clearTimeout(hideTimeout);
			}

			// Показати
			popup.style.transform = "translateX(0)";
			popup.style.opacity = "1";

			// Сховати через 3 секунди
			hideTimeout = setTimeout(() => {
			popup.style.transform = "translateX(150%)";
				popup.style.opacity = "0";
				popupIcon.innerHTML = null
				popupIcon.classList.remove(styles.positive)
				popupIcon.classList.remove(styles.negative)
			}, 3000);
		};

		document.showPositivePopup = function(text, icon) {
			showPopup(text, icon ?? "checkmark", "positive")
		}

		document.showNegativePopup = function(text, icon) {
			showPopup(text, icon ?? "warning", "negative")
		}
	})();
</script>

    
    <div class="flash-messages" hidden>
        
    </div>
    <script>
    (function() {
        function processFlashMessages() {
            document.querySelectorAll('.flash-messages .alert').forEach(function(el) {
                const text = el.textContent.trim();
                if (!text) return;

                if (el.classList.contains('alert-success') || el.classList.contains('alert-info')) {
                    document.showPositivePopup(text);
                } else if (el.classList.contains('alert-danger') || el.classList.contains('alert-error')) {
                    document.showNegativePopup(text);
                }
            });
        }

        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', processFlashMessages);
        } else {
            processFlashMessages();
        }
    })();
    </script>

	<main>
		<!-- !general block -->
		<section class="general-block" data-aos="zoom-in-up">
			<div class="general-block-bg gradient-bg">
				<svg xmlns="http://www.w3.org/2000/svg">
					<defs>
						<filter id="goo">
						<feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />
						<feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -8" result="goo" />
						<feBlend in="SourceGraphic" in2="goo" />
						</filter>
					</defs>
				</svg>
				<div class="gradients-container">
					<div class="g1"></div>
					<div class="g2"></div>
					<div class="g3"></div>
					<div class="g4"></div>
					<div class="g5"></div>
					<div class="interactive"></div>
				</div>
				<!-- <img class="general-block-bg1" src="/images/homepage/main-bg.svg" alt="" aria-hidden="true">
				<img class="general-block-bg2" src="/images/homepage/main-bg.svg" alt="" aria-hidden="true"> -->
				<style>
	#animated_secondary_bg {
		display: block;
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
	}
</style>
<canvas id="animated_secondary_bg"></canvas>
<script>
	(function() {
		var canvas = document.getElementById('animated_secondary_bg'),
			ctx = canvas.getContext('2d'),
			W, H, pixels = [],
			dpr = Math.min(window.devicePixelRatio || 1, 2),
			fov = 250,
			animId = null,
			isVisible = true;

		function resize() {
			W = window.innerWidth;
			H = window.innerHeight * 0.6;
			canvas.width = W * dpr;
			canvas.height = H * dpr;
			canvas.style.width = W + 'px';
			canvas.style.height = H + 'px';
			ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
		}

		function initPixels() {
			pixels = [];
			// step відповідє за кількість точок
			const step = 10;
			// for (var x = -400; x < 400; x += step) {
			for (var x = -700; x < 700; x += step) {
				for (var z = -250; z < 250; z += step) {
					pixels.push({x: x, y: 100, z: z});
				}
			}
		}

		resize();
		initPixels();

		function render(ts) {
			var len = pixels.length,
				pixel, scale, x2d, y2d, halfW = W / 2, halfH = H / 2,
				// hDiv14 = H / 14;
				hDiv14 = H / 10;

			ctx.clearRect(0, 0, W, H);

			ctx.fillStyle = 'rgba(32, 101, 242, 1)';
			ctx.beginPath();

			for (var i = 0; i < len; i++) {
				pixel = pixels[i];

				// pixel.z відповідає за швидкість коливання по горизонталі
				pixel.z -= 0.32;
				// verticalCoeff відповідає за швидкість коливання по вертикалі
				const verticalCoeff = 540; 
				pixel.y = hDiv14 + Math.sin(i / len * 15 + (ts / verticalCoeff)) * 10;
				if (pixel.z < -fov) pixel.z += 2 * fov;

				scale = fov / (fov + pixel.z);
				x2d = pixel.x * scale + halfW;
				y2d = pixel.y * scale + halfH;

				if (x2d >= -2 && x2d <= W + 2 && y2d >= -2 && y2d <= H + 2) {
					var size = scale * 0.8;
					ctx.rect(x2d - size * 0.5, y2d - size * 0.5, size, size);
				}
			}

			ctx.fill();
		}

		function drawFrame(ts) {
			if (isVisible) {
				render(ts || 0);
			}
			animId = requestAnimationFrame(drawFrame);
		}

		var observer = new IntersectionObserver(function(entries) {
			isVisible = entries[0].isIntersecting;
		}, { threshold: 0 });
		observer.observe(canvas);

		document.addEventListener('visibilitychange', function() {
			isVisible = !document.hidden;
		});

		var resizeTimer;
		window.addEventListener('resize', function() {
			clearTimeout(resizeTimer);
			resizeTimer = setTimeout(function() {
				resize();
			}, 150);
		});

		animId = requestAnimationFrame(drawFrame);
	})();
</script>
			</div>
			<script>
				document.addEventListener('DOMContentLoaded', () => {
					const interBubble = document.querySelector('.interactive');
					let curX = 0;
					let curY = 0;
					let tgX = 0;
					let tgY = 0;

					function move() {
						curX += (tgX - curX) / 20;
						curY += (tgY - curY) / 20;
						interBubble.style.transform = `translate(${Math.round(curX)}px, ${Math.round(curY)}px)`;
						requestAnimationFrame(() => {
							move();
						});
					}

					window.addEventListener('mousemove', (event) => {
						tgX = event.clientX;
						tgY = event.clientY;
					});

					move();
				});
			</script>
			<h1 class="general-block-title" data-aos="zoom-out" data-aos-delay="400">Портал даних Києва</h1>
			<div class="general-block-search" data-aos="zoom-out" data-aos-delay="400">
				<input
					class="general-block-search-input js-general-block-search-input"
					type="text"
					placeholder="Витрати тепла в Дніпровському районі"
					id="homepage-search-input"
					onkeypress="if(event.key==='Enter'){performSearch()}"
					autocomplete="off"
					aria-label=""
				/>
				<img src="/ua_portal_design/images/homepage/search.svg" alt="пошук" onclick="performSearch()" style="cursor: pointer;" />
			</div>
			<script>
				function performSearch() {
					var searchTerm = document.getElementById('homepage-search-input').value.trim();
					if (searchTerm) {
						window.location.href = '/dataset/?q=' + encodeURIComponent(searchTerm);
					} else {
						window.location.href = '/dataset/';
					}
				}
			</script>
			<div class="dataset-categories" data-aos="zoom-out" data-aos-delay="800">
                <ul class="dataset-category-list">
                    
                    
                        <li class="dataset-category-item-wrapper" title="Test Test Test ">
                            <a class="dataset-category-item" href="/dataset/?ext_category=CONTAINERS">
                                <span class="dataset-category-item-logo">
                                    <img src="/category_icons/CONTAINERS/icon_mono_with_bg/30a2a29d-5d49-4f5e-b04f-8b4bae59b67c" alt="" aria-hidden="true" width="24px" height="24px">
                                </span>
                                <span class="dataset-category-item-name ua-single-line-text">Test Test Test </span>
                            </a>
                        </li>
                    
                        <li class="dataset-category-item-wrapper" title="Архітектура та містобудування">
                            <a class="dataset-category-item" href="/dataset/?ext_category=architecture">
                                <span class="dataset-category-item-logo">
                                    <img src="/ua_portal_design/images/dataset-category-icons/name=architecture, icon=bg, color=mono.svg" alt="" aria-hidden="true" width="24px" height="24px">
                                </span>
                                <span class="dataset-category-item-name ua-single-line-text">Архітектура та містобудування</span>
                            </a>
                        </li>
                    
                        <li class="dataset-category-item-wrapper" title="Безпека">
                            <a class="dataset-category-item" href="/dataset/?ext_category=safety">
                                <span class="dataset-category-item-logo">
                                    <img src="/ua_portal_design/images/dataset-category-icons/name=safety, icon=bg, color=mono.svg" alt="" aria-hidden="true" width="24px" height="24px">
                                </span>
                                <span class="dataset-category-item-name ua-single-line-text">Безпека</span>
                            </a>
                        </li>
                    
                        <li class="dataset-category-item-wrapper" title="Благоустрій">
                            <a class="dataset-category-item" href="/dataset/?ext_category=improvements">
                                <span class="dataset-category-item-logo">
                                    <img src="/ua_portal_design/images/dataset-category-icons/name=improvements, icon=bg, color=mono.svg" alt="" aria-hidden="true" width="24px" height="24px">
                                </span>
                                <span class="dataset-category-item-name ua-single-line-text">Благоустрій</span>
                            </a>
                        </li>
                    
                        <li class="dataset-category-item-wrapper" title="Довідкова інформація та статистика">
                            <a class="dataset-category-item" href="/dataset/?ext_category=information">
                                <span class="dataset-category-item-logo">
                                    <img src="/ua_portal_design/images/dataset-category-icons/name=information, icon=bg, color=mono.svg" alt="" aria-hidden="true" width="24px" height="24px">
                                </span>
                                <span class="dataset-category-item-name ua-single-line-text">Довідкова інформація та статистика</span>
                            </a>
                        </li>
                    
                        <li class="dataset-category-item-wrapper" title="Екологія">
                            <a class="dataset-category-item" href="/dataset/?ext_category=ecology">
                                <span class="dataset-category-item-logo">
                                    <img src="/ua_portal_design/images/dataset-category-icons/name=ecology, icon=bg, color=mono.svg" alt="" aria-hidden="true" width="24px" height="24px">
                                </span>
                                <span class="dataset-category-item-name ua-single-line-text">Екологія</span>
                            </a>
                        </li>
                    
                        <li class="dataset-category-item-wrapper" title="Економіка">
                            <a class="dataset-category-item" href="/dataset/?ext_category=economy">
                                <span class="dataset-category-item-logo">
                                    <img src="/ua_portal_design/images/dataset-category-icons/name=economy, icon=bg, color=mono.svg" alt="" aria-hidden="true" width="24px" height="24px">
                                </span>
                                <span class="dataset-category-item-name ua-single-line-text">Економіка</span>
                            </a>
                        </li>
                    
                        <li class="dataset-category-item-wrapper" title="Звітність">
                            <a class="dataset-category-item" href="/dataset/?ext_category=reporting">
                                <span class="dataset-category-item-logo">
                                    <img src="/ua_portal_design/images/dataset-category-icons/name=reporting, icon=bg, color=mono.svg" alt="" aria-hidden="true" width="24px" height="24px">
                                </span>
                                <span class="dataset-category-item-name ua-single-line-text">Звітність</span>
                            </a>
                        </li>
                    
                        <li class="dataset-category-item-wrapper" title="Інфраструктура міста">
                            <a class="dataset-category-item" href="/dataset/?ext_category=infrastructure">
                                <span class="dataset-category-item-logo">
                                    <img src="/ua_portal_design/images/dataset-category-icons/name=infrastructure, icon=bg, color=mono.svg" alt="" aria-hidden="true" width="24px" height="24px">
                                </span>
                                <span class="dataset-category-item-name ua-single-line-text">Інфраструктура міста</span>
                            </a>
                        </li>
                    
                        <li class="dataset-category-item-wrapper" title="Комунальна власність та земельні ресурси">
                            <a class="dataset-category-item" href="/dataset/?ext_category=property">
                                <span class="dataset-category-item-logo">
                                    <img src="/ua_portal_design/images/dataset-category-icons/name=property, icon=bg, color=mono.svg" alt="" aria-hidden="true" width="24px" height="24px">
                                </span>
                                <span class="dataset-category-item-name ua-single-line-text">Комунальна власність та земельні ресурси</span>
                            </a>
                        </li>
                    
                        <li class="dataset-category-item-wrapper" title="Нормативно-правові акти">
                            <a class="dataset-category-item" href="/dataset/?ext_category=acts">
                                <span class="dataset-category-item-logo">
                                    <img src="/ua_portal_design/images/dataset-category-icons/name=acts, icon=bg, color=mono.svg" alt="" aria-hidden="true" width="24px" height="24px">
                                </span>
                                <span class="dataset-category-item-name ua-single-line-text">Нормативно-правові акти</span>
                            </a>
                        </li>
                    
                        <li class="dataset-category-item-wrapper" title="Освіта">
                            <a class="dataset-category-item" href="/dataset/?ext_category=education">
                                <span class="dataset-category-item-logo">
                                    <img src="/ua_portal_design/images/dataset-category-icons/name=education, icon=bg, color=mono.svg" alt="" aria-hidden="true" width="24px" height="24px">
                                </span>
                                <span class="dataset-category-item-name ua-single-line-text">Освіта</span>
                            </a>
                        </li>
                    
                        <li class="dataset-category-item-wrapper" title="Охорона здоров&#39;я">
                            <a class="dataset-category-item" href="/dataset/?ext_category=health">
                                <span class="dataset-category-item-logo">
                                    <img src="/ua_portal_design/images/dataset-category-icons/name=health, icon=bg, color=mono.svg" alt="" aria-hidden="true" width="24px" height="24px">
                                </span>
                                <span class="dataset-category-item-name ua-single-line-text">Охорона здоров&#39;я</span>
                            </a>
                        </li>
                    
                        <li class="dataset-category-item-wrapper" title="Реклама">
                            <a class="dataset-category-item" href="/dataset/?ext_category=ads">
                                <span class="dataset-category-item-logo">
                                    <img src="/ua_portal_design/images/dataset-category-icons/name=ads, icon=bg, color=mono.svg" alt="" aria-hidden="true" width="24px" height="24px">
                                </span>
                                <span class="dataset-category-item-name ua-single-line-text">Реклама</span>
                            </a>
                        </li>
                    
                        <li class="dataset-category-item-wrapper" title="Соціальний захист">
                            <a class="dataset-category-item" href="/dataset/?ext_category=protection">
                                <span class="dataset-category-item-logo">
                                    <img src="/ua_portal_design/images/dataset-category-icons/name=protection, icon=bg, color=mono.svg" alt="" aria-hidden="true" width="24px" height="24px">
                                </span>
                                <span class="dataset-category-item-name ua-single-line-text">Соціальний захист</span>
                            </a>
                        </li>
                    
                        <li class="dataset-category-item-wrapper" title="Структура розпорядників">
                            <a class="dataset-category-item" href="/dataset/?ext_category=managersstructure">
                                <span class="dataset-category-item-logo">
                                    <img src="/ua_portal_design/images/dataset-category-icons/name=managersstructure, icon=bg, color=mono.svg" alt="" aria-hidden="true" width="24px" height="24px">
                                </span>
                                <span class="dataset-category-item-name ua-single-line-text">Структура розпорядників</span>
                            </a>
                        </li>
                    
                </ul>
                <a class="ua-btn ua-btn-transparent ua-btn-ondark" href="/categories">
                    До всіх категорій
                </a>
            </div>
		</section>

		<!-- !popular block -->
		<section class="popular-block" id="popular_block" data-aos="fade-up">
            <div class="popular-block__header">
                <h2 class="popular-block__header-title">Популярне</h2>
                <ul class="popular-block__tab-list">
                    <li class="popular-block__tab-item">
                        <button class="popular-block__tab-button" data-tab-index="0">
                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 19" fill="currentColor">
                                <g clip-path="url(#clip0_7129_7694)">
                                    <path d="M17.9251 9.07792C17.6304 6.80948 16.483 4.73837 14.7161 3.28555C12.9492 1.83273 10.6953 1.10722 8.41272 1.2565C6.1301 1.40578 3.98997 2.41864 2.42733 4.0892C0.864681 5.75977 -0.00321018 7.96267 5.55405e-05 10.2502C-0.00426776 11.4746 0.243849 12.6867 0.728917 13.8109C1.21398 14.9351 1.92559 15.9473 2.81931 16.7842C3.50281 17.417 4.40342 17.7628 5.33481 17.7502H12.6601C13.644 17.7525 14.5894 17.3675 15.2918 16.6784C16.2928 15.7045 17.0523 14.51 17.5095 13.1903C17.9667 11.8707 18.109 10.4624 17.9251 9.07792ZM14.2433 15.6029C13.8213 16.0187 13.2524 16.2512 12.6601 16.2502H5.33481C4.78676 16.2614 4.25518 16.0626 3.84906 15.6944C3.10451 14.997 2.51167 14.1536 2.10752 13.2169C1.70337 12.2803 1.49658 11.2703 1.50006 10.2502C1.50079 9.19435 1.72414 8.15055 2.15551 7.18687C2.58688 6.22319 3.21659 5.3613 4.00355 4.65742C5.37091 3.42435 7.14833 2.74445 8.98956 2.75017C9.28375 2.75029 9.5777 2.76682 9.87006 2.79967C11.2768 2.96304 12.6084 3.52159 13.7108 4.41061C14.8131 5.29963 15.641 6.48275 16.0987 7.82293C16.5563 9.16312 16.6249 10.6055 16.2966 11.9831C15.9682 13.3607 15.2563 14.617 14.2433 15.6067V15.6029ZM5.85531 13.4639C5.99753 13.6032 6.07861 13.7932 6.08072 13.9922C6.08283 14.1912 6.00579 14.3829 5.86656 14.5252C5.72732 14.6674 5.53728 14.7485 5.33826 14.7506C5.13924 14.7527 4.94753 14.6757 4.80531 14.5364C3.95403 13.7025 3.37033 12.6341 3.12861 11.4672C2.8869 10.3003 2.99812 9.08792 3.44809 7.98451C3.89807 6.88109 4.66642 5.93665 5.6552 5.27158C6.64399 4.60651 7.80841 4.25093 9.00006 4.25017C9.28688 4.25008 9.57335 4.27038 9.8573 4.31092C9.95482 4.32498 10.0486 4.35811 10.1333 4.40843C10.218 4.45875 10.292 4.52526 10.351 4.60418C10.41 4.68309 10.4528 4.77285 10.4771 4.86834C10.5014 4.96382 10.5067 5.06316 10.4926 5.16067C10.4796 5.25871 10.4472 5.35319 10.3973 5.43853C10.3473 5.52388 10.2808 5.59837 10.2016 5.65762C10.1224 5.71688 10.0322 5.75971 9.93626 5.78359C9.84029 5.80747 9.74052 5.81191 9.64281 5.79667C8.70417 5.6626 7.74717 5.82844 6.90837 6.27052C6.06958 6.7126 5.39186 7.40833 4.97192 8.25843C4.55199 9.10853 4.4113 10.0696 4.56994 11.0043C4.72858 11.9391 5.17843 12.7999 5.85531 13.4639ZM14.9393 9.39292C14.9798 9.67687 15.0001 9.96334 15.0001 10.2502C15.0025 11.0494 14.8438 11.841 14.5335 12.5775C14.2232 13.3141 13.7677 13.9806 13.1941 14.5372C13.0516 14.6764 12.8597 14.7534 12.6606 14.7511C12.4614 14.7489 12.2713 14.6676 12.1321 14.5252C11.9928 14.3827 11.9159 14.1908 11.9181 13.9917C11.9204 13.7925 12.0016 13.6024 12.1441 13.4632C12.6508 12.9692 13.0335 12.3624 13.2608 11.6923C13.4881 11.0221 13.5537 10.3077 13.4521 9.60742C13.4236 9.41039 13.4746 9.21014 13.5938 9.05071C13.713 8.89128 13.8907 8.78574 14.0877 8.75729C14.2847 8.72885 14.485 8.77983 14.6444 8.89904C14.8038 9.01824 14.9094 9.19589 14.9378 9.39292H14.9393ZM10.4446 9.86617C10.5348 10.1907 10.515 10.536 10.3883 10.8482C10.2616 11.1603 10.0351 11.4217 9.74414 11.5915C9.45319 11.7614 9.11419 11.83 8.78009 11.7868C8.44599 11.7437 8.1356 11.591 7.89739 11.3528C7.65918 11.1146 7.50656 10.8042 7.46338 10.4701C7.42019 10.136 7.48887 9.79703 7.65869 9.50608C7.8285 9.21513 8.08989 8.98861 8.40203 8.8619C8.71417 8.73518 9.05949 8.71541 9.38406 8.80567L12.2198 5.96992C12.289 5.89828 12.3717 5.84115 12.4633 5.80184C12.5548 5.76253 12.6532 5.74184 12.7528 5.74098C12.8523 5.74011 12.9511 5.75909 13.0433 5.7968C13.1354 5.83451 13.2192 5.8902 13.2896 5.96062C13.36 6.03104 13.4157 6.11478 13.4534 6.20695C13.4911 6.29912 13.5101 6.39788 13.5092 6.49747C13.5084 6.59705 13.4877 6.69547 13.4484 6.78697C13.4091 6.87847 13.3519 6.96123 13.2803 7.03042L10.4446 9.86617Z" fill="currentColor"/>
                                </g>
                            </svg>
                            Дашборди
                        </button>
                    </li>
                    <li class="popular-block__tab-item">
                        <button class="popular-block__tab-button" data-tab-index="1">
                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 19" fill="currentColor">
                                <g clip-path="url(#clip0_7129_7700)">
                                    <path d="M18.0002 9.12503C17.9984 8.61938 17.8824 8.12066 17.6608 7.66612C17.4393 7.21158 17.1179 6.81296 16.7207 6.50003C17.2702 6.06684 17.6708 5.47294 17.8666 4.80116C18.0624 4.12938 18.0436 3.41324 17.8129 2.75265C17.5822 2.09205 17.151 1.51993 16.5796 1.11612C16.0081 0.712305 15.3249 0.496927 14.6252 0.500033H3.37518C2.67546 0.496927 1.99222 0.712305 1.42077 1.11612C0.849318 1.51993 0.418163 2.09205 0.187449 2.75265C-0.0432655 3.41324 -0.0620322 4.12938 0.133767 4.80116C0.329565 5.47294 0.730164 6.06684 1.27968 6.50003C0.881088 6.81171 0.558709 7.21007 0.336994 7.66489C0.11528 8.11971 5.29111e-05 8.61905 5.29111e-05 9.12503C5.29111e-05 9.63102 0.11528 10.1304 0.336994 10.5852C0.558709 11.04 0.881088 11.4384 1.27968 11.75C0.730164 12.1832 0.329565 12.7771 0.133767 13.4489C-0.0620322 14.1207 -0.0432655 14.8368 0.187449 15.4974C0.418163 16.158 0.849318 16.7301 1.42077 17.1339C1.99222 17.5378 2.67546 17.7531 3.37518 17.75H14.6252C15.3249 17.7531 16.0081 17.5378 16.5796 17.1339C17.151 16.7301 17.5822 16.158 17.8129 15.4974C18.0436 14.8368 18.0624 14.1207 17.8666 13.4489C17.6708 12.7771 17.2702 12.1832 16.7207 11.75C17.1179 11.4371 17.4393 11.0385 17.6608 10.5839C17.8824 10.1294 17.9984 9.63069 18.0002 9.12503ZM1.50018 3.87503C1.50018 3.37775 1.69772 2.90084 2.04935 2.54921C2.40098 2.19758 2.8779 2.00003 3.37518 2.00003H3.75018V2.75003C3.75018 2.94895 3.8292 3.13971 3.96985 3.28036C4.1105 3.42102 4.30127 3.50003 4.50018 3.50003C4.69909 3.50003 4.88986 3.42102 5.03051 3.28036C5.17116 3.13971 5.25018 2.94895 5.25018 2.75003V2.00003H6.75018V2.75003C6.75018 2.94895 6.8292 3.13971 6.96985 3.28036C7.1105 3.42102 7.30127 3.50003 7.50018 3.50003C7.69909 3.50003 7.88986 3.42102 8.03051 3.28036C8.17116 3.13971 8.25018 2.94895 8.25018 2.75003V2.00003H14.6252C15.1225 2.00003 15.5994 2.19758 15.951 2.54921C16.3026 2.90084 16.5002 3.37775 16.5002 3.87503C16.5002 4.37231 16.3026 4.84923 15.951 5.20086C15.5994 5.55249 15.1225 5.75003 14.6252 5.75003H3.37518C2.8779 5.75003 2.40098 5.55249 2.04935 5.20086C1.69772 4.84923 1.50018 4.37231 1.50018 3.87503ZM16.5002 14.375C16.5002 14.8723 16.3026 15.3492 15.951 15.7009C15.5994 16.0525 15.1225 16.25 14.6252 16.25H3.37518C2.8779 16.25 2.40098 16.0525 2.04935 15.7009C1.69772 15.3492 1.50018 14.8723 1.50018 14.375C1.50018 13.8778 1.69772 13.4008 2.04935 13.0492C2.40098 12.6976 2.8779 12.5 3.37518 12.5H3.75018V13.25C3.75018 13.4489 3.8292 13.6397 3.96985 13.7804C4.1105 13.921 4.30127 14 4.50018 14C4.69909 14 4.88986 13.921 5.03051 13.7804C5.17116 13.6397 5.25018 13.4489 5.25018 13.25V12.5H6.75018V13.25C6.75018 13.4489 6.8292 13.6397 6.96985 13.7804C7.1105 13.921 7.30127 14 7.50018 14C7.69909 14 7.88986 13.921 8.03051 13.7804C8.17116 13.6397 8.25018 13.4489 8.25018 13.25V12.5H14.6252C15.1225 12.5 15.5994 12.6976 15.951 13.0492C16.3026 13.4008 16.5002 13.8778 16.5002 14.375ZM3.37518 11C2.8779 11 2.40098 10.8025 2.04935 10.4509C1.69772 10.0992 1.50018 9.62231 1.50018 9.12503C1.50018 8.62775 1.69772 8.15084 2.04935 7.79921C2.40098 7.44758 2.8779 7.25003 3.37518 7.25003H3.75018V8.00003C3.75018 8.19895 3.8292 8.38971 3.96985 8.53036C4.1105 8.67102 4.30127 8.75003 4.50018 8.75003C4.69909 8.75003 4.88986 8.67102 5.03051 8.53036C5.17116 8.38971 5.25018 8.19895 5.25018 8.00003V7.25003H6.75018V8.00003C6.75018 8.19895 6.8292 8.38971 6.96985 8.53036C7.1105 8.67102 7.30127 8.75003 7.50018 8.75003C7.69909 8.75003 7.88986 8.67102 8.03051 8.53036C8.17116 8.38971 8.25018 8.19895 8.25018 8.00003V7.25003H14.6252C15.1225 7.25003 15.5994 7.44758 15.951 7.79921C16.3026 8.15084 16.5002 8.62775 16.5002 9.12503C16.5002 9.62231 16.3026 10.0992 15.951 10.4509C15.5994 10.8025 15.1225 11 14.6252 11H3.37518Z" fill="currentColor"/>
                                </g>
                            </svg>
                            Набори даних
                        </button>
                    </li>
                    <li class="popular-block__tab-item">
                        <button class="popular-block__tab-button" data-tab-index="2">
                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="19" viewBox="0 0 14 19" fill="currentColor">
                                <path d="M13.75 18.5004H12.25V14.7181C12.2494 14.1301 12.0156 13.5664 11.5998 13.1506C11.184 12.7348 10.6203 12.501 10.0322 12.5004H3.96775C3.37975 12.501 2.816 12.7348 2.40022 13.1506C1.98444 13.5664 1.7506 14.1301 1.75 14.7181V18.5004H0.25V14.7181C0.251191 13.7325 0.643264 12.7875 1.34022 12.0906C2.03717 11.3936 2.98211 11.0016 3.96775 11.0004H10.0322C11.0179 11.0016 11.9628 11.3936 12.6598 12.0906C13.3567 12.7875 13.7488 13.7325 13.75 14.7181V18.5004Z" fill="currentColor"/>
                                <path d="M7 9.5C6.10999 9.5 5.23996 9.23608 4.49994 8.74162C3.75991 8.24715 3.18314 7.54434 2.84254 6.72208C2.50195 5.89981 2.41283 4.99501 2.58647 4.1221C2.7601 3.24918 3.18869 2.44736 3.81802 1.81802C4.44736 1.18869 5.24918 0.760102 6.1221 0.586468C6.99501 0.412835 7.89981 0.50195 8.72208 0.842544C9.54434 1.18314 10.2471 1.75991 10.7416 2.49994C11.2361 3.23996 11.5 4.10999 11.5 5C11.4988 6.19311 11.0243 7.33701 10.1807 8.18067C9.33701 9.02432 8.19311 9.49881 7 9.5ZM7 2C6.40666 2 5.82664 2.17595 5.33329 2.50559C4.83994 2.83524 4.45543 3.30377 4.22836 3.85195C4.0013 4.40013 3.94189 5.00333 4.05765 5.58527C4.1734 6.16722 4.45912 6.70177 4.87868 7.12132C5.29824 7.54088 5.83279 7.8266 6.41473 7.94236C6.99667 8.05811 7.59987 7.9987 8.14805 7.77164C8.69623 7.54458 9.16477 7.16006 9.49441 6.66671C9.82406 6.17337 10 5.59335 10 5C10 4.20435 9.68393 3.44129 9.12132 2.87868C8.55871 2.31607 7.79565 2 7 2Z" fill="currentColor"/>
                            </svg>
                            Розпорядники
                        </button>
                    </li>
                </ul>
            </div>

            <div class="popular-block__tabs-container">
                <div class="popular-block__tabs-scroll">
                    <div class="popular-block__list-wrapper ua-slider" id="tab_dashboards">
                        <ul class="popular-block__list ua-slider-list">
                            
                            
                                <li class="popular-block__item ua-slider-item">
                                    <a class="popular-block__item-link" href="/dashboard/placeat-aut-natus-v">
                                        
                                            












    

    <div
        class="ua-tag "
        title=""
        
    >
        <img
            src="/ua_portal_design/images/dataset-category-icons/name=protection, icon=no-bg, color=color.svg"
            alt=""
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
                aria-hidden="true"
            
            
        >
        
            <span>Соціальний захист</span>
        
    </div>

    

                                        
                                        <h3 class="popular-block__item-title" title="Placeat aut natus v">
                                            Placeat aut natus v
                                        </h3>
                                        <div class="popular-block__item-text markdown-inline" title="Це перший абзац. Тут багато тексту, який іде суцільним блоком.

Це другий абзац (після подвійного Enter).
А це рядок, який я хочу перенести..  
..ось так (тут було два пробіли в кінці попереднього рядка).

---
Це текст під горизонтальною лінією.">
                                            <p>Це перший абзац. Тут багато тексту, який іде суцільним блоком.</p>
<p>Це другий абзац (після подвійного Enter).
А це рядок, який я хочу перенести..<br>
..ось так (тут було два пробіли в кінці попереднього рядка).</p>
<hr>
<p>Це текст під горизонтальною лінією.</p>
                                        </div>
                                        <div class="popular-block__item-info__list">
                                            
                                            
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/eye.svg" alt="перегляди"/>
                                                148
                                            </div>
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/download.svg" alt="завантаження"/>
                                                274
                                            </div>
                                            
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/star.svg" alt="рейтинг"/>
                                                
                                                3,6(5)
                                            </div>
                                            
                                        </div>
                                    </a>
                                </li>
                            
                                <li class="popular-block__item ua-slider-item">
                                    <a class="popular-block__item-link" href="/dashboard/novyi">
                                        
                                            












    

    <div
        class="ua-tag "
        title=""
        
    >
        <img
            src="/ua_portal_design/images/dataset-category-icons/name=safety, icon=no-bg, color=color.svg"
            alt=""
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
                aria-hidden="true"
            
            
        >
        
            <span>Безпека</span>
        
    </div>

    

                                        
                                        <h3 class="popular-block__item-title" title="Новий">
                                            Новий
                                        </h3>
                                        <div class="popular-block__item-text markdown-inline" title="створено 26.01.26 о 10:58">
                                            <p>створено 26.01.26 о 10:58</p>
                                        </div>
                                        <div class="popular-block__item-info__list">
                                            
                                            
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/eye.svg" alt="перегляди"/>
                                                126
                                            </div>
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/download.svg" alt="завантаження"/>
                                                91
                                            </div>
                                            
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/star.svg" alt="рейтинг"/>
                                                
                                                4,0(1)
                                            </div>
                                            
                                        </div>
                                    </a>
                                </li>
                            
                                <li class="popular-block__item ua-slider-item">
                                    <a class="popular-block__item-link" href="/dashboard/analiz-borhiv-za-zemliu">
                                        
                                            












    

    <div
        class="ua-tag "
        title=""
        
    >
        <img
            src="/ua_portal_design/images/dataset-category-icons/name=ecology, icon=no-bg, color=color.svg"
            alt=""
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
                aria-hidden="true"
            
            
        >
        
            <span>Екологія</span>
        
    </div>

    

                                        
                                        <h3 class="popular-block__item-title" title="Аналіз боргів за землю">
                                            Аналіз боргів за землю
                                        </h3>
                                        <div class="popular-block__item-text markdown-inline" title="Дашборд «Аналіз боргів за землю» відображає заборгованості, структуру платників, динаміку платежів, регіональні відмінності, тенденції сплати та дозволяє швидко оцінити ризики й ефективність стягнення.
">
                                            <p>Дашборд «Аналіз боргів за землю» відображає заборгованості, структуру платників, динаміку платежів, регіональні відмінності, тенденції сплати та дозволяє швидко оцінити ризики й ефективність стягнення.</p>
                                        </div>
                                        <div class="popular-block__item-info__list">
                                            
                                            
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/eye.svg" alt="перегляди"/>
                                                79
                                            </div>
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/download.svg" alt="завантаження"/>
                                                24
                                            </div>
                                            
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/star.svg" alt="рейтинг"/>
                                                
                                                5,0(1)
                                            </div>
                                            
                                        </div>
                                    </a>
                                </li>
                            
                                <li class="popular-block__item ua-slider-item">
                                    <a class="popular-block__item-link" href="/dashboard/nazva-zazazaza">
                                        
                                            












    

    <div
        class="ua-tag "
        title=""
        
    >
        <img
            src="/ua_portal_design/images/dataset-category-icons/name=ads, icon=no-bg, color=color.svg"
            alt=""
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
                aria-hidden="true"
            
            
        >
        
            <span>Реклама</span>
        
    </div>

    

                                        
                                        <h3 class="popular-block__item-title" title="назва зазазаза">
                                            назва зазазаза
                                        </h3>
                                        <div class="popular-block__item-text markdown-inline" title="опис">
                                            <p>опис</p>
                                        </div>
                                        <div class="popular-block__item-info__list">
                                            
                                            
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/eye.svg" alt="перегляди"/>
                                                73
                                            </div>
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/download.svg" alt="завантаження"/>
                                                27
                                            </div>
                                            
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/star.svg" alt="рейтинг"/>
                                                
                                                4,0(1)
                                            </div>
                                            
                                        </div>
                                    </a>
                                </li>
                            
                                <li class="popular-block__item ua-slider-item">
                                    <a class="popular-block__item-link" href="/dashboard/nazva">
                                        
                                            












    

    <div
        class="ua-tag "
        title=""
        
    >
        <img
            src="/ua_portal_design/images/dataset-category-icons/name=safety, icon=no-bg, color=color.svg"
            alt=""
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
                aria-hidden="true"
            
            
        >
        
            <span>Безпека</span>
        
    </div>

    

                                        
                                        <h3 class="popular-block__item-title" title="назва">
                                            назва
                                        </h3>
                                        <div class="popular-block__item-text markdown-inline" title="ааааа">
                                            <p>ааааа</p>
                                        </div>
                                        <div class="popular-block__item-info__list">
                                            
                                            
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/eye.svg" alt="перегляди"/>
                                                96
                                            </div>
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/download.svg" alt="завантаження"/>
                                                0
                                            </div>
                                            
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/star.svg" alt="рейтинг"/>
                                                
                                                5,0(1)
                                            </div>
                                            
                                        </div>
                                    </a>
                                </li>
                            
                                <li class="popular-block__item ua-slider-item">
                                    <a class="popular-block__item-link" href="/dashboard/zeleni-zony">
                                        
                                            












    

    <div
        class="ua-tag "
        title=""
        
    >
        <img
            src="/ua_portal_design/images/dataset-category-icons/name=ecology, icon=no-bg, color=color.svg"
            alt=""
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
                aria-hidden="true"
            
            
        >
        
            <span>Екологія</span>
        
    </div>

    

                                        
                                        <h3 class="popular-block__item-title" title="Зелені зони">
                                            Зелені зони
                                        </h3>
                                        <div class="popular-block__item-text markdown-inline" title="**ОПИС** Дашборд розкаже вам, *скільки* зелених зон і лісів є у вашому місті. *Він показує*, скільки зелених зон і лісів доступно на кожного мешканця, як ця площа змінюється залежно від кількості мешканців, скільки зелених зон припадає на один ліс, відображаючи їх співвідношення та показує, як зелені зони розподілені порайонно. Дашборд створено за даними Департаменту захисту довкілля та адаптації до зміни клімату">
                                            <p><strong>ОПИС</strong> Дашборд розкаже вам, <em>скільки</em> зелених зон і лісів є у вашому місті. <em>Він показує</em>, скільки зелених зон і лісів доступно на кожного мешканця, як ця площа змінюється залежно від кількості мешканців, скільки зелених зон припадає на один ліс, відображаючи їх співвідношення та показує, як...</p>
                                        </div>
                                        <div class="popular-block__item-info__list">
                                            
                                            
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/eye.svg" alt="перегляди"/>
                                                89
                                            </div>
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/download.svg" alt="завантаження"/>
                                                6
                                            </div>
                                            
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/star.svg" alt="рейтинг"/>
                                                
                                                5,0(2)
                                            </div>
                                            
                                        </div>
                                    </a>
                                </li>
                            
                        </ul>
                        <div class="ua-slider-dots"></div>
                        <a class="ua-btn popular-block__list-button" href="/dashboard">
                            До всіх дашбордів<img src="/ua_portal_design/images/homepage/dashboard.svg" alt="" aria-hidden="true">
                        </a>
                    </div>

                    <div class="popular-block__list-wrapper ua-slider" id="tab_datasets">
                        <ul class="popular-block__list ua-slider-list">
                            
                            
                                <li class="popular-block__item ua-slider-item">
                                    <a class="popular-block__item-link" href="/dataset/003d8f1a-5671-45e6-914d-10890ff83d6c">
                                        <div class="popular-block__item-header">
                                            












    

    <div
        class="ua-tag "
        title=""
        
    >
        <img
            src="/ua_portal_design/images/dataset-category-icons/name=other, icon=no-bg, color=color.svg"
            alt=""
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
                aria-hidden="true"
            
            
        >
        
            <span>Інше</span>
        
    </div>

    

                                        </div>
                                        <h3 class="popular-block__item-title" title="Медичне обладнення ДМЛ№1">
                                            Медичне обладнення ДМЛ№1
                                        </h3>
                                        <div class="popular-block__item-text markdown-inline" title="&lt;p&gt;У цьому наборі розміщені переліки медичного обладення Дрогобицької міської лікарні №1&lt;/p&gt;
">
                                            <p>У цьому наборі розміщені переліки медичного обладення Дрогобицької міської лікарні №1</p>
                                        </div>
                                        <div class="popular-block__item-info__list--wrapper">
                                            <div class="popular-block__item-info__list">
                                                <div class="popular-block__item-info__item">
                                                    23.09.2025 11:19
                                                </div>
                                                <div class="popular-block__item-info__item">
                                                    <img src="/ua_portal_design/images/eye.svg" alt="перегляди"/>
                                                    6571
                                                </div>
                                                <div class="popular-block__item-info__item">
                                                    <img src="/ua_portal_design/images/download.svg" alt="завантаження"/>
                                                    0
                                                </div>
                                                
                                            </div>
                                            <div class="popular-block__item__format-list">
                                                
                                                    <div class="popular-block__item__format-item">
                                                        XLSX
                                                    </div>
                                                
                                                
                                            </div>
                                        </div>
                                    </a>
                                </li>
                            
                                <li class="popular-block__item ua-slider-item">
                                    <a class="popular-block__item-link" href="/dataset/41c1f677-cc2c-463c-be39-d69b18080428">
                                        <div class="popular-block__item-header">
                                            












    

    <div
        class="ua-tag "
        title=""
        
    >
        <img
            src="/ua_portal_design/images/dataset-category-icons/name=other, icon=no-bg, color=color.svg"
            alt=""
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
                aria-hidden="true"
            
            
        >
        
            <span>Інше</span>
        
    </div>

    

                                        </div>
                                        <h3 class="popular-block__item-title" title="Структура Національного антикорупційного бюро України">
                                            Структура Національного антикорупційного бюро України
                                        </h3>
                                        <div class="popular-block__item-text markdown-inline" title="Організаційна структура Національного антикорупційного бюро України та штатний розпис Національного антикорупційного бюро України ">
                                            <p>Організаційна структура Національного антикорупційного бюро України та штатний розпис Національного антикорупційного бюро України</p>
                                        </div>
                                        <div class="popular-block__item-info__list--wrapper">
                                            <div class="popular-block__item-info__list">
                                                <div class="popular-block__item-info__item">
                                                    23.09.2025 13:28
                                                </div>
                                                <div class="popular-block__item-info__item">
                                                    <img src="/ua_portal_design/images/eye.svg" alt="перегляди"/>
                                                    6458
                                                </div>
                                                <div class="popular-block__item-info__item">
                                                    <img src="/ua_portal_design/images/download.svg" alt="завантаження"/>
                                                    0
                                                </div>
                                                
                                            </div>
                                            <div class="popular-block__item__format-list">
                                                
                                                    <div class="popular-block__item__format-item">
                                                        PDF
                                                    </div>
                                                
                                                
                                                <div class="ua-tooltip-wrapper">
                                                    <span class="popular-block__item__format-item">
                                                        +4
                                                    </span>
                                                    <div class="ua-tooltip" style="left: auto; right: 0; display: flex; gap: 4px;">
                                                        
                                                            <div class="popular-block__item__format-item">.XLSX</div>
                                                        
                                                            <div class="popular-block__item__format-item">XLSX</div>
                                                        
                                                            <div class="popular-block__item__format-item">XLSX, XLX</div>
                                                        
                                                            <div class="popular-block__item__format-item">XLXS</div>
                                                        
                                                    </div>
                                                </div>
                                                
                                            </div>
                                        </div>
                                    </a>
                                </li>
                            
                                <li class="popular-block__item ua-slider-item">
                                    <a class="popular-block__item-link" href="/dataset/0dd9f702-30fc-4428-a49b-de6e697c2cb7">
                                        <div class="popular-block__item-header">
                                            












    

    <div
        class="ua-tag "
        title=""
        
    >
        <img
            src="/ua_portal_design/images/dataset-category-icons/name=other, icon=no-bg, color=color.svg"
            alt=""
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
                aria-hidden="true"
            
            
        >
        
            <span>Інше</span>
        
    </div>

    

                                        </div>
                                        <h3 class="popular-block__item-title" title="Інформація про організаційну структуру Волинської митниці ДФС">
                                            Інформація про організаційну структуру Волинської митниці ДФС
                                        </h3>
                                        <div class="popular-block__item-text markdown-inline" title="Інформація про організаційну структуру Волинської митниці ДФС">
                                            <p>Інформація про організаційну структуру Волинської митниці ДФС</p>
                                        </div>
                                        <div class="popular-block__item-info__list--wrapper">
                                            <div class="popular-block__item-info__list">
                                                <div class="popular-block__item-info__item">
                                                    23.09.2025 11:41
                                                </div>
                                                <div class="popular-block__item-info__item">
                                                    <img src="/ua_portal_design/images/eye.svg" alt="перегляди"/>
                                                    1367
                                                </div>
                                                <div class="popular-block__item-info__item">
                                                    <img src="/ua_portal_design/images/download.svg" alt="завантаження"/>
                                                    0
                                                </div>
                                                
                                            </div>
                                            <div class="popular-block__item__format-list">
                                                
                                                    <div class="popular-block__item__format-item">
                                                        RTF
                                                    </div>
                                                
                                                
                                            </div>
                                        </div>
                                    </a>
                                </li>
                            
                                <li class="popular-block__item ua-slider-item">
                                    <a class="popular-block__item-link" href="/dataset/2d56684a-b08a-426e-a5ac-c14670d042d4">
                                        <div class="popular-block__item-header">
                                            












    

    <div
        class="ua-tag "
        title=""
        
    >
        <img
            src="/ua_portal_design/images/dataset-category-icons/name=other, icon=no-bg, color=color.svg"
            alt=""
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
                aria-hidden="true"
            
            
        >
        
            <span>Інше</span>
        
    </div>

    

                                        </div>
                                        <h3 class="popular-block__item-title" title="Дані про депутатів Агрономічної сільської ради">
                                            Дані про депутатів Агрономічної сільської ради
                                        </h3>
                                        <div class="popular-block__item-text markdown-inline" title="Набір містить ідентифікаційні та контактні дані депутатів Агрономічної сільської ради">
                                            <p>Набір містить ідентифікаційні та контактні дані депутатів Агрономічної сільської ради</p>
                                        </div>
                                        <div class="popular-block__item-info__list--wrapper">
                                            <div class="popular-block__item-info__list">
                                                <div class="popular-block__item-info__item">
                                                    23.09.2025 12:42
                                                </div>
                                                <div class="popular-block__item-info__item">
                                                    <img src="/ua_portal_design/images/eye.svg" alt="перегляди"/>
                                                    768
                                                </div>
                                                <div class="popular-block__item-info__item">
                                                    <img src="/ua_portal_design/images/download.svg" alt="завантаження"/>
                                                    0
                                                </div>
                                                
                                            </div>
                                            <div class="popular-block__item__format-list">
                                                
                                                    <div class="popular-block__item__format-item">
                                                        XLSX
                                                    </div>
                                                
                                                
                                            </div>
                                        </div>
                                    </a>
                                </li>
                            
                                <li class="popular-block__item ua-slider-item">
                                    <a class="popular-block__item-link" href="/dataset/051f60a4-7e08-46c4-9a44-39a6320b33af">
                                        <div class="popular-block__item-header">
                                            












    

    <div
        class="ua-tag "
        title=""
        
    >
        <img
            src="/ua_portal_design/images/dataset-category-icons/name=other, icon=no-bg, color=color.svg"
            alt=""
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
                aria-hidden="true"
            
            
        >
        
            <span>Інше</span>
        
    </div>

    

                                        </div>
                                        <h3 class="popular-block__item-title" title="Реєстр укладених договорів КП Дрогобицький Ринок">
                                            Реєстр укладених договорів КП Дрогобицький Ринок
                                        </h3>
                                        <div class="popular-block__item-text markdown-inline" title="&lt;p&gt;У цьому наборі розміщений реєстр договорів Комунального підприємства Дрогобицький ринок&lt;/p&gt;
">
                                            <p>У цьому наборі розміщений реєстр договорів Комунального підприємства Дрогобицький ринок</p>
                                        </div>
                                        <div class="popular-block__item-info__list--wrapper">
                                            <div class="popular-block__item-info__list">
                                                <div class="popular-block__item-info__item">
                                                    23.09.2025 11:26
                                                </div>
                                                <div class="popular-block__item-info__item">
                                                    <img src="/ua_portal_design/images/eye.svg" alt="перегляди"/>
                                                    610
                                                </div>
                                                <div class="popular-block__item-info__item">
                                                    <img src="/ua_portal_design/images/download.svg" alt="завантаження"/>
                                                    0
                                                </div>
                                                
                                            </div>
                                            <div class="popular-block__item__format-list">
                                                
                                                    <div class="popular-block__item__format-item">
                                                        XLSX
                                                    </div>
                                                
                                                
                                            </div>
                                        </div>
                                    </a>
                                </li>
                            
                                <li class="popular-block__item ua-slider-item">
                                    <a class="popular-block__item-link" href="/dataset/43e69fb0-f8f4-4c9c-8aee-7a4950546c47">
                                        <div class="popular-block__item-header">
                                            












    

    <div
        class="ua-tag "
        title=""
        
    >
        <img
            src="/ua_portal_design/images/dataset-category-icons/name=other, icon=no-bg, color=color.svg"
            alt=""
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
                aria-hidden="true"
            
            
        >
        
            <span>Інше</span>
        
    </div>

    

                                        </div>
                                        <h3 class="popular-block__item-title" title="Звіти по допорогових закупівлях ДМЛ№1">
                                            Звіти по допорогових закупівлях ДМЛ№1
                                        </h3>
                                        <div class="popular-block__item-text markdown-inline" title="&lt;p&gt;У цьому наборі розміщені звіти по допорогових закупівлях КНП Дрогобицька лікарня №1&lt;/p&gt;
">
                                            <p>У цьому наборі розміщені звіти по допорогових закупівлях КНП Дрогобицька лікарня №1</p>
                                        </div>
                                        <div class="popular-block__item-info__list--wrapper">
                                            <div class="popular-block__item-info__list">
                                                <div class="popular-block__item-info__item">
                                                    23.09.2025 13:34
                                                </div>
                                                <div class="popular-block__item-info__item">
                                                    <img src="/ua_portal_design/images/eye.svg" alt="перегляди"/>
                                                    558
                                                </div>
                                                <div class="popular-block__item-info__item">
                                                    <img src="/ua_portal_design/images/download.svg" alt="завантаження"/>
                                                    0
                                                </div>
                                                
                                            </div>
                                            <div class="popular-block__item__format-list">
                                                
                                                    <div class="popular-block__item__format-item">
                                                        XLSX
                                                    </div>
                                                
                                                
                                            </div>
                                        </div>
                                    </a>
                                </li>
                            
                        </ul>
                        <div class="ua-slider-dots"></div>
                        <a class="ua-btn popular-block__list-button" href="/dataset/">
                            До всіх наборів<img src="/ua_portal_design/images/homepage/dataset.svg" alt="" aria-hidden="true">
                        </a>
                    </div>

                    <div class="popular-block__list-wrapper ua-slider" id="tab_organizations">
                        <ul class="popular-block__list ua-slider-list">
                            
                            
                                <li class="popular-block__item ua-slider-item">
                                    <a class="popular-block__item-link" href="/organization/britanni-good">
                                        <div class="popular-block__item-header">
                                            <img src="https://ckan-test.go-te.co/uploads/group/2025-12-15-163621.952259tuxstego.png" alt="" aria-hidden="true" width="50px" height="50px" style="border-radius: 50%;"/>
                                            <div class="popular-block__item-header__info">
                                                <h5 class="popular-block__item-header__info-title">Наборів даних опубліковано:</h5>
                                                <p class="popular-block__item-header__info-text">23</p>
                                            </div>
                                        </div>
                                        <h3 class="popular-block__item-title" title="Britanni Good">
                                            Britanni Good
                                        </h3>
                                        <div class="popular-block__item-text markdown-inline" title="# Тестування рендерингу Markdown

---

## 1. Валідація текстових стилів
Цей розділ призначений для перевірки того, чи правильно парсер відображає основні накреслення.

* **Перевірка жирності:** Текст має бути **дуже помітним**.
* **Перевірка курсиву:** Текст має бути *нахиленим*.
* **Комбінований тест:** ***Жирний курсив*** для особливих випадків.
* **Видалення:** Текст, що став ~~неактуальним~~ під час тест-дизайну.

---

## 2. Тест перенесень та абзаців
Перший абзац тексту. Він закінчується тут.

Другий абзац (відокремлений порожнім рядком).  
Це новий рядок у межах того самого абзацу (використано два пробіли в кінці попереднього).

&gt; [!NOTE]
&gt; Важливо перевірити, чи підтримує ваш редактор розширені блоки цитат (Admonitions).">
                                            <h1>Тестування рендерингу Markdown</h1>
<hr>
<h2>1. Валідація текстових стилів</h2>
<p>Цей розділ призначений для перевірки того, чи правильно парсер відображає основні накреслення.</p>
<ul>
<li><strong>Перевірка жирності:</strong> Текст має бути <strong>дуже помітним</strong>.</li>
<li><strong>Перевірка курсиву:</strong> Текст має бути <em>нахиленим</em>.
*...</li>
</ul>
                                        </div>
                                        <div class="popular-block__item-info__list">
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/eye.svg" alt="перегляди"/>
                                                506
                                            </div>
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/download.svg" alt="завантаження"/>
                                                171
                                            </div>
                                            
                                                <div class="popular-block__item-info__item">
                                                    <img src="/ua_portal_design/images/star.svg" alt="рейтинг"/>
                                                    3.8
                                                </div>
                                            
                                        </div>
                                    </a>
                                </li>
                            
                                <li class="popular-block__item ua-slider-item">
                                    <a class="popular-block__item-link" href="/organization/апарат-виконавчого-органу-київської-міської-ради-київської-міської-державної-адміністрації">
                                        <div class="popular-block__item-header">
                                            <img src="https://ckan-test.go-te.co/uploads/group/2026-01-20-195801.462599---1922.png" alt="" aria-hidden="true" width="50px" height="50px" style="border-radius: 50%;"/>
                                            <div class="popular-block__item-header__info">
                                                <h5 class="popular-block__item-header__info-title">Наборів даних опубліковано:</h5>
                                                <p class="popular-block__item-header__info-text">11587</p>
                                            </div>
                                        </div>
                                        <h3 class="popular-block__item-title" title="Апарат виконавчого органу Київської міської ради (Київської міської державної адміністрації)">
                                            Апарат виконавчого органу Київської міської ради (Київської міської державної адміністрації)
                                        </h3>
                                        <div class="popular-block__item-text markdown-inline" title="Забезпечує правове, організаційне, документальне, інформаційне, кадрове, фінансово-господарське та інше забезпечення діяльності виконавчого органу Київської міської ради (Київської міської державної адміністрації).">
                                            <p>Забезпечує правове, організаційне, документальне, інформаційне, кадрове, фінансово-господарське та інше забезпечення діяльності виконавчого органу Київської міської ради (Київської міської державної адміністрації).</p>
                                        </div>
                                        <div class="popular-block__item-info__list">
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/eye.svg" alt="перегляди"/>
                                                239
                                            </div>
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/download.svg" alt="завантаження"/>
                                                427
                                            </div>
                                            
                                                <div class="popular-block__item-info__item">
                                                    <img src="/ua_portal_design/images/star.svg" alt="рейтинг"/>
                                                    3.3
                                                </div>
                                            
                                        </div>
                                    </a>
                                </li>
                            
                                <li class="popular-block__item ua-slider-item">
                                    <a class="popular-block__item-link" href="/organization/delilah-cooley">
                                        <div class="popular-block__item-header">
                                            <img src="https://ckan-test.go-te.co/uploads/group/2026-02-02-133202.856059FRIDAY-Hero-Article-AUG-12-2020-scaled.jpg" alt="" aria-hidden="true" width="50px" height="50px" style="border-radius: 50%;"/>
                                            <div class="popular-block__item-header__info">
                                                <h5 class="popular-block__item-header__info-title">Наборів даних опубліковано:</h5>
                                                <p class="popular-block__item-header__info-text">76</p>
                                            </div>
                                        </div>
                                        <h3 class="popular-block__item-title" title="Aileen Harris">
                                            Aileen Harris
                                        </h3>
                                        <div class="popular-block__item-text markdown-inline" title="Voluptatem perferend">
                                            <p>Voluptatem perferend</p>
                                        </div>
                                        <div class="popular-block__item-info__list">
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/eye.svg" alt="перегляди"/>
                                                359
                                            </div>
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/download.svg" alt="завантаження"/>
                                                125
                                            </div>
                                            
                                                <div class="popular-block__item-info__item">
                                                    <img src="/ua_portal_design/images/star.svg" alt="рейтинг"/>
                                                    4.0
                                                </div>
                                            
                                        </div>
                                    </a>
                                </li>
                            
                                <li class="popular-block__item ua-slider-item">
                                    <a class="popular-block__item-link" href="/organization/kenyon-finch">
                                        <div class="popular-block__item-header">
                                            <img src="/ua_portal_design/images/default-organization-logo.svg" alt="" aria-hidden="true" width="50px" height="50px" style="border-radius: 50%;"/>
                                            <div class="popular-block__item-header__info">
                                                <h5 class="popular-block__item-header__info-title">Наборів даних опубліковано:</h5>
                                                <p class="popular-block__item-header__info-text">94</p>
                                            </div>
                                        </div>
                                        <h3 class="popular-block__item-title" title="Brent Bird">
                                            Brent Bird
                                        </h3>
                                        <div class="popular-block__item-text markdown-inline" title="Porro dicta amet reiciendis reprehenderit voluptas veniam similique soluta cumque qui beatae occaecat vero ea">
                                            <p>Porro dicta amet reiciendis reprehenderit voluptas veniam similique soluta cumque qui beatae occaecat vero ea</p>
                                        </div>
                                        <div class="popular-block__item-info__list">
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/eye.svg" alt="перегляди"/>
                                                158
                                            </div>
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/download.svg" alt="завантаження"/>
                                                51
                                            </div>
                                            
                                                <div class="popular-block__item-info__item">
                                                    <img src="/ua_portal_design/images/star.svg" alt="рейтинг"/>
                                                    4.2
                                                </div>
                                            
                                        </div>
                                    </a>
                                </li>
                            
                                <li class="popular-block__item ua-slider-item">
                                    <a class="popular-block__item-link" href="/organization/myorganization">
                                        <div class="popular-block__item-header">
                                            <img src="/ua_portal_design/images/default-organization-logo.svg" alt="" aria-hidden="true" width="50px" height="50px" style="border-radius: 50%;"/>
                                            <div class="popular-block__item-header__info">
                                                <h5 class="popular-block__item-header__info-title">Наборів даних опубліковано:</h5>
                                                <p class="popular-block__item-header__info-text">6</p>
                                            </div>
                                        </div>
                                        <h3 class="popular-block__item-title" title="Myorganization">
                                            Myorganization
                                        </h3>
                                        <div class="popular-block__item-text markdown-inline" title="">
                                            
                                        </div>
                                        <div class="popular-block__item-info__list">
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/eye.svg" alt="перегляди"/>
                                                85
                                            </div>
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/download.svg" alt="завантаження"/>
                                                72
                                            </div>
                                            
                                                <div class="popular-block__item-info__item">
                                                    <img src="/ua_portal_design/images/star.svg" alt="рейтинг"/>
                                                    3.7
                                                </div>
                                            
                                        </div>
                                    </a>
                                </li>
                            
                                <li class="popular-block__item ua-slider-item">
                                    <a class="popular-block__item-link" href="/organization/miniotest">
                                        <div class="popular-block__item-header">
                                            <img src="https://ckan-test.go-te.co/uploads/group/2025-09-29-153222.195902.png" alt="" aria-hidden="true" width="50px" height="50px" style="border-radius: 50%;"/>
                                            <div class="popular-block__item-header__info">
                                                <h5 class="popular-block__item-header__info-title">Наборів даних опубліковано:</h5>
                                                <p class="popular-block__item-header__info-text">8</p>
                                            </div>
                                        </div>
                                        <h3 class="popular-block__item-title" title="miniotest">
                                            miniotest
                                        </h3>
                                        <div class="popular-block__item-text markdown-inline" title="">
                                            
                                        </div>
                                        <div class="popular-block__item-info__list">
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/eye.svg" alt="перегляди"/>
                                                80
                                            </div>
                                            <div class="popular-block__item-info__item">
                                                <img src="/ua_portal_design/images/download.svg" alt="завантаження"/>
                                                74
                                            </div>
                                            
                                                <div class="popular-block__item-info__item">
                                                    <img src="/ua_portal_design/images/star.svg" alt="рейтинг"/>
                                                    3.5
                                                </div>
                                            
                                        </div>
                                    </a>
                                </li>
                            
                        </ul>
                        <div class="ua-slider-dots"></div>
                        <a class="ua-btn popular-block__list-button" href="/organization/">
                            До всіх розпорядників<img src="/ua_portal_design/images/homepage/person.svg" alt="" aria-hidden="true">
                        </a>
                    </div>
                </div>
            </div>
        </section>
		<script>
			(function () {
				'use strict';

				const popularBlock = document.getElementById("popular_block");
				const tabButtonList = popularBlock?.querySelectorAll(".popular-block__tab-button");
				const tabsScroll = popularBlock?.querySelector(".popular-block__tabs-scroll");
				const tabWrappers = popularBlock?.querySelectorAll(".popular-block__list-wrapper");

				let autoSwitchInterval = null;
				let currentTab = 0;
				let isPaused = false;

				function switchTab(index) {
					if (!tabButtonList?.length || !tabsScroll || index === currentTab) return;

					// Оновлюємо кнопки
					tabButtonList.forEach(el => el.classList.remove("active"));
					tabButtonList[index].classList.add("active");

					// Анімація через transform: translateX()
					const containerWidth = tabsScroll.offsetWidth;
					const translateX = -index * containerWidth;
					tabsScroll.style.transform = `translateX(${translateX}px)`;

					currentTab = index;

					// Оновлюємо AOS анімації після завершення трансформації
					if (window.AOS) {
						setTimeout(() => {
							window.AOS?.refresh();
						}, 500);
					}
				}

				function nextTab() {
					const next = (currentTab + 1) % tabButtonList.length;
					switchTab(next);
				}

				function startAutoSwitch() {
					if (autoSwitchInterval) clearInterval(autoSwitchInterval);
					autoSwitchInterval = setInterval(() => {
						if (!isPaused) nextTab();
					}, 5000);
				}

				if (popularBlock && tabButtonList?.length) {
					// Ініціалізуємо першу вкладку
					tabButtonList[0]?.classList.add('active');
					tabsScroll.style.transform = 'translateX(0)';

					// Зупиняємо автоперемикання при наведенні
					popularBlock.addEventListener("mouseenter", () => { isPaused = true; });
					popularBlock.addEventListener("mouseleave", () => { isPaused = false; });

					// Обробники кліків на кнопки
					tabButtonList.forEach((button, idx) => {
						button.addEventListener("click", () => {
							switchTab(idx);
						});
					});

					// Перерахунок при зміні розміру вікна
					window.addEventListener('resize', () => {
						const containerWidth = tabsScroll.offsetWidth;
						const translateX = -currentTab * containerWidth;
						tabsScroll.style.transform = `translateX(${translateX}px)`;
					});

					startAutoSwitch();
				}
			})();
		</script>

		<!-- !manager block -->
		
		<section class="manager-block" data-aos="fade-up">
			<h2 data-aos="fade-up" data-aos-delay="400" class="manager-block-title">Головний розпорядник даних – місто</h2>
			<div class="manager-block-wrapper">
				<div class="manager-block-info">
					<img
						data-aos="fade-up"
						data-aos-delay="800"
						class="manager-block-logo"
						src="/ua_portal_design/images/homepage/manager.svg"
						alt="герб Києва"
					/>
					<div data-aos="fade-up" data-aos-delay="800" class="manager-block-text">
						<p>
							Портал акумулює відкриті дані, які генерують та оприлюднюють структурні підрозділи Київської міської державної адміністрації, районні в місті Києві державні адміністрації та комунальні підприємства, установи та організації.
						</p>
						<p>
							Це ваше джерело доступу до машиночитних офіційних даних та аналітики міста.
						</p>
                        <p>
                            Більше інформації про Київ та міську владу: <a href="https://kyivcity.gov.ua" target="_blank"><img src="/images/link2.svg" alt="" aria-hidden="true">Перейти на Офіційний портал Києва</a>
                        </p>
					</div>
				</div>
				<div data-aos="zoom-out" data-aos-delay="1200" class="manager-block-widget">
					<div class="manager-block-widget-content">
						<div class="manager-block-widget-content-text">
							Наборів даних опубліковано:
						</div>
						<div class="manager-block-widget-content-value animate-number" data-target="12886">
							0
						</div>
						<a class="ua-btn" href="/dataset/">Дивитись всі</a>
					</div>
				</div>
			</div>
		</section>

		<!-- !new datasets block -->
		
        <section class="new-datasets-block" data-aos="fade-up">
            <h2 class="new-datasets-block-title">
                Нові набори відкритих даних
            </h2>
            <ul class="new-dataset-list">
                
                    <li class="new-dataset-item" data-aos="fade-up" data-aos-delay="150" data-aos-once="false" data-aos-anchor=".new-dataset-list">
                        <a class="new-dataset-item__link" href="/dataset/d57348bc-5015-495a-9753-48cd8dce4ecb">
                            <div class="new-dataset__header">
                                












    

    <div
        class="ua-tag "
        title="Інфраструктура міста"
        
    >
        <img
            src="/ua_portal_design/images/dataset-category-icons/name=infrastructure, icon=no-bg, color=color.svg"
            alt="Інфраструктура міста"
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
            
        >
        
    </div>

    

                                <div class="new-dataset__item__format-list">
                                    
                                        <div class="new-dataset__item__format-item">
                                            JSON
                                        </div>
                                    
                                    
                                </div>
                            </div>

                            
                            <p class="new-dataset-item-title" title="Відомості комплексні, розташовані на території">
                                Відомості комплексні, розташовані на території
                            </p>

                            
                            

                            <div class="new-dataset-item-info">
                                <div class="new-dataset-item-time">
                                    19.05.2026 12:09
                                </div>
                                <div class="new-dataset-item-views">
                                    <img src="/ua_portal_design/images/eye.svg" alt="перегляди"/>8
                                </div>
                                <div class="new-dataset-item-downloads">
                                    <img src="/ua_portal_design/images/download.svg" alt="завантаження"/>0
                                </div>
                                
                            </div>
                        </a>
                    </li>
                
                    <li class="new-dataset-item" data-aos="fade-up" data-aos-delay="300" data-aos-once="false" data-aos-anchor=".new-dataset-list">
                        <a class="new-dataset-item__link" href="/dataset/f37fe591-5fb8-4557-a1da-f5f3834f9468">
                            <div class="new-dataset__header">
                                












    

    <div
        class="ua-tag "
        title="Транспорт"
        
    >
        <img
            src="/ua_portal_design/images/dataset-category-icons/name=transport, icon=no-bg, color=color.svg"
            alt="Транспорт"
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
            
        >
        
    </div>

    

                                <div class="new-dataset__item__format-list">
                                    
                                        <div class="new-dataset__item__format-item">
                                            PNG
                                        </div>
                                    
                                    
                                </div>
                            </div>

                            
                            <p class="new-dataset-item-title" title="Дані про розміщення зупинок міського електричного та автомобільного транспорту">
                                Дані про розміщення зупинок міського електричного та автомобільного транспорту
                            </p>

                            
                            

                            <div class="new-dataset-item-info">
                                <div class="new-dataset-item-time">
                                    12.05.2026 11:02
                                </div>
                                <div class="new-dataset-item-views">
                                    <img src="/ua_portal_design/images/eye.svg" alt="перегляди"/>5
                                </div>
                                <div class="new-dataset-item-downloads">
                                    <img src="/ua_portal_design/images/download.svg" alt="завантаження"/>0
                                </div>
                                
                            </div>
                        </a>
                    </li>
                
                    <li class="new-dataset-item" data-aos="fade-up" data-aos-delay="450" data-aos-once="false" data-aos-anchor=".new-dataset-list">
                        <a class="new-dataset-item__link" href="/dataset/7844aee0-5e38-4f22-bbd2-51e343997c22">
                            <div class="new-dataset__header">
                                












    

    <div
        class="ua-tag "
        title="Довідкова інформація та статистика"
        
    >
        <img
            src="/ua_portal_design/images/dataset-category-icons/name=information, icon=no-bg, color=color.svg"
            alt="Довідкова інформація та статистика"
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
            
        >
        
    </div>

    

                                <div class="new-dataset__item__format-list">
                                    
                                        <div class="new-dataset__item__format-item">
                                            GIF
                                        </div>
                                    
                                    
                                </div>
                            </div>

                            
                            <p class="new-dataset-item-title" title="Переліки фондів та електронні описи фондів Державного архіву міста Києва">
                                Переліки фондів та електронні описи фондів Державного архіву міста Києва
                            </p>

                            
                            

                            <div class="new-dataset-item-info">
                                <div class="new-dataset-item-time">
                                    12.05.2026 10:52
                                </div>
                                <div class="new-dataset-item-views">
                                    <img src="/ua_portal_design/images/eye.svg" alt="перегляди"/>10
                                </div>
                                <div class="new-dataset-item-downloads">
                                    <img src="/ua_portal_design/images/download.svg" alt="завантаження"/>0
                                </div>
                                
                            </div>
                        </a>
                    </li>
                
                    <li class="new-dataset-item" data-aos="fade-up" data-aos-delay="600" data-aos-once="false" data-aos-anchor=".new-dataset-list">
                        <a class="new-dataset-item__link" href="/dataset/f68d9692-c1e8-4f22-b12a-c4166355d3fd">
                            <div class="new-dataset__header">
                                












    

    <div
        class="ua-tag "
        title="Транспорт"
        
    >
        <img
            src="/ua_portal_design/images/dataset-category-icons/name=transport, icon=no-bg, color=color.svg"
            alt="Транспорт"
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
            
        >
        
    </div>

    

                                <div class="new-dataset__item__format-list">
                                    
                                        <div class="new-dataset__item__format-item">
                                            CSV
                                        </div>
                                    
                                        <div class="new-dataset__item__format-item">
                                            JPG
                                        </div>
                                    
                                    
                                </div>
                            </div>

                            
                            <p class="new-dataset-item-title" title="Дані щодо об&#39;єктів будівництва, реконструкції та ремонту автомобільних доріг загального користування місцевого значення відповідно до стандарту OCDS05 - Open Contracting for Infrastructure Data Standard">
                                Дані щодо об&#39;єктів будівництва, реконструкції та ремонту автомобільних доріг загального користування місцевого значення відповідно до стандарту OCDS05 - Open Contracting for Infrastructure Data Standard
                            </p>

                            
                            

                            <div class="new-dataset-item-info">
                                <div class="new-dataset-item-time">
                                    30.04.2026 17:18
                                </div>
                                <div class="new-dataset-item-views">
                                    <img src="/ua_portal_design/images/eye.svg" alt="перегляди"/>14
                                </div>
                                <div class="new-dataset-item-downloads">
                                    <img src="/ua_portal_design/images/download.svg" alt="завантаження"/>1
                                </div>
                                
                            </div>
                        </a>
                    </li>
                
                    <li class="new-dataset-item" data-aos="fade-up" data-aos-delay="750" data-aos-once="false" data-aos-anchor=".new-dataset-list">
                        <a class="new-dataset-item__link" href="/dataset/cd4673b0-41bd-4712-b13c-96b1c7f9f84f">
                            <div class="new-dataset__header">
                                












    

    <div
        class="ua-tag "
        title="Інфраструктура міста"
        
    >
        <img
            src="/ua_portal_design/images/dataset-category-icons/name=infrastructure, icon=no-bg, color=color.svg"
            alt="Інфраструктура міста"
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
            
        >
        
    </div>

    

                                <div class="new-dataset__item__format-list">
                                    
                                        <div class="new-dataset__item__format-item">
                                            JPEG
                                        </div>
                                    
                                        <div class="new-dataset__item__format-item">
                                            JPG
                                        </div>
                                    
                                    
                                </div>
                            </div>

                            
                            <p class="new-dataset-item-title" title="Результати проведених конкурсів із реалізації енергоефективних заходів у житлових будинках, в яких створені об&#39;єднання співвласників багатоквартирних будинків, а також у кооперативних будинках">
                                Результати проведених конкурсів із реалізації енергоефективних заходів у житлових будинках, в яких створені об&#39;єднання співвласників багатоквартирних будинків, а також у кооперативних будинках
                            </p>

                            
                            

                            <div class="new-dataset-item-info">
                                <div class="new-dataset-item-time">
                                    30.04.2026 15:29
                                </div>
                                <div class="new-dataset-item-views">
                                    <img src="/ua_portal_design/images/eye.svg" alt="перегляди"/>32
                                </div>
                                <div class="new-dataset-item-downloads">
                                    <img src="/ua_portal_design/images/download.svg" alt="завантаження"/>0
                                </div>
                                
                            </div>
                        </a>
                    </li>
                
                    <li class="new-dataset-item" data-aos="fade-up" data-aos-delay="900" data-aos-once="false" data-aos-anchor=".new-dataset-list">
                        <a class="new-dataset-item__link" href="/dataset/077d1c81-4792-498b-bc3d-a2927c3163bd">
                            <div class="new-dataset__header">
                                












    

    <div
        class="ua-tag "
        title="Структура розпорядників"
        
    >
        <img
            src="/ua_portal_design/images/dataset-category-icons/name=managersstructure, icon=no-bg, color=color.svg"
            alt="Структура розпорядників"
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
            
        >
        
    </div>

    

                                <div class="new-dataset__item__format-list">
                                    
                                        <div class="new-dataset__item__format-item">
                                            JPG
                                        </div>
                                    
                                    
                                </div>
                            </div>

                            
                            <p class="new-dataset-item-title" title="Інформація про структуру (організаційну структуру) Святошинської районної в місті Києві державної адміністрації">
                                Інформація про структуру (організаційну структуру) Святошинської районної в місті Києві державної адміністрації
                            </p>

                            
                            

                            <div class="new-dataset-item-info">
                                <div class="new-dataset-item-time">
                                    30.04.2026 14:38
                                </div>
                                <div class="new-dataset-item-views">
                                    <img src="/ua_portal_design/images/eye.svg" alt="перегляди"/>24
                                </div>
                                <div class="new-dataset-item-downloads">
                                    <img src="/ua_portal_design/images/download.svg" alt="завантаження"/>3
                                </div>
                                
                            </div>
                        </a>
                    </li>
                
            </ul>
            <div class="new-datasets-block-controls">
                <a class="ua-btn" href="/dataset/" data-aos="fade-up" data-aos-delay="1050" data-aos-once="false" data-aos-anchor=".new-dataset-list">Дивитись всі</a>
            </div>
        </section>

		<!-- !dashboards block -->
		<section class="dashboards-block" data-aos="fade-up">
			<h2 class="dashboards-block-title">Дашборди</h2>
			<ul class="dashboard-list">
			
			
					<li class="dashboard-item-wrapper" data-aos="fade-up" data-aos-delay="150" data-aos-once="false" data-aos-anchor=".dashboard-list">
						<a href="/dashboard?ext_category=CONTAINERS" class="dashboard-item" title="Test Test Test ">
							<p class="dashboard-item-text">
								Test Test Test 
							</p>
							<img
								class="dashboard-item-logo"
								src="/category_icons/CONTAINERS/icon_mono/fc171c06-169b-4d37-864c-f8a5fd85a9ed"
								alt=""
								aria-hidden="true"
							/>
							<div class="dashboard-item-circle"></div>
						</a>
					</li>
				
					<li class="dashboard-item-wrapper" data-aos="fade-up" data-aos-delay="300" data-aos-once="false" data-aos-anchor=".dashboard-list">
						<a href="/dashboard?ext_category=ecology" class="dashboard-item" title="Екологія">
							<p class="dashboard-item-text">
								Екологія
							</p>
							<img
								class="dashboard-item-logo"
								src="/ua_portal_design/images/dataset-category-icons/name=ecology, icon=no-bg, color=mono.svg"
								alt=""
								aria-hidden="true"
							/>
							<div class="dashboard-item-circle"></div>
						</a>
					</li>
				
					<li class="dashboard-item-wrapper" data-aos="fade-up" data-aos-delay="450" data-aos-once="false" data-aos-anchor=".dashboard-list">
						<a href="/dashboard?ext_category=safety" class="dashboard-item" title="Безпека">
							<p class="dashboard-item-text">
								Безпека
							</p>
							<img
								class="dashboard-item-logo"
								src="/ua_portal_design/images/dataset-category-icons/name=safety, icon=no-bg, color=mono.svg"
								alt=""
								aria-hidden="true"
							/>
							<div class="dashboard-item-circle"></div>
						</a>
					</li>
				
					<li class="dashboard-item-wrapper" data-aos="fade-up" data-aos-delay="600" data-aos-once="false" data-aos-anchor=".dashboard-list">
						<a href="/dashboard?ext_category=protection" class="dashboard-item" title="Соціальний захист">
							<p class="dashboard-item-text">
								Соціальний захист
							</p>
							<img
								class="dashboard-item-logo"
								src="/ua_portal_design/images/dataset-category-icons/name=protection, icon=no-bg, color=mono.svg"
								alt=""
								aria-hidden="true"
							/>
							<div class="dashboard-item-circle"></div>
						</a>
					</li>
				
					<li class="dashboard-item-wrapper" data-aos="fade-up" data-aos-delay="750" data-aos-once="false" data-aos-anchor=".dashboard-list">
						<a href="/dashboard?ext_category=ads" class="dashboard-item" title="Реклама">
							<p class="dashboard-item-text">
								Реклама
							</p>
							<img
								class="dashboard-item-logo"
								src="/ua_portal_design/images/dataset-category-icons/name=ads, icon=no-bg, color=mono.svg"
								alt=""
								aria-hidden="true"
							/>
							<div class="dashboard-item-circle"></div>
						</a>
					</li>
				
					<li class="dashboard-item-wrapper" data-aos="fade-up" data-aos-delay="900" data-aos-once="false" data-aos-anchor=".dashboard-list">
						<a href="/dashboard?ext_category=health" class="dashboard-item" title="Охорона здоров&#39;я">
							<p class="dashboard-item-text">
								Охорона здоров&#39;я
							</p>
							<img
								class="dashboard-item-logo"
								src="/ua_portal_design/images/dataset-category-icons/name=health, icon=no-bg, color=mono.svg"
								alt=""
								aria-hidden="true"
							/>
							<div class="dashboard-item-circle"></div>
						</a>
					</li>
				
					<li class="dashboard-item-wrapper" data-aos="fade-up" data-aos-delay="1050" data-aos-once="false" data-aos-anchor=".dashboard-list">
						<a href="/dashboard?ext_category=infrastructure" class="dashboard-item" title="Інфраструктура міста">
							<p class="dashboard-item-text">
								Інфраструктура міста
							</p>
							<img
								class="dashboard-item-logo"
								src="/ua_portal_design/images/dataset-category-icons/name=infrastructure, icon=no-bg, color=mono.svg"
								alt=""
								aria-hidden="true"
							/>
							<div class="dashboard-item-circle"></div>
						</a>
					</li>
				
					<li class="dashboard-item-wrapper" data-aos="fade-up" data-aos-delay="1200" data-aos-once="false" data-aos-anchor=".dashboard-list">
						<a href="/dashboard?ext_category=reporting" class="dashboard-item" title="Звітність">
							<p class="dashboard-item-text">
								Звітність
							</p>
							<img
								class="dashboard-item-logo"
								src="/ua_portal_design/images/dataset-category-icons/name=reporting, icon=no-bg, color=mono.svg"
								alt=""
								aria-hidden="true"
							/>
							<div class="dashboard-item-circle"></div>
						</a>
					</li>
				
			</ul>
			<a class="ua-btn" href="/dashboard" data-aos="fade-up" data-aos-delay="1400" data-aos-once="false" data-aos-anchor=".dashboard-list">Всі категорії</a>
		</section>

        <!-- !statistics block -->
		
        <section class="statistics-container" id="statistics" data-aos="fade-up"
    data-api-calls='[139, 113, 0, 0, 0, 0, 0]'
    data-api-requests='3179'
    data-downloads-current='365'
    data-downloads-today='0'
    data-views-values='[321, 571, 253, 13666, 1034, 11458, 530, 12263, 332, 13239, 786, 14113, 809, 13050, 691, 938]'
    data-views-months='{"0": "\u041b\u042e\u0422", "13": "\u0422\u0420\u0410", "4": "\u0411\u0415\u0420", "9": "\u041a\u0412\u0406"}'
    data-views-total='86882'
>
    <div class="chart-card" data-aos="zoom-in-up" data-aos-delay="400">
        <div id="chart-api" class="chart-container"></div>
        <div class="stat-footer">
            <p class="stat-value animate-number" id="api-today-val" data-delay="800">0</p>
            <p class="stat-label">Викликів API</p>
            <p class="trend-value"><span class="trend-icon">↗</span> <span>+113</span> за сьогодні</p>
        </div>
    </div>

    <div class="statistics-block-divider"></div>

    <div class="chart-card" data-aos="zoom-in-up" data-aos-delay="600">
        <div id="chart-downloads" class="chart-container"></div>
        <div class="stat-footer">
            <p class="stat-value animate-number" id="downloads-val" data-delay="800">0</p>
            <p class="stat-label">Завантажень наборів даних</p>
            <p class="trend-value"><span class="trend-icon">↗</span> <span id="downloads-trend-val">0</span> за сьогодні</p>
        </div>
    </div>

    <div class="statistics-block-divider"></div>

    <div class="chart-card" data-aos="zoom-in-up" data-aos-delay="800">
        <div id="chart-views" class="chart-container"></div>
        <div class="stat-footer">
            <p class="stat-value animate-number" id="views-total-val" data-delay="800">0</p>
            <p class="stat-label">Переглядів наборів даних</p>
        </div>
    </div>
</section>

<script>
document.addEventListener("DOMContentLoaded", function () {
    const dashboardEl = document.getElementById('statistics');
    const apiDataArray = JSON.parse(dashboardEl.dataset.apiCalls || '[]');
    const totalApiRequests = parseInt(dashboardEl.dataset.apiRequests || '0', 10);
    const currentDownloadsValue = parseInt(dashboardEl.dataset.downloadsCurrent || '0', 10);
    const downloadsTodayValue = parseInt(dashboardEl.dataset.downloadsToday || '0', 10);
    const viewsValues = JSON.parse(dashboardEl.dataset.viewsValues || '[]');
    const monthLabelIndices = JSON.parse(dashboardEl.dataset.viewsMonths || '{}');
    const totalPageViews = parseInt(dashboardEl.dataset.viewsTotal || '0', 10);

    const viewsDates = viewsValues.map((_, index) => monthLabelIndices[index] || '');

    const apiChart = echarts.init(document.getElementById('chart-api'), null, { renderer: 'canvas' });
    const downloadsChart = echarts.init(document.getElementById('chart-downloads'), null, { renderer: 'canvas' });
    const viewsChart = echarts.init(document.getElementById('chart-views'), null, { renderer: 'canvas' });

    const COLORS = {
        primary: '#0350a5',
        normal: '#bee3f8',
        track: '#ebf1f5',
        dark: '#2e3e50',
        tooltipBg: 'rgba(255, 255, 255, 0.95)'
    };

    function animateCounter(id, endValue, duration) {
        const obj = document.getElementById(id);
        if (!obj) return;

        obj.setAttribute('data-target', endValue);

        let startTimestamp = null;
        const step = (timestamp) => {
            if (!startTimestamp) startTimestamp = timestamp;
            const progress = Math.min((timestamp - startTimestamp) / duration, 1);

            obj.innerText = Math.floor(progress * endValue);

            if (progress < 1) {
                window.requestAnimationFrame(step);
            } else {
                obj.innerText = endValue;
            }
        };
        window.requestAnimationFrame(step);
    }

    function renderApiChart() {
        let todayIndex = new Date().getDay();
        todayIndex = (todayIndex === 0) ? 6 : todayIndex - 1;
        const formattedData = apiDataArray.map((value, index) => ({
            value: value,
            itemStyle: { color: index === todayIndex ? COLORS.primary : COLORS.normal }
        }));

        animateCounter('api-today-val', totalApiRequests, 1000);

        const containerWidth = document.getElementById('chart-api').offsetWidth;
        const barWidthPercent = containerWidth < 400 ? '30%' : '40%';
        const fontSize = containerWidth < 400 ? 9 : 11;
        const gridBottom = containerWidth < 400 ? 15 : 20;

        apiChart.setOption({
            tooltip: {
                trigger: 'axis',
                axisPointer: { type: 'shadow' },
                backgroundColor: COLORS.tooltipBg,
                textStyle: { color: COLORS.dark },
                confine: true
            },
            grid: {
                top: '10%',
                left: '3%',
                right: '3%',
                bottom: gridBottom,
                containLabel: false
            },
            xAxis: {
                type: 'category',
                data: ['ПН', 'ВТ', 'СР', 'ЧТ', 'ПТ', 'СБ', 'НД'],
                axisLine: { show: false },
                axisTick: { show: false },
                axisLabel: { color: '#999', fontSize: fontSize, interval: 0, margin: 5 }
            },
            yAxis: { show: false },
            series: [{
                name: 'Виклики API',
                data: formattedData,
                type: 'bar',
                barWidth: barWidthPercent,
                barCategoryGap: '10px',
                itemStyle: { borderRadius: [4, 4, 0, 0] }
            }]
        });
    }

    function renderDownloadsChart(value) {
        animateCounter('downloads-val', value, 1000);

        let maxVal = 400;
        if (value > 400) {
            maxVal = Math.floor(value / 100) * 100 + 100;
        }

        let splitNum = maxVal / 100;
        const containerWidth = document.getElementById('chart-downloads').offsetWidth;
        const gaugeWidth = containerWidth < 400 ? 20 : (containerWidth < 600 ? 24 : 28);
        const labelFontSize = containerWidth < 400 ? 11 : 14;
        const radiusPercent = containerWidth < 400 ? '120%' : '130%';

        downloadsChart.setOption({
            tooltip: {
                formatter: '{a} <br/>{c}',
                backgroundColor: COLORS.tooltipBg
            },
            series: [
                {
                    name: 'Завантаження',
                    type: 'gauge',
                    startAngle: 180, endAngle: 0,
                    center: ['50%', '85%'],
                    radius: radiusPercent,
                    min: 0, 
                    max: maxVal, 
                    splitNumber: splitNum,
                    axisLine: { lineStyle: { width: gaugeWidth, color: [[1, COLORS.track]] } },
                    progress: { show: true, width: gaugeWidth, itemStyle: { color: COLORS.primary } },
                    pointer: { show: false },
                    axisTick: { show: false },
                    splitLine: {
                        show: true,
                        length: 8,
                        distance: -(gaugeWidth + 10),
                        lineStyle: { width: 1.5, color: '#a0aab5' }
                    },
                    axisLabel: {
                        show: true,
                        distance: -10,
                        color: '#999',
                        fontSize: labelFontSize,
                        formatter: function (val) {
                            if (val === 0 || val === maxVal) return val;
                            return '';
                        }
                    },
                    detail: { show: false },
                    data: [{ value: value }]
                },
                {
                    type: 'gauge',
                    startAngle: 180, endAngle: 0,
                    center: ['50%', '85%'],
                    radius: radiusPercent,
                    min: 0, max: maxVal,
                    pointer: {
                        show: true,
                        icon: 'rect',
                        length: '58%',
                        width: 2,
                        offsetCenter: [0, '-60%'],
                        itemStyle: { color: COLORS.primary }
                    },
                    axisLine: { show: false }, splitLine: { show: false }, axisTick: { show: false }, axisLabel: { show: false },
                    detail: { show: false },
                    data: [{ value: value }]
                }
            ]
        });
    }

    function renderViewsChart() {
        if (viewsValues.length === 0) return;

        const lastIndex = viewsValues.length - 1;
        const lastValue = viewsValues[lastIndex];

        animateCounter('views-total-val', totalPageViews, 1000);

        const containerWidth = document.getElementById('chart-views').offsetWidth;
        const labelFontSize = containerWidth < 400 ? 9 : 11;
        const lineWidth = containerWidth < 500 ? 1.5 : 2;
        const symbolSize = containerWidth < 400 ? [40, 22] : [50, 26];

        viewsChart.setOption({
            tooltip: {
                trigger: 'axis',
                backgroundColor: COLORS.tooltipBg,
                textStyle: { color: COLORS.dark },
                confine: true
            },
            grid: { top: '10%', left: '3%', right: '8%', bottom: '15%', containLabel: true },
            xAxis: {
                type: 'category',
                boundaryGap: false,
                data: viewsDates,
                axisLine: { show: false },
                axisTick: { show: false },
                axisLabel: {
                    show: true,
                    color: '#999',
                    fontSize: labelFontSize,
                    interval: 0,
                    margin: 8
                }
            },
            yAxis: {
                show: true,
                min: function (value) { return Math.floor(value.min * 0.8); },
                axisLine: { show: false },
                axisTick: { show: false },
                axisLabel: {
                    color: '#999',
                    fontSize: labelFontSize,
                    formatter: function (value) {
                        if (value >= 1000) {
                            let kValue = value / 1000;
                            return (Number.isInteger(kValue) ? kValue : kValue.toFixed(1)) + 'k';
                        }
                        return Math.round(value);
                    }
                },
                splitLine: {
                    show: true,
                    lineStyle: { color: '#ebf1f5', type: 'dashed' }
                }
            },
            series: [{
                name: 'Перегляди',
                data: viewsValues,
                type: 'line',
                smooth: true,
                symbol: 'circle',
                symbolSize: 0,
                showSymbol: false,
                lineStyle: { color: COLORS.primary, width: lineWidth },
                areaStyle: {
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                        { offset: 0, color: COLORS.normal },
                        { offset: 1, color: '#ffffff' }
                    ])
                },
                markPoint: {
                    symbol: 'roundRect',
                    symbolSize: symbolSize,
                    symbolOffset: [0, '-70%'],
                    itemStyle: { color: COLORS.dark, borderRadius: 4 },
                    label: {
                        show: true,
                        formatter: lastValue.toString(),
                        color: 'white',
                        fontWeight: '600',
                        fontSize: 12
                    },
                    data: [{ coord: [lastIndex, lastValue] }]
                },
                markLine: { symbol: ['none', 'none'], lineStyle: { color: COLORS.dark, width: 1, type: 'solid' } }
            }]
        });
    }

    renderApiChart();
    renderDownloadsChart(currentDownloadsValue);
    document.getElementById('downloads-trend-val').textContent = '+' + downloadsTodayValue;
    renderViewsChart();

    function updateAllCharts() {
        renderApiChart();
        renderDownloadsChart(currentDownloadsValue);
        renderViewsChart();
        setTimeout(function() {
            if (apiChart) apiChart.resize();
            if (downloadsChart) downloadsChart.resize();
            if (viewsChart) viewsChart.resize();
        }, 50);
    }

    setTimeout(function() {
        if (apiChart) apiChart.resize();
        if (downloadsChart) downloadsChart.resize();
        if (viewsChart) viewsChart.resize();
    }, 100);

    if (typeof ResizeObserver !== 'undefined') {
        let resizeObserverTimeout;
        const resizeObserver = new ResizeObserver(entries => {
            clearTimeout(resizeObserverTimeout);
            resizeObserverTimeout = setTimeout(function() {
                updateAllCharts();
            }, 150);
        });

        resizeObserver.observe(document.getElementById('chart-api'));
        resizeObserver.observe(document.getElementById('chart-downloads'));
        resizeObserver.observe(document.getElementById('chart-views'));
    }

    let resizeTimeout;
    window.addEventListener('resize', function () {
        clearTimeout(resizeTimeout);
        resizeTimeout = setTimeout(function() {
            updateAllCharts();
        }, 200);
    });

    window.addEventListener('orientationchange', function () {
        setTimeout(function() {
            updateAllCharts();
        }, 300);
    });

    window.addEventListener('load', function () {
        setTimeout(function() {
            updateAllCharts();
        }, 300);
    });
});
</script>

		<!-- !news block -->
		<section class="news-block" data-aos="fade-up">
            <h2 class="news-block-title">Новини Порталу даних Києва</h2>
            <div class="ua-slider" style="width: 100%;">
                <ul class="news-list ua-slider-list">
                    
                    
                        <li class="news-item ua-slider-item" data-aos="fade-up" data-aos-delay="200" data-aos-once="false" data-aos-anchor=".news-list">
                            <a class="news-item-link" href="/news/testuiu-16042026">

                                <div class="news-item-photo">
                                    <img class="news-item-photo-img" src="/news_media/a0e/12a/27-ca6d-49d0-bf8e-5a24e38a7e1d" alt="" aria-hidden="true">
                                    <div class="news-item-photo-overlay"></div>
                                </div>

                                <div class="news-item-info">
                                    












    

    <div
        class="ua-tag "
        title="Test Test Test "
        
    >
        <img
            src="/category_icons/CONTAINERS/icon_color/73ca31ba-0d4a-4814-8e27-8bda2e5b04ff"
            alt="Test Test Test "
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
            
        >
        
    </div>

    


                                    <p class="news-item-text">
                                        Тестую 16.04.2026
                                    </p>

                                    <div class="news-item-metadata">
                                        <div class="news-item-time">
                                            16.04.2026 03:00
                                        </div>
                                        <div class="news-item-views">
                                            <img
                                                src="/ua_portal_design/images/eye.svg"
                                                alt="перегляди"
                                            />18
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                    
                        <li class="news-item ua-slider-item" data-aos="fade-up" data-aos-delay="400" data-aos-once="false" data-aos-anchor=".news-list">
                            <a class="news-item-link" href="/news/totam-optio-molestias-eos-ab-voluptatem-quia-sit-minima-non-et-asperiores-lorem-in-eveniet">

                                <div class="news-item-photo">
                                    <img class="news-item-photo-img" src="/news_media/a83/b01/22-b1d4-4ce3-b9a8-101fb657213d" alt="" aria-hidden="true">
                                    <div class="news-item-photo-overlay"></div>
                                </div>

                                <div class="news-item-info">
                                    












    

    <div
        class="ua-tag "
        title="Транспорт"
        
    >
        <img
            src="/ua_portal_design/images/dataset-category-icons/name=transport, icon=no-bg, color=color.svg"
            alt="Транспорт"
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
            
        >
        
    </div>

    


                                    <p class="news-item-text">
                                        Totam optio molestias eos ab voluptatem Quia sit minima non et asperiores lorem in eveniet
                                    </p>

                                    <div class="news-item-metadata">
                                        <div class="news-item-time">
                                            07.04.2026 03:00
                                        </div>
                                        <div class="news-item-views">
                                            <img
                                                src="/ua_portal_design/images/eye.svg"
                                                alt="перегляди"
                                            />16
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                    
                        <li class="news-item ua-slider-item" data-aos="fade-up" data-aos-delay="600" data-aos-once="false" data-aos-anchor=".news-list">
                            <a class="news-item-link" href="/news/isisisisisi">

                                <div class="news-item-photo">
                                    <img class="news-item-photo-img" src="/news_media/dd3/c06/d1-3bd3-4842-bf6c-37ad7c3fecfd" alt="" aria-hidden="true">
                                    <div class="news-item-photo-overlay"></div>
                                </div>

                                <div class="news-item-info">
                                    












    

    <div
        class="ua-tag "
        title="Безпека"
        
    >
        <img
            src="/ua_portal_design/images/dataset-category-icons/name=safety, icon=no-bg, color=color.svg"
            alt="Безпека"
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
            
        >
        
    </div>

    


                                    <p class="news-item-text">
                                        ISISISISISI
                                    </p>

                                    <div class="news-item-metadata">
                                        <div class="news-item-time">
                                            03.04.2026 03:00
                                        </div>
                                        <div class="news-item-views">
                                            <img
                                                src="/ua_portal_design/images/eye.svg"
                                                alt="перегляди"
                                            />23
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                    
                        <li class="news-item ua-slider-item" data-aos="fade-up" data-aos-delay="800" data-aos-once="false" data-aos-anchor=".news-list">
                            <a class="news-item-link" href="/news/novyna-test-opendata-640">

                                <div class="news-item-photo">
                                    <img class="news-item-photo-img" src="/news_media/bf7/8f5/ac-5a5d-4db3-9d46-26d2ccf54d47" alt="" aria-hidden="true">
                                    <div class="news-item-photo-overlay"></div>
                                </div>

                                <div class="news-item-info">
                                    












    

    <div
        class="ua-tag "
        title="Архітектура та містобудування"
        
    >
        <img
            src="/ua_portal_design/images/dataset-category-icons/name=architecture, icon=no-bg, color=color.svg"
            alt="Архітектура та містобудування"
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
            
        >
        
    </div>

    


                                    <p class="news-item-text">
                                        новина, тест OPENDATA-640
                                    </p>

                                    <div class="news-item-metadata">
                                        <div class="news-item-time">
                                            01.04.2026 03:00
                                        </div>
                                        <div class="news-item-views">
                                            <img
                                                src="/ua_portal_design/images/eye.svg"
                                                alt="перегляди"
                                            />34
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                    
                </ul>
                <div class="ua-slider-dots"></div>
            </div>
            <a class="ua-btn" href="/news" data-aos="fade-up" data-aos-delay="1000" data-aos-once="false" data-aos-anchor=".news-list">Дивитись всі</a>
        </section>

		<!-- !call block -->
		<section class="call-block">
			<div class="call-block-list">
				<article class="call-block-item" data-aos="fade-up" data-aos-delay="200" data-aos-once="false" data-aos-anchor=".call-block-list">
                    <div class="call-block-item-wrapper">
                        <h4 class="call-block-item-title">
                           Приймайте кращі рішення з відкритими даними міста
                        </h4>
                        <p class="call-block-item-text">
                            Відкрита інформація про життєдіяльність міста в машиночитаних форматах. Використовуйте інформацію від структурних підрозділів КМДА, районних адміністрацій та комунальних підприємств для створення сервісів і аналітики.
                        </p>
                    </div>
                    <div class="call-block-cards-list">
                        <div class="call-block-card">
                            <div class="call-block-card-tag">
                                












    

    <div
        class="ua-tag "
        title=""
        
    >
        <img
            src="/ua_portal_design/images/dataset-category-icons/name=transport, icon=no-bg, color=color.svg"
            alt=""
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
                aria-hidden="true"
            
            
        >
        
            <span>Транспорт</span>
        
    </div>

    

                            </div>
                            <p class="call-block-card-text">
                                Розклад руху міського електричного та автомобільного транспорту
                            </p>
                        </div>

                        <div class="call-block-card">
                            <div class="call-block-card-tag">
                                












    

    <div
        class="ua-tag "
        title=""
        
    >
        <img
            src="/ua_portal_design/images/dataset-category-icons/name=education, icon=no-bg, color=color.svg"
            alt=""
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
                aria-hidden="true"
            
            
        >
        
            <span>Освіта</span>
        
    </div>

    

                            </div>
                            <p class="call-block-card-text">
                                Дані про черги дітей у заклади дошкільної освіти
                            </p>
                        </div>
                    </div>
				</article>
				<article class="call-block-item" data-aos="fade-up" data-aos-delay="400" data-aos-once="false" data-aos-anchor=".call-block-list">
                    <div class="call-block-item-wrapper">
                        <h4 class="call-block-item-title">
                            Досліджуйте та вбудовуйте живі діаграми та
						таблиці
                        </h4>
                        <p class="call-block-item-text">
                            Розумійте дані за допомогою інтерактивних
						    візуалізацій, що оновлюються в режимі реального
						    часу.
                        </p>
                    </div>
					<img src="images/call-block\call-block-2.svg" alt="">
				</article>
				<article class="call-block-item" data-aos="fade-up" data-aos-delay="600" data-aos-once="false" data-aos-anchor=".call-block-list">
                    <div class="call-block-item-wrapper">
                        <h4 class="call-block-item-title">
                            Використовуйте дані в масштабі за допомогою API
                        </h4>
                        <p class="call-block-item-text">
                            Автоматизуйте доступ до даних у реальному часі
                            та історичних даних.
                        </p>
                    </div>
					<img src="images/call-block\call-block-3.svg" alt="">
				</article>
				<article class="call-block-item" data-aos="fade-up" data-aos-delay="800" data-aos-once="false" data-aos-anchor=".call-block-list">
                    <div class="call-block-item-wrapper">
                        <h4 class="call-block-item-title">
                            Підпишіться на набори даних, які ви використовуєте
                        </h4>
                        <p class="call-block-item-text">
                            Отримуйте сповіщення про оновлення або зміни наборів даних.
                        </p>
                    </div>

                    <div class="call-block-subscribe-container">
                        <div class="call-block-subscribe-card">
                            <div class="call-block-card-tag">
                                












    

    <div
        class="ua-tag "
        title=""
        
    >
        <img
            src="/ua_portal_design/images/dataset-category-icons/name=transport, icon=no-bg, color=color.svg"
            alt=""
            width="20px"
            height="20px"
            onerror="this.onerror=null;this.src='/ua_portal_design/images/default-organization-logo.svg'"
            
                aria-hidden="true"
            
            
        >
        
            <span>Транспорт</span>
        
    </div>

    

                            </div>

                            <h5 class="call-block-subscribe-title">
                                Розклад руху міського електричного та автомобільного транспорту
                            </h5>
                            <p class="call-block-subscribe-desc">
                                Набір містить дані про суб’єктів господарювання, що надають послуги пасажирського автомобільного транспорту, дані про маршрути громадського транспорту та кінцеві точки API для отримання даних про міський електричний та автомобільний транспорт.
                            </p>

                            <a href="https://data.kyivcity.gov.ua/dataset/rozklad-rukhu-miskoho-elektrychnoho-ta-avtomobilnoho-transportu-dep-transport" target="_blank" rel="noopener noreferrer" class="ua-btn call-block-subscribe-btn">
                                Підписатися
                                <svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M12.6 0H1.4C0.6276 0 0 0.6276 0 1.4V10.6C0 11.3724 0.6276 12 1.4 12H12.6C13.3724 12 14 11.3724 14 10.6V1.4C14 0.6276 13.3724 0 12.6 0ZM12.6 2.8L7 6.3L1.4 2.8V1.4L7 4.9L12.6 1.4V2.8Z" fill="white"/>
                                </svg>
                            </a>
                        </div>
                    </div>
                </article>
			</div>
		</section>
	</main>
</div>

    


<footer class="ua-portal-footer">
    <div class="footer-content">
        <div class="footer-main">
            
            <div class="footer-logo">
                <div class="logo-icon">
                    <img src="/ua_portal_design/images/logo_on_dark.svg" alt="Портал даних Києва" class="logo-img">
                </div>
            </div>

            
            <div class="footer-links">
                
                <div class="footer-section">
                    <h4 class="footer-section-title">Корисні посилання</h4>
                    <ul class="footer-section-list">
                        <li>
                            <a href="/dataset/">Набори даних</a>
                        </li>
                        <li>
                            <a href="/organization/">Розпорядники</a>
                        </li>
                        <li>
                            <a href="/news">Новини</a>
                        </li>
                        <li>
                            <a href="/user-agreement">Угода користувача</a>
                        </li>
                    </ul>
                </div>

                
                <div class="footer-section">
                    <h4 class="footer-section-title">Технічна підтримка</h4>
                    <ul class="footer-section-list">
                        <li>
                            <a href="tel:+380443668021">+380 (44) 366 80 21</a>
                        </li>
                        <li>
                            <a href="mailto:support.data@kyivcity.gov.ua" class="portal-link">support.data@kyivcity.gov.ua</a>
                        </li>
                        <li>
                            <a href="https://kyivcity.gov.ua/" target="_blank" class="portal-link">Офіційний портал Києва</a>
                        </li>
                        <li>
                            <a href="https://data.gov.ua/organization/kyivska-miska-derzhavna-administratsiia" class="portal-link" target="_blank">
                                Сторінка КМДА на data.gov.ua
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="footer-powered-by">
            <img src="/ua_portal_design/images/powered_by.svg" alt="Powered by GIOC">
        </div>
    </div>
</footer>

  
	
  
  
  
  
  
  
  
    
    
    <script>window.__ckanUser = &#34;anon&#34;;</script>
    <script>console.log('');</script>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    


  


	
	
	<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/echarts@6.0.0/dist/echarts.min.js"></script>
	<script>
		AOS?.init({
			duration: 1000,
			once: false,
			anchorPlacement: 'top-center'
		});
		document.addEventListener("DOMContentLoaded", function() {
			const uaLoader = document.querySelector(".ua-loader");
			const homeContainer = document.querySelector(".homepage-container");

			if (homeContainer) {
				homeContainer.style.maxHeight = "unset";
				homeContainer.style.overflow = "unset";
			}

			if (uaLoader) {
				uaLoader.style.display = "none";
			}

			// Анімація числа
			const animateNumber = (element) => {
				const target = parseInt(element.getAttribute('data-target'));
				if (isNaN(target) || element.dataset.animated === 'true') return;

				element.dataset.animated = 'true';
				const duration = 1500;
				const startTime = performance.now();

				const updateNumber = (now) => {
					const elapsed = now - startTime;
					const progress = Math.min(elapsed / duration, 1);
					const current = Math.round(target * progress);
					element.textContent = current;

					if (progress < 1) {
						requestAnimationFrame(updateNumber);
					} else {
						element.textContent = target;
					}
				};

				requestAnimationFrame(updateNumber);
			};

			// Анімація друкування тексту
			const animateTyping = (element) => {
				const fullText = element.getAttribute('data-text');
				if (!fullText || element.dataset.typed === 'true') return;

				element.dataset.typed = 'true';
				element.textContent = '';
				let index = 0;
				const speed = 50; // Швидкість друкування в мілісекундах

				const typeChar = () => {
					if (index < fullText.length) {
						element.textContent += fullText.charAt(index);
						index++;
						setTimeout(typeChar, speed);
					}
				};

				typeChar();
			};

			// Intersection Observer для запуску анімації чисел при скролі
			const numberElements = document.querySelectorAll('.animate-number');
			if (numberElements) {
				for (const element of numberElements) {
					const delay = element.getAttribute('data-delay') || 2000;
					const observer = new IntersectionObserver((entries) => {
						entries.forEach(entry => {
							if (entry.isIntersecting) {
								setTimeout(() => {
									animateNumber(entry.target);
								}, delay);
							}
						});
					}, {
						threshold: 0.5
					});

					observer.observe(element);
				}
			}

			// Intersection Observer для анімації друкування тексту
			const typingElements = document.querySelectorAll('.animate-typing');
			if (typingElements.length > 0) {
				for (const element of typingElements) {
					const delay = parseInt(element.getAttribute('data-delay')) || 0;
					const observer = new IntersectionObserver((entries) => {
						entries.forEach(entry => {
							if (entry.isIntersecting) {
								setTimeout(() => {
									animateTyping(entry.target);
								}, delay);
							}
						});
					}, {
						threshold: 0.5
					});

					observer.observe(element);
				}
			}
		});
	</script>

    
    <link href="/webassets/vendor/f3b8236b_select2.css" rel="stylesheet"/>
<link href="/webassets/vendor/53df638c_fontawesome.css" rel="stylesheet"/>
    <script src="/webassets/vendor/240e5086_jquery.js" type="text/javascript"></script>
<script src="/webassets/vendor/773d6354_vendor.js" type="text/javascript"></script>
<script src="/webassets/vendor/6d1ad7e6_bootstrap.js" type="text/javascript"></script>
<script src="/webassets/vendor/529a0eb7_htmx.js" type="text/javascript"></script>
<script src="/webassets/base/a65ea3a0_main.js" type="text/javascript"></script>
<script src="/webassets/base/15dcefc0_ckan.js" type="text/javascript"></script>
<script src="/webassets/ua_portal_design/a241271a_lazy_image_loader.js" type="text/javascript"></script>
<script src="/webassets/ua_portal_design/268010c5_profile_dropdown.js" type="text/javascript"></script>
<script src="/webassets/ua_portal_design/20200d7f_item_content_opening.js" type="text/javascript"></script>
<script src="/webassets/ua_portal_design/0d5a6bb7_controls.js" type="text/javascript"></script>
<script src="/webassets/ua_portal_design/ae7667df_set_rating.js" type="text/javascript"></script>
<script src="/webassets/ua_portal_design/7610d3a7_modal_base_handler.js" type="text/javascript"></script>
<script src="/webassets/ua_portal_design/33f27f86_modal_comment_rating.js" type="text/javascript"></script>
<script src="/webassets/ua_portal_design/d41d8cd9_card_tabs_block_list.js" type="text/javascript"></script>
<script src="/webassets/ua_portal_design/09de970e_modal_offer.js" type="text/javascript"></script>
<script src="/webassets/ua_portal_design/e1139dea_list_pager.js" type="text/javascript"></script>
<script src="/webassets/ua_portal_design/756a750e_tabs.js" type="text/javascript"></script>
<script src="/webassets/ua_portal_design/49db2169_toggle_subscribe_button.js" type="text/javascript"></script>
<script src="/webassets/ua_portal_design/d560a024_toggle_favorite_button.js" type="text/javascript"></script>
<script src="/webassets/ua_portal_design/53c704e2_load_more.js" type="text/javascript"></script>
<script src="/webassets/ua_portal_design/f0830341_sidebar_active_state.js" type="text/javascript"></script>
<script src="/webassets/ua_portal_design/c7225caf_accept_cookie.js" type="text/javascript"></script>
<script src="/webassets/tracking/d76ac545_tracking.js" type="text/javascript"></script>
<script src="/webassets/ua_portal_design/d2e590f4_typing_animation.js" type="text/javascript"></script>
<script src="/webassets/ua_portal_design/9082f8a4_mobile_slider.js" type="text/javascript"></script>
  </body>
</html>