diff --git a/inde/SecuritySuiteCypSec.html b/inde/SecuritySuiteCypSec.html
index 82bb2ce..07af425 100644
--- a/inde/SecuritySuiteCypSec.html
+++ b/inde/SecuritySuiteCypSec.html
@@ -89,8 +89,8 @@
             line-height: 1.3;
         }
     </style>
+
 </head>
-<!-- Navigation Bar - CypSec Centered with Logo - Exact Size Match -->
 <nav class="border-b border-gray-800 bg-black">
     <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
         <div class="flex justify-center items-center h-16">
@@ -100,6 +100,1396 @@
     </div>
 </nav>
 
+<div>
+                    </div>
+
+                    <div class="mobile-language-button flex justify-end space-x-6 my-auto md:mx-12 xl:hidden mx-2">
+                        <div class="flex relative" onclick="toggleLanguageOptions1()">
+                            <div class="flex">
+                                <img id="currentFlag1" class="h-6 w-6 hover:scale-105" src="/img/language/de.svg" alt="Language picker">
+                            </div>
+                            <div class="hidden bg-white dark:bg-gray-900 absolute top-10 right-0 w-64 min-w-min z-50 shadow-md rounded-xl overflow-y-auto max-h-64" id="lang-popup1">
+                                <div class="w-full">
+                                    <input type="text" id="languageSearch1" placeholder="Select Country" onkeyup="filterLanguages('languageSearch1', 'lang-popup1')" class="p-2 w-full bg-white dark:bg-gray-900 text-gray-900 dark:text-white">
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/ao.svg" alt="Angolan Flag">
+                                            <span class="ml-2 font-semibold language-text">Angola</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('port-AO')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">PT</span>
+                                            <span onclick="changeLanguage('english-AO')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/ar.svg" alt="Argentine Flag">
+                                            <span class="ml-2 font-semibold language-text">Argentina</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('spanish-AR')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">ES</span>
+                                            <span onclick="changeLanguage('english-AR')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/au.svg" alt="Australian Flag">
+                                            <span class="ml-2 font-semibold language-text">Australia</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('english-AU')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                            <span onclick="changeLanguage('german-AU')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">DE</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/at.svg" alt="Austrian Flag">
+                                            <span class="ml-2 font-semibold language-text">Austria</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('german-AT')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">DE</span>
+                                            <span onclick="changeLanguage('english-AT')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/by.svg" alt="Belarusian Flag">
+                                            <span class="ml-2 font-semibold language-text">Belarus</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('russian-BY')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">RU</span>
+                                            <span onclick="changeLanguage('english-BY')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/be.svg" alt="Belgian Flag">
+                                            <span class="ml-2 font-semibold language-text">Belgium</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('english-BE')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                            <span onclick="changeLanguage('german-BE')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">DE</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/ba.svg" alt="Bosnian Flag">
+                                            <span class="ml-2 font-semibold language-text">Bosnia and Herzegovina</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('serbian-BA')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">RS</span>
+                                            <span onclick="changeLanguage('english-BA')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/br.svg" alt="Brazilian Flag">
+                                            <span class="ml-2 font-semibold language-text">Brazil</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('port-BR')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">PT</span>
+                                            <span onclick="changeLanguage('english-BR')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/ca.svg" alt="Canadian Flag">
+                                            <span class="ml-2 font-semibold language-text">Canada</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('english-CA')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                            <span onclick="changeLanguage('german-CA')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">DE</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/cl.svg" alt="Chilean Flag">
+                                            <span class="ml-2 font-semibold language-text">Chile</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('spanish-CL')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">ES</span>
+                                            <span onclick="changeLanguage('english-CL')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/cn.svg" alt="Chinese Flag">
+                                            <span class="ml-2 font-semibold language-text">China</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('chinese-CN')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">CN</span>
+                                            <span onclick="changeLanguage('english-CN')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/co.svg" alt="Colombian Flag">
+                                            <span class="ml-2 font-semibold language-text">Colombia</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('spanish-CO')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">ES</span>
+                                            <span onclick="changeLanguage('english-CO')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/cr.svg" alt="Costa Rican Flag">
+                                            <span class="ml-2 font-semibold language-text">Costa Rica</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('spanish-CR')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">ES</span>
+                                            <span onclick="changeLanguage('english-CR')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/cu.svg" alt="Cuban Flag">
+                                            <span class="ml-2 font-semibold language-text">Cuba</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('spanish-CU')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">ES</span>
+                                            <span onclick="changeLanguage('english-CU')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/de.svg" alt="German Flag">
+                                            <span class="ml-2 font-semibold language-text">Germany</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('german-DE')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">DE</span>
+                                            <span onclick="changeLanguage('english-DE')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/gb.svg" alt="British Flag">
+                                            <span class="ml-2 font-semibold language-text">United Kingdom</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('english-GB')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                            <span onclick="changeLanguage('spanish-GB')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">ES</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/hu.svg" alt="Hungarian Flag">
+                                            <span class="ml-2 font-semibold language-text">Hungary</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('hung-HU')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">HU</span>
+                                            <span onclick="changeLanguage('english-HU')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/ie.svg" alt="Irish Flag">
+                                            <span class="ml-2 font-semibold language-text">Ireland</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('english-IE')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                            <span onclick="changeLanguage('german-IE')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">DE</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/in.svg" alt="Indian Flag">
+                                            <span class="ml-2 font-semibold language-text">India</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('english-IN')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                            <span onclick="changeLanguage('german-IN')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">DE</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/kz.svg" alt="Kazakhstan Flag">
+                                            <span class="ml-2 font-semibold language-text">Kazakhstan</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('russian-KZ')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">RU</span>
+                                            <span onclick="changeLanguage('english-KZ')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/kg.svg" alt="Kyrgyzstan Flag">
+                                            <span class="ml-2 font-semibold language-text">Kyrgyzstan</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('russian-KG')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">RU</span>
+                                            <span onclick="changeLanguage('english-KG')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/lu.svg" alt="Luxembourgish Flag">
+                                            <span class="ml-2 font-semibold language-text">Luxembourg</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('english-LU')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                            <span onclick="changeLanguage('german-LU')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">DE</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/my.svg" alt="Malaysian Flag">
+                                            <span class="ml-2 font-semibold language-text">Malaysia</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('english-MY')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                            <span onclick="changeLanguage('russian-MY')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">RU</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/mx.svg" alt="Mexican Flag">
+                                            <span class="ml-2 font-semibold language-text">Mexico</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('spanish-MX')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">ES</span>
+                                            <span onclick="changeLanguage('english-MX')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/me.svg" alt="Montenegrin Flag">
+                                            <span class="ml-2 font-semibold language-text">Montenegro</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('serbian-ME')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">RS</span>
+                                            <span onclick="changeLanguage('english-ME')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/mz.svg" alt="Mozambican Flag">
+                                            <span class="ml-2 font-semibold language-text">Mozambique</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('port-MZ')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">PT</span>
+                                            <span onclick="changeLanguage('english-MZ')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/nz.svg" alt="New Zealander Flag">
+                                            <span class="ml-2 font-semibold language-text">New Zealand</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('english-NZ')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                            <span onclick="changeLanguage('german-NZ')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">DE</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/pe.svg" alt="Peruvian Flag">
+                                            <span class="ml-2 font-semibold language-text">Peru</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('spanish-PE')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">ES</span>
+                                            <span onclick="changeLanguage('english-PE')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/ps.svg" alt="Palestinian Flag">
+                                            <span class="ml-2 font-semibold language-text">Palestine</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('english-PS')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                            <span onclick="changeLanguage('russian-PS')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">RU</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/pt.svg" alt="Portuguese Flag">
+                                            <span class="ml-2 font-semibold language-text">Portugal</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('port-PT')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">PT</span>
+                                            <span onclick="changeLanguage('english-PT')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/ro.svg" alt="Romanian Flag">
+                                            <span class="ml-2 font-semibold language-text">Romania</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('english-RO')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                            <span onclick="changeLanguage('russian-RO')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">RU</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/ru.svg" alt="Russian Flag">
+                                            <span class="ml-2 font-semibold language-text">Russia</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('russian-RU')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">RU</span>
+                                            <span onclick="changeLanguage('german-RU')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">DE</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/rs.svg" alt="Serbian Flag">
+                                            <span class="ml-2 font-semibold language-text">Serbia</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('serbian-RS')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">SR</span>
+                                            <span onclick="changeLanguage('english-RS')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/sg.svg" alt="Singaporean Flag">
+                                            <span class="ml-2 font-semibold language-text">Singapore</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('english-SG')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                            <span onclick="changeLanguage('chinese-SG')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">CN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/tl.svg" alt="Timorese Flag">
+                                            <span class="ml-2 font-semibold language-text">East Timor</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('port-TL')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">PT</span>
+                                            <span onclick="changeLanguage('english-TL')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/za.svg" alt="South African Flag">
+                                            <span class="ml-2 font-semibold language-text">South Africa</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('english-ZA')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                            <span onclick="changeLanguage('german-ZA')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">DE</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/es.svg" alt="Spanish Flag">
+                                            <span class="ml-2 font-semibold language-text">Spain</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('spanish-ES')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">ES</span>
+                                            <span onclick="changeLanguage('english-ES')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/ch.svg" alt="Swiss Flag">
+                                            <span class="ml-2 font-semibold language-text">Switzerland</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('german-CH')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">DE</span>
+                                            <span onclick="changeLanguage('english-CH')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/ua.svg" alt="Ukrainian Flag">
+                                            <span class="ml-2 font-semibold language-text">Ukraine</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('russian-UA')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">RU</span>
+                                            <span onclick="changeLanguage('english-UA')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/us.svg" alt="American Flag">
+                                            <span class="ml-2 font-semibold language-text">USA</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('english-US')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                            <span onclick="changeLanguage('german-US')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">DE</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/ve.svg" alt="Venezuelan Flag">
+                                            <span class="ml-2 font-semibold language-text">Venezuela</span>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <span onclick="changeLanguage('spanish-VE')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">ES</span>
+                                            <!--<span onclick="changeLanguage('english-VE')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>-->
+                                            <span onclick="changeLanguage5('de')" class="cursor-pointer px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">EN</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="flex justify-between ">
+                    <div class="hidden mt-6 w-full xl:flex items-center justify-center text-gray-900 capitalize dark:text-white">
+                        <a href="/publication/academy" class="mx-2 border-b-2 border-transparent hover:text-gray-800 dark:hover:text-gray-200 hover:border-blue-500 sm:mx-6">Security Academy</a>
+
+                        <a href="/publication/defense" class="mx-2 border-b-2 border-transparent hover:text-gray-800 dark:hover:text-gray-200 hover:border-blue-500 sm:mx-6">Defense Whitepaper</a>
+
+                        <a href="/publication/partner-program" class="mx-2 border-b-2 border-transparent hover:text-gray-800 dark:hover:text-gray-200 hover:border-blue-500 sm:mx-6">Partnership Program</a>
+
+                        <a href="/security-center" class="mx-2 border-b-2 border-transparent hover:text-gray-800 dark:hover:text-gray-200 hover:border-blue-500 sm:mx-6">Security Center</a>
+
+                        <div class="flex relative" onclick="toggleLanguageOptions2()">
+                            <div class="flex">
+                                <img id="currentFlag2" class="h-6 w-6 hover:scale-105" src="/img/language/de.svg" alt="Language picker">
+                            </div>
+                            <div class="hidden bg-white dark:bg-gray-900 absolute top-10 right-0 w-64 min-w-min z-50 text-base shadow-md rounded-xl overflow-y-auto max-h-64" id="lang-popup2">
+                                <div class="w-full">
+                                    <input type="text" id="languageSearch2" placeholder="Select Country" onkeyup="filterLanguages('languageSearch2', 'lang-popup2')" class="p-2 w-full bg-white dark:bg-gray-900 text-gray-900 dark:text-white">
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('ao')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/ao.svg" alt="Angolan Flag">
+                                            <span class="ml-2 font-semibold language-text">Angola</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('ar')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/ar.svg" alt="Argentine Flag">
+                                            <span class="ml-2 font-semibold language-text">Argentina</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('au')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/au.svg" alt="Australian Flag">
+                                            <span class="ml-2 font-semibold language-text">Australia</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('at')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/at.svg" alt="Austrian Flag">
+                                            <span class="ml-2 font-semibold language-text">Austria</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('by')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/by.svg" alt="Belarusian Flag">
+                                            <span class="ml-2 font-semibold language-text">Belarus</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('be')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/be.svg" alt="Belgian Flag">
+                                            <span class="ml-2 font-semibold language-text">Belgium</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('ba')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/ba.svg" alt="Bosnian Flag">
+                                            <span class="ml-2 font-semibold language-text">Bosnia and Herzegovina</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('br')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/br.svg" alt="Brazilian Flag">
+                                            <span class="ml-2 font-semibold language-text">Brazil</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('ca')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/ca.svg" alt="Canadian Flag">
+                                            <span class="ml-2 font-semibold language-text">Canada</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('cl')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/cl.svg" alt="Chilean Flag">
+                                            <span class="ml-2 font-semibold language-text">Chile</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('cn')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/cn.svg" alt="Chinese Flag">
+                                            <span class="ml-2 font-semibold language-text">China</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('co')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/co.svg" alt="Colombian Flag">
+                                            <span class="ml-2 font-semibold language-text">Colombia</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('cr')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/cr.svg" alt="Costa Rican Flag">
+                                            <span class="ml-2 font-semibold language-text">Costa Rica</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('cu')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/cu.svg" alt="Cuban Flag">
+                                            <span class="ml-2 font-semibold language-text">Cuba</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('de')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/de.svg" alt="German Flag">
+                                            <span class="ml-2 font-semibold language-text">Germany</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('gb')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/gb.svg" alt="British Flag">
+                                            <span class="ml-2 font-semibold language-text">United Kingdom</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('hu')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/hu.svg" alt="Hungarian Flag">
+                                            <span class="ml-2 font-semibold language-text">Hungary</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('ie')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/ie.svg" alt="Irish Flag">
+                                            <span class="ml-2 font-semibold language-text">Ireland</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('in')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/in.svg" alt="Indian Flag">
+                                            <span class="ml-2 font-semibold language-text">India</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('kz')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/kz.svg" alt="Kazakhstan Flag">
+                                            <span class="ml-2 font-semibold language-text">Kazakhstan</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('kg')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/kg.svg" alt="Kyrgyzstan Flag">
+                                            <span class="ml-2 font-semibold language-text">Kyrgyzstan</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('lu')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/lu.svg" alt="Luxembourgish Flag">
+                                            <span class="ml-2 font-semibold language-text">Luxembourg</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('my')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/my.svg" alt="Malaysian Flag">
+                                            <span class="ml-2 font-semibold language-text">Malaysia</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('mx')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/mx.svg" alt="Mexican Flag">
+                                            <span class="ml-2 font-semibold language-text">Mexico</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('me')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/me.svg" alt="Montenegrin Flag">
+                                            <span class="ml-2 font-semibold language-text">Montenegro</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('mz')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/mz.svg" alt="Mozambican Flag">
+                                            <span class="ml-2 font-semibold language-text">Mozambique</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('nz')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/nz.svg" alt="New Zealander Flag">
+                                            <span class="ml-2 font-semibold language-text">New Zealand</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('pe')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/pe.svg" alt="Perusian Flag">
+                                            <span class="ml-2 font-semibold language-text">Peru</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('ps')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/ps.svg" alt="Palestinian Flag">
+                                            <span class="ml-2 font-semibold language-text">Palestine</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('pt')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/pt.svg" alt="Portuguese Flag">
+                                            <span class="ml-2 font-semibold language-text">Portugal</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('ro')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/ro.svg" alt="Romanian Flag">
+                                            <span class="ml-2 font-semibold language-text">Romania</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('ru')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/ru.svg" alt="Russian Flag">
+                                            <span class="ml-2 font-semibold language-text">Russia</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('rs')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/rs.svg" alt="Serbian Flag">
+                                            <span class="ml-2 font-semibold language-text">Serbia</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('sg')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/sg.svg" alt="Singaporean Flag">
+                                            <span class="ml-2 font-semibold language-text">Singapore</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('tl')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/tl.svg" alt="Timorese Flag">
+                                            <span class="ml-2 font-semibold language-text">East Timor</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('za')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/za.svg" alt="South African Flag">
+                                            <span class="ml-2 font-semibold language-text">South Africa</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('es')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/es.svg" alt="Spanish Flag">
+                                            <span class="ml-2 font-semibold language-text">Spain</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('ch')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/ch.svg" alt="Swiss Flag">
+                                            <span class="ml-2 font-semibold language-text">Switzerland</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('ua')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/ua.svg" alt="Ukrainian Flag">
+                                            <span class="ml-2 font-semibold language-text">Ukraine</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('us')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/us.svg" alt="American Flag">
+                                            <span class="ml-2 font-semibold language-text">USA</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="p-3 rounded-b-2xl dark:hover:bg-gray-700 hover:bg-gray-200 focus:ring focus:ring-gray-300 focus:ring-opacity-80 language-item">
+                                    <div onclick="changeServer('ve')" class="flex items-center justify-between cursor">
+                                        <div class="flex items-center">
+                                            <img class="h-6 w-6" src="/img/language/ve.svg" alt="Venezuelan Flag">
+                                            <span class="ml-2 font-semibold language-text">Venezuela</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <script>
+
+                            function changeLanguage5(language) {
+                                // Get the current URI from the browser
+                                const currentUri = window.location.pathname + window.location.search;
+
+                                // Make the POST request to the server
+                                fetch('/change-language2', {
+                                    method: 'POST',
+                                    headers: {
+                                        'Content-Type': 'application/x-www-form-urlencoded',
+                                    },
+                                    body: `language=${encodeURIComponent(language)}&currentUri=${encodeURIComponent(currentUri)}`,
+                                    credentials: 'include' // Include cookies in the request
+                                })
+                                .then(response => {
+                                    // Check if the response is a redirect
+                                    if (response.redirected) {
+                                        // Redirect to the target URL
+                                        window.location.href = response.url;
+                                    } else {
+                                        return response.text();
+                                    }
+                                })
+                                .then(data => {
+                                    console.log('Success:', data);
+                                })
+                                .catch(error => {
+                                    console.error('Error:', error);
+                                });
+                            }
+
+                            function changeServer(server) {
+                                const currentUri = window.location.pathname + window.location.search;
+
+                                fetch('/change-server', {
+                                    method: 'POST',
+                                    headers: {
+                                        'Content-Type': 'application/x-www-form-urlencoded',
+                                    },
+                                    body: `country=${encodeURIComponent(server)}&currentUri=${encodeURIComponent(currentUri)}`,
+                                    credentials: 'include'
+                                })
+                                .then(response => {
+                                    if (response.redirected) {
+                                        window.location.href = response.url;
+                                    } else {
+                                        return response.text();
+                                    }
+                                })
+                                .then(data => {
+                                    console.log('Success:', data);
+                                })
+                                .catch(error => {
+                                    console.error('Error:', error);
+                                });
+                            }
+
+
+                            document.getElementById('languageSearch1').addEventListener('click', function(event) {
+                                event.stopPropagation();
+                            });
+
+                            document.getElementById('languageSearch2').addEventListener('click', function(event) {
+                                event.stopPropagation();
+                            });
+
+                            function filterLanguages(languageSearch, popupId) {
+                                var input, filter, langPopup, items, txtValue;
+                                input = document.getElementById(languageSearch);
+                                filter = input.value.toUpperCase();
+                                langPopup = document.getElementById(popupId);
+                                items = langPopup.getElementsByClassName('language-item');
+
+                                for (var i = 0; i < items.length; i++) {
+                                    txtValue = items[i].getElementsByClassName('language-text')[0].textContent || items[i].getElementsByClassName('language-text')[0].innerText;
+                                    if (txtValue.toUpperCase().indexOf(filter) > -1) {
+                                        items[i].style.display = "";
+                                    } else {
+                                        items[i].style.display = "none";
+                                    }
+                                }
+                            }
+
+                            function toggleLanguageOptions1() {
+                                var languageOptions = document.getElementById("lang-popup1");
+                                languageOptions.classList.toggle("hidden");
+                            }
+
+                            function toggleLanguageOptions2() {
+                                var languageOptions = document.getElementById("lang-popup2");
+                                languageOptions.classList.toggle("hidden");
+                            }
+
+                            function changeLanguage(lang) {
+                                var xhr = new XMLHttpRequest();
+                                xhr.open('POST', '/change-lang?lang=' + lang, true);
+                                xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
+                                xhr.onload = function () {
+                                    if (xhr.status === 200) {
+                                        channel.postMessage('reload');
+                                        location.reload();
+                                    }
+                                };
+                                xhr.send();
+
+/*                                 var currentSelection = document.getElementById("current");
+                                var flagImg = currentSelection.querySelector("img");
+                                var languageText = currentSelection.querySelector("span"); */
+                                var currentFlag1 = document.getElementById("currentFlag1");
+                                var currentFlag2 = document.getElementById("currentFlag2");
+
+                                const countryCode = lang.split('-')[1].toLowerCase();
+
+                                switch (countryCode) {
+                                    case 'ar':
+                                        currentFlag1.setAttribute("src", "/img/language/ar.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/ar.svg");
+                                        break;
+                                    case 'at':
+                                        currentFlag1.setAttribute("src", "/img/language/at.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/at.svg");
+                                        break;
+                                    case 'br':
+                                        currentFlag1.setAttribute("src", "/img/language/br.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/br.svg");
+                                        break;
+                                    case 'by':
+                                        currentFlag1.setAttribute("src", "/img/language/by.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/by.svg");
+                                        break;
+                                    case 'ch':
+                                        currentFlag1.setAttribute("src", "/img/language/ch.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/ch.svg");
+                                        break;
+                                    case 'cn':
+                                        currentFlag1.setAttribute("src", "/img/language/cn.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/cn.svg");
+                                        break;
+                                    case 'co':
+                                        currentFlag1.setAttribute("src", "/img/language/co.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/co.svg");
+                                        break;
+                                    case 'de':
+                                        currentFlag1.setAttribute("src", "/img/language/de.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/de.svg");
+                                        break;
+                                    case 'es':
+                                        currentFlag1.setAttribute("src", "/img/language/es.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/es.svg");
+                                        break;
+                                    case 'gb':
+                                        currentFlag1.setAttribute("src", "/img/language/gb.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/gb.svg");
+                                        break;
+                                    case 'hu':
+                                        currentFlag1.setAttribute("src", "/img/language/hu.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/hu.svg");
+                                        break;
+                                    case 'ie':
+                                        currentFlag1.setAttribute("src", "/img/language/ie.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/ie.svg");
+                                        break;
+                                    case 'in':
+                                        currentFlag1.setAttribute("src", "/img/language/in.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/in.svg");
+                                        break;
+                                    case 'kg':
+                                        currentFlag1.setAttribute("src", "/img/language/kg.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/kg.svg");
+                                        break;
+                                    case 'kz':
+                                        currentFlag1.setAttribute("src", "/img/language/kz.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/kz.svg");
+                                        break;
+                                    case 'mx':
+                                        currentFlag1.setAttribute("src", "/img/language/mx.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/mx.svg");
+                                        break;
+                                    case 'pe':
+                                        currentFlag1.setAttribute("src", "/img/language/pe.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/pe.svg");
+                                        break;
+                                    case 'pt':
+                                        currentFlag1.setAttribute("src", "/img/language/pt.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/pt.svg");
+                                        break;
+                                    case 'rs':
+                                        currentFlag1.setAttribute("src", "/img/language/rs.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/rs.svg");
+                                        break;
+                                    case 'ru':
+                                        currentFlag1.setAttribute("src", "/img/language/ru.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/ru.svg");
+                                        break;
+                                    case 'us':
+                                        currentFlag1.setAttribute("src", "/img/language/us.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/us.svg");
+                                        break;
+                                    case 'ao':
+                                        currentFlag1.setAttribute("src", "/img/language/ao.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/ao.svg");
+                                        break;
+                                    case 'au':
+                                        currentFlag1.setAttribute("src", "/img/language/au.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/au.svg");
+                                        break;
+                                    case 'be':
+                                        currentFlag1.setAttribute("src", "/img/language/be.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/be.svg");
+                                        break;
+                                    case 'ba':
+                                        currentFlag1.setAttribute("src", "/img/language/ba.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/ba.svg");
+                                        break;
+                                    case 'ca':
+                                        currentFlag1.setAttribute("src", "/img/language/ca.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/ca.svg");
+                                        break;
+                                    case 'cl':
+                                        currentFlag1.setAttribute("src", "/img/language/cl.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/cl.svg");
+                                        break;
+                                    case 'cr':
+                                        currentFlag1.setAttribute("src", "/img/language/cr.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/cr.svg");
+                                        break;
+                                    case 'cu':
+                                        currentFlag1.setAttribute("src", "/img/language/cu.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/cu.svg");
+                                        break;
+                                    case 'lu':
+                                        currentFlag1.setAttribute("src", "/img/language/lu.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/lu.svg");
+                                        break;
+                                    case 'my':
+                                        currentFlag1.setAttribute("src", "/img/language/my.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/my.svg");
+                                        break;
+                                    case 'me':
+                                        currentFlag1.setAttribute("src", "/img/language/me.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/me.svg");
+                                        break;
+                                    case 'mz':
+                                        currentFlag1.setAttribute("src", "/img/language/mz.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/mz.svg");
+                                        break;
+                                    case 'nz':
+                                        currentFlag1.setAttribute("src", "/img/language/nz.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/nz.svg");
+                                        break;
+                                    case 'ps':
+                                        currentFlag1.setAttribute("src", "/img/language/ps.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/ps.svg");
+                                        break;
+                                    case 'ro':
+                                        currentFlag1.setAttribute("src", "/img/language/ro.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/ro.svg");
+                                        break;
+                                    case 'sg':
+                                        currentFlag1.setAttribute("src", "/img/language/sg.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/sg.svg");
+                                        break;
+                                    case 'tl':
+                                        currentFlag1.setAttribute("src", "/img/language/tl.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/tl.svg");
+                                        break;
+                                    case 'za':
+                                        currentFlag1.setAttribute("src", "/img/language/za.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/za.svg");
+                                        break;
+                                    case 'ua':
+                                        currentFlag1.setAttribute("src", "/img/language/ua.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/ua.svg");
+                                        break;
+                                    case 've':
+                                        currentFlag1.setAttribute("src", "/img/language/ve.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/ve.svg");
+                                        break;
+                                    default:
+                                        currentFlag1.setAttribute("src", "/img/language/gb.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/gb.svg");
+                                        break;
+                                }
+
+                                // TODO: !!!!!!!!!!
+                                // var languageOptions = document.getElementById("lang-popup");
+                                // languageOptions.classList.add("hidden");
+                            }
+
+                            window.addEventListener('load', function () {
+                                // Function to retrieve the value of a cookie
+                                function getCookie(name) {
+                                    var cookieArr = document.cookie.split(';');
+                                    for (var i = 0; i < cookieArr.length; i++) {
+                                        var cookiePair = cookieArr[i].split('=');
+                                        var cookieKey = cookiePair[0].trim();
+                                        if (cookieKey === name) {
+                                            return decodeURIComponent(cookiePair[1]);
+                                        }
+                                    }
+                                    return null;
+                                }
+
+                                var myLocaleCookie = getCookie('localeCookie');
+                                var currentFlag1 = document.getElementById('currentFlag1');
+                                var currentFlag2 = document.getElementById('currentFlag2');
+                                // var languageText = document.getElementById('languageText');
+
+                                if (myLocaleCookie == null) return;
+
+                                const countryCode = myLocaleCookie.split('-')[1].toLowerCase();
+
+                                switch (countryCode) {
+                                    case 'ar':
+                                        currentFlag1.setAttribute("src", "/img/language/ar.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/ar.svg");
+                                        break;
+                                    case 'at':
+                                        currentFlag1.setAttribute("src", "/img/language/at.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/at.svg");
+                                        break;
+                                    case 'br':
+                                        currentFlag1.setAttribute("src", "/img/language/br.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/br.svg");
+                                        break;
+                                    case 'by':
+                                        currentFlag1.setAttribute("src", "/img/language/by.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/by.svg");
+                                        break;
+                                    case 'ch':
+                                        currentFlag1.setAttribute("src", "/img/language/ch.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/ch.svg");
+                                        break;
+                                    case 'cn':
+                                        currentFlag1.setAttribute("src", "/img/language/cn.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/cn.svg");
+                                        break;
+                                    case 'co':
+                                        currentFlag1.setAttribute("src", "/img/language/co.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/co.svg");
+                                        break;
+                                    case 'de':
+                                        currentFlag1.setAttribute("src", "/img/language/de.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/de.svg");
+                                        break;
+                                    case 'es':
+                                        currentFlag1.setAttribute("src", "/img/language/es.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/es.svg");
+                                        break;
+                                    case 'gb':
+                                        currentFlag1.setAttribute("src", "/img/language/gb.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/gb.svg");
+                                        break;
+                                    case 'hu':
+                                        currentFlag1.setAttribute("src", "/img/language/hu.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/hu.svg");
+                                        break;
+                                    case 'ie':
+                                        currentFlag1.setAttribute("src", "/img/language/ie.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/ie.svg");
+                                        break;
+                                    case 'in':
+                                        currentFlag1.setAttribute("src", "/img/language/in.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/in.svg");
+                                        break;
+                                    case 'kg':
+                                        currentFlag1.setAttribute("src", "/img/language/kg.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/kg.svg");
+                                        break;
+                                    case 'kz':
+                                        currentFlag1.setAttribute("src", "/img/language/kz.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/kz.svg");
+                                        break;
+                                    case 'mx':
+                                        currentFlag1.setAttribute("src", "/img/language/mx.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/mx.svg");
+                                        break;
+                                    case 'pe':
+                                        currentFlag1.setAttribute("src", "/img/language/pe.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/pe.svg");
+                                        break;
+                                    case 'pt':
+                                        currentFlag1.setAttribute("src", "/img/language/pt.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/pt.svg");
+                                        break;
+                                    case 'rs':
+                                        currentFlag1.setAttribute("src", "/img/language/rs.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/rs.svg");
+                                        break;
+                                    case 'ru':
+                                        currentFlag1.setAttribute("src", "/img/language/ru.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/ru.svg");
+                                        break;
+                                    case 'us':
+                                        currentFlag1.setAttribute("src", "/img/language/us.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/us.svg");
+                                        break;
+                                    case 'ao':
+                                        currentFlag1.setAttribute("src", "/img/language/ao.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/ao.svg");
+                                        break;
+                                    case 'au':
+                                        currentFlag1.setAttribute("src", "/img/language/au.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/au.svg");
+                                        break;
+                                    case 'be':
+                                        currentFlag1.setAttribute("src", "/img/language/be.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/be.svg");
+                                        break;
+                                    case 'ba':
+                                        currentFlag1.setAttribute("src", "/img/language/ba.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/ba.svg");
+                                        break;
+                                    case 'ca':
+                                        currentFlag1.setAttribute("src", "/img/language/ca.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/ca.svg");
+                                        break;
+                                    case 'cl':
+                                        currentFlag1.setAttribute("src", "/img/language/cl.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/cl.svg");
+                                        break;
+                                    case 'cr':
+                                        currentFlag1.setAttribute("src", "/img/language/cr.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/cr.svg");
+                                        break;
+                                    case 'cu':
+                                        currentFlag1.setAttribute("src", "/img/language/cu.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/cu.svg");
+                                        break;
+                                    case 'lu':
+                                        currentFlag1.setAttribute("src", "/img/language/lu.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/lu.svg");
+                                        break;
+                                    case 'my':
+                                        currentFlag1.setAttribute("src", "/img/language/my.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/my.svg");
+                                        break;
+                                    case 'me':
+                                        currentFlag1.setAttribute("src", "/img/language/me.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/me.svg");
+                                        break;
+                                    case 'mz':
+                                        currentFlag1.setAttribute("src", "/img/language/mz.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/mz.svg");
+                                        break;
+                                    case 'nz':
+                                        currentFlag1.setAttribute("src", "/img/language/nz.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/nz.svg");
+                                        break;
+                                    case 'ps':
+                                        currentFlag1.setAttribute("src", "/img/language/ps.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/ps.svg");
+                                        break;
+                                    case 'ro':
+                                        currentFlag1.setAttribute("src", "/img/language/ro.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/ro.svg");
+                                        break;
+                                    case 'sg':
+                                        currentFlag1.setAttribute("src", "/img/language/sg.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/sg.svg");
+                                        break;
+                                    case 'tl':
+                                        currentFlag1.setAttribute("src", "/img/language/tl.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/tl.svg");
+                                        break;
+                                    case 'za':
+                                        currentFlag1.setAttribute("src", "/img/language/za.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/za.svg");
+                                        break;
+                                    case 'ua':
+                                        currentFlag1.setAttribute("src", "/img/language/ua.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/ua.svg");
+                                        break;
+                                    case 've':
+                                        currentFlag1.setAttribute("src", "/img/language/ve.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/ve.svg");
+                                        break;
+                                    default:
+                                        currentFlag1.setAttribute("src", "/img/language/gb.svg");
+                                        currentFlag2.setAttribute("src", "/img/language/gb.svg");
+                                        break;
+                                }
+                            });
+                        </script>
+                    </div>
+                </div>
+
+                <div class="sidebar flex hidden xl:hidden h-full justify-between absolute top-0 right-0 z-50 w-full bg-black dark:bg-gray-900">
+                    <div class="ml-5 w-10/12 bg-black dark:bg-gray-900 text-white text-2xl mt-14">
+                        <ul class="list-none sm:space-y-2 sm:ml-20 mr-20 w-full">
+                            <li class="text-2xl px-2 py-3.5">
+                                <div class="closing-button py-2">
+                                    <a href="#" class=" px-4 flex"> <svg xmlns="http://www.w3.org/2000/svg" class=" h-8 w-8 flex" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
+                                        </svg> </a>
+                                </div>
+                            </li>
+                            <li class="py-2 px-4 border-b">
+                                <a href="/publication/academy">Security Academy</a>
+                            </li>
+                            <li class="py-2 px-4 border-b">
+                                <a href="/publication/defense">Defense Whitepaper</a>
+                            </li>
+                            <li class="py-2 px-4 border-b">
+                                <a href="/publication/partner-program">Partnership Program</a>
+                            </li>
+                            <li class="py-2 px-4 border-b">
+                                <a href="/security-center">Security Center</a>
+                            </li>
+                            <li class="py-2 px-4 border-b">
+                                <a href="mailto:contact@cypsec.de">Contact Us</a>
+                            </li>
+                        </ul>
+                        <script>
+                            const open = document.querySelector(".mobile-menu-button");
+                            const close = document.querySelector(".closing-button");
+                            const sidebar = document.querySelector(".sidebar");
+
+                            open.addEventListener("click", () => {
+                            sidebar.classList.toggle("hidden");
+                            });
+
+                            close.addEventListener("click", () => {
+                            sidebar.classList.toggle("hidden");
+                            });
+
+                        </script>
+                    </div>
+                </div>
+            </nav>
+        </header></div>
+<!-- Navigation Bar - CypSec Centered with Logo - Exact Size Match -->
 
         <!-- Main Content -->
         <main class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-8">