{"id":44,"date":"2026-05-26T09:12:01","date_gmt":"2026-05-26T06:12:01","guid":{"rendered":"https:\/\/eduroam.kz\/?page_id=44"},"modified":"2026-07-29T09:39:06","modified_gmt":"2026-07-29T06:39:06","slug":"44-2","status":"publish","type":"page","link":"https:\/\/eduroam.kz\/","title":{"rendered":""},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Eduroam \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d | \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u043e\u0440\u0442\u0430\u043b<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;800&display=swap');\n        body { font-family: 'Montserrat', sans-serif; background: #ffffff; scroll-behavior: smooth; }\n        .reveal { opacity: 0; transform: translateY(40px); transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out; }\n        .reveal.active { opacity: 1; transform: translateY(0); }\n        .btn-4d { transition: all 0.2s ease; box-shadow: 0 4px 0 #1e3a8a; cursor: pointer; }\n        .btn-4d:active { transform: translateY(4px); box-shadow: 0 0px 0 #1e3a8a; }\n        section { padding-top: 5rem !important; padding-bottom: 5rem !important; }\n        h2 { margin-bottom: 3rem !important; }\n        .lang-btn { cursor: pointer; font-size: 12px; font-weight: bold; padding: 4px 8px; border-radius: 4px; border: 1px solid #cbd5e1; }\n        .lang-btn:hover { background: #e2e8f0; }\n        @keyframes spin-right { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n        .spin-logo { animation: spin-right 8s linear infinite; display: inline-block; }\n        @media (max-width: 768px) {\n            nav .max-w-6xl { display: flex !important; flex-direction: column !important; align-items: flex-start !important; padding-left: 20px !important; padding-right: 20px !important; }\n            nav .space-x-6 { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; margin-top: 15px !important; margin-left: 0 !important; }\n            .map-button { padding: 8px 16px !important; font-size: 14px !important; line-height: 1.2 !important; }\n        }\n    <\/style>\n\n\n\n<div id=\"eduroam-anchor\" style=\"width: 100%; display: block;\"><\/div>\n\n<nav id=\"eduroam-dynamic-nav\" class=\"border-b py-6\">\n    <div class=\"max-w-6xl mx-auto px-6 flex justify-between items-center\">\n        <div class=\"font-black text-2xl text-blue-900\"><span translate=\"no\">eduroam<\/span><\/div>\n        <div class=\"space-x-6 text-sm font-semibold text-slate-600 flex items-center\">\n            <a href=\"#home\">\u041d\u0430\u0447\u0430\u043b\u043e<\/a>\n            <a href=\"#about\">\u041e \u043d\u0430\u0441<\/a>\n            <a href=\"#tech\">\u0422\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f<\/a>\n            <a href=\"#orgs\">\u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438<\/a>\n            <a href=\"#map\">\u041a\u0430\u0440\u0442\u0430<\/a>\n            <a href=\"#unis-list\">\u0421\u043f\u0438\u0441\u043e\u043a<\/a>\n            <a href=\"#address\">\u0410\u0434\u0440\u0435\u0441<\/a>\n            <a href=\"#contact\" class=\"border border-blue-900 px-5 py-2.5 rounded-full text-blue-900\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/a>\n            <div class=\"flex gap-1 ml-4 border-l pl-4\">\n                <button class=\"lang-btn\" onclick=\"triggerTranslate('kk')\">KZ<\/button>\n                <button class=\"lang-btn\" onclick=\"triggerTranslate('en')\">EN<\/button>\n                <button class=\"lang-btn\" onclick=\"triggerTranslate('ru')\">RU<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/nav>\n\n<style>\n    \/* \u0421\u0442\u0438\u043b\u0438 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e, \u043f\u043e\u043a\u0430 \u043c\u0435\u043d\u044e \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u0442\u0435\u043b\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b *\/\n    #eduroam-dynamic-nav {\n        background-color: #ffffff !important;\n        width: 100% !important;\n        transition: box-shadow 0.2s ease;\n    }\n\n    \/* \u041a\u041b\u0410\u0421\u0421 \u0424\u0418\u041a\u0421\u0410\u0426\u0418\u0418: \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u043c \u0441\u0442\u0440\u043e\u0433\u043e \u043f\u0440\u0438 \u0441\u043a\u0440\u043e\u043b\u043b\u0435 \u0432 \u0441\u0430\u043c\u044b\u0439 \u0432\u0435\u0440\u0445 \u044d\u043a\u0440\u0430\u043d\u0430 *\/\n    #eduroam-dynamic-nav.is-fixed {\n        position: fixed !important;\n        top: 0 !important; \/* \u041f\u0440\u0438\u043b\u0438\u043f\u0430\u0435\u0442 \u0432\u043f\u0440\u0438\u0442\u044b\u043a \u043a \u043a\u0440\u0430\u044e \u044d\u043a\u0440\u0430\u043d\u0430 *\/\n        left: 50% !important;\n        transform: translateX(-50%) !important;\n        width: 100vw !important; \/* \u0420\u0430\u0441\u0442\u044f\u0433\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043d\u0430\u043c\u0435\u0440\u0442\u0432\u043e \u0434\u043e \u043a\u0440\u0430\u0435\u0432 \u043c\u043e\u043d\u0438\u0442\u043e\u0440\u0430 *\/\n        max-width: 100vw !important;\n        z-index: 99990 !important;\n        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;\n    }\n\n    \/* \u0423\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u043c \u0447\u0435\u0440\u043d\u0443\u044e \u0430\u0434\u043c\u0438\u043d\u043a\u0443 WordPress, \u043a\u043e\u0433\u0434\u0430 \u0442\u044b \u0437\u0430\u043b\u043e\u0433\u0438\u043d\u0435\u043d *\/\n    body.admin-bar #eduroam-dynamic-nav.is-fixed {\n        top: 32px !important;\n    }\n\n    @media screen and (max-width: 782px) {\n        body.admin-bar #eduroam-dynamic-nav.is-fixed {\n            top: 46px !important;\n        }\n    }\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const nav = document.getElementById('eduroam-dynamic-nav');\n    const anchor = document.getElementById('eduroam-anchor');\n    \n    \/\/ \u0417\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u0435\u043c \u0438\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u0443\u044e \u043f\u043e\u0437\u0438\u0446\u0438\u044e \u043c\u0435\u043d\u044e \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435\n    const initialTop = nav.getBoundingClientRect().top + window.scrollY;\n\n    function handleScroll() {\n        \/\/ \u0415\u0441\u043b\u0438 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u0438\u043b\u0438 \u043d\u0438\u0436\u0435 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0439 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u043c\u0435\u043d\u044e\n        if (window.scrollY >= initialTop) {\n            \/\/ \u0412\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u0444\u0438\u043a\u0441\u0430\u0446\u0438\u044e \u0432\u043f\u0440\u0438\u0442\u044b\u043a \u043a \u0432\u0435\u0440\u0445\u0443\n            if (!nav.classList.contains('is-fixed')) {\n                \/\/ \u0427\u0442\u043e\u0431\u044b \u0432\u0435\u0440\u0441\u0442\u043a\u0430 \u043f\u043e\u0434 \u043c\u0435\u043d\u044e \u043d\u0435 \u043f\u0440\u044b\u0433\u0430\u043b\u0430, \u0437\u0430\u0434\u0430\u0435\u043c \u0437\u0430\u0433\u043b\u0443\u0448\u043a\u0435 \u0432\u044b\u0441\u043e\u0442\u0443 \u043c\u0435\u043d\u044e\n                anchor.style.height = nav.offsetHeight + 'px';\n                nav.classList.add('is-fixed');\n            }\n        } else {\n            \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c \u0432 \u043e\u0431\u044b\u0447\u043d\u044b\u0439 \u043f\u043e\u0442\u043e\u043a, \u043a\u043e\u0433\u0434\u0430 \u0434\u043e\u0441\u043a\u0440\u043e\u043b\u043b\u0438\u043b\u0438 \u043e\u0431\u0440\u0430\u0442\u043d\u043e \u043d\u0430\u0432\u0435\u0440\u0445\n            if (nav.classList.contains('is-fixed')) {\n                anchor.style.height = '0px';\n                nav.classList.remove('is-fixed');\n            }\n        }\n    }\n\n    window.addEventListener('scroll', handleScroll);\n    window.addEventListener('resize', () => {\n        if (!nav.classList.contains('is-fixed')) {\n            initialTop = nav.getBoundingClientRect().top + window.scrollY;\n        }\n    });\n});\n<\/script>\n<section id=\"home\" class=\"max-w-6xl mx-auto px-6 flex items-center flex-col md:flex-row gap-8\">\n    <div class=\"w-full md:w-1\/2 reveal\">\n        <!-- \u0414\u041e\u0411\u0410\u0412\u0418\u041b\u0418 \u041a\u041b\u0410\u0421\u0421 text-left, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u0438\u043d\u0443\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0432\u044b\u0440\u043e\u0432\u043d\u044f\u0442\u044c \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043f\u043e \u043b\u0435\u0432\u043e\u043c\u0443 \u043a\u0440\u0430\u044e -->\n        <h1 class=\"text-3xl md:text-5xl font-black text-blue-900 mb-6 leading-tight text-left\">\u0414\u043e\u0431\u0440\u043e \u043f\u043e\u0436\u0430\u043b\u043e\u0432\u0430\u0442\u044c \u0432 Eduroam<\/h1>\n        <p class=\"text-slate-600 mb-10 text-lg\">eduroam (education roaming) \u2014 \u044d\u0442\u043e \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u0430\u044f \u0437\u0430\u0449\u0438\u0449\u0451\u043d\u043d\u0430\u044f \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0431\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u043e\u0433\u043e \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043a \u0441\u0435\u0442\u0438, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u0430\u044f \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e \u0434\u043b\u044f \u043d\u0430\u0443\u0447\u043d\u043e-\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430. \u042d\u0442\u043e\u0442 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0435\u0440\u0432\u0438\u0441 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u0430\u043c, \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c \u0438 \u043f\u0440\u0435\u043f\u043e\u0434\u0430\u0432\u0430\u0442\u0435\u043b\u044f\u043c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c\u0441\u044f \u043a \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0443 \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0441\u0432\u043e\u0451\u043c \u0440\u043e\u0434\u043d\u043e\u043c \u0432\u0443\u0437\u0435, \u043d\u043e \u0438 \u0432 \u0442\u044b\u0441\u044f\u0447\u0430\u0445 \u0434\u0440\u0443\u0433\u0438\u0445 \u0443\u0447\u0435\u0431\u043d\u044b\u0445 \u0437\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0439 \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043c\u0438\u0440\u0443, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u0441\u0432\u043e\u0438 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 \u0443\u0447\u0451\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435.\n\u0412 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0435 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0438 \u0441\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0435\u043d\u0438\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u0430 eduroam \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0435\u0442 \u0410\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u044f \u041a\u0410\u0417\u0420\u0415\u041d\u0410 (www.kazrena.kz) , \u0432\u044b\u0441\u0442\u0443\u043f\u0430\u044f \u043d\u0430\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u043c \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u043e\u043c. \u0410\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u044f \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0441\u043a\u0438\u0445 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0439 \u043a \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u043e\u0439 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 eduroam, \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0438\u0440\u0443\u0435\u0442 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0441\u0435\u0442\u0438 \u043d\u0430 \u043d\u0430\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u043c \u0443\u0440\u043e\u0432\u043d\u0435 \u0438 \u0441\u043f\u043e\u0441\u043e\u0431\u0441\u0442\u0432\u0443\u0435\u0442 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u043e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u043e\u0432 \u0438 \u043d\u0430\u0443\u0447\u043d\u044b\u0445 \u0446\u0435\u043d\u0442\u0440\u043e\u0432 \u0432 \u043c\u0438\u0440\u043e\u0432\u043e\u0435 \u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e.\n\u0412 \u043e\u0441\u043d\u043e\u0432\u0435 \u0440\u0430\u0431\u043e\u0442\u044b eduroam \u043b\u0435\u0436\u0438\u0442 \u043f\u0440\u0438\u043d\u0446\u0438\u043f \u00ab\u043e\u0434\u043d\u043e\u0433\u043e \u043b\u043e\u0433\u0438\u043d\u0430\u00bb: \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437 \u0438\u0441\u043a\u0430\u0442\u044c \u043d\u043e\u0432\u0443\u044e \u0441\u0435\u0442\u044c, \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0433\u043e\u0441\u0442\u0435\u0432\u044b\u0445 \u043f\u043e\u0440\u0442\u0430\u043b\u0430\u0445 \u0438\u043b\u0438 \u0437\u0430\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0442\u044c \u043f\u0430\u0440\u043e\u043b\u0438 \u0443 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u043e\u0432. \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438, \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u043d\u044b\u0435 \u043e\u0434\u0438\u043d \u0440\u0430\u0437 \u043d\u0430 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0435, \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u044e\u0442 \u0431\u0435\u0441\u0448\u043e\u0432\u043d\u044b\u0439 \u0440\u043e\u0443\u043c\u0438\u043d\u0433, \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 Wi-Fi \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432 \u043b\u044e\u0431\u043e\u043c \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u0435-\u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0435 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b.\n\u0418\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u00ab\u0434\u043e\u043c\u0430\u0448\u043d\u0435\u0439\u00bb \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438, \u0447\u0442\u043e \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u0442 \u0432\u044b\u0441\u043e\u043a\u0438\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u0438 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438. \u041f\u0440\u043e\u0435\u043a\u0442 \u043e\u0445\u0432\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u0431\u043e\u043b\u0435\u0435 100 \u0441\u0442\u0440\u0430\u043d, \u0441\u043f\u043e\u0441\u043e\u0431\u0441\u0442\u0432\u0443\u044f \u0430\u043a\u0430\u0434\u0435\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0441\u0442\u0438, \u0443\u0441\u043a\u043e\u0440\u0435\u043d\u043d\u043e\u043c\u0443 \u0434\u043e\u0441\u0442\u0443\u043f\u0443 \u043a \u043d\u0430\u0443\u0447\u043d\u044b\u043c \u0440\u0435\u0441\u0443\u0440\u0441\u0430\u043c \u0438 \u0437\u0430\u0449\u0438\u0442\u0435 \u0434\u0430\u043d\u043d\u044b\u0445 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0448\u0438\u0444\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f (WPA2\/WPA3 Enterprise).<\/p>\n        <a href=\"#map\" class=\"btn-4d map-button bg-blue-900 text-white px-10 py-3 rounded-full font-bold inline-block\">\u041a\u0430\u0440\u0442\u0430 \u043f\u043e\u043a\u0440\u044b\u0442\u0438\u044f<\/a>\n    <\/div>\n    <div class=\"w-full md:w-1\/2 flex justify-end reveal\">\n        <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-28-\u043c\u0430\u044f-2026-\u0433.-15_25_28.png\" class=\"w-full max-w-sm rounded-2xl shadow-xl\">\n    <\/div>\n<\/section>\n\n<style>\n    \/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0435\u0433\u043e \u043f\u0440\u0435\u0432\u044c\u044e-\u0432\u0438\u0434\u0435\u043e *\/\n    .img-container { position: relative; display: block; cursor: pointer; overflow: visible; }\n    .img-main { transition: filter 0.3s ease; }\n    \n    .video-hover-popup {\n        display: none;\n        position: absolute;\n        top: -180px;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 280px;\n        height: 157px;\n        background: black;\n        border-radius: 12px;\n        overflow: hidden;\n        z-index: 100;\n        pointer-events: none;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.4);\n        border: 2px solid white;\n    }\n    .video-hover-popup iframe { width: 100%; height: 100%; border: none; }\n    .img-container:hover .video-hover-popup { display: block; }\n    .img-container:hover .img-main { filter: brightness(0.8); }\n\n    \/* \u041c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e *\/\n    .video-modal-overlay { \n        position: fixed; inset: 0; z-index: 1000; display: none; \n        background: rgba(0,0,0,0.85); backdrop-filter: blur(8px); \n        align-items: center; justify-content: center; padding: 20px;\n        cursor: pointer;\n    }\n    .video-modal-content { \n        background: black; width: 100%; max-width: 960px; aspect-ratio: 16\/9; \n        border-radius: 16px; overflow: visible; position: relative; \n        box-shadow: 0 25px 50px rgba(0,0,0,0.5);\n        cursor: default;\n    }\n    .close-modal-btn { \n        position: absolute; top: -50px; right: 0; \n        color: white; font-size: 40px; font-weight: bold;\n        background: rgba(255, 255, 255, 0.1); \n        width: 45px; height: 45px; border-radius: 50%;\n        display: flex; align-items: center; justify-content: center;\n        cursor: pointer; border: none; transition: 0.3s;\n        z-index: 2000;\n    }\n    .close-modal-btn:hover { background: rgba(255, 0, 0, 0.6); }\n<\/style>\n\n<div id=\"fullVideoModal\" class=\"video-modal-overlay\" onclick=\"closeFullVideoModal()\">\n    <div class=\"video-modal-content\" onclick=\"event.stopPropagation()\">\n        <button onclick=\"closeFullVideoModal()\" class=\"close-modal-btn\">\u00d7<\/button>\n        <iframe id=\"fullVideoFrame\" src=\"\" class=\"w-full h-full\" allow=\"autoplay; fullscreen\" allowfullscreen=\"\"><\/iframe>\n    <\/div>\n<\/div>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;800&amp;display=swap\" rel=\"stylesheet\">\n\n\n        \n    \n\n\n<script>\n    \/\/ --- \u041b\u043e\u0433\u0438\u043a\u0430 \u0440\u0430\u0431\u043e\u0442\u044b \u0433\u043e\u043b\u043e\u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u044d\u0444\u0444\u0435\u043a\u0442\u0430 ---\n    document.querySelectorAll('.calendar-card').forEach(card => {\n        card.addEventListener('mousemove', e => {\n            const rect = card.getBoundingClientRect();\n            \n            \/\/ \u0412\u044b\u0447\u0438\u0441\u043b\u044f\u0435\u043c \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b \u043c\u044b\u0448\u0438 \u0432 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u0430\u0445 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043a\u0430\u0440\u0442\u044b\n            const x = ((e.clientX - rect.left) \/ rect.width) * 100;\n            const y = ((e.clientY - rect.top) \/ rect.height) * 100;\n            \n            \/\/ \u041f\u0435\u0440\u0435\u0434\u0430\u0435\u043c \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u044b \u0432 CSS \u0434\u043b\u044f \u0441\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u0430 (\u0431\u043b\u0438\u043a\u0430)\n            card.style.setProperty('--proxy-x', `${x}%`);\n            card.style.setProperty('--proxy-y', `${y}%`);\n        });\n    });\n<\/script>\n    \n\n\n<div id=\"customNewsModal\" class=\"custom-modal-overlay\" onclick=\"closeNewsModal(event)\">\n    <div class=\"custom-modal-container\">\n        <button class=\"custom-modal-close\" onclick=\"closeNewsModal(event)\">\u00d7<\/button>\n        \n        <div class=\"custom-modal-img-wrap\">\n            <img decoding=\"async\" id=\"modalTargetImg\" src=\"\" alt=\"\u0423\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u043d\u043e\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\">\n        <\/div>\n        \n        <div class=\"custom-modal-content\">\n            <h3 id=\"modalTargetTitle\" class=\"custom-modal-title\"><\/h3>\n            <div id=\"modalTargetText\" class=\"custom-modal-body-text\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\nfunction openNewsModal(cardElement) {\n    const imgSrc = cardElement.querySelector('.card-image img').src;\n    const titleHtml = cardElement.querySelector('.modal-title-data').innerHTML;\n    const textHtml = cardElement.querySelector('.modal-text-data').innerHTML;\n    \n    document.getElementById('modalTargetImg').src = imgSrc;\n    document.getElementById('modalTargetTitle').innerHTML = titleHtml;\n    document.getElementById('modalTargetText').innerHTML = textHtml;\n    \n    const modal = document.getElementById('customNewsModal');\n    modal.classList.add('active');\n    document.body.style.overflow = 'hidden'; \n}\n\nfunction closeNewsModal(event) {\n    if (event.target.classList.contains('custom-modal-overlay') || \n        event.target.classList.contains('custom-modal-close')) {\n        const modal = document.getElementById('customNewsModal');\n        modal.classList.remove('active');\n        document.body.style.overflow = ''; \n    }\n}\n<\/script>\n\n<style>\n.news-calendar-section, \n.news-calendar-section *, \n.news-calendar-section ::before, \n.news-calendar-section ::after,\n.custom-modal-overlay,\n.custom-modal-overlay * {\n    box-sizing: border-box !important;\n}\n\n.news-calendar-section {\n    background-color: #ffffff !important; \n    padding: 35px 20px !important;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n    color: #1a202c !important;\n    overflow: hidden !important;\n    width: 100% !important;\n}\n\n.calendar-header {\n    display: flex !important;\n    justify-content: flex-start !important;\n    align-items: center !important;\n    margin-bottom: 25px !important;\n}\n\n.calendar-title {\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 26px !important;\n    font-weight: 800 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 1.5px !important;\n    margin: 0 !important;\n    color: #1a202c !important;\n}\n\n.calendar-slider {\n    display: flex !important;\n    gap: 14px !important;\n    overflow-x: auto !important;\n    scroll-behavior: smooth !important;\n    padding-bottom: 15px !important;\n    -webkit-overflow-scrolling: touch !important;\n}\n\n.calendar-slider::-webkit-scrollbar {\n    height: 5px !important;\n}\n.calendar-slider::-webkit-scrollbar-track {\n    background: #ffffff !important;\n}\n.calendar-slider::-webkit-scrollbar-thumb {\n    background: #cbd5e1 !important;\n    border-radius: 10px !important;\n}\n.calendar-slider::-webkit-scrollbar-thumb:hover {\n    background: #0066cc !important;\n}\n\n.calendar-card {\n    flex: 0 0 135px !important;\n    width: 135px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 10px !important;\n    cursor: pointer !important;\n    transition: transform 0.2s ease !important;\n}\n.calendar-card:hover {\n    transform: translateY(-4px) !important;\n}\n\n.card-image {\n    width: 100% !important;\n    height: 185px !important;\n    max-height: 185px !important;\n    border-radius: 6px !important;\n    overflow: hidden !important;\n    background-color: #f1f5f9 !important;\n    border: 1px solid #e2e8f0 !important;\n    display: block !important;\n}\n\n.calendar-card .card-image img {\n    width: 100% !important;\n    max-width: 100% !important;\n    height: 100% !important;\n    max-height: 100% !important;\n    min-height: 100% !important;\n    object-fit: cover !important;\n    object-position: center !important;\n    display: block !important;\n}\n\n.card-date {\n    font-size: 13px !important;\n    font-weight: 600 !important;\n    color: #475569 !important;\n    text-align: left !important;\n}\n\n.hidden-modal-content {\n    display: none !important;\n}\n\n\/* \u0421\u0422\u0418\u041b\u0418 \u041c\u041e\u0414\u0410\u041b\u042c\u041d\u041e\u0413\u041e \u041e\u041a\u041d\u0410 *\/\n.custom-modal-overlay {\n    position: fixed !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    background-color: rgba(11, 17, 30, 0.4) !important;\n    backdrop-filter: blur(8px) !important;\n    z-index: 99999 !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    padding: 20px !important;\n    opacity: 0 !important;\n    pointer-events: none !important;\n    transition: opacity 0.3s ease !important;\n}\n\n.custom-modal-overlay.active {\n    opacity: 1 !important;\n    pointer-events: auto !important;\n}\n\n.custom-modal-container {\n    background: #ffffff !important;\n    width: 100% !important;\n    max-width: 650px !important;\n    border-radius: 12px !important;\n    overflow: hidden !important;\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;\n    position: relative !important;\n    transform: translateY(20px) !important;\n    transition: transform 0.3s ease !important;\n}\n\n.custom-modal-overlay.active .custom-modal-container {\n    transform: translateY(0) !important;\n}\n\n.custom-modal-close {\n    position: absolute !important;\n    top: 15px !important;\n    right: 15px !important;\n    background: rgba(0, 0, 0, 0.6) !important;\n    color: #ffffff !important;\n    border: none !important;\n    width: 35px !important;\n    height: 35px !important;\n    border-radius: 50% !important;\n    font-size: 24px !important;\n    cursor: pointer !important;\n    z-index: 10 !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    transition: background 0.2s !important;\n    padding: 0 !important;\n    line-height: 1 !important;\n}\n.custom-modal-close:hover {\n    background: rgba(0, 0, 0, 0.8) !important;\n}\n\n\/* \u0418\u0437\u043c\u0435\u043d\u0435\u043d\u043e: \u041e\u0431\u0435\u0440\u0442\u043a\u0430 \u043f\u043e\u0434\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 \u043f\u043e\u0434 \u043e\u0434\u0438\u043d \u0441\u0442\u0440\u043e\u0433\u0438\u0439 \u0440\u0430\u0437\u043c\u0435\u0440 *\/\n.custom-modal-img-wrap {\n    width: 100% !important;\n    height: 380px !important; \/* \u0415\u0434\u0438\u043d\u0430\u044f \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0432\u044b\u0441\u043e\u0442\u0430 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439 *\/\n    max-height: 380px !important;\n    overflow: hidden !important;\n    background: #0f172a !important; \/* \u0422\u0435\u043c\u043d\u044b\u0439 \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0439 \u0444\u043e\u043d \u0434\u043b\u044f \u043f\u043e\u043b\u0435\u0439 (\u0435\u0441\u043b\u0438 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 \u043f\u0440\u043e\u043f\u043e\u0440\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e \u043d\u0435 \u043d\u0430 \u0432\u0435\u0441\u044c \u044d\u043a\u0440\u0430\u043d) *\/\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n}\n\n\/* \u0418\u0437\u043c\u0435\u043d\u0435\u043d\u043e: \u041a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 \u0442\u0435\u043f\u0435\u0440\u044c \u0432\u0441\u0435\u0433\u0434\u0430 \u0432\u0438\u0434\u043d\u0430 \u041f\u041e\u041b\u041d\u041e\u0421\u0422\u042c\u042e \u0438 \u043d\u0435 \u043e\u0431\u0440\u0435\u0437\u0430\u0435\u0442\u0441\u044f *\/\n.custom-modal-img-wrap img {\n    width: 100% !important;\n    height: 100% !important;\n    max-width: 100% !important;\n    max-height: 100% !important;\n    object-fit: contain !important; \/* \u041a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0432\u043d\u0443\u0442\u0440\u044c, \u0431\u0435\u0437 \u043e\u0431\u0440\u0435\u0437\u043e\u043a *\/\n    display: block !important;\n}\n\n\/* \u0421\u0438\u043d\u0438\u0439 \u0444\u043e\u043d \u0434\u043b\u044f \u0442\u0435\u043a\u0441\u0442\u0430 *\/\n.custom-modal-content {\n    background-color: #0066cc !important; \n    padding: 30px !important;\n    color: #ffffff !important;\n}\n\n.custom-modal-title {\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 20px !important;\n    font-weight: 700 !important;\n    line-height: 1.4 !important;\n    margin: 0 0 15px 0 !important;\n    color: #ffffff !important;\n}\n\n.custom-modal-body-text p {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\n    font-size: 14px !important;\n    line-height: 1.6 !important;\n    margin: 0 0 12px 0 !important;\n    color: rgba(255, 255, 255, 0.95) !important;\n}\n.custom-modal-body-text p:last-child {\n    margin-bottom: 0 !important;\n}\n<\/style>\n\n<style>\n    \/* --- \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0433\u043e\u043b\u043e\u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u044d\u0444\u0444\u0435\u043a\u0442\u0430 --- *\/\n    \n    .news-calendar-section {\n        overflow: hidden; \/* \u0413\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u043c, \u0447\u0442\u043e \u0441\u0435\u043a\u0446\u0438\u044f \u043d\u0435 \u0440\u0430\u0437\u043e\u0440\u0432\u0435\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 *\/\n    }\n\n    .calendar-slider {\n        display: flex;\n        gap: 20px;\n        padding: 20px 0;\n        \/* \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u0418\u0415 \u0414\u041b\u042f \u0421\u041b\u0410\u0419\u0414\u0415\u0420\u0410: \u0420\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u043c \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u0443\u044e \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0443 *\/\n        overflow-x: auto;\n        \/* \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u0418\u0415 \u0414\u041b\u042f \u0421\u041b\u0410\u0419\u0414\u0415\u0420\u0410: \u0417\u0430\u043f\u0440\u0435\u0449\u0430\u0435\u043c \u043f\u0435\u0440\u0435\u043d\u043e\u0441 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 *\/\n        flex-wrap: nowrap;\n        \/* \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u0418\u0415 \u0414\u041b\u042f \u0421\u041b\u0410\u0419\u0414\u0415\u0420\u0410: \u041f\u043b\u0430\u0432\u043d\u0430\u044f \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430 *\/\n        scroll-behavior: smooth;\n        \/* \u0413\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u043c, \u0447\u0442\u043e \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u0448\u0438\u0440\u0435 \u044d\u043a\u0440\u0430\u043d\u0430 *\/\n        max-width: 100%;\n        width: 100%;\n        box-sizing: border-box;\n    }\n\n    \/* \u041e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e: \u0441\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0441\u043a\u0440\u043e\u043b\u043b\u0431\u0430\u0440\u0430, \u0447\u0442\u043e\u0431\u044b \u043e\u043d \u0431\u044b\u043b \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u043c *\/\n    .calendar-slider::-webkit-scrollbar {\n        height: 6px;\n    }\n    .calendar-slider::-webkit-scrollbar-track {\n        background: #f1f1f1;\n        border-radius: 10px;\n    }\n    .calendar-slider::-webkit-scrollbar-thumb {\n        background: #888;\n        border-radius: 10px;\n    }\n    .calendar-slider::-webkit-scrollbar-thumb:hover {\n        background: #555;\n    }\n\n\n    .calendar-card {\n        position: relative;\n        overflow: hidden; \/* \u0427\u0442\u043e\u0431\u044b \u0431\u043b\u0438\u043a \u043d\u0435 \u0432\u044b\u043b\u0435\u0437\u0430\u043b \u0437\u0430 \u0433\u0440\u0430\u043d\u0438\u0446\u044b *\/\n        border-radius: 8px; \/* \u0414\u043e\u0431\u0430\u0432\u0438\u043c \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0435 \u0441\u043a\u0440\u0443\u0433\u043b\u0435\u043d\u0438\u0435 *\/\n        cursor: pointer;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        \/* \u041f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u0441\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u0430 (\u0431\u043b\u0438\u043a\u0430) *\/\n        --proxy-x: 50%;\n        --proxy-y: 50%;\n        \/* \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u0418\u0415 \u0414\u041b\u042f \u0421\u041b\u0410\u0419\u0414\u0415\u0420\u0410: \u041e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u0435\u043c \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0443\u044e \u0448\u0438\u0440\u0438\u043d\u0443 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438, \u0447\u0442\u043e\u0431\u044b \u043e\u043d\u0430 \u043d\u0435 \"\u0440\u0430\u043f\u0438\u0440\u0430\u043b\u0430\" flex-\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 *\/\n        flex: 0 0 calc(33.33% - 20px); \/* \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, 3 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u0432 \u0432\u0438\u0434\u0438\u043c\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 (\u043c\u043e\u0436\u043d\u043e \u043c\u0435\u043d\u044f\u0442\u044c % ) *\/\n        box-sizing: border-box;\n    }\n\n    \/* \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u0418\u0415: \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439 \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438, \u0447\u0442\u043e\u0431\u044b \u043e\u043d\u0438 \u0431\u044b\u043b\u0438 \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u044b\u043c\u0438 *\/\n    .calendar-card .card-image img {\n        width: 100%;\n        height: auto;\n        display: block;\n    }\n\n    \/* \u041f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u0441\u043b\u0435\u0433\u043a\u0430 \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u0435\u0442 *\/\n    .calendar-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n    }\n\n    \/* \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u0433\u043b\u044f\u043d\u0446\u0435\u0432\u044b\u0439 \u0431\u043b\u0438\u043a \u043f\u043e\u0432\u0435\u0440\u0445 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 *\/\n    .calendar-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        \/* \u0420\u0430\u0434\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0437\u0430 \u043c\u044b\u0448\u043a\u043e\u0439 *\/\n        background: radial-gradient(\n            circle calc(var(--blur-size, 150px)) at var(--proxy-x) var(--proxy-y),\n            rgba(255, 255, 255, 0.4) 0%,\n            rgba(255, 255, 255, 0.1) 40%,\n            rgba(255, 255, 255, 0) 70%\n        );\n        \/* \u0421\u043c\u0435\u0448\u0438\u0432\u0430\u043d\u0438\u0435 \u0441\u043b\u043e\u0435\u0432, \u0447\u0442\u043e\u0431\u044b \u0431\u043b\u0438\u043a \u043a\u0440\u0443\u0442\u043e \u043b\u043e\u0436\u0438\u043b\u0441\u044f \u043d\u0430 \u0442\u0435\u043c\u043d\u044b\u0435 \u0438 \u0441\u0432\u0435\u0442\u043b\u044b\u0435 \u0443\u0447\u0430\u0441\u0442\u043a\u0438 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f *\/\n        mix-blend-mode: overlay; \n        opacity: 0;\n        transition: opacity 0.3s ease;\n        z-index: 2; \/* \u041f\u043e\u0432\u0435\u0440\u0445 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 *\/\n        pointer-events: none; \/* \u0427\u0442\u043e\u0431\u044b \u0441\u043b\u043e\u0439 \u043d\u0435 \u043c\u0435\u0448\u0430\u043b \u043a\u043b\u0438\u043a\u0443 *\/\n    }\n\n    \/* \u041f\u0440\u043e\u044f\u0432\u043b\u044f\u0435\u043c \u0431\u043b\u0438\u043a \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438 *\/\n    .calendar-card:hover::before {\n        opacity: 1;\n    }\n\n    \/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0434\u0430\u0442\u044b \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 (\u043f\u043e\u0434\u043d\u0438\u043c\u0435\u043c \u0435\u0451 \u043d\u0430\u0434 \u0431\u043b\u0438\u043a\u043e\u043c, \u0435\u0441\u043b\u0438 \u043d\u0443\u0436\u043d\u043e) *\/\n    .calendar-card .card-date {\n        position: absolute;\n        bottom: 10px;\n        left: 10px;\n        z-index: 3;\n        color: white !important; \/* \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d \u0431\u0435\u043b\u044b\u0439 \u0446\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430 \u0441 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u043e\u043c *\/\n        background-color: rgba(0,0,0,0.5); \/* \u041f\u043e\u0434\u043b\u043e\u0436\u043a\u0430 \u0434\u043b\u044f \u0447\u0438\u0442\u0430\u0435\u043c\u043e\u0441\u0442\u0438 *\/\n        padding: 2px 8px;\n        border-radius: 4px;\n    }\n<\/style>\n\n<div class=\"news-calendar-section\">\n    \n    <div class=\"calendar-header\">\n        <h2 class=\"calendar-title\">\u041d\u041e\u0412\u041e\u0421\u0422\u0418<\/h2>\n    <\/div>\n\n    <div class=\"calendar-slider\">\n        \n        <div class=\"calendar-card\" onclick=\"openNewsModal(this)\">\n            <div class=\"card-image\">\n                <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/07\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2026-07-08-103138.png\" alt=\"\u041d\u043e\u0432\u043e\u0441\u0442\u044c 1\">\n            <\/div>\n            <div class=\"card-date\">14 | \u0438\u044e\u043b\u044f<\/div>\n            \n            <div class=\"hidden-modal-content\">\n                <h3 class=\"modal-title-data\">KazRENA \u0438 \u0438\u0441\u043f\u0430\u043d\u0441\u043a\u0430\u044f \u043d\u0430\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u0430\u043a\u0430\u0434\u0435\u043c\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0441\u0435\u0442\u044c RedIRIS \u043e\u0431\u0441\u0443\u0434\u0438\u043b\u0438 \u043f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0430<\/h3>\n                <div class=\"modal-text-data\">\n                    <p>\u041e\u0434\u043d\u0430 \u0438\u0437 \u043a\u0440\u0443\u043f\u043d\u0435\u0439\u0448\u0438\u0445 \u043d\u0430\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u043d\u0430\u0443\u0447\u043d\u043e-\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0441\u0435\u0442\u0435\u0439 (NREN) \u0415\u0432\u0440\u043e\u043f\u044b \u2014 \u043d\u0430\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u0430\u043a\u0430\u0434\u0435\u043c\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0438 \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0430\u044f \u0441\u0435\u0442\u044c \u0418\u0441\u043f\u0430\u043d\u0438\u0438 RedIRIS \u2014 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u0435\u0442 \u0431\u043e\u043b\u0435\u0435 500 \u0443\u0447\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u0439, \u0432\u043a\u043b\u044e\u0447\u0430\u044f \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u044b, \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435 \u0438\u043d\u0441\u0442\u0438\u0442\u0443\u0442\u044b \u0438 \u0433\u043e\u0441\u0443\u0434\u0430\u0440\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u043d\u0430\u0443\u0447\u043d\u044b\u0435 \u0446\u0435\u043d\u0442\u0440\u044b.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"calendar-card\" onclick=\"openNewsModal(this)\">\n            <div class=\"card-image\">\n                <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/07\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2026-07-08-103222.png\" alt=\"\u041d\u043e\u0432\u043e\u0441\u0442\u044c 2\">\n            <\/div>\n            <div class=\"card-date\">14 | \u0438\u044e\u043b\u044f<\/div>\n            \n            <div class=\"hidden-modal-content\">\n                <h3 class=\"modal-title-data\">\u041f\u0430\u0432\u0435\u043b \u0414\u0443\u0440\u043e\u0432 \u043e\u0431\u044a\u044f\u0432\u0438\u043b \u043e\u0431 \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u0438 \u0418\u0418-\u043b\u0430\u0431\u043e\u0440\u0430\u0442\u043e\u0440\u0438\u0438 \u0432 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0435<\/h3>\n                <div class=\"modal-text-data\">\n                    <p>\u041e\u043d \u043d\u0430\u043f\u043e\u043c\u043d\u0438\u043b \u043e\u0431 \u043e\u0442\u043a\u0440\u044b\u0442\u0438\u0438 \u0433\u043e\u0434 \u043d\u0430\u0437\u0430\u0434 \u043f\u0435\u0440\u0432\u043e\u0433\u043e regional \u043e\u0444\u0438\u0441\u0430 \u0432 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0435, \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u0442 \u0430\u0433\u0435\u043d\u0442\u0441\u0442\u0432\u043e Kazinform \u0441\u043e \u0441\u0441\u044b\u043b\u043a\u043e\u0439 \u043d\u0430 \u0410\u043a\u043e\u0440\u0434\u0443.<\/p>\n                    <p>\u2014 \u0421 \u0431\u043e\u043b\u044c\u0448\u0438\u043c \u0443\u0434\u043e\u0432\u043b\u0435\u0442\u0432\u043e\u0440\u0435\u043d\u0438\u0435\u043c \u0441\u043e\u043e\u0431\u0449\u0430\u044e, \u0447\u0442\u043e \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u043c\u044b \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0443\u044e \u043b\u0430\u0431\u043e\u0440\u0430\u0442\u043e\u0440\u0438\u044e \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442\u0430 \u0432 \u0437\u0434\u0430\u043d\u0438\u0438 Alem.ai. <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"calendar-card\" onclick=\"openNewsModal(this)\">\n            <div class=\"card-image\">\n                <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/07\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2026-07-08-103253.png\" alt=\"\u041d\u043e\u0432\u043e\u0441\u0442\u044c 3\">\n            <\/div>\n            <div class=\"card-date\">15 | \u0438\u044e\u043b\u044f<\/div>\n            \n            <div class=\"hidden-modal-content\">\n                <h3 class=\"modal-title-data\">\u0413\u043b\u0430\u0432\u0430 \u0433\u043e\u0441\u0443\u0434\u0430\u0440\u0441\u0442\u0432\u0430 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u043b \u0443\u0447\u0440\u0435\u0434\u0438\u0442\u044c \u0426\u0435\u043d\u0442\u0440 \u0446\u0438\u0444\u0440\u043e\u0432\u044b\u0445 \u0438\u043d\u043d\u043e\u0432\u0430\u0446\u0438\u0439 \u041e\u0422\u0413<\/h3>\n                <div class=\"modal-text-data\">\n                    <p>\u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d \u043f\u043e\u0441\u0442\u0430\u0432\u0438\u043b \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0446\u0435\u043b\u044c \u2013 \u0441\u0442\u0430\u0442\u044c \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0446\u0438\u0444\u0440\u043e\u0432\u044b\u043c \u0433\u043e\u0441\u0443\u0434\u0430\u0440\u0441\u0442\u0432\u043e\u043c. \u041e\u0431 \u044d\u0442\u043e\u043c \u0437\u0430\u044f\u0432\u0438\u043b \u041f\u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442 \u041a\u0430\u0441\u044b\u043c-\u0416\u043e\u043c\u0430\u0440\u0442 \u0422\u043e\u043a\u0430\u0435\u0432, \u0432\u044b\u0441\u0442\u0443\u043f\u0430\u044f \u0432 \u0445\u043e\u0434\u0435 XII \u0441\u0430\u043c\u043c\u0438\u0442\u0430 \u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u0442\u044e\u0440\u043a\u0441\u043a\u0438\u0445 \u0433\u043e\u0441\u0443\u0434\u0430\u0440\u0441\u0442\u0432 \u0432 \u0413\u0430\u0431\u0430\u043b\u0435 (\u0410\u0437\u0435\u0440\u0431\u0430\u0439\u0434\u0436\u0430\u043d), \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u0442 \u0430\u0433\u0435\u043d\u0442\u0441\u0442\u0432\u043e Kazinform \u0441\u043e \u0441\u0441\u044b\u043b\u043a\u043e\u0439 \u043d\u0430 \u0410\u043a\u043e\u0440\u0434\u0443.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"calendar-card\" onclick=\"openNewsModal(this)\">\n            <div class=\"card-image\">\n                <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/07\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2026-07-08-103351.png\" alt=\"\u041d\u043e\u0432\u043e\u0441\u0442\u044c 4\">\n            <\/div>\n            <div class=\"card-date\">15 | \u0438\u044e\u043b\u044f<\/div>\n            \n            <div class=\"hidden-modal-content\">\n                <h3 class=\"modal-title-data\">\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u043f\u0438\u0441\u044c\u043c\u043e \u041f\u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u0430 \u0420\u041a<\/h3>\n                <div class=\"modal-text-data\">\n                    <p>\u0412 \u043f\u0440\u0435\u0434\u0434\u0432\u0435\u0440\u0438\u0438 \u0414\u043d\u044f \u0420\u0435\u0441\u043f\u0443\u0431\u043b\u0438\u043a\u0438 \u0413\u0435\u043d\u0435\u0440\u0430\u043b\u044c\u043d\u043e\u043c\u0443 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0443 \u0410\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u0438 \u00ab\u041a\u0430\u0437\u0420\u0415\u041d\u0410\u00bb \u0411\u043e\u0440\u0438\u0441\u0443 \u0410\u043b\u0438\u043a\u0435\u043d\u043e\u0432\u0438\u0447\u0443 \u0414\u0436\u0430\u043f\u0430\u0440\u043e\u0432\u0443 \u0431\u044b\u043b\u043e \u0432\u0440\u0443\u0447\u0435\u043d\u043e \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u043f\u0438\u0441\u044c\u043c\u043e \u041f\u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u0430 \u0420\u0435\u0441\u043f\u0443\u0431\u043b\u0438\u043a\u0438 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d \u041a\u0430\u0441\u044b\u043c-\u0416\u043e\u043c\u0430\u0440\u0442\u0430 \u0422\u043e\u043a\u0430\u0435\u0432\u0430 \u0437\u0430 \u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0432\u043a\u043b\u0430\u0434 \u0432 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0443 \u0438 \u043f\u0440\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043e\u0431\u0449\u0435\u043d\u0430\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0440\u0435\u0444\u0435\u0440\u0435\u043d\u0434\u0443\u043c\u0430 \u043f\u043e \u0432\u043e\u043f\u0440\u043e\u0441\u0443 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430 \u0410\u042d\u0421 \u0432 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0435.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"calendar-card\" onclick=\"openNewsModal(this)\">\n            <div class=\"card-image\">\n                <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/07\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2026-07-08-103416.png\" alt=\"\u041d\u043e\u0432\u043e\u0441\u0442\u044c 5\">\n            <\/div>\n            <div class=\"card-date\">15 | \u0438\u044e\u043b\u044f<\/div>\n            \n            <div class=\"hidden-modal-content\">\n                <h3 class=\"modal-title-data\">\u0412\u0438\u0437\u0438\u0442 \u0432 \u0423\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442 \u00ab\u041d\u0443\u0440-\u041c\u0443\u0431\u0430\u0440\u0430\u043a\u00bb<\/h3>\n                <div class=\"modal-text-data\">\n                    <p>\u0421\u0435\u0433\u043e\u0434\u043d\u044f, \u0432 \u0415\u0433\u0438\u043f\u0435\u0442\u0441\u043a\u043e\u043c \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u0435 \u0438\u0441\u043b\u0430\u043c\u0441\u043a\u043e\u0439 \u043a\u0443\u043b\u044c\u0442\u0443\u0440\u044b \u00ab\u041d\u0443\u0440-\u041c\u0443\u0431\u0430\u0440\u0430\u043a\u00bb \u0441\u043e\u0441\u0442\u043e\u044f\u043b\u0430\u0441\u044c \u0432\u0441\u0442\u0440\u0435\u0447\u0430 \u0433\u0435\u043d\u0435\u0440\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0430 \u0410\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u0438 \u00ab\u041a\u0430\u0437\u0420\u0415\u041d\u0410\u00bb \u0434.\u0442.\u043d., \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u043e\u0440\u0430 \u0411. \u0414\u0436\u0430\u043f\u0430\u0440\u043e\u0432\u0430 \u0441 \u043f\u0440\u043e\u0440\u0435\u043a\u0442\u043e\u0440\u043e\u043c \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u0430, \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u044b\u043c \u0443\u0447\u0435\u043d\u044b\u043c-\u0438\u0441\u043b\u0430\u043c\u043e\u0432\u0435\u0434\u043e\u043c \u0415\u0440\u0436\u0430\u043d\u043e\u043c \u041e\u043d\u0433\u0430\u0440.<\/p>\n                    <p>\u0412 \u0445\u043e\u0434\u0435 \u0432\u0441\u0442\u0440\u0435\u0447\u0438 \u043e\u0431\u0441\u0443\u0436\u0434\u0430\u043b\u0438\u0441\u044c \u043f\u0435\u0440\u0441\u043f\u0435\u043a\u0442\u0438\u0432\u044b \u043f\u043e\u0432\u044b\u0448\u0435\u043d\u0438\u044f \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u043d\u0430\u0443\u0447\u043d\u044b\u0445 \u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0439 \u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u043e\u043c \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u0439 \u0446\u0438\u0444\u0440\u043e\u0432\u0438\u0437\u0430\u0446\u0438\u0438 \u0434\u0435\u044f\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0432\u0443\u0437\u0430 \u0438 \u0448\u0438\u0440\u043e\u043a\u043e\u0433\u043e \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u044f \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 IT-\u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439. \u0412 \u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u0438 \u043f\u0440\u0438\u043d\u044f\u043b\u0438 \u0443\u0447\u0430\u0441\u0442\u0438\u0435 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c \u0430\u043f\u043f\u0430\u0440\u0430\u0442\u0430 \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u0430 \u00ab\u041d\u0443\u0440-\u041c\u0443\u0431\u0430\u0440\u0430\u043a\u00bb \u041c\u0430\u043a\u0441\u0430\u0442 \u0411\u0430\u0439\u0437\u0430\u043a \u0438 \u0433\u043b\u0430\u0432\u043d\u044b\u0439 \u0438\u043d\u0436\u0435\u043d\u0435\u0440 \u0410\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u0438 \u00ab\u041a\u0430\u0437\u0420\u0415\u041d\u0410\u00bb \u0410\u043b\u0438\u0448\u0435\u0440 \u041c\u0430\u043c\u0440\u0430\u0438\u043c\u043e\u0432.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"calendar-card\" onclick=\"openNewsModal(this)\">\n            <div class=\"card-image\">\n                <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/07\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2026-07-08-110935.png\" alt=\"\u041d\u043e\u0432\u043e\u0441\u0442\u044c 6\">\n            <\/div>\n            <div class=\"card-date\">16 | \u0438\u044e\u043b\u044f<\/div>\n            \n            <div class=\"hidden-modal-content\">\n                <h3 class=\"modal-title-data\">\u0417\u0430\u043f\u0443\u0441\u043a Eduroam<\/h3>\n                <div class=\"modal-text-data\">\n                    <p>KazRENA \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u043b\u0430 \u043f\u0438\u043b\u043e\u0442\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 \u043f\u043e \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u044e \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u0440\u043e\u0443\u043c\u0438\u043d\u0433\u0430 eduroam \u0432 \u0432\u0443\u0437\u0430\u0445 \u0441\u0442\u0440\u0430\u043d\u044b. \u041e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u0438\u0434\u0435\u044f eduroam \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u044b \u0438 \u0443\u0447\u0435\u043d\u044b\u0435 \u0432\u0441\u0435\u0433\u043e \u043c\u0438\u0440\u0430 \u043f\u043e\u043b\u0443\u0447\u0430\u044e\u0442 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439, \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u044b\u0439 \u0438 \u0431\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u043e\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0441\u0435\u0442\u0438 \u0418\u043d\u0442\u0435\u0440\u043d\u0435\u0442 \u0441\u043e \u0441\u0432\u043e\u0435\u0433\u043e \u043d\u043e\u0443\u0442\u0431\u0443\u043a\u0430 \u0438\u043b\u0438 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 \u043f\u043e wifi \u043d\u0430 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0438 \u043b\u044e\u0431\u043e\u0433\u043e \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u0430 \u2014 \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 (\u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e \u043e\u0442 \u0441\u0442\u0440\u0430\u043d\u044b \u043f\u0440\u0435\u0431\u044b\u0432\u0430\u043d\u0438\u044f) \u0441\u043e \u0441\u0432\u043e\u0438\u043c\u0438 \u00ab\u0440\u043e\u0434\u043d\u044b\u043c\u0438\u00bb \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u043c\u0438 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0441\u0432\u043e\u0435\u0439 \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u0441\u043a\u043e\u0439 \u0441\u0435\u0442\u0438 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043b\u043e\u0433\u0438\u043d \u0438 \u043f\u0430\u0440\u043e\u043b\u044c).<\/p>\n                    <p>\u0422.\u0435. \u043d\u0435\u0442 \u043d\u0443\u0436\u0434\u044b \u0443\u0437\u043d\u0430\u0432\u0430\u0442\u044c \u043f\u0430\u0440\u043e\u043b\u044c \u0441\u0435\u0442\u0438 \u2013 \u0432\u0441\u0435 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438, \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043b\u0438\u0448\u044c \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u044c wifi \u043d\u0430 \u0432\u0430\u0448\u0435\u043c \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0435.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"calendar-card\" onclick=\"openNewsModal(this)\">\n            <div class=\"card-image\">\n                <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/07\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2026-07-08-103513.png\" alt=\"\u041d\u043e\u0432\u043e\u0441\u0442\u044c 7\">\n            <\/div>\n            <div class=\"card-date\">16 | \u0438\u044e\u043b\u044f<\/div>\n            \n            <div class=\"hidden-modal-content\">\n                <h3 class=\"modal-title-data\">\u0422\u0430\u0434\u0436\u0438\u043a\u0438\u0441\u0442\u0430\u043d: \u0420\u0435\u0433\u0443\u043b\u044f\u0442\u043e\u0440 \u0441\u0432\u044f\u0437\u0438 \u043e\u0441\u043b\u0430\u0431\u043b\u044f\u0435\u0442 \u043c\u043e\u043d\u043e\u043f\u043e\u043b\u0438\u044e<\/h3>\n                <div class=\"modal-text-data\">\n                    <p>\u041a\u0430\u0447\u0435\u0441\u0442\u0432\u043e \u0418\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0430 \u0441\u0435\u0440\u044c\u0435\u0437\u043d\u043e \u043f\u043e\u0441\u0442\u0440\u0430\u0434\u0430\u043b\u043e \u0438\u0437-\u0437\u0430 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0439, \u043d\u0430\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0445 \u043d\u0430 \u0440\u044b\u043d\u043e\u043a. \u041f\u0435\u0440\u0432\u044b\u0439 \u0448\u0430\u0433 \u043a \u0440\u0435\u0448\u0435\u043d\u0438\u044e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u2014 \u043f\u0440\u0438\u0437\u043d\u0430\u0442\u044c, \u0447\u0442\u043e \u043e\u043d\u0430 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442.<\/p>\n                    <p>\u0420\u0435\u0433\u0443\u043b\u044f\u0442\u043e\u0440\u044b \u0442\u0435\u043b\u0435\u043a\u043e\u043c\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u0439 \u0432 \u0422\u0430\u0434\u0436\u0438\u043a\u0438\u0441\u0442\u0430\u043d\u0435 \u0441\u0434\u0435\u043b\u0430\u043b\u0438 \u043d\u0435\u043e\u0436\u0438\u0434\u0430\u043d\u043d\u044b\u0439 \u0448\u0430\u0433 \u0432 \u044d\u0442\u043e\u043c \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0438, \u043a\u0430\u043a \u0441\u043e\u043e\u0431\u0449\u0430\u0435\u0442\u0441\u044f, \u043f\u0440\u0438\u0437\u043d\u0430\u0432 \u043d\u0430 \u044d\u0442\u043e\u0439 \u043d\u0435\u0434\u0435\u043b\u0435, \u0447\u0442\u043e \u043e\u0448\u0435\u043b\u043e\u043c\u043b\u044f\u044e\u0449\u0438\u0435 95 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u043e\u0432 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0438 \u0441\u0442\u0440\u0430\u043d\u044b \u043f\u043e\u043a\u0440\u044b\u0442\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u043c\u0438 \u043c\u043e\u0431\u0438\u0447\u0435\u0441\u043a\u0438\u043c\u0438 \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f\u043c\u0438 2G.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"calendar-card\" onclick=\"openNewsModal(this)\">\n            <div class=\"card-image\">\n                <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/07\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2026-07-08-111841.png\" alt=\"\u041d\u043e\u0432\u043e\u0441\u0442\u044c 8\">\n            <\/div>\n            <div class=\"card-date\">15 | \u0438\u044e\u043b\u044f<\/div>\n            \n            <div class=\"hidden-modal-content\">\n                <h3 class=\"modal-title-data\">\u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442 \u0441\u0435\u0442\u044c \u0441\u0443\u043f\u0435\u0440\u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u043d\u044b\u0445 \u043a\u043b\u0430\u0441\u0442\u0435\u0440\u043e\u0432 \u0434\u043b\u044f \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f \u0418\u0418 \u0438 \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432<\/h3>\n                <div class=\"modal-text-data\">\n                    <p>\u0421\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0441\u0443\u043f\u0435\u0440\u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u0433\u043e\u0441\u0443\u0434\u0430\u0440\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c \u043e\u0440\u0433\u0430\u043d\u0430\u043c, \u0441\u0442\u0430\u0440\u0442\u0430\u043f\u0430\u043c \u0438 \u043d\u0430\u0443\u0447\u043d\u044b\u043c \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u0434\u043e\u0432\u044b\u0435 \u0432\u044b\u0447\u0438\u0441\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043c\u043e\u0449\u043d\u043e\u0441\u0442\u0438 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c \u0438\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442\u043e\u043c \u0438 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u0430\u0436\u043d\u044b\u043c\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u043c\u0438.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"calendar-card\" onclick=\"openNewsModal(this)\">\n            <div class=\"card-image\">\n                <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/07\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2026-07-08-111935.png\" alt=\"\u041d\u043e\u0432\u043e\u0441\u0442\u044c 9\">\n            <\/div>\n            <div class=\"card-date\">15 | \u0438\u044e\u043b\u044f<\/div>\n            \n            <div class=\"hidden-modal-content\">\n                <h3 class=\"modal-title-data\">\u0412 \u0410\u0441\u0442\u0430\u043d\u0435 \u043e\u0442\u043a\u0440\u044b\u043b\u0441\u044f \u043a\u0430\u043c\u043f\u0443\u0441 \u041a\u0430\u0440\u0434\u0438\u0444\u0444\u0441\u043a\u043e\u0433\u043e \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u0430<\/h3>\n                <div class=\"modal-text-data\">\n                    <p>\u0412 \u0441\u0442\u043e\u043b\u0438\u0446\u0435 \u043d\u0430\u0447\u0430\u043b \u0440\u0430\u0431\u043e\u0442\u0443 \u0444\u0438\u043b\u0438\u0430\u043b \u041a\u0430\u0440\u0434\u0438\u0444\u0444\u0441\u043a\u043e\u0433\u043e \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u0430.<\/p>\n                    <p>\u0412 \u0446\u0435\u0440\u0435\u043c\u043e\u043d\u0438\u0438 \u043f\u0440\u0438\u043d\u044f\u043b\u0438 \u0443\u0447\u0430\u0441\u0442\u0438\u0435 \u043c\u0438\u043d\u0438\u0441\u0442\u0440 \u043d\u0430\u0443\u043a\u0438 \u0438 \u0432\u044b\u0441\u0448\u0435\u0433\u043e \u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0421\u0430\u044f\u0441\u0430\u0442 \u041d\u0443\u0440\u0431\u0435\u043a, \u043c\u0438\u043d\u0438\u0441\u0442\u0440 \u043f\u0440\u043e\u0441\u0432\u0435\u0449\u0435\u043d\u0438\u044f \u0413\u0430\u043d\u0438 \u0411\u0435\u0439\u0441\u0435\u043c\u0431\u0430\u0435\u0432, \u043f\u043e\u0441\u043e\u043b \u0412\u0435\u043b\u0438\u043a\u043e\u0431\u0440\u0438\u0442\u0430\u043d\u0438\u0438 \u0432 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0435 \u0421\u0430\u043b\u043b\u0438 \u0410\u043a\u0441\u0432\u043e\u0440\u0442\u0438, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u0430.<\/p>\n                    <p>\u041a\u0430\u043c\u043f\u0443\u0441 \u043f\u043b\u0430\u043d\u0438\u0440\u0443\u0435\u0442 \u043f\u0440\u0438\u0451\u043c 315 \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u043e\u0432 \u043d\u0430 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b \u0431\u0430\u043a\u0430\u043b\u0430\u0432\u0440\u0438\u0430\u0442\u0430 \u043f\u043e \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f\u043c: \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u043d\u044b\u0435 \u043d\u0430\u0443\u043a\u0438, \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0431\u0438\u0437\u043d\u0435\u0441\u043e\u043c, \u0433\u0440\u0430\u0436\u0434\u0430\u043d\u0441\u043a\u043e\u0435 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u043e, \u0433\u0435\u043e\u043b\u043e\u0433\u0438\u044f \u0438 \u0440\u0430\u0437\u0432\u0435\u0434\u043a\u0430 \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0445 \u0438\u0441\u043a\u043e\u043f\u0430\u0435\u043c\u044b\u0445. \u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442\u044c \u043d\u0430 \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u043e\u043c \u044f\u0437\u044b\u043a\u0435.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"calendar-card\" onclick=\"openNewsModal(this)\">\n            <div class=\"card-image\">\n                <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/07\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2026-07-08-113217.png\" alt=\"\u041d\u043e\u0432\u043e\u0441\u0442\u044c 10\">\n            <\/div>\n            <div class=\"card-date\">15 | \u0438\u044e\u043b\u044f<\/div>\n            \n            <div class=\"hidden-modal-content\">\n                <h3 class=\"modal-title-data\">\u0421\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0441 \u041a\u0430\u0437\u041d\u0418\u0422\u0423 \u0438\u043c\u0435\u043d\u0438 \u041a.\u0418. \u0421\u0430\u0442\u043f\u0430\u0435\u0432\u0430<\/h3>\n                <div class=\"modal-text-data\">\n                    <p>6 \u043e\u043a\u0442\u044f\u0431\u0440\u044f 2021 \u0433. \u043c\u0435\u0436\u0434\u0443 \u0410\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u0435\u0439 \u00ab\u041a\u0410\u0417\u0420\u0415\u041d\u0410\u00bb \u0438 \u0418\u043d\u0441\u0442\u0438\u0442\u0443\u0442\u043e\u043c \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u043a\u0438 \u0438 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0445 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439 \u041a\u0430\u0437\u041d\u0418\u0422\u0423 \u0438\u043c. \u041a.\u0418. \u0421\u0430\u0442\u043f\u0430\u0435\u0432\u0430 \u0431\u044b\u043b \u0437\u0430\u043a\u043b\u044e\u0447\u0435\u043d \u0434\u043e\u0433\u043e\u0432\u043e\u0440 \u043e \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0435. \u041e\u0441\u043d\u043e\u0432\u043d\u044b\u043c\u0438 \u0446\u0435\u043b\u044f\u043c\u0438 \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0434\u043e\u043b\u0433\u043e\u0441\u0440\u043e\u0447\u043d\u044b\u0445 \u0441\u0432\u044f\u0437\u0435\u0439 \u043f\u043e \u0432\u043e\u043f\u0440\u043e\u0441\u0430\u043c \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0438 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u043e\u0432, \u043e\u0442\u0432\u0435\u0447\u0430\u044e\u0449\u0438\u0445 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0439, \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u044f \u0438\u043d\u043d\u043e\u0432\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0445 \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u0439 \u043d\u0430\u0443\u043a\u0438 \u0438 \u0442\u0435\u0445\u043d\u0438\u043a\u0438 \u0432 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u0440\u043e\u0446\u0435\u0441\u0441, \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u043d\u043e\u0432\u044b\u0445 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u044b\u0445 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0439 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0438 \u0432\u044b\u0441\u043e\u043a\u043e\u043a\u0432\u0430\u043b\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u043e\u0432, \u0441\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0430\u043a\u0430\u0434\u0435\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u0439 mobility, \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0438\u043d\u043d\u043e\u0432\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0445 \u0444\u043e\u0440\u043c \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0438 \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u0435\u043d\u0438\u044f \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f, \u043d\u0430\u0443\u043a\u0438 \u0438 \u0431\u0438\u0437\u043d\u0435\u0441-\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440. <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n<section class=\"py-12 bg-transparent\">\n    <div class=\"max-w-6xl mx-auto px-8\">\n        <div class=\"text-center mb-12\">\n            <h2 class=\"text-3xl font-black text-blue-900 mb-6\">\u041e KazRENA<\/h2>\n            <div class=\"inline-block px-8 py-3 bg-white\/50 backdrop-blur-md rounded-full border border-white\/20 shadow-md font-bold text-blue-900\">\n                \u041d\u0430\u0448\u0438 \u043c\u0438\u0441\u0441\u0438\u0438 \u0438 \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u044f \ud83d\ude80\n            <\/div>\n        <\/div>\n\n        <div class=\"grid md:grid-cols-3 gap-6\">\n            <div class=\"bg-white\/80 border border-white\/20 p-5 rounded-2xl shadow-sm hover:shadow-xl transition-all\">\n                <div onclick=\"openFullVideoModal('5nNA__7GHbU')\" class=\"img-container\">\n                    <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2026-06-09-142352.png\" class=\"w-full h-40 object-cover rounded-xl mb-4 bg-gray-200 img-main\">\n                    <div class=\"video-hover-popup\">\n                        <iframe src=\"https:\/\/www.youtube.com\/embed\/5nNA__7GHbU?autoplay=1&amp;mute=1&amp;loop=1&amp;playlist=5nNA__7GHbU&amp;controls=0\" allow=\"autoplay\"><\/iframe>\n                    <\/div>\n                <\/div>\n                <h3 class=\"font-black text-blue-900 mb-2\">Eduroam \u0432 \u0423\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u0435 \u00ab\u0422\u0443\u0440\u0430\u043d\u00bb<\/h3>\n                <div class=\"text-[13px] text-gray-700 leading-relaxed overflow-hidden\">\n                    <p id=\"text1\" class=\"line-clamp-2\">\u0410\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u044f \u00abKazRENA\u00bb \u0432\u043d\u0435\u0434\u0440\u0438\u043b\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u0443 Eduroam \u0432 \u0423\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u0435 \u00ab\u0422\u0443\u0440\u0430\u043d\u00bb. \u0422\u0435\u043f\u0435\u0440\u044c \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u044b \u0438\u043c\u0435\u044e\u0442 \u0431\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u043e\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0443 \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043c\u0438\u0440\u0443.<\/p>\n                    <button onclick=\"toggleCard(this)\" class=\"text-blue-600 font-bold mt-2 hover:underline\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"bg-white\/80 border border-white\/20 p-5 rounded-2xl shadow-sm hover:shadow-xl transition-all\">\n                <div onclick=\"openFullVideoModal('vjYDcpwVyVg')\" class=\"img-container\">\n                    <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2026-06-09-142538.png\" class=\"w-full h-40 object-cover rounded-xl mb-4 bg-gray-200 img-main\">\n                    <div class=\"video-hover-popup\">\n                        <iframe src=\"https:\/\/www.youtube.com\/embed\/vjYDcpwVyVg?autoplay=1&amp;mute=1&amp;loop=1&amp;playlist=vjYDcpwVyVg&amp;controls=0\" allow=\"autoplay\"><\/iframe>\n                    <\/div>\n                <\/div>\n                <h3 class=\"font-black text-blue-900 mb-2\">\u041d\u0430\u0448\u0438 \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u044b<\/h3>\n                <div class=\"text-[13px] text-gray-700 leading-relaxed overflow-hidden\">\n                    <p id=\"text2\" class=\"line-clamp-2\">G\u00c9ANT (\u0415\u0432\u0440\u043e\u043f\u0430): \u0413\u043b\u0430\u0432\u043d\u044b\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u043e\u0440 \u043c\u0438\u0440\u043e\u0432\u043e\u0439 \u0441\u0435\u0442\u0438 eduroam. \u041e\u043d\u0438 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u044e\u0442 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0443\u044e \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443.<\/p>\n                    <button onclick=\"toggleCard(this)\" class=\"text-blue-600 font-bold mt-2 hover:underline\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"bg-white\/80 border border-white\/20 p-5 rounded-2xl shadow-sm hover:shadow-xl transition-all\">\n                <div onclick=\"openFullVideoModal('5Oa15ntKG3Q')\" class=\"img-container\">\n                    <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2026-06-09-142640.png\" class=\"w-full h-40 object-cover rounded-xl mb-4 bg-gray-200 img-main\">\n                    <div class=\"video-hover-popup\">\n                        <iframe src=\"https:\/\/www.youtube.com\/embed\/5Oa15ntKG3Q?autoplay=1&amp;mute=1&amp;loop=1&amp;playlist=5Oa15ntKG3Q&amp;controls=0\" allow=\"autoplay\"><\/iframe>\n                    <\/div>\n                <\/div>\n                <h3 class=\"font-black text-blue-900 mb-2\">\u041a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0438\u043d\u0438\u0446\u0438\u0430\u0442\u0438\u0432\u044b<\/h3>\n                <div class=\"text-[13px] text-gray-700 leading-relaxed overflow-hidden\">\n                    <p id=\"text3\" class=\"line-clamp-2\">\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u043e\u0443\u043c\u0438\u043d\u0433: \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u043b\u0438 \u0431\u043e\u043b\u0435\u0435 80 \u0432\u0443\u0437\u043e\u0432 \u043a \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u043e\u0439 \u0441\u0435\u0442\u0438 eduroam. \u0422\u0435\u043f\u0435\u0440\u044c \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u0435\u0434\u0438\u043d\u0443\u044e \u0443\u0447\u0435\u0442\u043d\u0443\u044e \u0437\u0430\u043f\u0438\u0441\u044c.<\/p>\n                    <button onclick=\"toggleCard(this)\" class=\"text-blue-600 font-bold mt-2 hover:underline\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    function openFullVideoModal(videoId) {\n        document.getElementById('fullVideoFrame').src = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1`;\n        document.getElementById('fullVideoModal').style.display = 'flex';\n    }\n\n    function closeFullVideoModal() {\n        document.getElementById('fullVideoModal').style.display = 'none';\n        document.getElementById('fullVideoFrame').src = '';\n\n        \/\/ \u041f\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0432\u0441\u0435\u0445 \u043f\u0440\u0435\u0432\u044c\u044e-\u043e\u043a\u043e\u043d \u0434\u043b\u044f \u0432\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0438\u0445 \u0440\u0430\u0431\u043e\u0442\u044b\n        const hoverFrames = document.querySelectorAll('.video-hover-popup iframe');\n        hoverFrames.forEach(frame => {\n            const currentSrc = frame.src;\n            frame.src = '';\n            frame.src = currentSrc;\n        });\n    }\n\n    function toggleCard(btn) {\n        const p = btn.previousElementSibling;\n        p.classList.toggle('line-clamp-2');\n        btn.innerText = p.classList.contains('line-clamp-2') ? '\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435' : '\u0421\u0432\u0435\u0440\u043d\u0443\u0442\u044c';\n    }\n<\/script>\n<section id=\"about\" class=\"relative py-20 overflow-hidden min-h-[600px] flex items-center bg-white\">\n    \n    <div class=\"absolute inset-0 z-0 bg-cover bg-center bg-no-repeat pointer-events-none\" style=\"background-image: url('http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_h1der8h1der8h1de.png'); opacity: 0.85;\">\n    <\/div>\n    \n    <div class=\"absolute bottom-12 left-12 w-24 h-24 hidden md:block perspective-1000 select-none pointer-events-none opacity-80 mix-blend-screen animate-float-slow z-10\">\n        <div class=\"cube-inside\">\n            <div class=\"cube-face front\"><\/div>\n            <div class=\"cube-face back\"><\/div>\n            <div class=\"cube-face right\"><\/div>\n            <div class=\"cube-face left\"><\/div>\n            <div class=\"cube-face top\"><\/div>\n            <div class=\"cube-face bottom\"><\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"absolute top-16 right-16 w-32 h-32 hidden md:block perspective-1000 select-none pointer-events-none opacity-70 mix-blend-screen animate-float-fast z-10\">\n        <div class=\"cube-inside\" style=\"animation-duration: 20s;\">\n            <div class=\"cube-face front\"><\/div>\n            <div class=\"cube-face back\"><\/div>\n            <div class=\"cube-face right\"><\/div>\n            <div class=\"cube-face left\"><\/div>\n            <div class=\"cube-face top\"><\/div>\n            <div class=\"cube-face bottom\"><\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"relative z-20 max-w-6xl mx-auto px-8 py-12 text-center reveal rounded-2xl bg-white\/85 backdrop-blur-3xl shadow-xl border border-white\/20\">\n        <h2 class=\"text-2xl md:text-3xl font-black text-blue-900 mb-8\"> \u041e \u0441\u0435\u0440\u0432\u0438\u0441\u0435 <\/h2>\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 text-left\">\n            <p class=\"text-slate-800 font-medium leading-relaxed\">\n                \u0411\u0435\u0441\u0448\u043e\u0432\u043d\u0430\u044f \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0441 KazRENA: \u0411\u0443\u0434\u0443\u0447\u0438 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u043c \u043d\u0430\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u043c \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u043e\u043c eduroam \u0432 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0435, \u0410\u0441\u0441\u043e\u0446\u0438\u0430\u0446\u0438\u044f KazRENA.kz \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u0435\u0434\u0438\u043d\u0443\u044e \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u0443\u044e \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044e \u043e\u0442\u0435\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u0432\u0443\u0437\u043e\u0432 \u0432 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0435 \u043d\u0430\u0443\u0447\u043d\u043e-\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e. \u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u044d\u0442\u043e\u0439 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435, \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043e\u0434\u0438\u043d \u0440\u0430\u0437 \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0441\u0432\u043e\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0438 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u043d\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0443 \u0432 \u0442\u044b\u0441\u044f\u0447\u0430\u0445 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u043a\u0438\u0445 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0439 \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043c\u0438\u0440\u0443, \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0438\u0441\u043a\u043b\u044e\u0447\u0430\u044f \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u0440\u0443\u0447\u043d\u043e\u0439 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0445 \u0433\u043e\u0441\u0442\u0435\u0432\u044b\u0445 \u0441\u0435\u0442\u0435\u0439.\n            <\/p>\n            <p class=\"text-slate-800 font-medium leading-relaxed\">\n                \u0412\u044b\u0441\u043e\u043a\u0430\u044f \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c: \u0410\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f \u043f\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0443 802.1X \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u0442 \u043d\u0430\u0434\u0435\u0436\u043d\u0443\u044e \u0437\u0430\u0449\u0438\u0442\u0443 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u043f\u0440\u0435\u0434\u043e\u0442\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u043d\u0435\u0441\u0430\u043d\u043a\u0446\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0441\u0435\u0442\u0438. \u042d\u0442\u043e\u0442 protocol \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u0441\u0442\u0440\u043e\u0433\u0443\u044e \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u043f\u043e\u0434\u043b\u0438\u043d\u043d\u043e\u0441\u0442\u0438 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u043f\u043e\u0440\u0442\u0430, \u0438\u0441\u043a\u043b\u044e\u0447\u0430\u044f \u0440\u0438\u0441\u043a \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u043f\u043e\u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0445 \u043b\u0438\u0446 \u0438 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u044f \u0441\u043a\u0432\u043e\u0437\u043d\u043e\u0435 \u0448\u0438\u0444\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0442\u0440\u0430\u0444\u0438\u043a\u0430 \u043c\u0435\u0436\u0434\u0443 \u0432\u0430\u0448\u0438\u043c \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u043e\u043c \u0438 \u0442\u043e\u0447\u043a\u043e\u0439 \u0434\u043e\u0441\u0442\u0443\u043f\u0430.\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <style>\n        .perspective-1000 { perspective: 1000px; }\n        \n        .cube-inside {\n            width: 100%;\n            height: 100%;\n            position: relative;\n            transform-style: preserve-3d;\n            animation: rotateCube 15s linear infinite;\n        }\n        \n        .cube-face {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(135deg, rgba(6, 182, 212, 0.4), rgba(59, 130, 246, 0.2));\n            border: 1.5px solid rgba(255, 255, 255, 0.6);\n            box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.3);\n        }\n\n        .cube-inside .front  { transform: rotateY(0deg) translateZ(calc(50% * 1)); }\n        .cube-inside .back   { transform: rotateY(180deg) translateZ(calc(50% * 1)); }\n        .cube-inside .right  { transform: rotateY(90deg) translateZ(calc(50% * 1)); }\n        .cube-inside .left   { transform: rotateY(-90deg) translateZ(calc(50% * 1)); }\n        .cube-inside .top    { transform: rotateX(90deg) translateZ(calc(50% * 1)); }\n        .cube-inside .bottom { transform: rotateX(-90deg) translateZ(calc(50% * 1)); }\n\n        .animate-float-slow { animation: floatY 6s ease-in-out infinite; }\n        .animate-float-fast { animation: floatY 4s ease-in-out infinite alternate; }\n\n        @keyframes rotateCube {\n            0% { transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }\n            100% { transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg); }\n        }\n\n        @keyframes floatY {\n            0%, 100% { transform: translateY(0px) scale(1); }\n            50% { transform: translateY(-25px) scale(1.03); }\n        }\n    <\/style>\n<\/section>\n<section id=\"tech\" class=\"bg-white\">\n    <div class=\"max-w-6xl mx-auto px-6 text-center reveal\">\n        <h2 class=\"text-2xl md:text-3xl font-black text-blue-900\"> \u0422\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438 <\/h2>\n<div style=\"display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; margin-top: 20px;\">\n\n    <p style=\"text-align: center;\">\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430\u044f \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u0432, \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u044e\u0449\u0430\u044f \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u0443\u044e \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0430\u0446\u0438\u044e \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438 \u043c\u0435\u0436\u0434\u0443 \u0434\u043e\u043c\u0430\u0448\u043d\u0438\u043c \u0432\u0443\u0437\u043e\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0438 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0449\u0435\u0439 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0435\u0439.<\/p>\n\n<p style=\"text-align: center;\">\u041c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u044b\u0439 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044f \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043a \u0441\u0435\u0442\u0438 \u043d\u0430 \u043a\u0430\u043d\u0430\u043b\u044c\u043d\u043e\u043c \u0443\u0440\u043e\u0432\u043d\u0435, \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u044e\u0449\u0438\u0439 \u043d\u0430\u0434\u0435\u0436\u043d\u043e\u0435 \u0448\u0438\u0444\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0442\u0440\u0430\u0444\u0438\u043a\u0430 \u0438 \u0437\u0430\u0449\u0438\u0442\u0443 \u0443\u0447\u0435\u0442\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u043f\u0440\u0438 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0438.<\/p>\n\n<p style=\"text-align: center;\">\u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 (eduroam Configuration Assistant Tool), \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0449\u0438\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c \u0431\u044b\u0441\u0442\u0440\u043e \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0441\u0432\u043e\u0438 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 \u043f\u043e\u0434 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u044b \u0441\u0435\u0442\u0438.<\/p>\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 text-left\">\n            <div class=\"p-6 border rounded-2xl bg-slate-50\"><h3 translate=\"no\" class=\"font-bold text-blue-900 mb-2\">RADIUS<\/h3><p class=\"text-sm text-slate-600\">\u0418\u0435\u0440\u0430\u0440\u0445\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 RADIUS.<\/p><\/div>\n            <div class=\"p-6 border rounded-2xl bg-slate-50\"><h3 class=\"font-bold text-blue-900 mb-2\">802.1X<\/h3><p class=\"text-sm text-slate-600\">\u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438.<\/p><\/div>\n            <div class=\"p-6 border rounded-2xl bg-slate-50\"><h3 translate=\"no\" class=\"font-bold text-blue-900 mb-2\">CAT<\/h3><p class=\"text-sm text-slate-600\">\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a.<\/p><\/div>\n        <\/div>\n    <\/div>\n<\/div><\/section>\n\n<section id=\"map\" class=\"max-w-6xl mx-auto px-6 text-center reveal\">\n    <h2 class=\"text-2xl md:text-3xl font-black text-blue-900\"> \u041a\u0430\u0440\u0442\u0430 \u043f\u043e\u043a\u0440\u044b\u0442\u0438\u044f <\/h2>\n    <div id=\"kaz-eduroam-map\" style=\"height: 750px; width: 100%; border-radius: 16px; overflow: hidden; box-shadow: 0 15px 40px rgba(0,0,0,0.2);\"><\/div>\n<\/section>\n\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\">\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ \u0424\u043e\u043a\u0443\u0441 \u043d\u0430 \u0446\u0435\u043d\u0442\u0440 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0430\n    const map = L.map('kaz-eduroam-map', {\n        minZoom: 5,\n        maxBounds: [[40.5, 46.5], [55.5, 87.3]],\n        maxBoundsViscosity: 1.0\n    }).setView([48.0196, 66.9237], 5);\n    \n    L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/rastertiles\/voyager\/{z}\/{x}\/{y}{r}.png', { \n        attribution: '\u00a9 OpenStreetMap contributors', \n        maxZoom: 18 \n    }).addTo(map);\n\n    const universities = [\n        { lat: 43.224156, lng: 76.919284, title: \"Al-Farabi Kazakh National University (\u043f\u0440. \u0410\u043b\u044c-\u0424\u0430\u0440\u0430\u0431\u0438, 71)\", url: \"https:\/\/innotech.edu.kz\/?utm_source=yandex&utm_medium=cpc&utm_campaign=712611871&utm_content=1915126549724343876&utm_term=universities&etext=2202.9cqN6_NJRnJWquTd8fiBkeaCrOrlD4rkjvjYGwNBpS2y-Jp-w95zapa1xSQi6_dtc2FpcmVxa3Rha3phY3N5cQ.ec504bd7b08083322cffb615689aaa99bb7ec0e6&yclid=1754880934039781375&ybaip=1\" }, \n        { lat: 51.185244, lng: 71.428731, title: \"Turan \u2013 Astana University (\u0443\u043b. \u042b\u043a\u043b\u0430\u0441 \u0414\u0443\u043a\u0435\u043d\u0443\u043b\u044b, 29)\", url: \"https:\/\/tau-edu.kz\" },\n      { lat: 51.137831, lng: 71.397625, title: \"Coventry University Kazakhstan (\u0448\u043e\u0441\u0441\u0435 \u041a\u043e\u0440\u0433\u0430\u043b\u0436\u044b\u043d, 13\u0410)\", url: \"https:\/\/coventry.edu.kz\/#:~:text=Coventry%20University%20Kazakhstan%20is%20located,15%2F1%2C%20Qabanbai%20Batyr%2C%20Astana%2C%20Kazakhstan\" },\n        { lat: 47.106622, lng: 51.913508, title: \"Kh. Dosmukhamedov Atyrau University (\u043f\u0440. \u0421\u0442\u0443\u0434\u0435\u043d\u0447\u0435\u0441\u043a\u0438\u0439, 212)\", url: \"https:\/\/atyrau.edu.kz\/en\" },\n       { lat: 43.235512, lng: 76.909873, title: \"International Information Technologies University (\u0443\u043b. \u041c\u0430\u043d\u0430\u0441\u0430, 34\/1)\", url: \"https:\/\/metu.edu.kz\/?page=undergraduate&lang=ru&utm_source=yandex&utm_medium=cpc&utm_campaign=2026_it_poisk_yand&utm_content=16990799226&utm_term=\u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u044b%20\u0430\u0439\u0442\u0438%20\u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438&etext=2202.2tsHFfuOZ7PPxAXG4MdUOCMwc9pAGGVXXvqdqHCzwONxxgVTePlXs8qN_AaeVvNVqjAQS7pRLixOhTVfh0CyD2hjemNxZHV1Z21raGZjcnY.9912a0f2073b26bda13a73603ce326fb59e712ea&yclid=5416888551898087423\" },\n        { lat: 50.289135, lng: 57.152723, title: \"\u0423\u0447\u0435\u0431\u043d\u044b\u0439 \u043a\u043e\u0440\u043f\u0443\u0441 \u21161 \u0438\u043c\u0435\u043d\u0438 \u041c.\u0410\u0440\u044b\u043d\u0430 (\u043f\u0440. \u041c\u043e\u043b\u0434\u0430\u0433\u0443\u043b\u043e\u0432\u0430, 34)\", url: \"https:\/\/zhubanov.edu.kz\/ru\/\" },\n{ lat: 50.298261, lng: 57.168171, title: \"\u0423\u0447\u0435\u0431\u043d\u044b\u0439 \u043a\u043e\u0440\u043f\u0443\u0441 \u21162 \u0438\u043c\u0435\u043d\u0438 \u0411.\u0421\u0443\u043b\u0438\u043c\u0435\u043d\u043e\u0432\u0430 (\u0443\u043b. \u0422\u0443\u0440\u0433\u0435\u043d\u0435\u0432\u0430, 100 \u0410)\", url: \"https:\/\/zhubanov.edu.kz\/ru\/\" },\n{ lat: 50.290271, lng: 57.15193, title: \"\u0423\u0447\u0435\u0431\u043d\u044b\u0439 \u043a\u043e\u0440\u043f\u0443\u0441 \u21163 (\u0443\u043b. \u0411\u0440\u0430\u0442\u044c\u0435\u0432 \u0416\u0443\u0431\u0430\u043d\u043e\u0432\u044b\u0445, 263 \u043a\u043e\u0440\u043f\u0443\u0441 3)\", url: \"https:\/\/zhubanov.edu.kz\/ru\/\" },\n{ lat: 50.291426, lng: 57.152363, title: \"\u0423\u0447\u0435\u0431\u043d\u044b\u0439 \u043a\u043e\u0440\u043f\u0443\u0441 \u21164 (\u0443\u043b. \u0411\u0440\u0430\u0442\u044c\u0435\u0432 \u0416\u0443\u0431\u0430\u043d\u043e\u0432\u044b\u0445, 263)\", url: \"https:\/\/zhubanov.edu.kz\/ru\/\" },\n{ lat: 50.283965, lng: 57.228244, title: \"\u0423\u0447\u0435\u0431\u043d\u044b\u0439 \u043a\u043e\u0440\u043f\u0443\u0441 \u21165 \u0432 \u0441\u0442\u0430\u0440\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 (\u0443\u043b. \u0410\u043b\u0442\u044b\u043d\u0441\u0430\u0440\u0438\u043d\u0430, 4)\", url: \"https:\/\/zhubanov.edu.kz\/ru\/\" },\n{ lat: 50.277343, lng: 57.171343, title: \"\u0423\u0447\u0435\u0431\u043d\u044b\u0439 \u043a\u043e\u0440\u043f\u0443\u0441 \u21166 \u0438\u043c\u0435\u043d\u0438 \u041d.\u0411\u0430\u0439\u0433\u0430\u043d\u0438\u043d\u0430 (\u0443\u043b. \u0413\u0440\u0438\u0448\u0438\u043d\u0430, 7 \u0410)\", url: \"https:\/\/arsu.edu.kz\" },\n{ lat: 50.289828, lng: 57.151031, title: \"\u0414\u043e\u043c \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u043e\u0432 \u21161 (\u0443\u043b. \u0411\u0440\u0430\u0442\u044c\u0435\u0432 \u0416\u0443\u0431\u0430\u043d\u043e\u0432\u044b\u0445, 280)\", url: \"https:\/\/zhubanov.edu.kz\/ru\/\" },\n{ lat: 50.295538, lng: 57.152621, title: \"\u0414\u043e\u043c \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u043e\u0432 \u21162 (\u0443\u043b. \u041c\u0430\u0440\u0435\u0441\u044c\u0435\u0432\u0430, 78)\", url: \"https:\/\/zhubanov.edu.kz\/ru\/\" },\n{ lat: 50.27683, lng: 57.172054, title: \"\u0414\u043e\u043c \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u043e\u0432 \u21163 (\u0443\u043b. \u0413\u0440\u0438\u0448\u0438\u043d\u0430, 7\u0410)\", url: \"https:\/\/zhubanov.edu.kz\/ru\/\" },\n{ lat: 50.291481, lng: 57.153891, title: \"\u0416\u0430\u0441\u0442\u0430\u0440 \u0443\u0439 \/ \u0414\u043e\u043c \u041c\u043e\u043b\u043e\u0434\u0435\u0436\u0438 (\u043f\u0440. \u041c\u043e\u043b\u0434\u0430\u0433\u0443\u043b\u043e\u0432\u0430, 34\u0412)\", url: \"https:\/\/zhubanov.edu.kz\/ru\/\" },\n{ lat: 50.290107, lng: 57.155103, title: \"\u0421\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441 \u2116 1 (\u043f\u0440. \u0410. \u041c\u043e\u043b\u0434\u0430\u0433\u0443\u043b\u043e\u0432\u043e\u0439, 34)\", url: \"https:\/\/zhubanov.edu.kz\/ru\/\" },\n{ lat: 50.290468, lng: 57.153035, title: \"\u0421\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441 \u2116 2 (\u0443\u043b. \u0411\u0440. \u0416\u0443\u0431\u0430\u043d\u043e\u0432\u044b\u0445, 263)\", url: \"https:\/\/zhubanov.edu.kz\/ru\/\" },\n{ lat: 50.298261, lng: 57.168171, title: \"\u0421\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u044b\u0439 \u0437\u0430\u043b (\u0443\u043b. \u0422\u0443\u0440\u0433\u0435\u043d\u0435\u0432\u0430, 100 \u0410)\", url: \"https:\/\/zhubanov.edu.kz\/ru\/\" },\n{ lat: 50.283965, lng: 57.228244, title: \"\u0421\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u044b\u0439 \u0437\u0430\u043b (\u0443\u043b. \u0410\u043b\u0442\u044b\u043d\u0441\u0430\u0440\u0438\u043d\u0430, 4)\", url: \"https:\/\/zhubanov.edu.kz\/ru\/\" },\n{ lat: 50.277343, lng: 57.171343, title: \"\u0421\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u044b\u0439 \u0437\u0430\u043b (\u0443\u043b. \u0413\u0440\u0438\u0448\u0438\u043d\u0430, 7)\", url: \"https:\/\/zhubanov.edu.kz\/ru\/\" },\n{ lat: 50.296387, lng: 57.161577, title: \"\u0421\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u044b\u0439 \u0437\u0430\u043b (\u0443\u043b. \u0415\u0441\u0435\u0442 \u0431\u0430\u0442\u044b\u0440\u0430, 144 \u0410)\", url: \"https:\/\/zhubanov.edu.kz\/ru\/\" },\n{ lat: 50.290093, lng: 57.153534, title: \"\u041a\u043e\u0440\u043f\u0443\u0441 \u0422\u0415\u0425\u041d\u041e\u041f\u0410\u0420\u041a (\u043f\u0440. \u0410\u043b\u0438\u0438 \u041c\u043e\u043b\u0434\u0430\u0433\u0443\u043b\u043e\u0432\u043e\u0439, 34\u0430)\", url: \"https:\/\/zhubanov.edu.kz\/ru\/\" },\n\n  { lat: 50.276410, lng: 57.171332, title: \"\u0421\u043f\u043e\u0440\u0442\u0438\u0432\u043d\u044b\u0439 \u0437\u0430\u043b (\u0443\u043b. \u0413\u0440\u0438\u0448\u0438\u043d\u0430, 7)\", url: \"https:\/\/zhubanov.edu.kz\/ru\/\" },\n  { lat: 50.276771, lng: 57.171785, title: \"\u0414\u043e\u043c \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u043e\u0432 \u21163 (\u0443\u043b. \u0413\u0440\u0438\u0448\u0438\u043d\u0430, 7\u0410)\", url: \"https:\/\/zhubanov.edu.kz\/ru\/\" },\n  { lat: 50.277193, lng: 57.171883, title: \"\u0423\u0447\u0435\u0431\u043d\u044b\u0439 \u043a\u043e\u0440\u043f\u0443\u0441 \u21166 \u0438\u043c\u0435\u043d\u0438 \u041d.\u0411\u0430\u0439\u0433\u0430\u043d\u0438\u043d\u0430 (\u0443\u043b. \u0413\u0440\u0438\u0448\u0438\u043d\u0430, 7\u0410)\", url: \"https:\/\/zhubanov.edu.kz\/ru\/\" },\n  { lat: 50.271560, lng: 57.229568, title: \"\u0412\u044b\u0441\u0448\u0438\u0439 \u043a\u043e\u043b\u043b\u0435\u0434\u0436 \u0438\u043c. \u041a.\u0416\u0443\u0431\u0430\u043d\u043e\u0432\u0430 (\u0443\u043b. \u0410\u043b\u0438\u0445\u0430\u043d\u0430 \u0411\u043e\u043a\u0435\u0439\u0445\u0430\u043d\u043e\u0432\u0430, 17\u0410)\", url: \"https:\/\/zhubanov.edu.kz\/ru\/\" },\n{ lat: 50.290063, lng: 57.152454, title: \"Heriot-Watt University Kazakhstan (\u043f\u0440. \u0410\u043b\u0438\u0438 \u041c\u043e\u043b\u0434\u0430\u0433\u0443\u043b\u043e\u0432\u043e\u0439, 34)\", url: \"https:\/\/zhubanov.edu.kz\/ru\/campus_hw\/category\/1\/\" },\n\n       { lat: 43.238124, lng: 76.915432, title: \"Turan University (\u0443\u043b. \u0421\u0430\u0442\u043f\u0430\u0435\u0432\u0430, 16\u0410)\", url: \"https:\/\/turan-edu.kz\" },\n    { lat: 43.238850, lng: 76.914800, title: \"Cardiff University \/ Partner campus (\u0443\u043b. \u0421\u0430\u0442\u043f\u0430\u0435\u0432\u0430, 16A)\", url: \"https:\/\/www.cardiff.ac.uk\" },\n    { lat: 43.212781, lng: 76.929841, title: \"Egyptian University of Islamic Culture Nur-Mubarak (\u043f\u0440. \u0410\u043b\u044c-\u0424\u0430\u0440\u0430\u0431\u0438, 73)\", url: \"https:\/\/www.nmu.edu.kz\/#\" },\n    { lat: 43.208850, lng: 76.903900, title: \"International Engineering and Technological University (\u043f\u0440. \u0410\u043b\u044c-\u0424\u0430\u0440\u0430\u0431\u0438, 93\u0413\/5)\", url: \"https:\/\/metu.edu.kz\/?page=undergraduate&lang=ru&utm_source=yandex&utm_medium=cpc&utm_campaign=2026_it_poisk_yand&utm_content=16990799226&utm_term=\u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u044b%20\u0430\u0439\u0442\u0438%20\u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438&etext=2202.XTXU320vZz7DJ5o93cn-YjEv92Ckpwd7o0OksH0G4_JuAfgXVqfLQHG_EXWzXHWWDBHbrZ6biC5UeVJlIim3qXpxdWZ0aWtheW95a2tqeGU.3c274a6324b9813a109a0893121d0d6a81423459&yclid=4782215861008072703#gsc.tab=0\" },\n    { lat: 43.207784, lng: 76.669812, title: \"Suleyman Demirel University (\u0433. \u041a\u0430\u0441\u043a\u0435\u043b\u0435\u043d, \u0443\u043b. \u0410\u0431\u044b\u043b\u0430\u0439 \u0445\u0430\u043d\u0430, 1\/1)\", url: \"https:\/\/sdu.edu.kz\" },\n    { lat: 43.255350, lng: 76.932800, title: \"Kazakh National Women's teacher training University (\u0443\u043b. \u0413\u043e\u0433\u043e\u043b\u044f, 114\/8)\", url: \"https:\/\/qapps.kz\/en\/universities\/qyzpu\" },\n    { lat: 43.235512, lng: 76.909873, title: \"International IT University - IITU (\u0443\u043b. \u041c\u0430\u043d\u0430\u0441\u0430, 34\/1)\", url: \"https:\/\/iitu.edu.kz\" },\n    { lat: 43.224156, lng: 76.919284, title: \"Kazakh National University - KazNU (\u043f\u0440. \u0410\u043b\u044c-\u0424\u0430\u0440\u0430\u0431\u0438, 71)\", url: \"https:\/\/www.farabi.university\" },\n    ];\n\n    universities.forEach(u => {\n        L.marker([u.lat, u.lng])\n        .addTo(map)\n        .bindPopup(`\n            <div style=\"font-family: Arial, sans-serif; padding: 5px;\">\n                <b style=\"font-size: 14px; color: #2c3e50;\">${u.title}<\/b><br>\n                <div style=\"margin-top: 8px;\">\n                    <a href=\"${u.url}\" target=\"_blank\" style=\"color: #2980b9; text-decoration: none; font-weight: bold;\">\n                        \u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u043d\u0430 \u0441\u0430\u0439\u0442 \u2192\n                    <\/a>\n\n\n                <\/div>\n            <\/div>\n        `);\n    });\n\n});\n\n<\/script>\n<section id=\"orgs\" class=\"relative py-20 overflow-hidden min-h-[500px] flex items-center bg-white text-center reveal\">\n    \n    <div class=\"absolute inset-0 z-0 bg-cover bg-center bg-no-repeat pointer-events-none\" style=\"background-image: url('http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_h1der8h1der8h1de.png'); opacity: 0.85;\">\n    <\/div>\n    \n    <div class=\"absolute bottom-12 left-12 w-24 h-24 hidden md:block perspective-1000 select-none pointer-events-none opacity-80 mix-blend-screen animate-float-slow z-10\">\n        <div class=\"cube-inside\">\n            <div class=\"cube-face front\"><\/div>\n            <div class=\"cube-face back\"><\/div>\n            <div class=\"cube-face right\"><\/div>\n            <div class=\"cube-face left\"><\/div>\n            <div class=\"cube-face top\"><\/div>\n            <div class=\"cube-face bottom\"><\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"absolute top-16 right-16 w-32 h-32 hidden md:block perspective-1000 select-none pointer-events-none opacity-70 mix-blend-screen animate-float-fast z-10\">\n        <div class=\"cube-inside\" style=\"animation-duration: 20s;\">\n            <div class=\"cube-face front\"><\/div>\n            <div class=\"cube-face back\"><\/div>\n            <div class=\"cube-face right\"><\/div>\n            <div class=\"cube-face left\"><\/div>\n            <div class=\"cube-face top\"><\/div>\n            <div class=\"cube-face bottom\"><\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"relative z-20 max-w-6xl mx-auto px-8 py-12 text-center rounded-2xl bg-white\/85 backdrop-blur-3xl shadow-xl border border-white\/20 w-full\">\n        \n        <h2 class=\"text-2xl md:text-3xl font-black text-blue-900 mb-4\"> \u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 <\/h2>\n        \n        <p class=\"text-slate-800 font-medium leading-relaxed max-w-4xl mx-auto mb-10 text-center text-[15px]\">\n            \u042d\u0442\u043e \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0437 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0439 \u0432 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0435, \u0433\u0434\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d eduroam. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u044c\u0441\u044f \u0441 \u043f\u043e\u043b\u043d\u044b\u043c \u0441\u043f\u0438\u0441\u043a\u043e\u043c \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u0432 \u0438\u043b\u0438, \u0435\u0441\u043b\u0438 \u0432\u044b \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0435\u0441\u044c \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f \u0432 \u043f\u043e\u0435\u0437\u0434\u043a\u0443 \u0437\u0430 \u0433\u0440\u0430\u043d\u0438\u0446\u0443, \u0441\u0432\u0435\u0440\u044c\u0442\u0435\u0441\u044c \u0441 \u043a\u0430\u0440\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d, \u0433\u0434\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 eduroam.\n        <\/p>\n        \n        <div class=\"relative\">\n            <button id=\"prevBtn\" class=\"absolute -left-4 top-1\/2 -translate-y-1\/2 z-30 bg-white shadow-lg hover:bg-gray-100 border rounded-full p-3 text-gray-700 transition-all hover:scale-110\">\u2190<\/button>\n            <button id=\"nextBtn\" class=\"absolute -right-4 top-1\/2 -translate-y-1\/2 z-30 bg-white shadow-lg hover:bg-gray-100 border rounded-full p-3 text-gray-700 transition-all hover:scale-110\">\u2192<\/button>\n            \n            <div id=\"slider\" class=\"overflow-hidden relative z-10 rounded-xl\">\n                <div id=\"sliderInner\" class=\"flex gap-4 transition-transform duration-300 ease-out py-2\">\n                    <div class=\"h-20 bg-white border border-slate-200 shadow-sm rounded-lg p-2 flex items-center justify-center min-w-[180px]\"><img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2026-06-04-123212.png\" class=\"h-full object-contain\"><\/div>\n                    <div class=\"h-20 bg-white border border-slate-200 shadow-sm rounded-lg p-2 flex items-center justify-center min-w-[180px]\"><img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2026-06-04-123846.png\" class=\"h-full object-contain\"><\/div>\n                    <div class=\"h-20 bg-white border border-slate-200 shadow-sm rounded-lg p-2 flex items-center justify-center min-w-[180px]\"><img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2026-06-04-122956.png\" class=\"h-full object-contain\"><\/div>\n                    <div class=\"h-20 bg-white border border-slate-200 shadow-sm rounded-lg p-2 flex items-center justify-center min-w-[180px]\"><img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2026-06-04-123641.png\" class=\"h-full object-contain\"><\/div>\n                    <div class=\"h-20 bg-white border border-slate-200 shadow-sm rounded-lg p-2 flex items-center justify-center min-w-[180px]\"><img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2026-06-04-123108.png\" class=\"h-full object-contain\"><\/div>\n                    <div class=\"h-20 bg-white border border-slate-200 shadow-sm rounded-lg p-2 flex items-center justify-center min-w-[180px]\"><img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2026-06-04-123952.png\" class=\"h-full object-contain\"><\/div>\n                    <div class=\"h-20 bg-white border border-slate-200 shadow-sm rounded-lg p-2 flex items-center justify-center min-w-[180px]\"><img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2026-06-04-122924.png\" class=\"h-full object-contain\"><\/div>\n                    <div class=\"h-20 bg-white border border-slate-200 shadow-sm rounded-lg p-2 flex items-center justify-center min-w-[180px]\"><img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-2026-06-04-122834.png\" class=\"h-full object-contain\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n    <\/div>\n\n    <script>\n    const sliderInner = document.getElementById('sliderInner');\n    const prevBtn = document.getElementById('prevBtn');\n    const nextBtn = document.getElementById('nextBtn');\n    let scrollAmount = 0;\n    const cardWidth = 196;\n    function updateButtons() {\n        const maxScroll = sliderInner.scrollWidth - sliderInner.clientWidth;\n        prevBtn.style.opacity = scrollAmount <= 0 ? '0.4' : '1';\n        nextBtn.style.opacity = scrollAmount >= maxScroll ? '0.4' : '1';\n    }\n    prevBtn.addEventListener('click', () => { scrollAmount = Math.max(0, scrollAmount - cardWidth * 2); sliderInner.style.transform = `translateX(-${scrollAmount}px)`; updateButtons(); });\n    nextBtn.addEventListener('click', () => { const maxScroll = sliderInner.scrollWidth - sliderInner.clientWidth; scrollAmount = Math.min(maxScroll, scrollAmount + cardWidth * 2); sliderInner.style.transform = `translateX(-${scrollAmount}px)`; updateButtons(); });\n    updateButtons();\n    <\/script>\n<\/section>\n\n<section id=\"unis-list\" class=\"bg-white\">\n    <div class=\"max-w-6xl mx-auto px-6 text-center reveal\">\n        <h2 class=\"text-2xl md:text-3xl font-black text-blue-900\"> \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u044b\u0435 \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u044b <\/h2>\n<p style=\"text-align: center; font-size: 15px; line-height: 1.5; margin: 10px auto 15px auto; max-width: 750px; color: #333;\">\n    \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0435\u0440\u0435\u0447\u0435\u043d\u044c \u0432\u044b\u0441\u0448\u0438\u0445 \u0443\u0447\u0435\u0431\u043d\u044b\u0445 \u0437\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0439 \u0438 \u043d\u0430\u0443\u0447\u043d\u043e-\u0438\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0445 \u0446\u0435\u043d\u0442\u0440\u043e\u0432 \u0420\u0435\u0441\u043f\u0443\u0431\u043b\u0438\u043a\u0438 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d, \u043d\u0430 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0438 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0440\u0430\u0437\u0432\u0435\u0440\u043d\u0443\u0442\u0430 \u0438 \u0430\u043a\u0442\u0438\u0432\u043d\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0438\u0440\u0443\u0435\u0442 \u0431\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u0430\u044f \u0441\u0435\u0442\u044c eduroam.\n<\/p>\n        <button id=\"openModalBtn\" class=\"btn-4d bg-blue-900 text-white px-8 py-3 rounded-full font-bold\">\u0421\u043f\u0438\u0441\u043e\u043a \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u043e\u0432<\/button>\n    <\/div>\n<\/section>\n\n<div id=\"eduroamModal\" class=\"hidden fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 px-4\" style=\"z-index: 999999 !important;\">\n    <div class=\"bg-white p-6 md:p-8 rounded-2xl max-w-lg w-full max-h-[80vh] overflow-y-auto relative pt-12\">\n    <span class=\"close-btn absolute top-4 right-6 text-3xl cursor-pointer text-slate-400 hover:text-blue-900 z-10\">\u00d7<\/span>\n    <h3 class=\"text-xl font-black text-blue-900 mb-6 text-center\">\u0423\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0438 \u0441\u0435\u0442\u0438<\/h3>\n        <ul class=\"text-left text-sm text-slate-700 space-y-4\">\n            <li class=\"flex items-center gap-3\">\n                <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2026-06-04-122834.png\" class=\"w-8 h-8 object-contain rounded-lg\">\n                <a href=\"https:\/\/satbayev.university\" target=\"_blank\" class=\"hover:text-blue-900 underline\">Satbayev University<\/a>\n            <\/li>\n            <li class=\"flex items-center gap-3\">\n                <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2026-06-04-122924.png\" class=\"w-8 h-8 object-contain rounded-lg\">\n                <a href=\"https:\/\/turan-edu.kz\" target=\"_blank\" class=\"hover:text-blue-900 underline\">Turan University<\/a>\n            <\/li>\n            <li class=\"flex items-center gap-3\">\n                <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2026-06-04-122956.png\" class=\"w-8 h-8 object-contain rounded-lg\">\n                <a href=\"https:\/\/tau-edu.kz\" target=\"_blank\" class=\"hover:text-blue-900 underline\">Turan \u2013 Astana University<\/a>\n            <\/li>\n            <li class=\"flex items-center gap-3\">\n                <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2026-06-04-123033.png\" class=\"w-8 h-8 object-contain rounded-lg\">\n                <a href=\"https:\/\/coventry.edu.kz\" target=\"_blank\" class=\"hover:text-blue-900 underline\">Coventry University Kazakhstan<\/a>\n            <\/li>\n            <li class=\"flex items-center gap-3\">\n                <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2026-06-04-123108.png\" class=\"w-8 h-8 object-contain rounded-lg\">\n                <a href=\"https:\/\/atyrau.edu.kz\/en\" class=\"hover:text-blue-900 underline\">Kh. Dosmukhamedov Atyrau University<\/a>\n            <\/li>\n            <li class=\"flex items-center gap-3\">\n                <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2026-06-04-123212.png\" class=\"w-8 h-8 object-contain rounded-lg\">\n                <a href=\"https:\/\/iitu.edu.kz\" target=\"_blank\" class=\"hover:text-blue-900 underline\">International Information Technologies University<\/a>\n            <\/li>\n            <li class=\"flex items-center gap-3\">\n                <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2026-06-04-123243.png\" class=\"w-8 h-8 object-contain rounded-lg\">\n                <a href=\"https:\/\/zhubanov.edu.kz\" target=\"_blank\" class=\"hover:text-blue-900 underline\">K. Zhubanov Aktobe Regional University<\/a>\n            <\/li>\n            <li class=\"flex items-center gap-3\">\n                <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2026-06-04-123641.png\" class=\"w-8 h-8 object-contain rounded-lg\">\n                <a href=\"https:\/\/smapse.ru\/universitet-kardiffa\/?utm_source=yd&#038;utm_medium=cpc|search&#038;utm_campaign=yd_dm_tk_sng_smapse_uchebnye-zavedeniya_conv&#038;utm_content=tid|205629073556_205629073556|cid|702676631|gid|5629073556|aid|17238394246|adp|no|pos|premium3|src|search_none|dvc|desktop|geo_\u0410\u043b\u043c\u0430\u0442\u044b|yclid|18425829383395868671&#038;utm_term=205629073556||---autotargeting&#038;etext=2202.QEvRuo6BZctErWUU-0ocrR_BktPpIix2xp7brEWdthlid2thbXd2bHV5cWd3enNp.ec52fdf885027893fad3e71722db202fea88cf4d&#038;yclid=18425829383395868671&#038;ybaip=1\">Cardiff University<\/a>\n            <\/li>\n            <li class=\"flex items-center gap-3\">\n                <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2026-06-04-123746.png\" class=\"w-8 h-8 object-contain rounded-lg\">\n                <a href=\"https:\/\/nmu.edu.kz\" target=\"_blank\" class=\"hover:text-blue-900 underline\">Egyptian University of Islamic Culture Nur-Mubarak<\/a>\n            <\/li>\n            <li class=\"flex items-center gap-3\">\n                <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2026-06-04-123846.png\" class=\"w-8 h-8 object-contain rounded-lg\">\n                <a href=\"https:\/\/metu.edu.kz\" target=\"_blank\" class=\"hover:text-blue-900 underline\">International Engineering and Technological University<\/a>\n            <\/li>\n            <li class=\"flex items-center gap-3\">\n                <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2026-06-04-123916.png\" class=\"w-8 h-8 object-contain rounded-lg\">\n                <a href=\"https:\/\/sdu.edu.kz\" target=\"_blank\" class=\"hover:text-blue-900 underline\">Suleyman Demirel University<\/a>\n            <\/li>\n            <li class=\"flex items-center gap-3\">\n                <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2026-06-04-123952.png\" class=\"w-8 h-8 object-contain rounded-lg\">\n                <a href=\"https:\/\/farabi.university\" target=\"_blank\" class=\"hover:text-blue-900 underline\">Al-Farabi Kazakh National University<\/a>\n            <\/li>\n            <li class=\"flex items-center gap-3\">\n                <img decoding=\"async\" src=\"http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA-%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0-2026-06-04-124033.png\" class=\"w-8 h-8 object-contain rounded-lg\">\n                <a href=\"https:\/\/qyzpu.edu.kz\" target=\"_blank\" class=\"hover:text-blue-900 underline\">Kazakh National Women&#8217;s Teacher Training University<\/a>\n            <\/li>\n        <\/ul>\n    <\/div>\n<\/div>\n\n        <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\n\n<section id=\"address\" class=\"max-w-6xl mx-auto px-6 reveal\">\n    <h2 class=\"text-2xl md:text-3xl font-black text-blue-900 text-left mb-8\">\u0410\u0434\u0440\u0435\u0441<\/h2>\n    \n    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n        \n        <div class=\"space-y-4 text-left flex flex-col items-start\">\n            <p class=\"flex items-center gap-2\">\n                <i class=\"fa-solid fa-location-dot text-blue-900\"><\/i> \n                <strong>\u0410\u0434\u0440\u0435\u0441:<\/strong> \u0443\u043b. \u0421\u0430\u0442\u043f\u0430\u0435\u0432\u0430 16 &#8212; 18\u0430, \u0410\u043b\u043c\u0430\u0442\u044b, \u0420\u0435\u0441\u043f\u0443\u0431\u043b\u0438\u043a\u0430 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\n            <\/p>\n            \n            <p class=\"flex items-center gap-2\">\n                <i class=\"fa-solid fa-envelope text-blue-900\"><\/i> \n                <strong>Email:<\/strong> info@kazrena.kz\n            <\/p>\n            \n            <p style=\"font-size: 20px; font-weight: 700; line-height: 1.6; margin: 25px 0 10px 0; color: #1e3a8a;\">\u041e\u0424\u0418\u0421<\/p>\n            <p class=\"flex items-center gap-2\">\n                <i class=\"fa-solid fa-phone text-blue-900\"><\/i> \n                <strong>\u0422\u0435\u043b\u0435\u0444\u043e\u043d:<\/strong> +7 (727) 262-17-25\n            <\/p>\n            \n            <p style=\"font-size: 20px; font-weight: 700; line-height: 1.6; margin: 25px 0 10px 0; color: #1e3a8a;\">\u0422\u0415\u0425\u041d\u0418\u0427\u0415\u0421\u041a\u0410\u042f \u041f\u041e\u0414\u0414\u0415\u0420\u0416\u041a\u0410<\/p>\n            <p class=\"flex items-center gap-2\">\n                <i class=\"fa-solid fa-phone text-blue-900\"><\/i> \n                <strong>\u0422\u0435\u043b\u0435\u0444\u043e\u043d:<\/strong> +7 (700) 674 6442\n            <\/p>\n        <\/div>\n\n        <div class=\"w-full h-full min-h-[300px]\">\n            <iframe loading=\"lazy\" src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2906.777464010839!2d76.9238!3d43.2384!2m3!1f0!2f0!3f0!3m2!1i10!2i10!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDMnMTQnMTguMiJOIDc2wrA1NScyNS43IkU!5e0!3m2!1sru!2skz!4v1717400000000\" width=\"100%\" height=\"300\" style=\"border:0; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);\"><\/iframe>\n        <\/div>\n        \n    <\/div>\n<\/section>\n<div id=\"ai-bot-widget-container\">\n\n    <button class=\"bot-widget-toggle\" id=\"bot-widget-toggle\" title=\"\u0427\u0430\u0442 \u0431\u043e\u0442 \u043f\u043e \u043b\u044e\u0431\u044b\u043c \u0432\u043e\u043f\u0440\u043e\u0441\u0430\u043c\">\n        <svg class=\"icon-robot\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2Z\" stroke=\"white\" stroke-width=\"2\"><\/path>\n            <path d=\"M8 11V13M16 11V13M7 8H17M9 16H15\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n        <\/svg>\n        <span class=\"toggle-text\">\u0417\u0430\u0434\u0430\u0442\u044c \u0432\u043e\u043f\u0440\u043e\u0441<\/span>\n    <\/button>\n\n    <div class=\"bot-widget-window\" id=\"bot-widget-window\">\n        \n        <div class=\"bot-widget-header\">\n            <div class=\"header-info\">\n                <div class=\"header-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2Z\" stroke=\"currentColor\" stroke-width=\"2\"><\/path>\n                        <path d=\"M8 11V13M16 11V13M7 8H17M9 16H15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                    <\/svg>\n                <\/div>\n                <div class=\"header-text\">\n                    <h3>\u0427\u0430\u0442 \u0431\u043e\u0442 \u043f\u043e \u043b\u044e\u0431\u044b\u043c \u0432\u043e\u043f\u0440\u043e\u0441\u0430\u043c<\/h3>\n                    <p>\u0410\u0441\u0441\u0438\u0441\u0442\u0435\u043d\u0442 eduroam.kz<\/p>\n                <\/div>\n            <\/div>\n            <button class=\"header-close\" id=\"bot-widget-close\" title=\"\u0417\u0430\u043a\u0440\u044b\u0442\u044c\">\u00d7<\/button>\n        <\/div>\n\n        <div class=\"bot-widget-body\" id=\"bot-widget-messages\">\n            <div class=\"message message-bot\">\n                \u041f\u0440\u0438\u0432\u0435\u0442! \u042f \u0442\u0432\u043e\u0439 \u043f\u043e\u0448\u0430\u0433\u043e\u0432\u044b\u0439 \u0433\u0438\u0434 \u043f\u043e eduroam. \u041d\u0430\u0436\u043c\u0438 \u043d\u0430 \u043b\u044e\u0431\u043e\u0439 \u0432\u043e\u043f\u0440\u043e\u0441 \u0441\u043d\u0438\u0437\u0443, \u0438 \u044f \u0440\u0430\u0437\u043b\u043e\u0436\u0443 \u0432\u0441\u0451 \u043f\u043e \u043f\u043e\u043b\u043e\u0447\u043a\u0430\u043c! \ud83d\udc47\n            <\/div>\n            \n            <div class=\"bot-suggested-questions\" id=\"bot-suggested-questions\">\n                <button class=\"suggest-btn\" data-faq=\"connect\">\u041a\u0430\u043a \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c\u0441\u044f \u043a Eduroam?<\/button>\n                <button class=\"suggest-btn\" data-faq=\"requirements\">\u0427\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0434\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u0441\u0442\u0430\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f Eduroam?<\/button>\n                <button class=\"suggest-btn\" data-faq=\"errors\">\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u044b\u0445 \u043e\u0448\u0438\u0431\u043a\u0430\u0445?<\/button>\n                <button class=\"suggest-btn\" data-faq=\"benefits\">\u041a\u0430\u043a\u0438\u0435 \u043f\u043b\u044e\u0441\u044b \u0432 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 Eduroam \u0432 \u043e\u0442\u043b\u0438\u0447\u0438\u0435 \u043e\u0442 \u0434\u0440\u0443\u0433\u0438\u0445 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442 \u0441\u0435\u0442\u0435\u0439?<\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"bot-widget-input\">\n            <input type=\"text\" id=\"bot-widget-input-field\" placeholder=\"\u0412\u0430\u0448 \u0432\u043e\u043f\u0440\u043e\u0441...\">\n            <button id=\"bot-widget-send-btn\" title=\"\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M22 2L11 13M22 2L15 22L11 13M11 13L2 9L22 2\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                <\/svg>\n            <\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n#ai-bot-widget-container {\n    --bot-primary-color: #0056b3; \n    --bot-bg-color: #ffffff;\n    --bot-text-color: #333333;\n    --bot-msg-user-bg: #e1f5fe;\n    --bot-msg-bot-bg: #f5f5f5;\n    \n    position: fixed;\n    bottom: 20px;\n    right: 20px;\n    z-index: 10000;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n}\n\n.bot-widget-toggle {\n    background-color: var(--bot-primary-color);\n    color: white;\n    border: none;\n    border-radius: 50px;\n    padding: 12px 24px;\n    cursor: pointer;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    transition: all 0.25s ease;\n}\n\n.bot-widget-toggle:hover {\n    background-color: #004494;\n    box-shadow: 0 6px 16px rgba(0,0,0,0.25);\n}\n\n.bot-widget-toggle.active {\n    border-radius: 50%;\n    padding: 15px;\n}\n\n.icon-robot {\n    width: 24px;\n    height: 24px;\n}\n\n.bot-widget-window {\n    display: none;\n    position: absolute;\n    bottom: 75px;\n    right: 0;\n    width: 380px;\n    height: 550px;\n    max-height: calc(100vh - 120px);\n    background-color: var(--bot-bg-color);\n    border-radius: 12px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n    overflow: hidden;\n    flex-direction: column;\n}\n\n.bot-widget-window.open {\n    display: flex;\n}\n\n.bot-widget-header {\n    background-color: var(--bot-primary-color);\n    color: white;\n    padding: 15px 20px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.header-info {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.header-icon {\n    width: 28px;\n    height: 28px;\n    color: white;\n    display: flex;\n    align-items: center;\n}\n\n.header-text h3 {\n    margin: 0;\n    font-size: 15px;\n    font-weight: 600;\n    line-height: 1.2;\n}\n\n.header-text p {\n    margin: 3px 0 0 0;\n    font-size: 11px;\n    opacity: 0.8;\n}\n\n.header-close {\n    background: none;\n    border: none;\n    color: white;\n    font-size: 26px;\n    cursor: pointer;\n    opacity: 0.7;\n    line-height: 1;\n    transition: opacity 0.2s ease;\n}\n\n.header-close:hover {\n    opacity: 1;\n}\n\n.bot-widget-body {\n    flex: 1;\n    padding: 20px;\n    overflow-y: auto;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    background-color: #fcfcfc;\n}\n\n.message {\n    padding: 10px 14px;\n    border-radius: 12px;\n    max-width: 85%;\n    font-size: 13.5px;\n    line-height: 1.5;\n    word-wrap: break-word;\n    white-space: pre-line; \/* \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442 \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u044b \u0441\u0442\u0440\u043e\u043a \u0431\u044d\u043a\u0435\u043d\u0434\u0430 *\/\n}\n\n.message-bot {\n    background-color: var(--bot-msg-bot-bg);\n    align-self: flex-start;\n    color: var(--bot-text-color);\n    border-top-left-radius: 2px;\n}\n\n.message-user {\n    background-color: var(--bot-msg-user-bg);\n    align-self: flex-end;\n    color: var(--bot-text-color);\n    border-top-right-radius: 2px;\n}\n\n.bot-suggested-questions {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-top: 5px;\n    width: 100%;\n}\n\n.suggest-btn {\n    background-color: #ffffff;\n    border: 1px solid #e0e0e0;\n    border-radius: 8px;\n    padding: 10px 14px;\n    font-size: 13px;\n    text-align: left;\n    color: var(--bot-primary-color);\n    cursor: pointer;\n    transition: all 0.2s ease;\n    line-height: 1.3;\n}\n\n.suggest-btn:hover {\n    background-color: #f0f7ff;\n    border-color: var(--bot-primary-color);\n}\n\n.bot-widget-input {\n    padding: 12px 15px;\n    background-color: #ffffff;\n    border-top: 1px solid #f0f0f0;\n    display: flex;\n    gap: 10px;\n    align-items: center;\n}\n\n.bot-widget-input input {\n    flex: 1;\n    border: 1px solid #e0e0e0;\n    border-radius: 20px;\n    padding: 10px 16px;\n    font-size: 13.5px;\n    transition: border-color 0.2s;\n}\n\n.bot-widget-input input:focus {\n    outline: none;\n    border-color: var(--bot-primary-color);\n}\n\n.bot-widget-input button {\n    background-color: var(--bot-primary-color);\n    border: none;\n    border-radius: 50%;\n    width: 36px;\n    height: 36px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background-color 0.2s;\n    flex-shrink: 0;\n}\n\n.bot-widget-input button svg {\n    width: 16px;\n    height: 16px;\n    margin-left: 2px;\n}\n\n.bot-widget-input button:hover {\n    background-color: #004494;\n}\n\n.typing-indicator {\n    display: flex;\n    gap: 4px;\n    padding: 10px 14px;\n    background: var(--bot-msg-bot-bg);\n    border-radius: 12px;\n    border-top-left-radius: 2px;\n    align-self: flex-start;\n}\n.typing-indicator span {\n    width: 6px;\n    height: 6px;\n    background: #888;\n    border-radius: 50%;\n    animation: bounce 1.4s infinite ease-in-out both;\n}\n.typing-indicator span:nth-child(1) { animation-delay: -0.32s; }\n.typing-indicator span:nth-child(2) { animation-delay: -0.16s; }\n\n@keyframes bounce {\n    0%, 80%, 100% { transform: scale(0); }\n    40% { transform: scale(1.0); }\n}\n\n@media (max-width: 480px) {\n    #ai-bot-widget-container {\n        bottom: 15px;\n        right: 15px;\n    }\n    .bot-widget-window {\n        width: calc(100vw - 30px);\n        height: calc(100vh - 100px);\n        bottom: 65px;\n    }\n    .toggle-text {\n        display: none;\n    }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const toggleBtn = document.getElementById('bot-widget-toggle');\n    const closeBtn = document.getElementById('bot-widget-close');\n    const chatWindow = document.getElementById('bot-widget-window');\n    const toggleText = toggleBtn.querySelector('.toggle-text');\n    const inputField = document.getElementById('bot-widget-input-field');\n    const sendBtn = document.getElementById('bot-widget-send-btn');\n    const messagesContainer = document.getElementById('bot-widget-messages');\n    const suggestBlock = document.getElementById('bot-suggested-questions');\n\n    \/\/ \u041f\u0440\u043e\u0441\u0442\u0430\u044f \u0431\u0430\u0437\u0430 \u043e\u0442\u0432\u0435\u0442\u043e\u0432 \u00ab\u0412\u0435\u0434\u0435\u043c \u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u0437\u0430 \u0440\u0443\u043a\u0443\u00bb\n    const faqDatabase = {\n        connect: {\n            question: \"\u041a\u0430\u043a \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c\u0441\u044f \u043a Eduroam?\",\n            answer: \"\u0412\u0441\u0451 \u043f\u0440\u043e\u0441\u0442\u043e, \u0434\u0435\u043b\u0430\u0439 \u043f\u043e \u0448\u0430\u0433\u0430\u043c:\\n\\n1\ufe0f\u20e3 \u0412\u043a\u043b\u044e\u0447\u0438 Wi-Fi \u043d\u0430 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0435 \u0438 \u0432\u044b\u0431\u0435\u0440\u0438 \u0441\u0435\u0442\u044c \u0441 \u0438\u043c\u0435\u043d\u0435\u043c eduroam.\\n\\n2\ufe0f\u20e3 \u0412 \u043f\u043e\u043b\u0435 \u00ab\u041b\u043e\u0433\u0438\u043d\u00bb \u0432\u0432\u0435\u0434\u0438 \u0441\u0432\u043e\u044e \u043f\u043e\u043b\u043d\u0443\u044e \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u0441\u043a\u0443\u044e \u043f\u043e\u0447\u0442\u0443 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: @aues.kz \u0438\u043b\u0438 \u0442\u0432\u043e\u0435\u0433\u043e \u0432\u0443\u0437\u0430).\\n\\n3\ufe0f\u20e3 \u0412 \u043f\u043e\u043b\u0435 \u00ab\u041f\u0430\u0440\u043e\u043b\u044c\u00bb \u0432\u0432\u0435\u0434\u0438 \u043f\u0430\u0440\u043e\u043b\u044c \u043e\u0442 \u044d\u0442\u043e\u0439 \u0436\u0435 \u043f\u043e\u0447\u0442\u044b \u0438\u043b\u0438 \u043b\u0438\u0447\u043d\u043e\u0433\u043e \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u0430.\\n\\n\ud83d\udc49 \u0414\u043b\u044f Android: \u0435\u0441\u043b\u0438 \u043f\u043e\u043f\u0440\u043e\u0441\u0438\u0442 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438, \u0432\u044b\u0431\u0435\u0440\u0438 \u043c\u0435\u0442\u043e\u0434 EAP: PEAP, \u0430 \u0432 \u043f\u043e\u043b\u0435 \u0421\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442 \u0432\u044b\u0431\u0435\u0440\u0438 \u00ab\u041d\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0442\u044c\u00bb.\"\n        },\n        requirements: {\n            question: \"\u0427\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0434\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u0441\u0442\u0430\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f Eduroam?\",\n            answer: \"\u0422\u0435\u0431\u0435 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u044f\u0442\u0441\u044f \u0432\u0441\u0435\u0433\u043e \u0434\u0432\u0435 \u0432\u0435\u0449\u0438:\\n\\n1. \u0411\u044b\u0442\u044c \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u043e\u043c, \u043f\u0440\u0435\u043f\u043e\u0434\u0430\u0432\u0430\u0442\u0435\u043b\u0435\u043c \u0438\u043b\u0438 \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u043a\u043e\u043c \u0432\u0443\u0437\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d \u043a eduroam \u0432 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0435.\\n\\n2. \u0418\u043c\u0435\u0442\u044c \u0440\u0430\u0431\u043e\u0447\u0438\u0439 \u0430\u043a\u043a\u0430\u0443\u043d\u0442 \u0432 \u0441\u0432\u043e\u0435\u043c \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442\u0435 (\u0434\u0435\u0439\u0441\u0442\u0432\u0443\u044e\u0449\u0443\u044e \u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u0443\u044e \u043f\u043e\u0447\u0442\u0443 \u0438 \u043f\u0430\u0440\u043e\u043b\u044c \u043a \u043d\u0435\u0439).\\n\\n\u041d\u0438\u043a\u0430\u043a\u0438\u0445 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0445 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0439 \u0438 \u0437\u0430\u044f\u0432\u043e\u043a \u043f\u043e\u0434\u0430\u0432\u0430\u0442\u044c \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u2014 \u0434\u043e\u0441\u0442\u0443\u043f \u0443\u0436\u0435 \u0443 \u0442\u0435\u0431\u044f \u0432 \u043a\u0430\u0440\u043c\u0430\u043d\u0435!\"\n        },\n        errors: {\n            question: \"\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u044b\u0445 \u043e\u0448\u0438\u0431\u043a\u0430\u0445?\",\n            answer: \"\u0420\u0435\u0448\u0430\u0435\u043c \u0441\u0430\u043c\u044b\u0435 \u0447\u0430\u0441\u0442\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0437\u0430 \u0441\u0435\u043a\u0443\u043d\u0434\u0443:\\n\\n\u274c \u041f\u0438\u0448\u0435\u0442 \u00ab\u041d\u0435\u0432\u0435\u0440\u043d\u044b\u0439 \u043f\u0430\u0440\u043e\u043b\u044c\u00bb \u0438\u043b\u0438 \u00ab\u041e\u0448\u0438\u0431\u043a\u0430 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438\u00bb?\\n\u2192 \u041f\u0440\u043e\u0432\u0435\u0440\u044c, \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u043b\u0438 \u043d\u0430\u043f\u0438\u0441\u0430\u043d \u043b\u043e\u0433\u0438\u043d. \u041f\u043e\u0447\u0442\u0443 \u043d\u0443\u0436\u043d\u043e \u0432\u0432\u043e\u0434\u0438\u0442\u044c \u0446\u0435\u043b\u0438\u043a\u043e\u043c, \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u0441\u043e\u0431\u0430\u0447\u043a\u043e\u0439 \u0438 \u0434\u043e\u043c\u0435\u043d\u043e\u043c \u0432\u0443\u0437\u0430.\\n\\n\u274c \u0411\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u043e \u043a\u0440\u0443\u0442\u0438\u0442 \u00ab\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435\u00bb \u0438 \u0441\u0431\u0440\u0430\u0441\u044b\u0432\u0430\u0435\u0442?\\n\u2192 \u0417\u0430\u0439\u0434\u0438 \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 Wi-Fi, \u043d\u0430\u0436\u043c\u0438 \u043d\u0430 \u0441\u0435\u0442\u044c eduroam \u0438 \u0432\u044b\u0431\u0435\u0440\u0438 \u00ab\u0423\u0434\u0430\u043b\u0438\u0442\u044c \u0441\u0435\u0442\u044c\u00bb (\u0417\u0430\u0431\u044b\u0442\u044c \u0441\u0435\u0442\u044c). \u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c\u0441\u044f \u0437\u0430\u043d\u043e\u0432\u043e.\"\n        },\n        benefits: {\n            question: \"\u041a\u0430\u043a\u0438\u0435 \u043f\u043b\u044e\u0441\u044b \u0432 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 Eduroam \u0432 \u043e\u0442\u043b\u0438\u0447\u0438\u0435 \u043e\u0442 \u0434\u0440\u0443\u0433\u0438\u0445 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442 \u0441\u0435\u0442\u0435\u0439?\",\n            answer: \"\u0412\u043e\u0442 \u0433\u043b\u0430\u0432\u043d\u044b\u0435 \u0444\u0438\u0448\u043a\u0438, \u043f\u043e\u0447\u0435\u043c\u0443 \u044d\u0442\u043e \u043a\u0440\u0443\u0442\u043e:\\n\\n\ud83d\udd25 \u041d\u0430\u0441\u0442\u0440\u043e\u0438\u043b \u043e\u0434\u0438\u043d \u0440\u0430\u0437 \u2014 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432\u0435\u0437\u0434\u0435! \u0422\u044b \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u0448\u044c\u0441\u044f \u0434\u043e\u043c\u0430 \u0432 \u0441\u0432\u043e\u0435\u043c \u0432\u0443\u0437\u0435, \u043d\u043e \u043a\u043e\u0433\u0434\u0430 \u043f\u0440\u0438\u0435\u0434\u0435\u0448\u044c \u0432 \u0434\u0440\u0443\u0433\u043e\u0439 \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0438\u0442\u0435\u0442 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0430 \u0438\u043b\u0438 \u0434\u0430\u0436\u0435 \u043f\u043e\u0435\u0434\u0435\u0448\u044c \u0437\u0430 \u0433\u0440\u0430\u043d\u0438\u0446\u0443 (\u0441\u0435\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432 100+ \u0441\u0442\u0440\u0430\u043d\u0430\u0445), \u0442\u0432\u043e\u0439 \u0442\u0435\u043b\u0435\u0444\u043e\u043d \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u043e\u0439\u043c\u0430\u0435\u0442 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442 \u0431\u0435\u0437 \u0432\u0432\u043e\u0434\u0430 \u043d\u043e\u0432\u044b\u0445 \u043f\u0430\u0440\u043e\u043b\u0435\u0439.\\n\\n\ud83d\udd12 \u0411\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c: \u0441\u0435\u0442\u044c \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u0430 \u0448\u0438\u0444\u0440\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f \u2014 \u043d\u0438\u043a\u0442\u043e \u043d\u0435 \u043f\u0435\u0440\u0435\u0445\u0432\u0430\u0442\u0438\u0442 \u0442\u0432\u043e\u0438 \u043f\u0430\u0440\u043e\u043b\u0438 \u0438 \u0434\u0430\u043d\u043d\u044b\u0435.\\n\\n\ud83d\udeab \u041d\u0438\u043a\u0430\u043a\u043e\u0439 \u043d\u0430\u0437\u043e\u0439\u043b\u0438\u0432\u043e\u0439 \u0440\u0435\u043a\u043b\u0430\u043c\u044b \u0438 \u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0445 \u0421\u041c\u0421-\u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0439 \u043f\u0440\u0438 \u0432\u0445\u043e\u0434\u0435.\"\n        }\n    };\n\n    function toggleChat() {\n        chatWindow.classList.toggle('open');\n        if (chatWindow.classList.contains('open')) {\n            toggleBtn.classList.add('active');\n            if (window.innerWidth <= 480) toggleText.style.display = 'none';\n            inputField.focus();\n        } else {\n            toggleBtn.classList.remove('active');\n            if (window.innerWidth <= 480) toggleText.style.display = 'block';\n        }\n    }\n\n    toggleBtn.addEventListener('click', toggleChat);\n    closeBtn.addEventListener('click', toggleChat);\n\n    function getBotResponse(faqKey, userText = '') {\n        const typingDiv = document.createElement('div');\n        typingDiv.className = 'typing-indicator';\n        typingDiv.innerHTML = '<span><\/span><span><\/span><span><\/span>';\n        messagesContainer.appendChild(typingDiv);\n        messagesContainer.scrollTop = messagesContainer.scrollHeight;\n\n        setTimeout(() => {\n            typingDiv.remove();\n\n            const botMsgDiv = document.createElement('div');\n            botMsgDiv.className = 'message message-bot';\n            \n            if (faqKey && faqDatabase[faqKey]) {\n                botMsgDiv.innerText = faqDatabase[faqKey].answer;\n            } else {\n                const text = userText.toLowerCase();\n                if (text.includes('\u043f\u043e\u0434\u043a\u043b\u044e\u0447') || text.includes('\u043a\u0430\u043a')) {\n                    botMsgDiv.innerText = faqDatabase.connect.answer;\n                } else if (text.includes('\u043d\u0443\u0436\u043d\u043e') || text.includes('\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c') || text.includes('\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d')) {\n                    botMsgDiv.innerText = faqDatabase.requirements.answer;\n                } else if (text.includes('\u043e\u0448\u0438\u0431\u043a') || text.includes('\u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442') || text.includes('\u043f\u0440\u043e\u0431\u043b\u0435\u043c')) {\n                    botMsgDiv.innerText = faqDatabase.errors.answer;\n                } else if (text.includes('\u043f\u043b\u044e\u0441') || text.includes('\u043e\u0442\u043b\u0438\u0447') || text.includes('\u0432\u044b\u0433\u043e\u0434')) {\n                    botMsgDiv.innerText = faqDatabase.benefits.answer;\n                } else {\n                    botMsgDiv.innerText = \"\u042f \u043f\u043e\u043a\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u0443\u0447\u0443\u0441\u044c! \u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043e\u0434\u0438\u043d \u0438\u0437 \u0447\u0435\u0442\u044b\u0440\u0435\u0445 \u0432\u043e\u043f\u0440\u043e\u0441\u043e\u0432 \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0430\u0445 \u0432\u044b\u0448\u0435, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u0440\u043e\u0441\u0442\u0443\u044e \u043f\u043e\u0448\u0430\u0433\u043e\u0432\u0443\u044e \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044e.\";\n                }\n            }\n\n            messagesContainer.appendChild(botMsgDiv);\n            messagesContainer.appendChild(suggestBlock);\n            messagesContainer.scrollTop = messagesContainer.scrollHeight;\n        }, 500);\n    }\n\n    suggestBlock.addEventListener('click', function(e) {\n        const btn = e.target.closest('.suggest-btn');\n        if (!btn) return;\n\n        const faqKey = btn.getAttribute('data-faq');\n        const questionText = faqDatabase[faqKey].question;\n\n        const userMsgDiv = document.createElement('div');\n        userMsgDiv.className = 'message message-user';\n        userMsgDiv.textContent = questionText;\n        messagesContainer.appendChild(userMsgDiv);\n        messagesContainer.scrollTop = messagesContainer.scrollHeight;\n\n        getBotResponse(faqKey);\n    });\n\n    function handleManualSend() {\n        const text = inputField.value.trim();\n        if (text === '') return;\n\n        const userMsgDiv = document.createElement('div');\n        userMsgDiv.className = 'message message-user';\n        userMsgDiv.textContent = text;\n        messagesContainer.appendChild(userMsgDiv);\n\n        inputField.value = '';\n        messagesContainer.scrollTop = messagesContainer.scrollHeight;\n\n        getBotResponse(null, text);\n    }\n\n    sendBtn.addEventListener('click', handleManualSend);\n    inputField.addEventListener('keypress', function(e) {\n        if (e.key === 'Enter') handleManualSend();\n    });\n});\n<\/script>\n<section id=\"contact\" class=\"relative py-20 overflow-hidden min-h-[600px] flex items-center bg-white\">\n    \n    <div class=\"absolute inset-0 z-0 bg-cover bg-center bg-no-repeat pointer-events-none\" style=\"background-image: url('http:\/\/eduroam.kz\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_h1der8h1der8h1de.png'); opacity: 0.85;\"><\/div>\n    \n    <div class=\"absolute bottom-12 left-12 w-24 h-24 hidden md:block perspective-1000 select-none pointer-events-none opacity-80 mix-blend-screen animate-float-slow z-10\">\n        <div class=\"cube-inside\"><div class=\"cube-face front\"><\/div><div class=\"cube-face back\"><\/div><div class=\"cube-face right\"><\/div><div class=\"cube-face left\"><\/div><div class=\"cube-face top\"><\/div><div class=\"cube-face bottom\"><\/div><\/div>\n    <\/div>\n    <div class=\"absolute top-16 right-16 w-32 h-32 hidden md:block perspective-1000 select-none pointer-events-none opacity-70 mix-blend-screen animate-float-fast z-10\">\n        <div class=\"cube-inside\" style=\"animation-duration: 20s;\"><div class=\"cube-face front\"><\/div><div class=\"cube-face back\"><\/div><div class=\"cube-face right\"><\/div><div class=\"cube-face left\"><\/div><div class=\"cube-face top\"><\/div><div class=\"cube-face bottom\"><\/div><\/div>\n    <\/div>\n\n    <div class=\"relative z-20 max-w-4xl mx-auto px-6 md:px-12 py-12 text-center reveal rounded-2xl bg-white\/85 backdrop-blur-3xl shadow-xl border border-white\/20 w-full\">\n        <h2 class=\"text-2xl md:text-3xl font-black text-blue-900 mb-8 text-center\">\u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443<\/h2>\n        \n        <form id=\"fakeForm\" class=\"space-y-4 max-w-2xl mx-auto\">\n            <input type=\"hidden\" id=\"recaptchaResponse\" name=\"recaptcha_response\">\n            <input type=\"text\" id=\"university\" placeholder=\"\u0412\u0443\u0437\" required=\"\" class=\"w-full border p-3 rounded\">\n            <input type=\"email\" id=\"email\" placeholder=\"Email\" required=\"\" class=\"w-full border p-3 rounded\">\n            <textarea id=\"message\" rows=\"3\" placeholder=\"\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435\" required=\"\" class=\"w-full border p-3 rounded\"><\/textarea>\n            \n            <button type=\"submit\" id=\"sendBtn\" class=\"bg-blue-900 text-white px-8 py-3 rounded-full font-bold w-full block text-center transition-all hover:bg-blue-950 disabled:opacity-50 disabled:cursor-not-allowed\">\n                \u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c\n            <\/button>\n        <\/form>\n    <\/div>\n\n    <script src=\"https:\/\/www.google.com\/recaptcha\/api.js?render=6Leq8CctAAAAAO_qBY0JHv34Ko1G8b-YbExu_O9n\"><\/script>\n\n    <script>\n        const sendBtn = document.getElementById('sendBtn');\n\n        document.getElementById('fakeForm').addEventListener('submit', function(e) {\n            e.preventDefault();\n            \n            sendBtn.disabled = true;\n            sendBtn.textContent = \"\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430...\";\n\n            grecaptcha.ready(function() {\n                grecaptcha.execute('6Leq8CctAAAAAO_qBY0JHv34Ko1G8b-YbExu_O9n', {action: 'submit'}).then(function(token) {\n                    if (token) {\n                        const uni = document.getElementById('university').value.trim();\n                        const email = document.getElementById('email').value.trim();\n                        const msg = document.getElementById('message').value.trim();\n\n                        if (uni && email && msg) {\n                            \/\/ \u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u043c mailto \u0441\u0441\u044b\u043b\u043a\u0443\n                            const subject = encodeURIComponent(\"\u041d\u043e\u0432\u0430\u044f \u0437\u0430\u044f\u0432\u043a\u0430 \u043e\u0442 \" + uni);\n                            const body = encodeURIComponent(\"\u0412\u0443\u0437: \" + uni + \"\\nEmail: \" + email + \"\\n\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435: \" + msg);\n                            const mailtoLink = `mailto:info@kazrena.kz?subject=${subject}&body=${body}`;\n\n                            \/\/ \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u043f\u043e\u0447\u0442\u043e\u0432\u044b\u0439 \u043a\u043b\u0438\u0435\u043d\u0442\n                            window.location.href = mailtoLink;\n\n                            document.getElementById('fakeForm').reset();\n                        }\n                    } else {\n                        alert(\"\u041e\u0448\u0438\u0431\u043a\u0430 \u043a\u0430\u043f\u0447\u0438, \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439 \u0435\u0449\u0435 \u0440\u0430\u0437.\");\n                    }\n                    \n                    sendBtn.disabled = false;\n                    sendBtn.textContent = \"\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c\";\n                });\n            });\n        });\n    <\/script>\n<\/section>\n\n<script>\nconst form = document.getElementById('fakeForm');\nconst sendBtn = document.getElementById('sendBtn');\n\nform.addEventListener('input', () => {\n    const uni = document.getElementById('university').value.trim();\n    const email = document.getElementById('email').value.trim();\n    const msg = document.getElementById('message').value.trim();\n\n    if (uni && email && msg) {\n        sendBtn.classList.remove('opacity-50','pointer-events-none');\n        const subject = encodeURIComponent(\"\u041d\u043e\u0432\u0430\u044f \u0437\u0430\u044f\u0432\u043a\u0430\");\n        const body = encodeURIComponent(\"\u0412\u0443\u0437: \" + uni + \"\\nEmail: \" + email + \"\\n\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435:\\n\" + msg);\n        sendBtn.href = \"mailto:info@kazrena.kz?subject=\" + subject + \"&body=\" + body;\n    } else {\n        sendBtn.classList.add('opacity-50','pointer-events-none');\n        sendBtn.href = \"#\";\n    }\n});\n<\/script>\n\n\n\n<script>\nconst form = document.getElementById('fakeForm');\nconst sendBtn = document.getElementById('sendBtn');\n\nform.addEventListener('input', () => {\n    const uni = document.getElementById('university').value.trim();\n    const email = document.getElementById('email').value.trim();\n    const msg = document.getElementById('message').value.trim();\n\n    if (uni && email && msg) {\n        sendBtn.classList.remove('opacity-50','pointer-events-none');\n    } else {\n        sendBtn.classList.add('opacity-50','pointer-events-none');\n    }\n});\n<\/script>\n\n    <style>\n        .perspective-1000 { perspective: 1000px; }\n        \n        .cube-inside {\n            width: 100%;\n            height: 100%;\n            position: relative;\n            transform-style: preserve-3d;\n            animation: rotateCube 15s linear infinite;\n        }\n        \n        .cube-face {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(135deg, rgba(6, 182, 212, 0.4), rgba(59, 130, 246, 0.2));\n            border: 1.5px solid rgba(255, 255, 255, 0.6);\n            box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.3);\n        }\n\n        .cube-inside .front  { transform: rotateY(0deg) translateZ(calc(50% * 1)); }\n        .cube-inside .back   { transform: rotateY(180deg) translateZ(calc(50% * 1)); }\n        .cube-inside .right  { transform: rotateY(90deg) translateZ(calc(50% * 1)); }\n        .cube-inside .left   { transform: rotateY(-90deg) translateZ(calc(50% * 1)); }\n        .cube-inside .top    { transform: rotateX(90deg) translateZ(calc(50% * 1)); }\n        .cube-inside .bottom { transform: rotateX(-90deg) translateZ(calc(50% * 1)); }\n\n        .animate-float-slow { animation: floatY 6s ease-in-out infinite; }\n        .animate-float-fast { animation: floatY 4s ease-in-out infinite alternate; }\n\n        @keyframes rotateCube {\n            0% { transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }\n            100% { transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg); }\n        }\n\n        @keyframes floatY {\n            0%, 100% { transform: translateY(0px) scale(1); }\n            50% { transform: translateY(-25px) scale(1.03); }\n        }\n    <\/style>\n\n<!-- \u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u0430 -->\n<div id=\"google_translate_element\" style=\"position: absolute; left: -9999px;\"><\/div>\n\n<script type=\"text\/javascript\" src=\"\/\/translate.google.com\/translate_a\/element.js?cb=googleTranslateElementInit\"><\/script>\n<script type=\"text\/javascript\">\n    function googleTranslateElementInit() {\n        new google.translate.TranslateElement({\n            pageLanguage: 'ru', \n            includedLanguages: 'kk,ru,en', \/\/ \u0412\u0430\u0436\u043d\u043e: \u0432 Google \u043a\u043e\u0434\u0435 \u043a\u0430\u0437\u0430\u0445\u0441\u043a\u0438\u0439 \u2014 \u044d\u0442\u043e 'kk'\n            autoDisplay: false\n        }, 'google_translate_element');\n    }\n\n    \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u0430 \u0441 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u043e\u0439 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043e\u0432\u0430\u043d\u0438\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\n    function triggerTranslate(lang) {\n        var selectField = document.querySelector(\".goog-te-combo\");\n        if (selectField) {\n            selectField.value = lang;\n            selectField.dispatchEvent(new Event('change'));\n        } else {\n            console.error(\"\u041f\u0435\u0440\u0435\u0432\u043e\u0434\u0447\u0438\u043a \u0435\u0449\u0435 \u043d\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u043b\u0441\u044f!\");\n        }\n    }\n\n    \/\/ --- \u041e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0439 \u0442\u0432\u043e\u0439 \u043a\u043e\u0434 ---\n    const modal = document.getElementById(\"eduroamModal\");\n    if(modal) {\n        document.getElementById(\"openModalBtn\").onclick = () => modal.classList.remove('hidden');\n        document.querySelector(\".close-btn\").onclick = () => modal.classList.add('hidden');\n        window.onclick = (e) => { if (e.target == modal) modal.classList.add('hidden'); }\n    }\n    \n    const observer = new IntersectionObserver((entries) => { \n        entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('active'); }); \n    }, { threshold: 0.1 });\n    document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Eduroam \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d | \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u043e\u0440\u0442\u0430\u043b eduroam \u041d\u0430\u0447\u0430\u043b\u043e \u041e \u043d\u0430\u0441 \u0422\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f \u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u041a\u0430\u0440\u0442\u0430 \u0421\u043f\u0438\u0441\u043e\u043a \u0410\u0434\u0440\u0435\u0441 \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b KZ EN RU \u0414\u043e\u0431\u0440\u043e \u043f\u043e\u0436\u0430\u043b\u043e\u0432\u0430\u0442\u044c [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-44","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/eduroam.kz\/index.php?rest_route=\/wp\/v2\/pages\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eduroam.kz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eduroam.kz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eduroam.kz\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/eduroam.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=44"}],"version-history":[{"count":324,"href":"https:\/\/eduroam.kz\/index.php?rest_route=\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":654,"href":"https:\/\/eduroam.kz\/index.php?rest_route=\/wp\/v2\/pages\/44\/revisions\/654"}],"wp:attachment":[{"href":"https:\/\/eduroam.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}