@style('main.science.council-young-scientists.index')
    
    <style>
        .nav-link {
            font-size: 17px;
        }









        /* Блок с большим изображением (баннер) */
        .acesyri-main {
            position: relative;
            overflow: hidden;
            border-radius: var(--radius);
            height: clamp(240px, 40vw, 420px);
            display: flex;
            align-items: flex-end;
            box-shadow: 0 8px 24px rgba(16, 24, 40, 0.08);
            transition: transform 220ms ease, box-shadow 220ms ease;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.02));
        }

        .acesyri-main img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            filter: saturate(0.98) contrast(1);
            transform-origin: center;
            transition: transform 10s ease;
            /* лёгкий параллакс при hover */
        }

        .acesyri-main:hover {
            transform: translateY(-4px);
            box-shadow: 0 18px 40px rgba(16, 24, 40, 0.12);
        }

        .acesyri-main:hover img {
            transform: scale(1.04);
        }

        /* Текст оверлея */
        .item_text {
            position: relative;
            z-index: 2;
            padding: 24px;
            color: #fff;
            text-shadow: 0 6px 16px rgba(0, 0, 0, 0.45);
            backdrop-filter: blur(4px);
            width: 100%;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.45) 70%);
        }

        .item_text p {
            margin: 0 0 8px 0;
            font-weight: 700;
            font-size: clamp(18px, 2.4vw, 26px);
        }

        .item_text span {
            display: block;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.92);
            max-width: 880px;
        }

        /* Секция услуг — сетка */
        .block-serv {
            margin-top: var(--gap);
            padding-top: 12px;
        }

        .block-serv .title {
            font-weight: 600;
            margin-bottom: 12px;
            color: var(--text);
        }

        /* Сама сетка карточек услуг */
        .serv-wrapper {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 18px;
            align-items: stretch;
        }

        .serv-inner {
            background: linear-gradient(180deg, var(--surface), #fff);
            border-radius: 12px;
            padding: 18px;
            box-shadow: 0 6px 18px rgba(16, 24, 40, 0.04);

            display: flex;
            gap: 12px;
            align-items: flex-start;
            min-height: 120px;
            cursor: default;
        }

        .serv-inner:focus,
        .serv-inner:hover {
            transform: translateY(-6px);
            box-shadow: 0 16px 36px rgba(16, 24, 40, 0.08);
        }

        /* Иконки */
        .serv-inner img {
            width: 56px;
            height: 56px;
            object-fit: contain;
            flex: 0 0 56px;
            margin-top: 4px;
        }

        /* Текст внутри карточки */
        .serv-inner p {
            margin: 0 0 6px 0;
            font-weight: 700;
            font-size: 16px;
        }

        .serv-inner span {
            display: block;
            color: var(--muted);
            font-size: 13.5px;
            line-height: 1.4;
        }

        /* Доступность — фокус видимый */
        :focus {
            outline: none;
        }

        :focus-visible {
            outline: 3px solid rgba(11, 99, 214, 0.18);
            outline-offset: 3px;
            border-radius: 8px;
        }

        /* Кнопки/ссылки (если понадобятся) */
        .btn {
            display: inline-block;

            color: #fff;
            padding: 10px 16px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;

        }

        .btn:active {
            transform: translateY(1px);
        }

        /* Ленивая загрузка — плавное появление */


        /* Мобильные правки */
        @media (max-width:720px) {
            .item_text {
                padding: 16px;
            }

            .serv-inner {
                padding: 14px;
                gap: 10px;
            }

            .serv-inner img {
                width: 48px;
                height: 48px;
                flex: 0 0 48px;
            }
        }

        /* Пользовательская утилита — серый фоновой блок */
        .card-surface {

            border-radius: 10px;
            padding: 12px;
        }
    </style>
    
@endstyle


<script>
    // Сохраняем в сессию ID таба, чтобы при перезагрузке (смене языка) открыть тот же таб
    function saveToSession(id, order) {
        var csrfToken = $('meta[name="csrf-token"]').attr('content');
        $.ajax({
            url: '/set-active-tab',
            type: 'POST',
            data: {
                activeTab: id,
                activeTabOrder: order
            },
            headers: {
                'X-CSRF-TOKEN': csrfToken
            },
            success: function(response) {
                console.log(response);
            }
        });
    }
</script>

<!DOCTYPE html>
<html lang="en">
<head>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-13L06WMNSM"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-13L06WMNSM');
    </script>

    <!-- Yandex.Metrika counter -->
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();
   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(99600915, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/99600915" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Favicon Icon-->
    <link rel="shortcut icon" href="/front/assets/img/icons/logonew1.png" type="image/x-icon">
    <!-- Style CSS -->
    <link rel="stylesheet" href="/front/assets/css/main.css?v=2">
    <link rel="stylesheet" href="/front/assets/css/style.css?v=12">
    <link rel="stylesheet" href="/front/assets/css/bootstrap.css">
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"/>
    <link rel="stylesheet" href="/front/assets/css/modal-video2.min.css">
    <link rel="stylesheet" href="/front/assets/css/bvi.min.css">
    <meta name="csrf-token" content="j4nnRxmih5NCY4aSizvxXMgCd0oiHsuZzq7o0lYw">
    <meta property="og:title" content="al-Farabi Kazakh National University">
    <meta property="og:description" content="">





    <meta property="og:image" content="https://farabi.university/front/assets/img/icons/logonew1.png">
    <link rel="icon" type="image/png" href="https://farabi.university/front/assets/img/icons/logonew1.png">


    <style>

    </style>
            <!-- Title -->
    <title>Farabi University</title>
</head>
<body>
<!-- Header -->
<header class="header" id="header">
    <a href="/" class="header__logo">
        <img src="/front/assets/img/icons/logonew1.png" alt="KazNU logo" class="">
        <span>Farabi<br>University</span>
    </a>

    <div class="header__block">
        <div class="header__up">
            <nav class="header__up-menu">
    <ul class="header__up-menu-list">
                    <li>
                                    <a href="https://welcome.kaznu.kz/kz/21792/page/">ONLINE  RECEPTION</a>
                            </li>
                    <li>
                                    <a href="/postupayushchim">ADMISSIONS</a>
                            </li>
                    <li>
                                    <a href="https://welcome.kaznu.kz/en/welcome/foreign">FOR FOREIGN
APPLICANTS
</a>
                            </li>
                    <li>
                                    <a href="/gov-services">GOVERNMENT SERVICES</a>
                            </li>
                    <li>
                                    <a href="/#footer">CONTACTS</a>
                            </li>
                    <li>
                                    <a href="/vacancies">VACANCY</a>
                            </li>
        
    </ul>
</nav>
            <div class="header__up-lang-eye"  style="display:flex; flex-direction: row;">
                <div class="header__lang">
                <a href="#" class="header__eye" id="specialButton" title="Mode for the visually impaired"
                style="color:white;font-size:12px;display:flex;gap:4px; max-width: 200px;  ">
                Mode for the visually impaired
                    <svg class="header__eye-icon" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"
                   >
                        <path d="M17.7142 9.63484C18.1092 10.1515 18.1092 10.849 17.7142 11.3648C16.47 12.989 13.485 16.3332 9.99999 16.3332C6.51499 16.3332 3.52999 12.989 2.28582 11.3648C2.09364 11.1174 1.98932 10.8131 1.98932 10.4998C1.98932 10.1866 2.09364 9.88223 2.28582 9.63484C3.52999 8.01067 6.51499 4.6665 9.99999 4.6665C13.485 4.6665 16.47 8.01067 17.7142 9.63484V9.63484Z" stroke="#D49958" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M10 13C11.3807 13 12.5 11.8807 12.5 10.5C12.5 9.11929 11.3807 8 10 8C8.61929 8 7.5 9.11929 7.5 10.5C7.5 11.8807 8.61929 13 10 13Z" stroke="#D49958" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </a>
                    <a href="https://farabi.university/science/council-young-scientists?lang=kz" class="header__lang-items ">KZ</a>
                    <a href="https://farabi.university/science/council-young-scientists?lang=ru" class="header__lang-items ">RU</a>
                    <a href="https://farabi.university/science/council-young-scientists?lang=en" class="header__lang-items isLangActive">EN</a>
                </div>

            </div>
        </div>
        <div class="header__down">
            <nav class="header__down-menu">
                <ul class="header__down-menu-list">
                                            <li>
                            <div class="header-dd dropdown">

                            <a href="#"
   class="header-dd-tgl dropdown-toggle"
   id="dropdownMenuLink">
   University
</a>
                                <div class="header-dd-menu dropdown-menu" aria-labelledby="dropdownMenuLink">
                                    <div class="container">
                                        <div class="header-dd__menu">
                                                                                                                                                                                                        <div class="header-dd__items">
                                                            <a href="/university/about" class="header-dd__items-title">About university</a>
                                                                                                                            <ul class="header-dd__items-links text-std1">
                                                                                                                                            <li>
                                                                            <a href="/university/licenses">Licensing and accreditation</a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a href="/university/rating">Rating</a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a href="https://sdg-portal.kaznu.kz">Sustainable Development Goals</a>
                                                                        </li>
                                                                                                                                    </ul>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="/university/structure" class="header-dd__items-title">University structure</a>
                                                                                                                            <ul class="header-dd__items-links text-std1">
                                                                                                                                            <li>
                                                                            <a href="/university/structure?active_tab_order=1/#nav-tab">Board of Directors</a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a href="/university/structure?active_tab_order=2/#nav-tab">Governance</a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a href="/university/structure?active_tab_order=3/#nav-tab">Scientific Council</a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a href="https://farabi.university/pages/630">Reception schedule</a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a href="/university/academic">Scientific and methodological council</a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a href="/university/republican-educational-methodical-council">The Educational and Methodological Association based on KazNU</a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a href="https://ipk.kaznu.edu.kz">Institute for Advanced Studies and Additional Education</a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a href="/university/structural-divisions">Structural divisions</a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a href="/pages/6">KazNU representative offices abroad</a>
                                                                        </li>
                                                                                                                                    </ul>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="/university/rector-main" class="header-dd__items-title">Rector&#039;s blog</a>
                                                                                                                            <ul class="header-dd__items-links text-std1">
                                                                                                                                            <li>
                                                                            <a href="/university/rector-autobiography">Аutobiography</a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a href="/university/books?category_id=3">Scientific papers</a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a href="/university/books">Books</a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a href="/news?year=&amp;category_id=4">Articles</a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a href="https://virtualreception.kaznu.kz/">Virtual reception</a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a href="/news?year=&amp;category_id=9">Speeches</a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a href="/university/press-service">Press office</a>
                                                                        </li>
                                                                                                                                    </ul>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="/university/international-cooperation" class="header-dd__items-title">International cooperation</a>
                                                                                                                            <ul class="header-dd__items-links text-std1">
                                                                                                                                            <li>
                                                                            <a href="/university/international-agreement">Agreements</a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a href="/university/international-programs">Programs</a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a href="/students/inostrannym-studentam">International students</a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a href="/university/inostrannym-professoram">International academic staff</a>
                                                                        </li>
                                                                                                                                            <li>
                                                                            <a href="/students/akademicheskaya-mobilnost">Academic mobility</a>
                                                                        </li>
                                                                                                                                    </ul>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="/news" class="header-dd__items-title">News</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="/news?category_id=11" class="header-dd__items-title">AI-Sana</a>
                                                                                                                    </div>
                                                                                                                                                                                                                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="header-dd dropdown">

                            <a href="#"
   class="header-dd-tgl dropdown-toggle"
   id="dropdownMenuLink">
   Faculties
</a>
                                <div class="header-dd-menu dropdown-menu" aria-labelledby="dropdownMenuLink">
                                    <div class="container">
                                        <div class="header-dd__menu">
                                                                                                                                                
                                                        <div class="header-dd__items -faculty">
                                                            <div class="header-item-dd dropdown" >
                                                                <a href="/faculty/27" class="header-dd__items-title header-item-dd-tgl dropdown-toggle" id="dropdownMenuLink2">
                                                                    
                                                                    Faculty of Information Technology and Artificial Intelligence
                                                                </a>

                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                            </div>
                                                        </div>
                                                                                                                                                        
                                                        <div class="header-dd__items -faculty">
                                                            <div class="header-item-dd dropdown" >
                                                                <a href="/faculty/4" class="header-dd__items-title header-item-dd-tgl dropdown-toggle" id="dropdownMenuLink2">
                                                                    
                                                                    Faculty of biology and biotechnology
                                                                </a>

                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                            </div>
                                                        </div>
                                                                                                                                                        
                                                        <div class="header-dd__items -faculty">
                                                            <div class="header-item-dd dropdown" >
                                                                <a href="/faculty/5" class="header-dd__items-title header-item-dd-tgl dropdown-toggle" id="dropdownMenuLink2">
                                                                    
                                                                    Faculty of geography and environmental sciences
                                                                </a>

                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                            </div>
                                                        </div>
                                                                                                                                                        
                                                        <div class="header-dd__items -faculty">
                                                            <div class="header-item-dd dropdown" >
                                                                <a href="/college/35" class="header-dd__items-title header-item-dd-tgl dropdown-toggle" id="dropdownMenuLink2">
                                                                    
                                                                    College
                                                                </a>

                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                            </div>
                                                        </div>
                                                                                                                                                        
                                                        <div class="header-dd__items -faculty">
                                                            <div class="header-item-dd dropdown" >
                                                                <a href="/faculty/6" class="header-dd__items-title header-item-dd-tgl dropdown-toggle" id="dropdownMenuLink2">
                                                                    
                                                                    Journalism department
                                                                </a>

                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                            </div>
                                                        </div>
                                                                                                                                                        
                                                        <div class="header-dd__items -faculty">
                                                            <div class="header-item-dd dropdown" >
                                                                <a href="/faculty/15" class="header-dd__items-title header-item-dd-tgl dropdown-toggle" id="dropdownMenuLink2">
                                                                    
                                                                    Faculty of law
                                                                </a>

                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                            </div>
                                                        </div>
                                                                                                                                                        
                                                        <div class="header-dd__items -faculty">
                                                            <div class="header-item-dd dropdown" >
                                                                <a href="/faculty/22" class="header-dd__items-title header-item-dd-tgl dropdown-toggle" id="dropdownMenuLink2">
                                                                    
                                                                    Faculty of medicine and health care
                                                                </a>

                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                            </div>
                                                        </div>
                                                                                                                                                        
                                                        <div class="header-dd__items -faculty">
                                                            <div class="header-item-dd dropdown" >
                                                                <a href="/faculty/1" class="header-dd__items-title header-item-dd-tgl dropdown-toggle" id="dropdownMenuLink2">
                                                                    
                                                                    Faculty of Mechanics and Mathematics
                                                                </a>

                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                            </div>
                                                        </div>
                                                                                                                                                        
                                                        <div class="header-dd__items -faculty">
                                                            <div class="header-item-dd dropdown" >
                                                                <a href="/faculty/7" class="header-dd__items-title header-item-dd-tgl dropdown-toggle" id="dropdownMenuLink2">
                                                                    
                                                                    History department
                                                                </a>

                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                            </div>
                                                        </div>
                                                                                                                                                        
                                                        <div class="header-dd__items -faculty">
                                                            <div class="header-item-dd dropdown" >
                                                                <a href="/faculty/17" class="header-dd__items-title header-item-dd-tgl dropdown-toggle" id="dropdownMenuLink2">
                                                                    
                                                                    Faculty of pre-university education
                                                                </a>

                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                            </div>
                                                        </div>
                                                                                                                                                        
                                                        <div class="header-dd__items -faculty">
                                                            <div class="header-item-dd dropdown" >
                                                                <a href="/faculty/2" class="header-dd__items-title header-item-dd-tgl dropdown-toggle" id="dropdownMenuLink2">
                                                                    
                                                                    Faculty of physics and technology
                                                                </a>

                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                            </div>
                                                        </div>
                                                                                                                                                        
                                                        <div class="header-dd__items -faculty">
                                                            <div class="header-item-dd dropdown" >
                                                                <a href="/faculty/8" class="header-dd__items-title header-item-dd-tgl dropdown-toggle" id="dropdownMenuLink2">
                                                                    
                                                                    Philological faculty
                                                                </a>

                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                            </div>
                                                        </div>
                                                                                                                                                        
                                                        <div class="header-dd__items -faculty">
                                                            <div class="header-item-dd dropdown" >
                                                                <a href="/faculty/13" class="header-dd__items-title header-item-dd-tgl dropdown-toggle" id="dropdownMenuLink2">
                                                                    
                                                                    Faculty of philosophy and political science
                                                                </a>

                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                            </div>
                                                        </div>
                                                                                                                                                        
                                                        <div class="header-dd__items -faculty">
                                                            <div class="header-item-dd dropdown" >
                                                                <a href="/faculty/9" class="header-dd__items-title header-item-dd-tgl dropdown-toggle" id="dropdownMenuLink2">
                                                                    
                                                                    International relations department
                                                                </a>

                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                            </div>
                                                        </div>
                                                                                                                                                        
                                                        <div class="header-dd__items -faculty">
                                                            <div class="header-item-dd dropdown" >
                                                                <a href="/faculty/3" class="header-dd__items-title header-item-dd-tgl dropdown-toggle" id="dropdownMenuLink2">
                                                                    
                                                                    Faculty of chemistry and chemical technology
                                                                </a>

                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                            </div>
                                                        </div>
                                                                                                                                                        
                                                        <div class="header-dd__items -faculty">
                                                            <div class="header-item-dd dropdown" >
                                                                <a href="/faculty/10" class="header-dd__items-title header-item-dd-tgl dropdown-toggle" id="dropdownMenuLink2">
                                                                    
                                                                    Faculty of oriental studies
                                                                </a>

                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                            </div>
                                                        </div>
                                                                                                                                                        
                                                        <div class="header-dd__items -faculty">
                                                            <div class="header-item-dd dropdown" >
                                                                <a href="/faculty/14" class="header-dd__items-title header-item-dd-tgl dropdown-toggle" id="dropdownMenuLink2">
                                                                    
                                                                    Higher school of economics and business
                                                                </a>

                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                            </div>
                                                        </div>
                                                                                                                                                        
                                                        <div class="header-dd__items -faculty">
                                                            <div class="header-item-dd dropdown" >
                                                                <a href="https://kaznu-mba.kz/" class="header-dd__items-title header-item-dd-tgl dropdown-toggle" id="dropdownMenuLink2">
                                                                    
                                                                    Al-Farabi business school
                                                                </a>

                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                            </div>
                                                        </div>
                                                                                                                                                        
                                                        <div class="header-dd__items -faculty">
                                                            <div class="header-item-dd dropdown" >
                                                                <a href="https://farabi.university/department/33" class="header-dd__items-title header-item-dd-tgl dropdown-toggle" id="dropdownMenuLink2">
                                                                    
                                                                    Profession-oriented school
                                                                </a>

                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                                
                                                            </div>
                                                        </div>
                                                                                                                                                                                                    <div class="header-dd__items -faculty">
                                                            <div class="header-item-dd dropdown" >
                                                                <a href="/branches" class="header-dd__items-title header-item-dd-tgl dropdown-toggle" id="dropdownMenuLink2">
                                                                Филилалы
                                                                </a>
                                                    </div>
                                                    </div>
                                                                                                                                    </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="header-dd dropdown">

                            <a href="#"
   class="header-dd-tgl dropdown-toggle"
   id="dropdownMenuLink">
   Students
</a>
                                <div class="header-dd-menu dropdown-menu" aria-labelledby="dropdownMenuLink">
                                    <div class="container">
                                        <div class="header-dd__menu">
                                                                                                                                                                                                        <div class="header-dd__items">
                                                            <a href="/students" class="header-dd__items-title">Academic issues</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="/students/officeregistrator" class="header-dd__items-title">Registrar’s Office</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="/students/inostrannym-studentam" class="header-dd__items-title">International Students</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="/students/career" class="header-dd__items-title">Career and Employment</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="/students/kampus" class="header-dd__items-title">Student life</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="https://elibrary.kaznu.kz/" class="header-dd__items-title">Library</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="/students/keremet" class="header-dd__items-title">Student Service Center «Keremet»</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="/students/military-chair" class="header-dd__items-title">Military chair</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="/students/remote-online-education" class="header-dd__items-title">Remote and online-education</a>
                                                                                                                    </div>
                                                                                                                                                                                                                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="header-dd dropdown">

                            <a href="/programs"
   class="header-dd-tgl dropdown-toggle"
   id="dropdownMenuLink">
   EDUCATIONAL PROGRAMS
</a>
                                <div class="header-dd-menu dropdown-menu" aria-labelledby="dropdownMenuLink">
                                    <div class="container">
                                        <div class="header-dd__menu">
                                                                                    </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="header-dd dropdown">

                            <a href="#"
   class="header-dd-tgl dropdown-toggle"
   id="dropdownMenuLink">
   Research
</a>
                                <div class="header-dd-menu dropdown-menu" aria-labelledby="dropdownMenuLink">
                                    <div class="container">
                                        <div class="header-dd__menu">
                                                                                                                                                                                                        <div class="header-dd__items">
                                                            <a href="/science/innovative-activity" class="header-dd__items-title">Innovative activities</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="/science/scientific-and-innovative-infrastructure" class="header-dd__items-title">Scientific and Innovative Infrastructure</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="/science/scientific-research-activity" class="header-dd__items-title">Research activities</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="/science/dissertation-advice" class="header-dd__items-title">Dissertation council</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="/science/postdok" class="header-dd__items-title">Post-Doctoral studies</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="/science/lec" class="header-dd__items-title">Local ethical committee </a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="/news?category_id=2" class="header-dd__items-title">Events</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="/commercialization" class="header-dd__items-title">Center for Technology Commercialization
</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="https://farabi.university/pages/542" class="header-dd__items-title">FARABI HUB</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="https://farabi.university/science/news-letters" class="header-dd__items-title">AL-FARABI NEWS LETTERS</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="https://farabi.university/pages/631" class="header-dd__items-title">Purchase</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="https://farabi.university/science/science-conference" class="header-dd__items-title">Сonferences</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="https://farabi.university/news/91428" class="header-dd__items-title">Agrobiostation</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="https://farabi.university/pages/688" class="header-dd__items-title">Erasmus+ Projects</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="/science/council-young-scientists" class="header-dd__items-title">Council of Young Scientists</a>
                                                                                                                    </div>
                                                                                                                                                                                                                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="header-dd dropdown">

                            <a href="/science/publications"
   class="header-dd-tgl dropdown-toggle"
   id="dropdownMenuLink">
   PUBLICATIONS
</a>
                                <div class="header-dd-menu dropdown-menu" aria-labelledby="dropdownMenuLink">
                                    <div class="container">
                                        <div class="header-dd__menu">
                                                                                    </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                                            <li>
                            <div class="header-dd dropdown">

                            <a href="#"
   class="header-dd-tgl dropdown-toggle"
   id="dropdownMenuLink">
   &gt;&gt;
</a>
                                <div class="header-dd-menu dropdown-menu" aria-labelledby="dropdownMenuLink">
                                    <div class="container">
                                        <div class="header-dd__menu">
                                                                                                                                                                                                        <div class="header-dd__items">
                                                            <a href="/academic-activity" class="header-dd__items-title">Academic activity</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="https://av.kaznu.kz" class="header-dd__items-title">Alumni</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="/parasat" class="header-dd__items-title">Parasat labor union</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="https://farabi.university/pages/16" class="header-dd__items-title">Благотворительный фонд «Парасат даму»</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="https://farabi.university/pages/166" class="header-dd__items-title">KAZNU TOEFL CENTER</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="/university/structural-divisions/40" class="header-dd__items-title">Union of KazNU women</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="/agrobiostation" class="header-dd__items-title">Agrobiostation of the Faculty of Biology and Biotechnology</a>
                                                                                                                    </div>
                                                                                                                                                                                                                <div class="header-dd__items">
                                                            <a href="https://tandem.kaznu.kz/" class="header-dd__items-title">Language tandem</a>
                                                                                                                    </div>
                                                                                                                                                                                                                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    
                </ul>
            </nav>
            <div href="#" class="header__search" title="Search" tabindex="0">
                <form action="/search" method="get" class="header__search-form">
                    <input type="search" name="search" id="" class="header__search-input text-std1" placeholder="Search...">
                    <button class="header__search-btn">
                        <svg width="20" height="20" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M22.207 20.8618L15.8667 14.5215C16.8506 13.2495 17.3828 11.6943 17.3828 10.0586C17.3828 8.10059 16.6187 6.26465 15.2368 4.88037C13.855 3.49609 12.0142 2.73438 10.0586 2.73438C8.10303 2.73438 6.26221 3.49854 4.88037 4.88037C3.49609 6.26221 2.73438 8.10059 2.73438 10.0586C2.73438 12.0142 3.49854 13.855 4.88037 15.2368C6.26221 16.6211 8.10059 17.3828 10.0586 17.3828C11.6943 17.3828 13.2471 16.8506 14.519 15.8691L20.8594 22.207C20.878 22.2256 20.9 22.2404 20.9243 22.2505C20.9486 22.2605 20.9747 22.2657 21.001 22.2657C21.0273 22.2657 21.0533 22.2605 21.0776 22.2505C21.1019 22.2404 21.124 22.2256 21.1426 22.207L22.207 21.145C22.2256 21.1264 22.2404 21.1044 22.2505 21.0801C22.2605 21.0558 22.2657 21.0297 22.2657 21.0034C22.2657 20.9771 22.2605 20.9511 22.2505 20.9268C22.2404 20.9025 22.2256 20.8804 22.207 20.8618V20.8618ZM13.9258 13.9258C12.8906 14.9585 11.5186 15.5273 10.0586 15.5273C8.59863 15.5273 7.22656 14.9585 6.19141 13.9258C5.15869 12.8906 4.58984 11.5186 4.58984 10.0586C4.58984 8.59863 5.15869 7.22412 6.19141 6.19141C7.22656 5.15869 8.59863 4.58984 10.0586 4.58984C11.5186 4.58984 12.8931 5.15625 13.9258 6.19141C14.9585 7.22656 15.5273 8.59863 15.5273 10.0586C15.5273 11.5186 14.9585 12.8931 13.9258 13.9258Z" fill="white"/>
                        </svg>
                    </button>
                </form>
                <svg class="header__search-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M21 21L16.514 16.506M19 10.5C19 12.7543 18.1045 14.9163 16.5104 16.5104C14.9163 18.1045 12.7543 19 10.5 19C8.24566 19 6.08365 18.1045 4.48959 16.5104C2.89553 14.9163 2 12.7543 2 10.5C2 8.24566 2.89553 6.08365 4.48959 4.48959C6.08365 2.89553 8.24566 2 10.5 2C12.7543 2 14.9163 2.89553 16.5104 4.48959C18.1045 6.08365 19 8.24566 19 10.5V10.5Z" stroke="white" stroke-width="2" stroke-linecap="round"/>
                </svg>
            </div>
        </div>
    </div>
    <div class="header__mobile-block">
        <div class="container">
            <div class="header__lang mobile">
                <a href="https://farabi.university/science/council-young-scientists?lang=kz" class="header__lang-items ">KK</a>
                <a href="https://farabi.university/science/council-young-scientists?lang=ru" class="header__lang-items ">RU</a>
                <a href="https://farabi.university/science/council-young-scientists?lang=en" class="header__lang-items isLangActive">EN</a>
                <a href="#" class="header__eye visually-impaired">
                    <svg class="header__eye-icon" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M17.7142 9.63484C18.1092 10.1515 18.1092 10.849 17.7142 11.3648C16.47 12.989 13.485 16.3332 9.99999 16.3332C6.51499 16.3332 3.52999 12.989 2.28582 11.3648C2.09364 11.1174 1.98932 10.8131 1.98932 10.4998C1.98932 10.1866 2.09364 9.88223 2.28582 9.63484C3.52999 8.01067 6.51499 4.6665 9.99999 4.6665C13.485 4.6665 16.47 8.01067 17.7142 9.63484V9.63484Z" stroke="#D49958" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M10 13C11.3807 13 12.5 11.8807 12.5 10.5C12.5 9.11929 11.3807 8 10 8C8.61929 8 7.5 9.11929 7.5 10.5C7.5 11.8807 8.61929 13 10 13Z" stroke="#D49958" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </a>
            </div>
            <div href="#" class="header__search">
                <form action="" class="header__search-form active">
                    <input type="search" name="" id="" class="header__search-input text-std1" placeholder="Search...">
                    <button class="header__search-btn">
                        <svg width="20" height="20" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M22.207 20.8618L15.8667 14.5215C16.8506 13.2495 17.3828 11.6943 17.3828 10.0586C17.3828 8.10059 16.6187 6.26465 15.2368 4.88037C13.855 3.49609 12.0142 2.73438 10.0586 2.73438C8.10303 2.73438 6.26221 3.49854 4.88037 4.88037C3.49609 6.26221 2.73438 8.10059 2.73438 10.0586C2.73438 12.0142 3.49854 13.855 4.88037 15.2368C6.26221 16.6211 8.10059 17.3828 10.0586 17.3828C11.6943 17.3828 13.2471 16.8506 14.519 15.8691L20.8594 22.207C20.878 22.2256 20.9 22.2404 20.9243 22.2505C20.9486 22.2605 20.9747 22.2657 21.001 22.2657C21.0273 22.2657 21.0533 22.2605 21.0776 22.2505C21.1019 22.2404 21.124 22.2256 21.1426 22.207L22.207 21.145C22.2256 21.1264 22.2404 21.1044 22.2505 21.0801C22.2605 21.0558 22.2657 21.0297 22.2657 21.0034C22.2657 20.9771 22.2605 20.9511 22.2505 20.9268C22.2404 20.9025 22.2256 20.8804 22.207 20.8618V20.8618ZM13.9258 13.9258C12.8906 14.9585 11.5186 15.5273 10.0586 15.5273C8.59863 15.5273 7.22656 14.9585 6.19141 13.9258C5.15869 12.8906 4.58984 11.5186 4.58984 10.0586C4.58984 8.59863 5.15869 7.22412 6.19141 6.19141C7.22656 5.15869 8.59863 4.58984 10.0586 4.58984C11.5186 4.58984 12.8931 5.15625 13.9258 6.19141C14.9585 7.22656 15.5273 8.59863 15.5273 10.0586C15.5273 11.5186 14.9585 12.8931 13.9258 13.9258Z" fill="white"/>
                        </svg>
                    </button>
                </form>
            </div>
            <div class="header__mobile-up">
                <nav class="header__up-menu">
                    <ul class="header__up-menu-list">
                        <li><a href="https://welcome.kaznu.kz/kz/21792/page/" class="header__up-menu-list-item">ONLINE  RECEPTION</a></li>
    <li><a href="/postupayushchim" class="header__up-menu-list-item">ADMISSIONS</a></li>
    <li><a href="" class="header__up-menu-list-item">FOR FOREIGN
APPLICANTS
</a></li>
    <li><a href="/gov-services" class="header__up-menu-list-item">GOVERNMENT SERVICES</a></li>
    <li><a href="/#footer" class="header__up-menu-list-item">CONTACTS</a></li>
    <li><a href="/vacancies" class="header__up-menu-list-item">VACANCY</a></li>
                    </ul>
                </nav>
            </div>
            <div class="header__mobile-down">
    <div class="header__mobile-accordion">
        <div class="head-acc1 accordion" id="accordionHeaderExample">
                            <div class="head-acc1-item accordion-item">
                    <h2 class="head-acc1-header accordion-header" id="heading9">
                        <a href="#">University</a>
                        <button class="head-acc1-btn accordion-button collapsed" type="button"
                                data-bs-toggle="collapse" data-bs-target="#collapse9"
                                aria-expanded="false" aria-controls="collapse9">
                        </button>
                    </h2>
                                            <div id="collapse9" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading1">

                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading9-15">
                                            <a href="/university/about">About university</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse9-15"
                                                    aria-expanded="false" aria-controls="collapse9-15">
                                            </button>
                                        </h2>
                                                                                                                                    <div id="collapse9-15" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading9-15" >
                                                    <a href="/university/licenses" class="head-acc1-body accordion-body">
                                                        Licensing and accreditation
                                                    </a>
                                                </div>
                                                                                            <div id="collapse9-15" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading9-15" >
                                                    <a href="/university/rating" class="head-acc1-body accordion-body">
                                                        Rating
                                                    </a>
                                                </div>
                                                                                            <div id="collapse9-15" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading9-15" >
                                                    <a href="https://sdg-portal.kaznu.kz" class="head-acc1-body accordion-body">
                                                        Sustainable Development Goals
                                                    </a>
                                                </div>
                                                                                                                        </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading9-16">
                                            <a href="/university/structure">University structure</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse9-16"
                                                    aria-expanded="false" aria-controls="collapse9-16">
                                            </button>
                                        </h2>
                                                                                                                                    <div id="collapse9-16" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading9-16" >
                                                    <a href="/university/structure?active_tab_order=1/#nav-tab" class="head-acc1-body accordion-body">
                                                        Board of Directors
                                                    </a>
                                                </div>
                                                                                            <div id="collapse9-16" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading9-16" >
                                                    <a href="/university/structure?active_tab_order=2/#nav-tab" class="head-acc1-body accordion-body">
                                                        Governance
                                                    </a>
                                                </div>
                                                                                            <div id="collapse9-16" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading9-16" >
                                                    <a href="/university/structure?active_tab_order=3/#nav-tab" class="head-acc1-body accordion-body">
                                                        Scientific Council
                                                    </a>
                                                </div>
                                                                                            <div id="collapse9-16" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading9-16" >
                                                    <a href="https://farabi.university/pages/630" class="head-acc1-body accordion-body">
                                                        Reception schedule
                                                    </a>
                                                </div>
                                                                                            <div id="collapse9-16" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading9-16" >
                                                    <a href="/university/academic" class="head-acc1-body accordion-body">
                                                        Scientific and methodological council
                                                    </a>
                                                </div>
                                                                                            <div id="collapse9-16" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading9-16" >
                                                    <a href="/university/republican-educational-methodical-council" class="head-acc1-body accordion-body">
                                                        The Educational and Methodological Association based on KazNU
                                                    </a>
                                                </div>
                                                                                            <div id="collapse9-16" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading9-16" >
                                                    <a href="https://ipk.kaznu.edu.kz" class="head-acc1-body accordion-body">
                                                        Institute for Advanced Studies and Additional Education
                                                    </a>
                                                </div>
                                                                                            <div id="collapse9-16" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading9-16" >
                                                    <a href="/university/structural-divisions" class="head-acc1-body accordion-body">
                                                        Structural divisions
                                                    </a>
                                                </div>
                                                                                            <div id="collapse9-16" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading9-16" >
                                                    <a href="/pages/6" class="head-acc1-body accordion-body">
                                                        KazNU representative offices abroad
                                                    </a>
                                                </div>
                                                                                                                        </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading9-17">
                                            <a href="/university/rector-main">Rector&#039;s blog</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse9-17"
                                                    aria-expanded="false" aria-controls="collapse9-17">
                                            </button>
                                        </h2>
                                                                                                                                    <div id="collapse9-17" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading9-17" >
                                                    <a href="/university/rector-autobiography" class="head-acc1-body accordion-body">
                                                        Аutobiography
                                                    </a>
                                                </div>
                                                                                            <div id="collapse9-17" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading9-17" >
                                                    <a href="/university/books?category_id=3" class="head-acc1-body accordion-body">
                                                        Scientific papers
                                                    </a>
                                                </div>
                                                                                            <div id="collapse9-17" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading9-17" >
                                                    <a href="/university/books" class="head-acc1-body accordion-body">
                                                        Books
                                                    </a>
                                                </div>
                                                                                            <div id="collapse9-17" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading9-17" >
                                                    <a href="/news?year=&amp;category_id=4" class="head-acc1-body accordion-body">
                                                        Articles
                                                    </a>
                                                </div>
                                                                                            <div id="collapse9-17" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading9-17" >
                                                    <a href="https://virtualreception.kaznu.kz/" class="head-acc1-body accordion-body">
                                                        Virtual reception
                                                    </a>
                                                </div>
                                                                                            <div id="collapse9-17" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading9-17" >
                                                    <a href="/news?year=&amp;category_id=9" class="head-acc1-body accordion-body">
                                                        Speeches
                                                    </a>
                                                </div>
                                                                                            <div id="collapse9-17" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading9-17" >
                                                    <a href="/university/press-service" class="head-acc1-body accordion-body">
                                                        Press office
                                                    </a>
                                                </div>
                                                                                                                        </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading9-18">
                                            <a href="/university/international-cooperation">International cooperation</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse9-18"
                                                    aria-expanded="false" aria-controls="collapse9-18">
                                            </button>
                                        </h2>
                                                                                                                                    <div id="collapse9-18" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading9-18" >
                                                    <a href="/university/international-agreement" class="head-acc1-body accordion-body">
                                                        Agreements
                                                    </a>
                                                </div>
                                                                                            <div id="collapse9-18" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading9-18" >
                                                    <a href="/university/international-programs" class="head-acc1-body accordion-body">
                                                        Programs
                                                    </a>
                                                </div>
                                                                                            <div id="collapse9-18" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading9-18" >
                                                    <a href="/students/inostrannym-studentam" class="head-acc1-body accordion-body">
                                                        International students
                                                    </a>
                                                </div>
                                                                                            <div id="collapse9-18" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading9-18" >
                                                    <a href="/university/inostrannym-professoram" class="head-acc1-body accordion-body">
                                                        International academic staff
                                                    </a>
                                                </div>
                                                                                            <div id="collapse9-18" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading9-18" >
                                                    <a href="/students/akademicheskaya-mobilnost" class="head-acc1-body accordion-body">
                                                        Academic mobility
                                                    </a>
                                                </div>
                                                                                                                        </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading9-20">
                                            <a href="/news">News</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse9-20"
                                                    aria-expanded="false" aria-controls="collapse9-20">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading9-234">
                                            <a href="/news?category_id=11">AI-Sana</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse9-234"
                                                    aria-expanded="false" aria-controls="collapse9-234">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                            
                                                    </div>
                        
                                    </div>
                            <div class="head-acc1-item accordion-item">
                    <h2 class="head-acc1-header accordion-header" id="heading10">
                        <a href="#">Faculties</a>
                        <button class="head-acc1-btn accordion-button collapsed" type="button"
                                data-bs-toggle="collapse" data-bs-target="#collapse10"
                                aria-expanded="false" aria-controls="collapse10">
                        </button>
                    </h2>
                                            <div id="collapse10" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading1">

                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading10-45">
                                            <a href="/faculty/27">Faculty of Information Technology and Artificial Intelligence</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse10-45"
                                                    aria-expanded="false" aria-controls="collapse10-45">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading10-30">
                                            <a href="/faculty/4">Faculty of biology and biotechnology</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse10-30"
                                                    aria-expanded="false" aria-controls="collapse10-30">
                                            </button>
                                        </h2>
                                                                                                                                    <div id="collapse10-30" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading10-30" >
                                                    <a href="" class="head-acc1-body accordion-body">
                                                        Биотехнология
                                                    </a>
                                                </div>
                                                                                            <div id="collapse10-30" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading10-30" >
                                                    <a href="" class="head-acc1-body accordion-body">
                                                        Биофизика, биомедицина и нейронаука
                                                    </a>
                                                </div>
                                                                                            <div id="collapse10-30" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading10-30" >
                                                    <a href="" class="head-acc1-body accordion-body">
                                                        Молекулярная биология и генетика
                                                    </a>
                                                </div>
                                                                                            <div id="collapse10-30" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading10-30" >
                                                    <a href="" class="head-acc1-body accordion-body">
                                                        Биоразнообразие и биоресурсы
                                                    </a>
                                                </div>
                                                                                                                        </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading10-35">
                                            <a href="/faculty/5">Faculty of geography and environmental sciences</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse10-35"
                                                    aria-expanded="false" aria-controls="collapse10-35">
                                            </button>
                                        </h2>
                                                                                                                                    <div id="collapse10-35" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading10-35" >
                                                    <a href="" class="head-acc1-body accordion-body">
                                                        География, землеустройство и кадастр
                                                    </a>
                                                </div>
                                                                                            <div id="collapse10-35" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading10-35" >
                                                    <a href="" class="head-acc1-body accordion-body">
                                                        Рекреационная география и туризм
                                                    </a>
                                                </div>
                                                                                            <div id="collapse10-35" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading10-35" >
                                                    <a href="" class="head-acc1-body accordion-body">
                                                        Картография и геоинформатика
                                                    </a>
                                                </div>
                                                                                            <div id="collapse10-35" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading10-35" >
                                                    <a href="" class="head-acc1-body accordion-body">
                                                        Метеорология и гидрология
                                                    </a>
                                                </div>
                                                                                            <div id="collapse10-35" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading10-35" >
                                                    <a href="" class="head-acc1-body accordion-body">
                                                        ЮНЕСКО по устойчивому развитию
                                                    </a>
                                                </div>
                                                                                                                        </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading10-220">
                                            <a href="/college/35">College</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse10-220"
                                                    aria-expanded="false" aria-controls="collapse10-220">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading10-32">
                                            <a href="/faculty/6">Journalism department</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse10-32"
                                                    aria-expanded="false" aria-controls="collapse10-32">
                                            </button>
                                        </h2>
                                                                                                                                    <div id="collapse10-32" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading10-32" >
                                                    <a href="" class="head-acc1-body accordion-body">
                                                        Печать и электронные СМИ
                                                    </a>
                                                </div>
                                                                                            <div id="collapse10-32" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading10-32" >
                                                    <a href="" class="head-acc1-body accordion-body">
                                                        ЮНЕСКО по  журналистике  и коммуникации
                                                    </a>
                                                </div>
                                                                                            <div id="collapse10-32" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading10-32" >
                                                    <a href="" class="head-acc1-body accordion-body">
                                                        Издательско-редакторское и дизайнерское искусства
                                                    </a>
                                                </div>
                                                                                                                        </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading10-43">
                                            <a href="/faculty/15">Faculty of law</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse10-43"
                                                    aria-expanded="false" aria-controls="collapse10-43">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading10-44">
                                            <a href="/faculty/22">Faculty of medicine and health care</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse10-44"
                                                    aria-expanded="false" aria-controls="collapse10-44">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading10-33">
                                            <a href="/faculty/1">Faculty of Mechanics and Mathematics</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse10-33"
                                                    aria-expanded="false" aria-controls="collapse10-33">
                                            </button>
                                        </h2>
                                                                                                                                    <div id="collapse10-33" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading10-33" >
                                                    <a href="/department/5" class="head-acc1-body accordion-body">
                                                        Механика
                                                    </a>
                                                </div>
                                                                                            <div id="collapse10-33" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading10-33" >
                                                    <a href="" class="head-acc1-body accordion-body">
                                                        Математика
                                                    </a>
                                                </div>
                                                                                            <div id="collapse10-33" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading10-33" >
                                                    <a href="" class="head-acc1-body accordion-body">
                                                        Математическое и компьютерное моделирование
                                                    </a>
                                                </div>
                                                                                            <div id="collapse10-33" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading10-33" >
                                                    <a href="" class="head-acc1-body accordion-body">
                                                        Вычислительные науки и статистика
                                                    </a>
                                                </div>
                                                                                                                        </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading10-37">
                                            <a href="/faculty/7">History department</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse10-37"
                                                    aria-expanded="false" aria-controls="collapse10-37">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading10-36">
                                            <a href="/faculty/17">Faculty of pre-university education</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse10-36"
                                                    aria-expanded="false" aria-controls="collapse10-36">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading10-42">
                                            <a href="/faculty/2">Faculty of physics and technology</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse10-42"
                                                    aria-expanded="false" aria-controls="collapse10-42">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading10-39">
                                            <a href="/faculty/8">Philological faculty</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse10-39"
                                                    aria-expanded="false" aria-controls="collapse10-39">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading10-40">
                                            <a href="/faculty/13">Faculty of philosophy and political science</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse10-40"
                                                    aria-expanded="false" aria-controls="collapse10-40">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading10-38">
                                            <a href="/faculty/9">International relations department</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse10-38"
                                                    aria-expanded="false" aria-controls="collapse10-38">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading10-41">
                                            <a href="/faculty/3">Faculty of chemistry and chemical technology</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse10-41"
                                                    aria-expanded="false" aria-controls="collapse10-41">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading10-34">
                                            <a href="/faculty/10">Faculty of oriental studies</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse10-34"
                                                    aria-expanded="false" aria-controls="collapse10-34">
                                            </button>
                                        </h2>
                                                                                                                                    <div id="collapse10-34" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading10-34" >
                                                    <a href="" class="head-acc1-body accordion-body">
                                                        Китаеведение
                                                    </a>
                                                </div>
                                                                                            <div id="collapse10-34" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading10-34" >
                                                    <a href="" class="head-acc1-body accordion-body">
                                                        Ближний Восток и Южная Азия
                                                    </a>
                                                </div>
                                                                                            <div id="collapse10-34" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading10-34" >
                                                    <a href="" class="head-acc1-body accordion-body">
                                                        Дальний Восток
                                                    </a>
                                                </div>
                                                                                            <div id="collapse10-34" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading10-34" >
                                                    <a href="" class="head-acc1-body accordion-body">
                                                        Тюрксой
                                                    </a>
                                                </div>
                                                                                                                        </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading10-31">
                                            <a href="/faculty/14">Higher school of economics and business</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse10-31"
                                                    aria-expanded="false" aria-controls="collapse10-31">
                                            </button>
                                        </h2>
                                                                                                                                    <div id="collapse10-31" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading10-31" >
                                                    <a href="" class="head-acc1-body accordion-body">
                                                        Финансы и учет
                                                    </a>
                                                </div>
                                                                                            <div id="collapse10-31" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading10-31" >
                                                    <a href="" class="head-acc1-body accordion-body">
                                                        Экономика
                                                    </a>
                                                </div>
                                                                                            <div id="collapse10-31" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading10-31" >
                                                    <a href="" class="head-acc1-body accordion-body">
                                                        Менеджмент
                                                    </a>
                                                </div>
                                                                                            <div id="collapse10-31" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading10-31" >
                                                    <a href="" class="head-acc1-body accordion-body">
                                                        Бизнес-технология
                                                    </a>
                                                </div>
                                                                                                                        </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading10-180">
                                            <a href="https://kaznu-mba.kz/">Al-Farabi business school</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse10-180"
                                                    aria-expanded="false" aria-controls="collapse10-180">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading10-213">
                                            <a href="https://farabi.university/department/33">Profession-oriented school</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse10-213"
                                                    aria-expanded="false" aria-controls="collapse10-213">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                            
                             
                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading10-213">
                                            <a href="/branches">Branches</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse10-213"
                                                    aria-expanded="false" aria-controls="collapse10-213">
                                            </button>
                                        </h2>
                                    </div>
                                </div>
                                                            </div>
                        
                                    </div>
                            <div class="head-acc1-item accordion-item">
                    <h2 class="head-acc1-header accordion-header" id="heading11">
                        <a href="#">Students</a>
                        <button class="head-acc1-btn accordion-button collapsed" type="button"
                                data-bs-toggle="collapse" data-bs-target="#collapse11"
                                aria-expanded="false" aria-controls="collapse11">
                        </button>
                    </h2>
                                            <div id="collapse11" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading1">

                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading11-143">
                                            <a href="/students">Academic issues</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse11-143"
                                                    aria-expanded="false" aria-controls="collapse11-143">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading11-188">
                                            <a href="/students/officeregistrator">Registrar’s Office</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse11-188"
                                                    aria-expanded="false" aria-controls="collapse11-188">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading11-156">
                                            <a href="/students/inostrannym-studentam">International Students</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse11-156"
                                                    aria-expanded="false" aria-controls="collapse11-156">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading11-172">
                                            <a href="/students/career">Career and Employment</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse11-172"
                                                    aria-expanded="false" aria-controls="collapse11-172">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading11-194">
                                            <a href="/students/kampus">Student life</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse11-194"
                                                    aria-expanded="false" aria-controls="collapse11-194">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading11-157">
                                            <a href="https://elibrary.kaznu.kz/">Library</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse11-157"
                                                    aria-expanded="false" aria-controls="collapse11-157">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading11-171">
                                            <a href="/students/keremet">Student Service Center «Keremet»</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse11-171"
                                                    aria-expanded="false" aria-controls="collapse11-171">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading11-204">
                                            <a href="/students/military-chair">Military chair</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse11-204"
                                                    aria-expanded="false" aria-controls="collapse11-204">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading11-205">
                                            <a href="/students/remote-online-education">Remote and online-education</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse11-205"
                                                    aria-expanded="false" aria-controls="collapse11-205">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                            
                                                    </div>
                        
                                    </div>
                            <div class="head-acc1-item accordion-item">
                    <h2 class="head-acc1-header accordion-header" id="heading212">
                        <a href="#">EDUCATIONAL PROGRAMS</a>
                        <button class="head-acc1-btn accordion-button collapsed" type="button"
                                data-bs-toggle="collapse" data-bs-target="#collapse212"
                                aria-expanded="false" aria-controls="collapse212">
                        </button>
                    </h2>
                                    </div>
                            <div class="head-acc1-item accordion-item">
                    <h2 class="head-acc1-header accordion-header" id="heading147">
                        <a href="#">Research</a>
                        <button class="head-acc1-btn accordion-button collapsed" type="button"
                                data-bs-toggle="collapse" data-bs-target="#collapse147"
                                aria-expanded="false" aria-controls="collapse147">
                        </button>
                    </h2>
                                            <div id="collapse147" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading1">

                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading147-182">
                                            <a href="/science/innovative-activity">Innovative activities</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse147-182"
                                                    aria-expanded="false" aria-controls="collapse147-182">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading147-183">
                                            <a href="/science/scientific-and-innovative-infrastructure">Scientific and Innovative Infrastructure</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse147-183"
                                                    aria-expanded="false" aria-controls="collapse147-183">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading147-184">
                                            <a href="/science/scientific-research-activity">Research activities</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse147-184"
                                                    aria-expanded="false" aria-controls="collapse147-184">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading147-185">
                                            <a href="/science/dissertation-advice">Dissertation council</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse147-185"
                                                    aria-expanded="false" aria-controls="collapse147-185">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading147-186">
                                            <a href="/science/postdok">Post-Doctoral studies</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse147-186"
                                                    aria-expanded="false" aria-controls="collapse147-186">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading147-207">
                                            <a href="/science/lec">Local ethical committee </a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse147-207"
                                                    aria-expanded="false" aria-controls="collapse147-207">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading147-187">
                                            <a href="/news?category_id=2">Events</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse147-187"
                                                    aria-expanded="false" aria-controls="collapse147-187">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading147-216">
                                            <a href="/commercialization">Center for Technology Commercialization
</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse147-216"
                                                    aria-expanded="false" aria-controls="collapse147-216">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading147-224">
                                            <a href="https://farabi.university/pages/542">FARABI HUB</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse147-224"
                                                    aria-expanded="false" aria-controls="collapse147-224">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading147-229">
                                            <a href="https://farabi.university/science/news-letters">AL-FARABI NEWS LETTERS</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse147-229"
                                                    aria-expanded="false" aria-controls="collapse147-229">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading147-231">
                                            <a href="https://farabi.university/pages/631">Purchase</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse147-231"
                                                    aria-expanded="false" aria-controls="collapse147-231">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading147-232">
                                            <a href="https://farabi.university/science/science-conference">Сonferences</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse147-232"
                                                    aria-expanded="false" aria-controls="collapse147-232">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading147-233">
                                            <a href="https://farabi.university/news/91428">Agrobiostation</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse147-233"
                                                    aria-expanded="false" aria-controls="collapse147-233">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading147-236">
                                            <a href="https://farabi.university/pages/688">Erasmus+ Projects</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse147-236"
                                                    aria-expanded="false" aria-controls="collapse147-236">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading147-238">
                                            <a href="/science/council-young-scientists">Council of Young Scientists</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse147-238"
                                                    aria-expanded="false" aria-controls="collapse147-238">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                            
                                                    </div>
                        
                                    </div>
                            <div class="head-acc1-item accordion-item">
                    <h2 class="head-acc1-header accordion-header" id="heading235">
                        <a href="#">PUBLICATIONS</a>
                        <button class="head-acc1-btn accordion-button collapsed" type="button"
                                data-bs-toggle="collapse" data-bs-target="#collapse235"
                                aria-expanded="false" aria-controls="collapse235">
                        </button>
                    </h2>
                                    </div>
                            <div class="head-acc1-item accordion-item">
                    <h2 class="head-acc1-header accordion-header" id="heading14">
                        <a href="#">&gt;&gt;</a>
                        <button class="head-acc1-btn accordion-button collapsed" type="button"
                                data-bs-toggle="collapse" data-bs-target="#collapse14"
                                aria-expanded="false" aria-controls="collapse14">
                        </button>
                    </h2>
                                            <div id="collapse14" class="head-acc1-clps accordion-collapse collapse" aria-labelledby="heading1">

                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading14-209">
                                            <a href="/academic-activity">Academic activity</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse14-209"
                                                    aria-expanded="false" aria-controls="collapse14-209">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading14-74">
                                            <a href="https://av.kaznu.kz">Alumni</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse14-74"
                                                    aria-expanded="false" aria-controls="collapse14-74">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading14-164">
                                            <a href="/parasat">Parasat labor union</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse14-164"
                                                    aria-expanded="false" aria-controls="collapse14-164">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading14-203">
                                            <a href="https://farabi.university/pages/16">Благотворительный фонд «Парасат даму»</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse14-203"
                                                    aria-expanded="false" aria-controls="collapse14-203">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading14-210">
                                            <a href="https://farabi.university/pages/166">KAZNU TOEFL CENTER</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse14-210"
                                                    aria-expanded="false" aria-controls="collapse14-210">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading14-214">
                                            <a href="/university/structural-divisions/40">Union of KazNU women</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse14-214"
                                                    aria-expanded="false" aria-controls="collapse14-214">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading14-215">
                                            <a href="/agrobiostation">Agrobiostation of the Faculty of Biology and Biotechnology</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse14-215"
                                                    aria-expanded="false" aria-controls="collapse14-215">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                                                            <div class="head-acc1-body accordion-body">
                                    <div class="head-acc1-item accordion-item">
                                        <h2 class="head-acc1-header accordion-header" id="heading14-225">
                                            <a href="https://tandem.kaznu.kz/">Language tandem</a>
                                            <button class="head-acc1-btn accordion-button collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapse14-225"
                                                    aria-expanded="false" aria-controls="collapse14-225">
                                            </button>
                                        </h2>
                                                                            </div>
                                </div>
                            
                                                    </div>
                        
                                    </div>
                    </div>
    </div>
</div>
        </div>

    </div>
    <div class="header__burger">
        <span></span>
    </div>
</header>
<main class="wrapper">
        <section class="faculty-main std1-main">
    <div class="container">
        <div class="section__header">
            <ul class="faculty-main__path main-section__path">
                                    <li><a href="/" class="text-std1">Main</a></li>
                                    <li><a href="#" class="text-std1">Science</a></li>
                                    <li><a href="#" class="text-std1">Совет молодых учёных</a></li>
                            </ul>
        </div>
        <div class="section__body">
            <div class="faculty-main__content">
                <div class="faculty-main__titles">
                    <h1 class="faculty-main__title -big-title">
                        Совет молодых учёных
                    </h1>
                    <h4 class="faculty-main__subtitle text-std1">
                        Совет молодых учёных Казахского национального университета имени аль-Фараби
                    </h4>
                </div>
                <div class="faculty-main__boss">
                    <div class="faculty-main__boss-img">
                                                    <img src="https://www.kindpng.com/picc/m/24-248253_user-profile-default-image-png-clipart-png-download.png" alt="">
                                            </div>
                    <div class="faculty-main__boss-info">
                        <div class="faculty-main__boss-info-header">
                            <h4 class="faculty-main__boss-category text-std1"></h4>
                            <h4 class="faculty-main__boss-name text-std1"></h4>
                        </div>
                        <div class="faculty-main__boss-info-body">
                            <a href="#" class="faculty-main__boss-phone text-std1"></a>
                            <h4 class="faculty-main__boss-address text-std1"></h4>
                        </div>
                        <div class="faculty-main__boss-info-footer">
                            <a href="" class="faculty-main__boss-address-link text-std1">
                                Show in<img src="/front/assets/img/icons/ic-logo-2gis.png" alt="">
                            </a>
                        </div>
                    </div>
                </div>
                            </div>
            <div class="faculty-main__video main-section__right-frame">
                <div class="faculty-main__video-block main-section__right-frame-block">
                    <img  src="#"  alt="">
                                    </div>
                            </div>
        </div>
    </div>
</section>
    <section class="faculty__info" id="faculty__info">
        <div class="container">
            <div class="section__header">
                <div class="faculty__info-tabs">
                    <nav>
                        <div class="tab1 nav nav-tabs mb-3" id="nav-tab" role="tablist">
                            <!-- 1. Главная страница / Басты бет -->
                            <button
                                class="tab1-link nav-link active"
                                id="nav-home-tab" data-bs-toggle="tab" data-bs-target="#nav-home" type="button"
                                role="tab" aria-controls="nav-home" aria-selected="true"
                                onclick="saveToSession('nav-home-tab', 1)">
                                Main Page
                            </button>

                            <!-- 2. О Совете / Біз туралы -->
                            <button
                                class="tab1-link nav-link "
                                id="nav-about-tab" data-bs-toggle="tab" data-bs-target="#nav-about" type="button"
                                role="tab" aria-controls="nav-about" aria-selected="false"
                                onclick="saveToSession('nav-about-tab', 2)">
                                About Council
                            </button>

                            <!-- 3. Деятельность и проекты / Қызмет және жобалар -->
                            <button
                                class="tab1-link nav-link "
                                id="nav-activity-tab" data-bs-toggle="tab" data-bs-target="#nav-activity" type="button"
                                role="tab" aria-controls="nav-activity" aria-selected="false"
                                onclick="saveToSession('nav-activity-tab', 3)">
                                Activities and Projects
                            </button>

                            <!-- 4. Новости и события / Жаңалықтар мен іс-шаралар -->
                            <button
                                class="tab1-link nav-link "
                                id="nav-news-tab" data-bs-toggle="tab" data-bs-target="#nav-news" type="button"
                                role="tab" aria-controls="nav-news" aria-selected="false"
                                onclick="saveToSession('nav-news-tab', 4)">
                                News and Events
                            </button>

                            <!-- 5. Возможности / Мүмкіндіктер -->
                            <button
                                class="tab1-link nav-link "
                                id="nav-opportunities-tab" data-bs-toggle="tab" data-bs-target="#nav-opportunities"
                                type="button" role="tab" aria-controls="nav-opportunities" aria-selected="false"
                                onclick="saveToSession('nav-opportunities-tab', 5)">
                                Opportunities
                            </button>

                            <!-- 6. Партнёры / Серіктестер -->
                            <button
                                class="tab1-link nav-link "
                                id="nav-partners-tab" data-bs-toggle="tab" data-bs-target="#nav-partners" type="button"
                                role="tab" aria-controls="nav-partners" aria-selected="false"
                                onclick="saveToSession('nav-partners-tab', 6)">
                                Partners
                            </button>

                            <!-- 7. Контакты / Байланыс -->
                            <button
                                class="tab1-link nav-link "
                                id="nav-contacts-tab" data-bs-toggle="tab" data-bs-target="#nav-contacts" type="button"
                                role="tab" aria-controls="nav-contacts" aria-selected="false"
                                onclick="saveToSession('nav-contacts-tab', 7)">
                                Contacts
                            </button>
                        </div>
                    </nav>
                </div>
            </div>

            <div class="section__body">
                <div class="tab-content" id="nav-tabContent">
                    <!-- 1. Главная страница / Басты бет -->
                    <div class="tab1-pane tab-pane fade active show"
                        id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
                        <div class="faculty__info-block">
                            <h1 class="faculty__info-block-title -big-title">Main Page</h1>
                            <div class="faculty__info-block-text">

                                                                    <div class="container-fluid no-focus-outline">
                                        <div class="row no-focus-outline">
                                            <div class="col s12 no-focus-outline">
                                                <div class="item acesyri-main no-focus-outline" tabindex="0">
                                                                                                                                                                    <img alt="Council of Young Scientists"
                                                            src="https://farabi.university/storage/council/3364125668695b8928c7996605930355_hero.png"
                                                            style="width: 100%; height: 100%; object-fit: cover;">
                                                                                                        <div class="item_text no-focus-outline" tabindex="0">
                                                                                                                    <p tabindex="0">Council of Young Scientists <br></p>
                                                                                                                                                                            <span><p>The Council of Young Scientists is pleased to welcome you to its page!<br>If you are starting your scientific career and need help, this page is for you.</p></span>
                                                                                                            </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                
                                                                    <div class="row block-serv no-focus-outline">
                                        <div class="col s12 title no-focus-outline">
                                            Council of Young Scientists offers:
                                        </div>
                                        <div class="serv-wrapper no-focus-outline" tabindex="0">
                                                                                                                                                                                </div>
                                    </div>
                                




                                                                    <h2>Council of Young Scientists</h2>
                                                                                                    <p>The Council of Young Scientists is pleased to welcome you to its page! If you are starting your scientific career and need help, this page is for you.</p>
                                                            </div>
                        </div>

                                                    <div class="faculty__info-block">
                                <h1 class="faculty__info-block-title -big-title">Opportunities</h1>
                                <div class="faculty__info-block-text">
                                                                            <div style="margin-bottom: 30px;">
                                                                                            <img src="/storage/council/3664206806692f3be6127bf422310126_macos.jpeg"
                                                    alt="Information support"
                                                    style="max-width: 100px; margin-bottom: 15px;">
                                                                                        <h3>Information support</h3>
                                            <p><p>We will select literature for you that will help you conduct both fundamental and applied research more effectively.</p></p>
                                        </div>
                                    
                                                                            <div style="margin-bottom: 30px;">
                                                                                            <img src="/storage/council/3781775140692f3be615267493100977_macos.jpeg"
                                                    alt="Consultations"
                                                    style="max-width: 100px; margin-bottom: 15px;">
                                                                                        <h3>Consultations</h3>
                                            <p><p>We will help you apply for annual republican scientific scholarships and awards.</p></p>
                                        </div>
                                    
                                                                            <div style="margin-bottom: 30px;">
                                                                                            <img src="/storage/council/3100457946692f3be61552b974481579_macos.jpeg"
                                                    alt="Realization of your ideas"
                                                    style="max-width: 100px; margin-bottom: 15px;">
                                                                                        <h3>Realization of your ideas</h3>
                                            <p><p>Do you have an idea how to improve the life of our university? Contact us and together we will find a way to bring your ideas to life.</p></p>
                                        </div>
                                    
                                                                            <div style="margin-bottom: 30px;">
                                                                                            <img src="/storage/council/2153812873692f3be61578e015195596_macos.jpeg"
                                                    alt="Solving important issues"
                                                    style="max-width: 100px; margin-bottom: 15px;">
                                                                                        <h3>Solving important issues</h3>
                                            <p><p>The Council of Young Scientists protects the interests of young scientists in professional and social spheres.</p></p>
                                        </div>
                                                                    </div>
                            </div>
                        
                                            </div>

                    <!-- 2. О Совете / Біз туралы -->
                    <div class="tab1-pane tab-pane fade "
                        id="nav-about" role="tabpanel" aria-labelledby="nav-about-tab">
                        <div class="faculty__info-block">
                            <h1 class="faculty__info-block-title -big-title">About Council</h1>
                            <div class="faculty__info-block-text">
                                                                    <p>История, миссия, структура, регламент, правила, положения, руководство, председатели.
                                    </p>
                                    <p class="text-muted">Контент будет добавлен в ближайшее время.</p>
                                                            </div>
                        </div>
                    </div>

                    <!-- 3. Деятельность и проекты / Қызмет және жобалар -->
                    <div class="tab1-pane tab-pane fade "
                        id="nav-activity" role="tabpanel" aria-labelledby="nav-activity-tab">
                        <div class="faculty__info-block">
                            <h1 class="faculty__info-block-title -big-title">Activities and Projects</h1>
                            <div class="faculty__info-block-text">
                                                                    <div class="section__body">
    <div class="tab-content" id="nav-tabContent">
        <div class="tab1-pane tab-pane fade active show" id="nav-international" role="tabpanel" aria-labelledby="nav-international-tab">
            <div class="science__info-tab-content">
                <div class="science__info-tab-left">
                    <div class="tab-content" id="nav-tabContent">
                        <div class="tab2-pane tab-pane fade active show" id="nav-achievement" role="tabpanel" aria-labelledby="nav-achievement-tab">
                            <div class="std2__info-tab-text" style="max-height:none">
                                                                <div class="accordin-item-container">
                                                                                                                                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
                                                            </div>
                        </div>
                    </div>

                    <!-- 4. Новости и события / Жаңалықтар мен іс-шаралар -->
                    <div class="tab1-pane tab-pane fade "
                        id="nav-news" role="tabpanel" aria-labelledby="nav-news-tab">
                                                    <div class="faculty-news">
        <!--<div class="section__header">
        <h2 class="-big-title">Faculty News</h2>
    </div>-->
        <div class="section__body">
        <div class="faculty-news__card">
                        
        </div>
        <div class="page__pagination">
            
        </div>
    </div>
</div>


                                            </div>

                    <!-- 5. Возможности / Мүмкіндіктер -->
                    <div class="tab1-pane tab-pane fade "
                        id="nav-opportunities" role="tabpanel" aria-labelledby="nav-opportunities-tab">
                        <div class="faculty__info-block">
                            <h1 class="faculty__info-block-title -big-title">Opportunities</h1>
                            <div class="faculty__info-block-text">
                                                                    <div class="section__body">
    <div class="tab-content" id="nav-tabContent">
        <div class="tab1-pane tab-pane fade active show" id="nav-international" role="tabpanel" aria-labelledby="nav-international-tab">
            <div class="science__info-tab-content">
                <div class="science__info-tab-left">
                    <div class="tab-content" id="nav-tabContent">
                        <div class="tab2-pane tab-pane fade active show" id="nav-achievement" role="tabpanel" aria-labelledby="nav-achievement-tab">
                            <div class="std2__info-tab-text" style="max-height:none">
                                                                <div class="accordin-item-container">
                                                                                                                                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
                                                            </div>
                        </div>
                    </div>

                    <!-- 6. Партнёры / Серіктестер -->
                    <div class="tab1-pane tab-pane fade "
                        id="nav-partners" role="tabpanel" aria-labelledby="nav-partners-tab">
                        <div class="faculty__info-block">
                            <h1 class="faculty__info-block-title -big-title">Partners</h1>
                            <div class="faculty__info-block-text">
                                                                    <div class="section__body">
    <div class="tab-content" id="nav-tabContent">
        <div class="tab1-pane tab-pane fade active show" id="nav-international" role="tabpanel" aria-labelledby="nav-international-tab">
            <div class="science__info-tab-content">
                <div class="science__info-tab-left">
                    <div class="tab-content" id="nav-tabContent">
                        <div class="tab2-pane tab-pane fade active show" id="nav-achievement" role="tabpanel" aria-labelledby="nav-achievement-tab">
                            <div class="std2__info-tab-text" style="max-height:none">
                                                                <div class="accordin-item-container">
                                                                                                                                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
                                                            </div>
                        </div>
                    </div>

                    <!-- 7. Контакты / Байланыс -->
                    <div class="tab1-pane tab-pane fade "
                        id="nav-contacts" role="tabpanel" aria-labelledby="nav-contacts-tab">
                        <div class="faculty__info-block">
                            <h1 class="faculty__info-block-title -big-title">Contacts</h1>
                            <div class="faculty__info-block-text">
                                <p>Адрес, e-mail, телефон, социальные сети, карта, форма обратной связи.</p>
                                                                    <div>
                                                                                    <p><strong>Телефон:</strong> <a
                                                    href="tel:+7 (1111727) 377-33-33">+7 (1111727) 377-33-33</a>
                                            </p>
                                                                                                                            <p><strong>E-mail:</strong> <a
                                                    href="mailto:1231231council@kaznu.kz">1231231council@kaznu.kz</a>
                                            </p>
                                                                                                                            <p><strong>Адрес:</strong>
                                                Almaty, Al-Farabi ave., 71</p>
                                                                            </div>
                                                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div class="line-orange">
        <div class="container">
            <div class="line-orange-hr"></div>
        </div>
    </div>

                
</main>
<!-- Footer -->
<footer class="footer" id="footer">
    <div class="container">

        <div class="info-container">
            <div class="info-item">
                                    <p>If you encounter any cases of corruption at our University, please report through the following:</p>
                    <ul>
                        <li>hotline: <a href="tel:+77273773333">+7 (727) 377-33-33</a>, ext. 1500</li>
                        <li>via the «Trust Boxes» located at the University</li>
                        <li>via e-mail: <a href="mailto:antikor@kaznu.edu.kz">antikor@kaznu.edu.kz</a></li>
                        <li>via mail: Almaty, 71 Al-Farabi Ave., Administrative building, 11th floor, office 1104</li>
                    </ul>
                            </div>
        </div>


        <div class="footer__logo">
            <a href="#" class="footer__logo-img">
                
                <img src="/front/assets/img/icons/logonew1.png" alt="KazNU logo" class="">
                <span>Farabi University</span>


            </a>
        </div>
        <div class="footer__card">
            <div class="footer__card-items">
                <h2 class="footer__card-title">Contact Center</h2>
                <p class="footer__card-text"><a href="tel:+7 (727) 377-33-30">+7 (727) 377-33-30</a></p>
            </div>
            <div class="footer__card-items">
                <h2 class="footer__card-title">Admission сommittee</h2>
                <p class="footer__card-text"><a href="tel:+7 (727) 377-33-30">+7 (727) 377-33-30</a></p>
            </div>
            <div class="footer__card-items">
                <h2 class="footer__card-title">Social media</h2>
                <ul class="footer__card-social">
        <li>
        <a href="https://t.me/kaznu34">
            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-telegram" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z"/> </svg>
        </a>
    </li>
        <li>
        <a href="https://www.tiktok.com/@farabiuniversity?_t=8bBG2IrPVeI&amp;_r=1">
            <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1720_21788)"> <path d="M30 15C30 6.71573 23.2843 0 15 0C6.71573 0 0 6.71573 0 15C0 23.2843 6.71573 30 15 30C23.2843 30 30 23.2843 30 15Z" fill="#485BFF"/> <path d="M22.4651 10.0403C21.5364 10.0403 20.6455 9.67048 19.9886 9.01205C19.3317 8.35363 18.9625 7.46049 18.9625 6.52912C18.9625 6.46484 18.9666 6.39188 18.9714 6.30622C18.9722 6.29281 18.973 6.279 18.9737 6.26491C18.9793 6.16517 18.9847 6.05263 18.9821 5.94115C18.9772 5.73341 18.9446 5.45622 18.7558 5.26705C18.5731 5.08396 18.2932 5.03194 18.0756 5.01249C17.9009 4.99686 17.714 4.99951 17.5688 5.00159C17.5251 5.00221 17.4852 5.00274 17.4505 5.00274C17.4158 5.00274 17.3763 5.00221 17.3333 5.00159C17.1918 4.99951 17.0132 4.9969 16.8469 5.01259C16.6359 5.03252 16.3711 5.08613 16.1905 5.26705C16.0018 5.45622 15.9692 5.73341 15.9643 5.94115C15.9617 6.05263 15.9671 6.16517 15.9727 6.26491C15.9734 6.279 15.9742 6.29276 15.975 6.30622C15.9798 6.39188 15.9839 6.46484 15.9839 6.52912V19.0373C15.9839 19.7318 15.7784 20.4107 15.3935 20.9882C15.0085 21.5656 14.4614 22.0155 13.8215 22.2812C13.1815 22.5469 12.4773 22.6164 11.798 22.4809C11.1187 22.3455 10.4945 22.0112 10.0047 21.5202C9.51477 21.0292 9.18108 20.4035 9.04591 19.7223C8.91069 19.0411 8.98008 18.3351 9.24526 17.6934C9.51043 17.0518 9.95946 16.5034 10.5355 16.1177C11.1115 15.7319 11.7886 15.5261 12.4812 15.5261C12.5374 15.5261 12.5993 15.5284 12.6703 15.5311C12.6971 15.5321 12.7251 15.5332 12.7546 15.5341C12.8581 15.5376 12.9738 15.5401 13.0887 15.5344C13.3017 15.5238 13.5834 15.4838 13.7703 15.2965C13.957 15.1094 13.9955 14.8327 14.0045 14.6226C14.0094 14.5098 14.0062 14.3962 14.0021 14.2947C14.0012 14.2702 14.0001 14.2466 13.9992 14.224C13.996 14.1491 13.9932 14.0841 13.9932 14.0254C13.9932 14.0089 13.9932 13.9917 13.9933 13.9739C13.9937 13.8201 13.9942 13.6201 13.9686 13.4294C13.9408 13.222 13.8767 12.9749 13.7022 12.8C13.5229 12.6202 13.27 12.5673 13.0646 12.5485C12.9113 12.5346 12.744 12.5377 12.6085 12.5402C12.5616 12.5411 12.5186 12.5419 12.4812 12.5419C11.1992 12.5419 9.9461 12.9229 8.88024 13.6367C7.81443 14.3505 6.98378 15.3649 6.49329 16.5518C6.0028 17.7386 5.87449 19.0444 6.12451 20.3043C6.37458 21.5642 6.99174 22.7215 7.89811 23.6299C8.80452 24.5384 9.95937 25.1571 11.2167 25.4077C12.4741 25.6584 13.7773 25.5298 14.9617 25.0381C16.146 24.5464 17.1582 23.7138 17.8703 22.6456C18.5824 21.5775 18.9625 20.3218 18.9625 19.0373V11.9968C20.0026 12.672 21.2197 13.0311 22.4658 13.0245C22.5317 13.0245 22.6066 13.0292 22.695 13.0347C22.7047 13.0353 22.7145 13.0359 22.7246 13.0366C22.8222 13.0426 22.9327 13.0489 23.0421 13.047C23.247 13.0435 23.5198 13.0123 23.7089 12.8228C23.8868 12.6444 23.9487 12.3753 23.9755 12.1584C24.0008 11.9543 24.0003 11.7408 23.9999 11.5838C23.9999 11.5659 23.9998 11.5487 23.9998 11.5324C23.9998 11.5159 23.9999 11.4988 23.9999 11.4809C24.0003 11.327 24.0008 11.1263 23.9752 10.9351C23.9475 10.7272 23.8835 10.4791 23.7089 10.304C23.5291 10.1239 23.2697 10.0698 23.0609 10.0499C22.8982 10.0343 22.7228 10.0369 22.5829 10.039C22.5398 10.0396 22.5001 10.0403 22.4651 10.0403Z" fill="white"/> </g> <defs> <clipPath id="clip0_1720_21788"> <rect width="30" height="30" fill="white"/> </clipPath> </defs> </svg>
        </a>
    </li>
        <li>
        <a href="https://vk.com/farabiuniversity">
            <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15 30C23.2843 30 30 23.2843 30 15C30 6.71573 23.2843 0 15 0C6.71573 0 0 6.71573 0 15C0 23.2843 6.71573 30 15 30Z" fill="#485BFF"/> <path d="M13.4846 10H15.6234V20.6954H15.6198C13.4178 20.6954 10.9974 19.3576 9.28113 16.8932C6.70411 13.2811 6 10.551 6 10.0018M24 20.6964C24 20.6964 23.222 19.0559 21.643 17.2516C20.5904 16.0177 19.1082 15.3505 17.7599 15.3505C19.1082 15.3505 20.5904 14.6816 21.643 13.4494C23.222 11.6434 24 10.0028 24 10.0028M17.7603 15.3522H15.6198" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
        </a>
    </li>
        <li>
        <a href="https://youtube.com/channel/UCr6RCYKPPbHFKwOmqZXBi2w">
            <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">                                 <rect width="30" height="30" rx="15" fill="#485BFF"></rect>                                 <g clip-path="url(#clip0_121_60)">                                     <path d="M25.9374 10.2188C25.8117 9.77041 25.5669 9.36445 25.2289 9.04408C24.8813 8.71385 24.4554 8.47764 23.9912 8.35773C22.2541 7.89985 15.2944 7.89985 15.2944 7.89985C12.3929 7.86684 9.49223 8.01203 6.60861 8.3346C6.14444 8.46337 5.71928 8.70487 5.37096 9.0376C5.02871 9.3669 4.78081 9.77298 4.65131 10.2179C4.34023 11.8938 4.18908 13.5954 4.19991 15.2999C4.18881 17.0028 4.33959 18.7039 4.65131 20.3818C4.77804 20.8249 5.02501 21.2291 5.36819 21.5556C5.71136 21.8822 6.13871 22.118 6.60861 22.2429C8.36889 22.6999 15.2944 22.6999 15.2944 22.6999C18.1995 22.7329 21.1039 22.5877 23.9912 22.2651C24.4554 22.1452 24.8813 21.909 25.2289 21.5788C25.5667 21.2584 25.8113 20.8524 25.9365 20.404C26.2557 18.7288 26.4109 17.0264 26.3999 15.3211C26.4239 13.6086 26.2689 11.8982 25.9374 10.2179V10.2188ZM13.0818 18.4671V12.1336L18.8723 15.3008L13.0818 18.4671Z" fill="#FFFFFE"></path>                                 </g>                                 <defs>                                     <clipPath id="clip0_121_60">                                         <rect width="22.2" height="22.2" fill="white" transform="translate(4.20001 4.19995)"></rect>                                     </clipPath>                                 </defs>                             </svg>
        </a>
    </li>
        <li>
        <a href="https://instagram.com/farabi_university?igshid=NmNmNjAwNzg=">
            <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="30" height="30" rx="15" fill="#485BFF"></rect> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.9185 5.15925C11.9742 5.11065 12.3108 5.09985 15 5.09985C17.6892 5.09985 18.0258 5.11155 19.0806 5.15925C20.1354 5.20695 20.8554 5.37525 21.4854 5.61915C22.1451 5.86845 22.7436 6.25815 23.2386 6.76215C23.7426 7.25625 24.1314 7.85385 24.3798 8.51445C24.6246 9.14445 24.792 9.86445 24.8406 10.9175C24.8892 11.975 24.9 12.3116 24.9 14.9999C24.9 17.6891 24.8883 18.0257 24.8406 19.0814C24.7929 20.1344 24.6246 20.8544 24.3798 21.4844C24.1314 22.145 23.742 22.7436 23.2386 23.2385C22.7436 23.7425 22.1451 24.1313 21.4854 24.3797C20.8554 24.6245 20.1354 24.7919 19.0824 24.8405C18.0258 24.8891 17.6892 24.8999 15 24.8999C12.3108 24.8999 11.9742 24.8882 10.9185 24.8405C9.86551 24.7928 9.14551 24.6245 8.51551 24.3797C7.85484 24.1312 7.25624 23.7418 6.76141 23.2385C6.25775 22.7441 5.86799 22.1458 5.61931 21.4853C5.37541 20.8553 5.20801 20.1353 5.15941 19.0823C5.11081 18.0248 5.10001 17.6882 5.10001 14.9999C5.10001 12.3107 5.11171 11.9741 5.15941 10.9193C5.20711 9.86445 5.37541 9.14445 5.61931 8.51445C5.86836 7.85393 6.25841 7.25564 6.76231 6.76125C7.25644 6.2577 7.85443 5.86795 8.51461 5.61915C9.14461 5.37525 9.86461 5.20785 10.9176 5.15925H10.9185ZM19.0005 6.94125C17.9565 6.89355 17.6433 6.88365 15 6.88365C12.3567 6.88365 12.0435 6.89355 10.9995 6.94125C10.0338 6.98535 9.51001 7.14645 9.16081 7.28235C8.69911 7.46235 8.36881 7.67565 8.02231 8.02215C7.69385 8.3417 7.44107 8.73071 7.28251 9.16065C7.14661 9.50985 6.98551 10.0337 6.94141 10.9994C6.89371 12.0434 6.88381 12.3566 6.88381 14.9999C6.88381 17.6432 6.89371 17.9564 6.94141 19.0004C6.98551 19.9661 7.14661 20.4899 7.28251 20.8391C7.44091 21.2684 7.69381 21.6581 8.02231 21.9776C8.34181 22.3061 8.73151 22.559 9.16081 22.7174C9.51001 22.8533 10.0338 23.0144 10.9995 23.0585C12.0435 23.1062 12.3558 23.1161 15 23.1161C17.6442 23.1161 17.9565 23.1062 19.0005 23.0585C19.9662 23.0144 20.49 22.8533 20.8392 22.7174C21.3009 22.5374 21.6312 22.3241 21.9777 21.9776C22.3062 21.6581 22.5591 21.2684 22.7175 20.8391C22.8534 20.4899 23.0145 19.9661 23.0586 19.0004C23.1063 17.9564 23.1162 17.6432 23.1162 14.9999C23.1162 12.3566 23.1063 12.0434 23.0586 10.9994C23.0145 10.0337 22.8534 9.50985 22.7175 9.16065C22.5375 8.69895 22.3242 8.36865 21.9777 8.02215C21.6581 7.69372 21.2691 7.44094 20.8392 7.28235C20.49 7.14645 19.9662 6.98535 19.0005 6.94125ZM13.7355 18.0518C14.4417 18.3457 15.228 18.3854 15.9602 18.164C16.6924 17.9426 17.3251 17.4739 17.7501 16.8379C18.1751 16.2019 18.3661 15.438 18.2905 14.6768C18.2148 13.9157 17.8773 13.2043 17.3355 12.6644C16.9901 12.3192 16.5725 12.0549 16.1127 11.8905C15.6529 11.7261 15.1624 11.6657 14.6765 11.7136C14.1905 11.7615 13.7212 11.9166 13.3024 12.1677C12.8836 12.4187 12.5257 12.7595 12.2544 13.1655C11.9831 13.5715 11.8052 14.0326 11.7335 14.5156C11.6618 14.9986 11.698 15.4915 11.8397 15.9588C11.9813 16.4261 12.2248 16.8562 12.5527 17.2181C12.8805 17.58 13.2844 17.8647 13.7355 18.0518ZM11.4018 11.4017C11.8743 10.9291 12.4353 10.5543 13.0527 10.2986C13.6701 10.0429 14.3318 9.91123 15 9.91123C15.6683 9.91123 16.33 10.0429 16.9473 10.2986C17.5647 10.5543 18.1257 10.9291 18.5982 11.4017C19.0707 11.8742 19.4456 12.4351 19.7013 13.0525C19.957 13.6699 20.0886 14.3316 20.0886 14.9999C20.0886 15.6681 19.957 16.3298 19.7013 16.9472C19.4456 17.5646 19.0707 18.1255 18.5982 18.5981C17.6439 19.5524 16.3496 20.0885 15 20.0885C13.6504 20.0885 12.3561 19.5524 11.4018 18.5981C10.4475 17.6438 9.91138 16.3494 9.91138 14.9999C9.91138 13.6503 10.4475 12.356 11.4018 11.4017ZM21.2172 10.6691C21.3343 10.5586 21.428 10.4258 21.4929 10.2784C21.5577 10.1311 21.5923 9.97225 21.5947 9.81129C21.597 9.65034 21.5671 9.49055 21.5065 9.34138C21.446 9.19222 21.3562 9.05671 21.2424 8.94289C21.1285 8.82906 20.993 8.73924 20.8439 8.67872C20.6947 8.6182 20.5349 8.58823 20.374 8.59058C20.213 8.59293 20.0542 8.62754 19.9068 8.69238C19.7595 8.75722 19.6267 8.85096 19.5162 8.96805C19.3014 9.19578 19.1838 9.49826 19.1883 9.81129C19.1929 10.1243 19.3193 10.4232 19.5406 10.6446C19.762 10.866 20.0609 10.9924 20.374 10.9969C20.687 11.0015 20.9895 10.8839 21.2172 10.6691Z" fill="#FFFFFE"></path> </svg>
        </a>
    </li>
        <li>
        <a href="https://www.facebook.com/FarabiKaznu/">
            <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_121_53)"> <rect x="7.5" y="5" width="15" height="25" fill="#FFFFFE"></rect> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 15.0838C0 22.5413 5.41625 28.7425 12.5 30V19.1663H8.75V15H12.5V11.6663C12.5 7.91625 14.9163 5.83375 18.3337 5.83375C19.4163 5.83375 20.5837 6 21.6663 6.16625V10H19.75C17.9163 10 17.5 10.9163 17.5 12.0837V15H21.5L20.8337 19.1663H17.5V30C24.5837 28.7425 30 22.5425 30 15.0838C30 6.7875 23.25 0 15 0C6.75 0 0 6.7875 0 15.0838Z" fill="#485BFF"></path> </g> <defs> <clipPath id="clip0_121_53"> <rect width="30" height="30" rx="15" fill="white"></rect> </clipPath> </defs> </svg>
        </a>
    </li>
    </ul>
            </div>
        </div>
        <div class="footer__nav">
            <h2 class="footer__nav-title">Key links</h2>
            <div class="footer__nav-body">
            <div class="footer__nav-item">
                            <a href="https://farabi.university/students" class="footer__nav-link text-std1">For students</a>
                    </div>
    </div>
        </div>
        
        
        
        
        <div class="footer__contacts">
            <p class="footer__contacts-copyright">© Al-Farabi Kazakh National university</p>
            <p class="footer__contacts-address text-std1">71 Al-Farabi Ave., Almaty, Republic of Kazakhstan, 050040</p>
            <ul class="footer__contacts-phone text-std1">
                <li>Тел. <a href="tel:87273773333">+7 (727) 377-33-30</a></li>
                <li>Факс <a href="tel:+7 (727) 377-33-44">+7 (727) 377-33-44</a></li>
            </ul>
            <a href="mailto:info@kaznu.edu.kz" class="footer__contacts-email text-std1">info@kaznu.edu.kz</a>
        </div>
    </div>
</footer>
<!-- Footer end-->

<!-- Scripts -->




<script src="/front/assets/js/bvi.min.js"></script>
<script>
    new isvek.Bvi({
        target: '.visually-impaired',
        lang: 'kk-KZ' // указываем язык интерфейса
    });
</script>



<script src="https://unpkg.com/imask"></script>
<script src="https://lidrekon.ru/slep/js/jquery.js"></script>
<script src="https://lidrekon.ru/slep/js/uhpv-full.min.js"></script>
<script src="/front/assets/js/jquery-3.6.0.min.js"></script>
<script src="/front/assets/js/jquery.sticky.js"></script>
<script src="/front/assets/js/jquery-modal-video.min.js"></script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script src="/front/assets/js/bootstrap.bundle.min.js"></script>
<script src="/front/assets/js/jquery.waypoints.min.js"></script>
<script src="/front/assets/js/jquery.counterup.min.js"></script>
<script src="/front/assets/js/main.js?v=7"></script>
<!-- <script>
    let openDropdownMenu = null; // Переменная для хранения текущего открытого меню

document.querySelectorAll('.dropdown-toggle').forEach(function (dropdownToggle, index) {

    dropdownToggle.addEventListener('keydown', function (event) {
        const searchForm = document.querySelector('.header__search-form');

        searchForm.style.setProperty('display', 'flex');

        if (event.key === 'Enter') { // Проверяем, что нажата клавиша Enter
            if (index !== 22) { // Исключаем элемент с индексом 22
                event.preventDefault();

                // Закрыть предыдущее открытое меню, если оно есть
                if (openDropdownMenu) {
                    openDropdownMenu.style.setProperty('opacity', '0');
                    openDropdownMenu = null; // Сбросить ссылку
                }

                // Открыть новое меню
                let dropdownMenu = this.closest('.dropdown').querySelector('.dropdown-menu');
                if (dropdownMenu) {
                    dropdownMenu.style.setProperty('margin-top', '10px', 'important');
                    dropdownMenu.style.setProperty('opacity', '1', 'important');
                    dropdownMenu.style.setProperty('visibility', 'visible', 'important');
                    dropdownMenu.style.setProperty('transform', 'translateY(0px)', 'important');
                    dropdownMenu.style.setProperty('-webkit-transform', 'translateY(0px)', 'important');
                    dropdownMenu.style.setProperty('-ms-transform', 'translateY(0px)', 'important');
                    openDropdownMenu = dropdownMenu; // Сохранить ссылку на текущее меню
                }
            }
        }
    });
});



                    //сохраняем в сессия айди таба чтобы при перезагрузке(смене языка) открыть тот же таб
    function saveToSession(id, loop_iteration){
    var csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');

    fetch('/set-active-tab', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            'X-CSRF-TOKEN': csrfToken
        },
        body: JSON.stringify({ activeTab: id })
    })
    .then(response => response.json())
    .then(data => {
        console.log('Tab saved:', data);
    });

    // Обновление URL
    let newUrl = removeOtherQueryParamsExcept('lang') + '&active_tab_order=' + loop_iteration;
    window.history.pushState({ tab: loop_iteration }, '', newUrl);
}

    function removeOtherQueryParamsExcept(paramToKeep) {
        const url = window.location.href;
        const urlObject = new URL(url);
        const searchParams = urlObject.searchParams;
        // Get an array of all the query parameter keys
        const keys = Array.from(searchParams.keys());
        // Loop through the keys and remove any query parameters that are not the one to keep
        keys.forEach((key) => {
            if (key !== paramToKeep) {
                searchParams.delete(key);
            }
        });
        // Construct the updated URL with only the desired query parameter
        return  urlObject.origin + urlObject.pathname + '?' + searchParams.toString();
    }

    /*function setDarkMode() {
    var now = new Date();
    var hours = now.getHours();

    var body = document.body;

    if (hours >= 20 || hours < 6) {
        body.style.filter = "grayscale(1)";
    } else {
        body.style.filter = "none";
    }
    }

setDarkMode();
setInterval(setDarkMode, 60000);*/
</script> -->

<!-- <script>
  const images = document.querySelectorAll('img');
  images.forEach(img => {
    if (!img.title) {
      const h1 = document.querySelector('h1');
      const p = document.querySelector('p');
      img.title = img.alt || (h1 ? h1.textContent : (p ? p.textContent : "уже нету"));
    }
  });
</script> -->

<!-- <style>
    /* Стили для фокуса */
    p:focus,
    a:focus,
    h1:focus,
    h2:focus,
    h3:focus,
    h4:focus,
    h5:focus,
    h6:focus,
    div:focus,
    span:focus {
        outline: 2px solid #007bff;
        outline-offset: 2px;
        background-color: rgba(0, 123, 255, 0.1);
    }

    /* Делаем элементы фокусируемыми */
    p, h1, h2, h3, h4, h5, h6, div, span {
        tab-index: 0;
    }
</style>
<script>
    // Ваш существующий код...

    // Добавляем обработку фокуса
    const focusableElements = document.querySelectorAll('p, a, h1, h2, h3, h4, h5, h6, div, span');
    focusableElements.forEach(element => {
        if (!element.hasAttribute('tabindex')) {
            element.setAttribute('tabindex', '0');
        }
    });
</script> -->

<style>
    /* Фокус для всех элементов */
:focus {
    outline: 3px solid #007bff;
    outline-offset: 2px;
    background: rgba(0, 123, 255, 0.15);
    transition: outline 0.2s ease, background 0.2s ease;
}

/* Фокусируемые элементы */
p, a, h1, h2, h3, h4, h5, h6, .tab, .dropdown-toggle, .header-dd__items-title,
.header-dd__items-links li, .header-dd__items-links a, .programs__tab-card-title,
.programs__tab-card-subtitle, .programs__tab-card-link {
    tabindex: 0; /* Исправлено с tab-index на tabindex */
}

/* Отключаем фокус для ненужных элементов */
body, html, div:not([tabindex="0"]):not(.tab):not(.dropdown):not(.programs__tab-card-items),
ul:not(.dropdown-menu):not(.header-dd__items-links), .header__down-menu-list {
    tabindex: -1;
}

/* Стили для меню */
.dropdown-menu {
    display: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
}

.dropdown-menu.active {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    margin-top: 10px;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0s;
}

.header-dd__items-title, .header-dd__items-links a {
    padding: 5px;
    display: block;
    transition: background 0.2s ease;
}

.header-dd__items-links li:focus-within,
.header-dd__items-links a:focus,
.header-dd__items-title:focus {
    background: #e9ecef;
    outline: 2px solid #007bff;
}

/* Улучшение для macOS (Safari) */
@supports (-webkit-overflow-scrolling: touch) {
    :focus {
        outline: 4px solid #007bff !important;
        box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.3);
    }
}

/* Стили для programs__tab-card-items (если есть) */
.programs__tab-card-items {
    padding: 10px;
}

.programs__tab-card-title:focus,
.programs__tab-card-subtitle:focus,
.programs__tab-card-link:focus {
    background: #e9ecef;
    outline: 2px solid #007bff;
}
</style>


<script>
    // Обеспечение фокуса для элементов
function ensureFocusableElements() {
    const selectors = 'p, a, h1, h2, h3, h4, h5, h6, .tab, .dropdown-toggle, ' +
                     '.header-dd__items-title, .header-dd__items-links li, .header-dd__items-links a, ' +
                     '.programs__tab-card-title, .programs__tab-card-subtitle, .programs__tab-card-link';
    document.querySelectorAll(selectors).forEach((element) => {
        if (!element.hasAttribute('tabindex')) {
            element.setAttribute('tabindex', '0');
        }
    });
}
ensureFocusableElements();

let openDropdownMenu = null; // Переменная для хранения текущего открытого меню
let lastFocusedToggle = null; // Для отслеживания последнего активного toggle

document.querySelectorAll('.dropdown-toggle').forEach(function (dropdownToggle, index, toggles) {
    const dropdown = dropdownToggle.closest('.dropdown');
    const dropdownMenu = dropdown.querySelector('.dropdown-menu');
    const searchForm = document.querySelector('.header__search-form');

    dropdownToggle.addEventListener('keydown', function (event) {
        if (searchForm && event.key === 'Enter') {
            searchForm.style.setProperty('display', 'flex'); // Показываем только при Enter
        }

        if (event.key === 'Enter') {
            event.preventDefault();
            if (index !== 22) { // Исключаем элемент с индексом 22
                if (openDropdownMenu && openDropdownMenu !== dropdownMenu) {
                    // Закрываем предыдущее меню
                    openDropdownMenu.style.setProperty('opacity', '0');
                    openDropdownMenu.style.setProperty('visibility', 'hidden');
                    openDropdownMenu.classList.remove('active');
                    openDropdownMenu = null;
                }

                if (dropdownMenu) {
                    const isOpen = dropdownMenu.classList.contains('active');
                    if (!isOpen) {
                        // Открываем меню
                        dropdownMenu.style.setProperty('margin-top', '10px', 'important');
                        dropdownMenu.style.setProperty('opacity', '1', 'important');
                        dropdownMenu.style.setProperty('visibility', 'visible', 'important');
                        dropdownMenu.style.setProperty('transform', 'translateY(0px)', 'important');
                        dropdownMenu.style.setProperty('-webkit-transform', 'translateY(0px)', 'important');
                        dropdownMenu.style.setProperty('-ms-transform', 'translateY(0px)', 'important');
                        dropdownMenu.classList.add('active');
                        openDropdownMenu = dropdownMenu;
                        lastFocusedToggle = dropdownToggle;

                        // Переводим фокус внутрь подменю
                        const firstItem = dropdownMenu.querySelector('.header-dd__items-title, .header-dd__items-links a');
                        if (firstItem) {
                            setTimeout(() => firstItem.focus(), 150); // Увеличено время для плавности
                        }
                    } else {
                        // Закрываем меню
                        dropdownMenu.style.setProperty('opacity', '0');
                        dropdownMenu.style.setProperty('visibility', 'hidden');
                        dropdownMenu.classList.remove('active');
                        openDropdownMenu = null;
                        dropdownToggle.focus();
                    }
                }
            }
        }

        if (event.key === 'Escape' && openDropdownMenu) {
            // Закрытие меню по Esc
            openDropdownMenu.style.setProperty('opacity', '0');
            openDropdownMenu.style.setProperty('visibility', 'hidden');
            openDropdownMenu.classList.remove('active');
            openDropdownMenu = null;
            if (lastFocusedToggle) {
                lastFocusedToggle.focus(); // Возвращаем фокус на последний toggle
            }
        }

        if (event.key === 'ArrowRight') {
            event.preventDefault();
            const nextToggle = toggles[index + 1] || toggles[0];
            nextToggle.focus();
        }

        if (event.key === 'ArrowLeft') {
            event.preventDefault();
            const prevToggle = toggles[index - 1] || toggles[toggles.length - 1];
            prevToggle.focus();
        }
    });

    // Навигация внутри меню
    if (dropdownMenu) {
        const items = dropdownMenu.querySelectorAll('.header-dd__items-title, .header-dd__items-links a');
        items.forEach((item, index) => {
            item.addEventListener('keydown', function (event) {
                if (event.key === 'ArrowDown') {
                    event.preventDefault();
                    const nextItem = items[index + 1] || items[0];
                    nextItem.focus();
                }
                if (event.key === 'ArrowUp') {
                    event.preventDefault();
                    if (index === 0) {
                        dropdownToggle.focus();
                        dropdownMenu.style.setProperty('opacity', '0');
                        dropdownMenu.style.setProperty('visibility', 'hidden');
                        dropdownMenu.classList.remove('active');
                        openDropdownMenu = null;
                    } else {
                        const prevItem = items[index - 1];
                        prevItem.focus();
                    }
                }
                if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {
                    // Выход из меню на toggle для перехода между toggles
                    event.preventDefault();
                    dropdownToggle.focus();
                    dropdownMenu.style.setProperty('opacity', '0');
                    dropdownMenu.style.setProperty('visibility', 'hidden');
                    dropdownMenu.classList.remove('active');
                    openDropdownMenu = null;
                }
                if (event.key === 'Enter') {
                    event.preventDefault();
                    if (item.tagName === 'A' && item.href && item.href !== '#') {
                        window.location.href = item.href;
                    } else {
                        item.click();
                    }
                }
                if (event.key === 'Escape') {
                    // Выход из меню по Esc внутри подменю
                    dropdownMenu.style.setProperty('opacity', '0');
                    dropdownMenu.style.setProperty('visibility', 'hidden');
                    dropdownMenu.classList.remove('active');
                    openDropdownMenu = null;
                    if (lastFocusedToggle) {
                        lastFocusedToggle.focus();
                    }
                }
                if (event.key === 'Tab') {
                    event.stopPropagation();
                }
            });
        });
    }
});


document.querySelectorAll('.tab').forEach((tab, index, tabs) => {
    tab.addEventListener('keydown', function (event) {
        if (event.key === 'ArrowRight') {
            event.preventDefault();
            const nextTab = tabs[index + 1] || tabs[0];
            nextTab.focus();
        }
        if (event.key === 'ArrowLeft') {
            event.preventDefault();
            const prevTab = tabs[index - 1] || tabs[tabs.length - 1];
            prevTab.focus();
        }
        if (event.key === 'Enter' || event.key === 'Space') {
            event.preventDefault();
            const tabId = tab.getAttribute('data-tab-id');
            saveToSession(tabId, index);
            tabs.forEach(t => t.classList.remove('active'));
            tab.classList.add('active');
            tab.click();
        }
    });
});


document.querySelectorAll('.programs__tab-card-items').forEach((card) => {
    const focusableElements = card.querySelectorAll('.programs__tab-card-title, .programs__tab-card-subtitle, .programs__tab-card-link');
    focusableElements.forEach((element, index) => {
        element.addEventListener('keydown', (event) => {
            if (event.key === 'ArrowDown') {
                event.preventDefault();
                const nextElement = focusableElements[index + 1] || focusableElements[0];
                nextElement.focus();
            }
            if (event.key === 'ArrowUp') {
                event.preventDefault();
                const prevElement = focusableElements[index - 1] || focusableElements[focusableElements.length - 1];
                prevElement.focus();
            }
            if (event.key === 'Enter' && element.classList.contains('programs__tab-card-link')) {
                event.preventDefault();
                window.location.href = element.href;
            }
            if (event.key === 'Escape') {

                const previousFocusable = document.querySelector('.dropdown-toggle') || document.body;
                previousFocusable.focus();
            }
        });
    });
});

// Существующий функционал
function saveToSession(id, loop_iteration) {
    var csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
    fetch('/set-active-tab', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            'X-CSRF-TOKEN': csrfToken
        },
        body: JSON.stringify({ activeTab: id })
    })
    .then(response => response.json())
    .then(data => {
        console.log('Tab saved:', data);
    });

    let newUrl = removeOtherQueryParamsExcept('lang') + '&active_tab_order=' + loop_iteration;
    window.history.pushState({ tab: loop_iteration }, '', newUrl);
}

function removeOtherQueryParamsExcept(paramToKeep) {
    const url = window.location.href;
    const urlObject = new URL(url);
    const searchParams = urlObject.searchParams;
    const keys = Array.from(searchParams.keys());
    keys.forEach((key) => {
        if (key !== paramToKeep) {
            searchParams.delete(key);
        }
    });
    return urlObject.origin + urlObject.pathname + '?' + searchParams.toString();
}

const images = document.querySelectorAll('img');
images.forEach(img => {
    if (!img.title) {
        const h1 = document.querySelector('h1');
        const p = document.querySelector('p');
        img.title = img.alt || (h1 ? h1.textContent : (p ? p.textContent : "уже нету"));
    }
});
</script>


</body>
</html>