From 95b2484117d64dae6964dd70ec9035c509887715 Mon Sep 17 00:00:00 2001
From: popovskik <aleksandar.popovski@proxify.io>
Date: Fri, 31 Jul 2026 22:06:10 +0200
Subject: [PATCH] Redesign language switcher with circular flag icons

Desktop dropdown and mobile modal now show circular country flags (flag-icons) with clean language names and an active-language highlight, driven by the page lang via main.js.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 css/layout/_header.css                        | 47 +++++++++++++------
 en/about-us/index.html                        | 13 ++---
 en/cookie-policy/index.html                   | 13 ++---
 .../a-table-full-of-macedonia/index.html      | 13 ++---
 .../index.html                                | 13 ++---
 en/get-to-know-macedonia/index.html           | 13 ++---
 .../index.html                                | 13 ++---
 .../ohrid-more-than-a-postcard/index.html     | 13 ++---
 .../skopje-a-city-of-many-layers/index.html   | 13 ++---
 .../welcome-to-macedonia/index.html           | 13 ++---
 .../index.html                                | 13 ++---
 en/get-to-know-slovenia/index.html            | 13 ++---
 .../index.html                                | 13 ++---
 .../ljubljana-through-our-eyes/index.html     | 13 ++---
 .../index.html                                | 13 ++---
 .../index.html                                | 13 ++---
 .../welcome-to-slovenia/index.html            | 13 ++---
 en/index.html                                 | 13 ++---
 en/privacy-policy/index.html                  | 13 ++---
 .../index.html                                | 13 ++---
 .../in-memory-of-frosina-kulakova/index.html  | 13 ++---
 .../index.html                                | 13 ++---
 en/projects/index.html                        | 13 ++---
 .../index.html                                | 13 ++---
 .../index.html                                | 13 ++---
 .../meet-student-slovenia-2023/index.html     | 13 ++---
 .../meet-student-slovenia-2024/index.html     | 13 ++---
 .../morning-coffee-in-front-of-ctk/index.html | 13 ++---
 .../paint-and-wine-at-sunset/index.html       | 13 ++---
 .../index.html                                | 13 ++---
 .../academic-life/index.html                  | 13 ++---
 .../administrative-basics/index.html          | 13 ++---
 .../admission-and-enrolment/index.html        | 13 ++---
 .../application-deadlines/index.html          | 13 ++---
 .../arrival-checklist/index.html              | 13 ++---
 .../bachelor-application/index.html           | 13 ++---
 .../choose-a-programme/index.html             | 13 ++---
 .../complete-student-journey/index.html       | 13 ++---
 .../document-preparation/index.html           | 13 ++---
 .../evs-application-guide/index.html          | 13 ++---
 .../healthcare-in-slovenia/index.html         | 13 ++---
 en/student-welcome-guide/index.html           | 13 ++---
 .../master-application/index.html             | 13 ++---
 .../means-accommodation-address/index.html    | 13 ++---
 en/student-welcome-guide/my-route/index.html  | 13 ++---
 .../index.html                                | 13 ++---
 .../prepare-to-move/index.html                | 13 ++---
 .../recognition-of-education/index.html       | 13 ++---
 .../renew-change-graduate/index.html          | 13 ++---
 .../rm-si-3-health-insurance/index.html       | 13 ++---
 .../student-accommodation/index.html          | 13 ++---
 .../student-budget/index.html                 | 13 ++---
 .../student-meals/index.html                  | 13 ++---
 .../index.html                                | 13 ++---
 .../student-residence-permit/index.html       | 13 ++---
 .../student-transport/index.html              | 13 ++---
 .../student-work/index.html                   | 13 ++---
 .../study-cities/index.html                   | 13 ++---
 .../tuition-and-scholarships/index.html       | 13 ++---
 .../visa-and-residence-explained/index.html   | 13 ++---
 .../wellbeing-and-community/index.html        | 13 ++---
 .../where-to-apply-for-residence/index.html   | 13 ++---
 en/timeline-and-milestones/index.html         | 13 ++---
 main.js                                       |  2 +
 mk/cookie-policy/index.html                   | 13 ++---
 .../a-table-full-of-macedonia/index.html      | 13 ++---
 .../index.html                                | 13 ++---
 mk/get-to-know-macedonia/index.html           | 13 ++---
 .../index.html                                | 13 ++---
 .../ohrid-more-than-a-postcard/index.html     | 13 ++---
 .../skopje-a-city-of-many-layers/index.html   | 13 ++---
 .../welcome-to-macedonia/index.html           | 13 ++---
 .../index.html                                | 13 ++---
 mk/get-to-know-slovenia/index.html            | 13 ++---
 .../index.html                                | 13 ++---
 .../ljubljana-through-our-eyes/index.html     | 13 ++---
 .../index.html                                | 13 ++---
 .../index.html                                | 13 ++---
 .../welcome-to-slovenia/index.html            | 13 ++---
 mk/index.html                                 | 13 ++---
 mk/privacy-policy/index.html                  | 13 ++---
 .../index.html                                | 13 ++---
 .../in-memory-of-frosina-kulakova/index.html  | 13 ++---
 .../index.html                                | 13 ++---
 mk/projects/index.html                        | 13 ++---
 .../index.html                                | 13 ++---
 .../meet-student-slovenia-2023/index.html     | 13 ++---
 .../meet-student-slovenia-2024/index.html     | 13 ++---
 .../morning-coffee-in-front-of-ctk/index.html | 13 ++---
 .../paint-and-wine-at-sunset/index.html       | 13 ++---
 .../index.html                                | 13 ++---
 .../academic-life/index.html                  | 13 ++---
 .../administrative-basics/index.html          | 13 ++---
 .../admission-and-enrolment/index.html        | 13 ++---
 .../application-deadlines/index.html          | 13 ++---
 .../arrival-checklist/index.html              | 13 ++---
 .../bachelor-application/index.html           | 13 ++---
 .../choose-a-programme/index.html             | 13 ++---
 .../complete-student-journey/index.html       | 13 ++---
 .../document-preparation/index.html           | 13 ++---
 .../evs-application-guide/index.html          | 13 ++---
 .../healthcare-in-slovenia/index.html         | 13 ++---
 mk/student-welcome-guide/index.html           | 13 ++---
 .../master-application/index.html             | 13 ++---
 .../means-accommodation-address/index.html    | 13 ++---
 mk/student-welcome-guide/my-route/index.html  | 13 ++---
 .../index.html                                | 13 ++---
 .../prepare-to-move/index.html                | 13 ++---
 .../recognition-of-education/index.html       | 13 ++---
 .../renew-change-graduate/index.html          | 13 ++---
 .../rm-si-3-health-insurance/index.html       | 13 ++---
 .../student-accommodation/index.html          | 13 ++---
 .../student-budget/index.html                 | 13 ++---
 .../student-meals/index.html                  | 13 ++---
 .../index.html                                | 13 ++---
 .../student-residence-permit/index.html       | 13 ++---
 .../student-transport/index.html              | 13 ++---
 .../student-work/index.html                   | 13 ++---
 .../study-cities/index.html                   | 13 ++---
 .../tuition-and-scholarships/index.html       | 13 ++---
 .../visa-and-residence-explained/index.html   | 13 ++---
 .../wellbeing-and-community/index.html        | 13 ++---
 .../where-to-apply-for-residence/index.html   | 13 ++---
 si/cookie-policy/index.html                   | 13 ++---
 .../a-table-full-of-macedonia/index.html      | 13 ++---
 .../index.html                                | 13 ++---
 si/get-to-know-macedonia/index.html           | 13 ++---
 .../index.html                                | 13 ++---
 .../ohrid-more-than-a-postcard/index.html     | 13 ++---
 .../skopje-a-city-of-many-layers/index.html   | 13 ++---
 .../welcome-to-macedonia/index.html           | 13 ++---
 .../index.html                                | 13 ++---
 si/get-to-know-slovenia/index.html            | 13 ++---
 .../index.html                                | 13 ++---
 .../ljubljana-through-our-eyes/index.html     | 13 ++---
 .../index.html                                | 13 ++---
 .../index.html                                | 13 ++---
 .../welcome-to-slovenia/index.html            | 13 ++---
 si/index.html                                 | 13 ++---
 si/privacy-policy/index.html                  | 13 ++---
 .../index.html                                | 13 ++---
 .../in-memory-of-frosina-kulakova/index.html  | 13 ++---
 .../index.html                                | 13 ++---
 si/projects/index.html                        | 13 ++---
 .../index.html                                | 13 ++---
 .../meet-student-slovenia-2023/index.html     | 13 ++---
 .../meet-student-slovenia-2024/index.html     | 13 ++---
 .../morning-coffee-in-front-of-ctk/index.html | 13 ++---
 .../paint-and-wine-at-sunset/index.html       | 13 ++---
 .../index.html                                | 13 ++---
 .../academic-life/index.html                  | 13 ++---
 .../administrative-basics/index.html          | 13 ++---
 .../admission-and-enrolment/index.html        | 13 ++---
 .../application-deadlines/index.html          | 13 ++---
 .../arrival-checklist/index.html              | 13 ++---
 .../bachelor-application/index.html           | 13 ++---
 .../choose-a-programme/index.html             | 13 ++---
 .../complete-student-journey/index.html       | 13 ++---
 .../document-preparation/index.html           | 13 ++---
 .../evs-application-guide/index.html          | 13 ++---
 .../healthcare-in-slovenia/index.html         | 13 ++---
 si/student-welcome-guide/index.html           | 13 ++---
 .../master-application/index.html             | 13 ++---
 .../means-accommodation-address/index.html    | 13 ++---
 si/student-welcome-guide/my-route/index.html  | 13 ++---
 .../index.html                                | 13 ++---
 .../prepare-to-move/index.html                | 13 ++---
 .../recognition-of-education/index.html       | 13 ++---
 .../renew-change-graduate/index.html          | 13 ++---
 .../rm-si-3-health-insurance/index.html       | 13 ++---
 .../student-accommodation/index.html          | 13 ++---
 .../student-budget/index.html                 | 13 ++---
 .../student-meals/index.html                  | 13 ++---
 .../index.html                                | 13 ++---
 .../student-residence-permit/index.html       | 13 ++---
 .../student-transport/index.html              | 13 ++---
 .../student-work/index.html                   | 13 ++---
 .../study-cities/index.html                   | 13 ++---
 .../tuition-and-scholarships/index.html       | 13 ++---
 .../visa-and-residence-explained/index.html   | 13 ++---
 .../wellbeing-and-community/index.html        | 13 ++---
 .../where-to-apply-for-residence/index.html   | 13 ++---
 182 files changed, 1294 insertions(+), 1095 deletions(-)

diff --git a/css/layout/_header.css b/css/layout/_header.css
index f68a25c0..f1e28c11 100644
--- a/css/layout/_header.css
+++ b/css/layout/_header.css
@@ -120,17 +120,19 @@
 .current-lang .fa-chevron-down { transition: transform 0.3s ease-in-out; }
 
 .lang-dropdown {
-    display: block;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
     position: absolute;
     top: calc(100% + 8px);
     right: 0;
     background-color: #FFFFFF;
     border: 1px solid #EAECF0;
-    border-radius: 8px;
-    box-shadow: 0 8px 16px rgba(0,0,0,0.08);
+    border-radius: 12px;
+    box-shadow: 0 20px 24px -4px rgba(16,24,40,0.10), 0 8px 8px -4px rgba(16,24,40,0.04);
     padding: 8px;
     z-index: 1001;
-    min-width: 180px;
+    min-width: 200px;
     opacity: 0;
     visibility: hidden;
     transform: translateY(10px);
@@ -144,16 +146,29 @@
 .language-selector.active .current-lang .fa-chevron-down { transform: rotate(180deg); }
 
 .lang-dropdown a {
-    display: block;
+    display: flex;
+    align-items: center;
+    gap: 12px;
     padding: 10px 12px;
     color: #344054;
     text-decoration: none;
-    font-weight: 500;
-    font-size: 16px;
+    font-weight: 600;
+    font-size: 15px;
     white-space: nowrap;
-    border-radius: 6px;
+    border-radius: 8px;
+    transition: background-color 0.15s ease, color 0.15s ease;
+}
+.lang-dropdown a:hover { background-color: #F5FAFB; }
+.lang-dropdown a.is-current { background-color: #F0F6F8; color: #2D738C; }
+
+/* Circular flags used in both the dropdown and the mobile modal */
+.lang-dropdown .fi,
+.language-modal-body .fi {
+    font-size: 24px;
+    border-radius: 50%;
+    flex: 0 0 auto;
+    box-shadow: inset 0 0 0 1px rgba(16,24,40,0.10);
 }
-.lang-dropdown a:hover { background-color: #F9FAFB; }
 
 /* 4. Stili za namizni "dropdown" meni */
 .dropdown-menu {
@@ -438,20 +453,22 @@
 }
 
 .language-modal-body a {
-    display: block;
+    display: flex;
+    align-items: center;
+    gap: 14px;
     padding: 12px 16px;
-    text-align: center;
     text-decoration: none;
-    font-size: 18px;
-    font-weight: 500;
+    font-size: 17px;
+    font-weight: 600;
     color: #344054;
     background-color: #F9FAFB;
     border: 1px solid #EAECF0;
-    border-radius: 8px;
-    transition: background-color 0.2s ease, border-color 0.2s ease;
+    border-radius: 10px;
+    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
 }
 
 .language-modal-body a:hover,
+.language-modal-body a.is-current,
 .language-modal-body a.active-lang {
     background-color: #FFFFFF;
     border-color: #2D738C;
diff --git a/en/about-us/index.html b/en/about-us/index.html
index 3076549d..93051496 100644
--- a/en/about-us/index.html
+++ b/en/about-us/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Link to the main CSS file -->
     <link rel="stylesheet" href="../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/cookie-policy/index.html b/en/cookie-policy/index.html
index 8cd36c8f..698cc65d 100644
--- a/en/cookie-policy/index.html
+++ b/en/cookie-policy/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Link to the main CSS file -->
     <link rel="stylesheet" href="../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/get-to-know-macedonia/a-table-full-of-macedonia/index.html b/en/get-to-know-macedonia/a-table-full-of-macedonia/index.html
index 963ac99c..295d9dc9 100644
--- a/en/get-to-know-macedonia/a-table-full-of-macedonia/index.html
+++ b/en/get-to-know-macedonia/a-table-full-of-macedonia/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/get-to-know-macedonia/history-you-can-still-walk-through/index.html b/en/get-to-know-macedonia/history-you-can-still-walk-through/index.html
index c41633a5..118c6ca4 100644
--- a/en/get-to-know-macedonia/history-you-can-still-walk-through/index.html
+++ b/en/get-to-know-macedonia/history-you-can-still-walk-through/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/get-to-know-macedonia/index.html b/en/get-to-know-macedonia/index.html
index a7a76aad..a8312f5f 100644
--- a/en/get-to-know-macedonia/index.html
+++ b/en/get-to-know-macedonia/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Link to the main CSS file -->
     <link rel="stylesheet" href="../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html b/en/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html
index bf19ed1c..70ed9f58 100644
--- a/en/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html
+++ b/en/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html b/en/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html
index 88d41576..62c1e78e 100644
--- a/en/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html
+++ b/en/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html b/en/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html
index 85219e29..a6c6258d 100644
--- a/en/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html
+++ b/en/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/get-to-know-macedonia/welcome-to-macedonia/index.html b/en/get-to-know-macedonia/welcome-to-macedonia/index.html
index 8f0e9ac2..4d8722c0 100644
--- a/en/get-to-know-macedonia/welcome-to-macedonia/index.html
+++ b/en/get-to-know-macedonia/welcome-to-macedonia/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html b/en/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html
index bbc9cbc7..4bff43c8 100644
--- a/en/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html
+++ b/en/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/get-to-know-slovenia/index.html b/en/get-to-know-slovenia/index.html
index b2130f20..8ea4ead8 100644
--- a/en/get-to-know-slovenia/index.html
+++ b/en/get-to-know-slovenia/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Link to the main CSS file -->
     <link rel="stylesheet" href="../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html b/en/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html
index 00707f4c..ecefb54d 100644
--- a/en/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html
+++ b/en/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/get-to-know-slovenia/ljubljana-through-our-eyes/index.html b/en/get-to-know-slovenia/ljubljana-through-our-eyes/index.html
index 5bd45c11..650cefb7 100644
--- a/en/get-to-know-slovenia/ljubljana-through-our-eyes/index.html
+++ b/en/get-to-know-slovenia/ljubljana-through-our-eyes/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html b/en/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html
index 2d317a26..568db8b6 100644
--- a/en/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html
+++ b/en/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html b/en/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html
index cd9bcc3a..9fdd277c 100644
--- a/en/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html
+++ b/en/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/get-to-know-slovenia/welcome-to-slovenia/index.html b/en/get-to-know-slovenia/welcome-to-slovenia/index.html
index b1b300ce..5227f555 100644
--- a/en/get-to-know-slovenia/welcome-to-slovenia/index.html
+++ b/en/get-to-know-slovenia/welcome-to-slovenia/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/index.html b/en/index.html
index 9a31082e..c44c36a6 100644
--- a/en/index.html
+++ b/en/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Link to the main CSS file (corrected path) -->
     <link rel="stylesheet" href="../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/privacy-policy/index.html b/en/privacy-policy/index.html
index 077764d3..1d705c2c 100644
--- a/en/privacy-policy/index.html
+++ b/en/privacy-policy/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Link to the main CSS file -->
     <link rel="stylesheet" href="../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/projects/humanitarian-tournament-in-maribor/index.html b/en/projects/humanitarian-tournament-in-maribor/index.html
index 339c350f..b54b0569 100644
--- a/en/projects/humanitarian-tournament-in-maribor/index.html
+++ b/en/projects/humanitarian-tournament-in-maribor/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/projects/in-memory-of-frosina-kulakova/index.html b/en/projects/in-memory-of-frosina-kulakova/index.html
index facb74d4..1914ff6f 100644
--- a/en/projects/in-memory-of-frosina-kulakova/index.html
+++ b/en/projects/in-memory-of-frosina-kulakova/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/projects/in-memory-of-the-kochani-victims/index.html b/en/projects/in-memory-of-the-kochani-victims/index.html
index ef1972aa..eece5b9b 100644
--- a/en/projects/in-memory-of-the-kochani-victims/index.html
+++ b/en/projects/in-memory-of-the-kochani-victims/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/projects/index.html b/en/projects/index.html
index 0158e21f..5a3a3cc7 100644
--- a/en/projects/index.html
+++ b/en/projects/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Link to the main CSS file -->
     <link rel="stylesheet" href="../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/projects/macedonian-student-night-in-ljubljana/index.html b/en/projects/macedonian-student-night-in-ljubljana/index.html
index 6a901276..d9d56e24 100644
--- a/en/projects/macedonian-student-night-in-ljubljana/index.html
+++ b/en/projects/macedonian-student-night-in-ljubljana/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html b/en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html
index f0c9eaac..704bf185 100644
--- a/en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html
+++ b/en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na novo glavno CSS datoteko -->
     <link rel="stylesheet" href="../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/projects/meet-student-slovenia-2023/index.html b/en/projects/meet-student-slovenia-2023/index.html
index 0ca16946..0f13ec34 100644
--- a/en/projects/meet-student-slovenia-2023/index.html
+++ b/en/projects/meet-student-slovenia-2023/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/projects/meet-student-slovenia-2024/index.html b/en/projects/meet-student-slovenia-2024/index.html
index 767c7c26..1e60efc2 100644
--- a/en/projects/meet-student-slovenia-2024/index.html
+++ b/en/projects/meet-student-slovenia-2024/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/projects/morning-coffee-in-front-of-ctk/index.html b/en/projects/morning-coffee-in-front-of-ctk/index.html
index 7bd52489..f5378bd0 100644
--- a/en/projects/morning-coffee-in-front-of-ctk/index.html
+++ b/en/projects/morning-coffee-in-front-of-ctk/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Link to the main CSS file using the correct relative path -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/projects/paint-and-wine-at-sunset/index.html b/en/projects/paint-and-wine-at-sunset/index.html
index ffadb6eb..964f7ef4 100644
--- a/en/projects/paint-and-wine-at-sunset/index.html
+++ b/en/projects/paint-and-wine-at-sunset/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/projects/watching-handball-together-in-slovenia/index.html b/en/projects/watching-handball-together-in-slovenia/index.html
index c9640254..56160a2b 100644
--- a/en/projects/watching-handball-together-in-slovenia/index.html
+++ b/en/projects/watching-handball-together-in-slovenia/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/academic-life/index.html b/en/student-welcome-guide/academic-life/index.html
index a38ff5a7..65e3d5b4 100644
--- a/en/student-welcome-guide/academic-life/index.html
+++ b/en/student-welcome-guide/academic-life/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/administrative-basics/index.html b/en/student-welcome-guide/administrative-basics/index.html
index d6cae009..bb45d2f4 100644
--- a/en/student-welcome-guide/administrative-basics/index.html
+++ b/en/student-welcome-guide/administrative-basics/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/admission-and-enrolment/index.html b/en/student-welcome-guide/admission-and-enrolment/index.html
index 9cde6aa7..baf132e1 100644
--- a/en/student-welcome-guide/admission-and-enrolment/index.html
+++ b/en/student-welcome-guide/admission-and-enrolment/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/application-deadlines/index.html b/en/student-welcome-guide/application-deadlines/index.html
index 9ec06a53..2871eac1 100644
--- a/en/student-welcome-guide/application-deadlines/index.html
+++ b/en/student-welcome-guide/application-deadlines/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/arrival-checklist/index.html b/en/student-welcome-guide/arrival-checklist/index.html
index 416962ab..8123946b 100644
--- a/en/student-welcome-guide/arrival-checklist/index.html
+++ b/en/student-welcome-guide/arrival-checklist/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/bachelor-application/index.html b/en/student-welcome-guide/bachelor-application/index.html
index be7f3267..317e1420 100644
--- a/en/student-welcome-guide/bachelor-application/index.html
+++ b/en/student-welcome-guide/bachelor-application/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/choose-a-programme/index.html b/en/student-welcome-guide/choose-a-programme/index.html
index 23e03a5f..e4a3d020 100644
--- a/en/student-welcome-guide/choose-a-programme/index.html
+++ b/en/student-welcome-guide/choose-a-programme/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/complete-student-journey/index.html b/en/student-welcome-guide/complete-student-journey/index.html
index c9177515..7567c5f2 100644
--- a/en/student-welcome-guide/complete-student-journey/index.html
+++ b/en/student-welcome-guide/complete-student-journey/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/document-preparation/index.html b/en/student-welcome-guide/document-preparation/index.html
index 92585bfe..cc36d06a 100644
--- a/en/student-welcome-guide/document-preparation/index.html
+++ b/en/student-welcome-guide/document-preparation/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/evs-application-guide/index.html b/en/student-welcome-guide/evs-application-guide/index.html
index 456387db..bc1df056 100644
--- a/en/student-welcome-guide/evs-application-guide/index.html
+++ b/en/student-welcome-guide/evs-application-guide/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/healthcare-in-slovenia/index.html b/en/student-welcome-guide/healthcare-in-slovenia/index.html
index 618e8036..7f78d288 100644
--- a/en/student-welcome-guide/healthcare-in-slovenia/index.html
+++ b/en/student-welcome-guide/healthcare-in-slovenia/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/index.html b/en/student-welcome-guide/index.html
index 0908ab75..98f281b9 100644
--- a/en/student-welcome-guide/index.html
+++ b/en/student-welcome-guide/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Link to the main CSS file -->
     <link rel="stylesheet" href="../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/master-application/index.html b/en/student-welcome-guide/master-application/index.html
index 36f3b303..1968f679 100644
--- a/en/student-welcome-guide/master-application/index.html
+++ b/en/student-welcome-guide/master-application/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/means-accommodation-address/index.html b/en/student-welcome-guide/means-accommodation-address/index.html
index 38ec418f..bc5509f3 100644
--- a/en/student-welcome-guide/means-accommodation-address/index.html
+++ b/en/student-welcome-guide/means-accommodation-address/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/my-route/index.html b/en/student-welcome-guide/my-route/index.html
index 4996e2fc..931db994 100644
--- a/en/student-welcome-guide/my-route/index.html
+++ b/en/student-welcome-guide/my-route/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/official-sources-and-checklists/index.html b/en/student-welcome-guide/official-sources-and-checklists/index.html
index 7516641e..6af2fd07 100644
--- a/en/student-welcome-guide/official-sources-and-checklists/index.html
+++ b/en/student-welcome-guide/official-sources-and-checklists/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/prepare-to-move/index.html b/en/student-welcome-guide/prepare-to-move/index.html
index c703adcc..2366a1fd 100644
--- a/en/student-welcome-guide/prepare-to-move/index.html
+++ b/en/student-welcome-guide/prepare-to-move/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/recognition-of-education/index.html b/en/student-welcome-guide/recognition-of-education/index.html
index 490c892f..74ca570c 100644
--- a/en/student-welcome-guide/recognition-of-education/index.html
+++ b/en/student-welcome-guide/recognition-of-education/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/renew-change-graduate/index.html b/en/student-welcome-guide/renew-change-graduate/index.html
index 749f0f9a..19741037 100644
--- a/en/student-welcome-guide/renew-change-graduate/index.html
+++ b/en/student-welcome-guide/renew-change-graduate/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/rm-si-3-health-insurance/index.html b/en/student-welcome-guide/rm-si-3-health-insurance/index.html
index 7cd06d66..425f3756 100644
--- a/en/student-welcome-guide/rm-si-3-health-insurance/index.html
+++ b/en/student-welcome-guide/rm-si-3-health-insurance/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/student-accommodation/index.html b/en/student-welcome-guide/student-accommodation/index.html
index 0163bd1e..54b3117d 100644
--- a/en/student-welcome-guide/student-accommodation/index.html
+++ b/en/student-welcome-guide/student-accommodation/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/student-budget/index.html b/en/student-welcome-guide/student-budget/index.html
index c573a7e1..b94c4f49 100644
--- a/en/student-welcome-guide/student-budget/index.html
+++ b/en/student-welcome-guide/student-budget/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/student-meals/index.html b/en/student-welcome-guide/student-meals/index.html
index 52f717bf..2e6b93f5 100644
--- a/en/student-welcome-guide/student-meals/index.html
+++ b/en/student-welcome-guide/student-meals/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/student-organisations-and-extracurriculars/index.html b/en/student-welcome-guide/student-organisations-and-extracurriculars/index.html
index f99410fa..cbcfdcea 100644
--- a/en/student-welcome-guide/student-organisations-and-extracurriculars/index.html
+++ b/en/student-welcome-guide/student-organisations-and-extracurriculars/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/student-residence-permit/index.html b/en/student-welcome-guide/student-residence-permit/index.html
index b45879d1..da6d05b3 100644
--- a/en/student-welcome-guide/student-residence-permit/index.html
+++ b/en/student-welcome-guide/student-residence-permit/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/student-transport/index.html b/en/student-welcome-guide/student-transport/index.html
index ac472c6e..0daff6f2 100644
--- a/en/student-welcome-guide/student-transport/index.html
+++ b/en/student-welcome-guide/student-transport/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/student-work/index.html b/en/student-welcome-guide/student-work/index.html
index 9fc5c197..115f06b0 100644
--- a/en/student-welcome-guide/student-work/index.html
+++ b/en/student-welcome-guide/student-work/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/study-cities/index.html b/en/student-welcome-guide/study-cities/index.html
index f1b120c7..d1770342 100644
--- a/en/student-welcome-guide/study-cities/index.html
+++ b/en/student-welcome-guide/study-cities/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/tuition-and-scholarships/index.html b/en/student-welcome-guide/tuition-and-scholarships/index.html
index 0fc95a41..6e1a0991 100644
--- a/en/student-welcome-guide/tuition-and-scholarships/index.html
+++ b/en/student-welcome-guide/tuition-and-scholarships/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/visa-and-residence-explained/index.html b/en/student-welcome-guide/visa-and-residence-explained/index.html
index 4127c49c..4cc90424 100644
--- a/en/student-welcome-guide/visa-and-residence-explained/index.html
+++ b/en/student-welcome-guide/visa-and-residence-explained/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/wellbeing-and-community/index.html b/en/student-welcome-guide/wellbeing-and-community/index.html
index ce333e84..2d0d17af 100644
--- a/en/student-welcome-guide/wellbeing-and-community/index.html
+++ b/en/student-welcome-guide/wellbeing-and-community/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/student-welcome-guide/where-to-apply-for-residence/index.html b/en/student-welcome-guide/where-to-apply-for-residence/index.html
index e18d7ad5..985861a9 100644
--- a/en/student-welcome-guide/where-to-apply-for-residence/index.html
+++ b/en/student-welcome-guide/where-to-apply-for-residence/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Correct path to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/en/timeline-and-milestones/index.html b/en/timeline-and-milestones/index.html
index 43f4a8de..fc60b917 100644
--- a/en/timeline-and-milestones/index.html
+++ b/en/timeline-and-milestones/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Link to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (MK)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Close language selection">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/main.js b/main.js
index 2bfce6fa..a4524bcd 100644
--- a/main.js
+++ b/main.js
@@ -122,10 +122,12 @@ document.addEventListener('DOMContentLoaded', function() {
                 pathWithoutLang = path;
             }
 
+            const docLang = (document.documentElement.getAttribute('lang') || 'en').toLowerCase();
             document.querySelectorAll('a[data-lang]').forEach(link => {
                 const targetLang = link.getAttribute('data-lang');
                 const newUrl = `/${targetLang}${pathWithoutLang}`;
                 link.setAttribute('href', newUrl.replace(/\/{2,}/g, '/'));
+                link.classList.toggle('is-current', targetLang === docLang);
             });
 
             const desktopSelectors = document.querySelectorAll('.header-right-wrapper .language-selector');
diff --git a/mk/cookie-policy/index.html b/mk/cookie-policy/index.html
index 6be60afb..4cd60cd4 100644
--- a/mk/cookie-policy/index.html
+++ b/mk/cookie-policy/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Поврзување до главната CSS-датотека -->
     <link rel="stylesheet" href="../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/get-to-know-macedonia/a-table-full-of-macedonia/index.html b/mk/get-to-know-macedonia/a-table-full-of-macedonia/index.html
index da367665..de58b379 100644
--- a/mk/get-to-know-macedonia/a-table-full-of-macedonia/index.html
+++ b/mk/get-to-know-macedonia/a-table-full-of-macedonia/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/get-to-know-macedonia/history-you-can-still-walk-through/index.html b/mk/get-to-know-macedonia/history-you-can-still-walk-through/index.html
index 31222973..aef7f24b 100644
--- a/mk/get-to-know-macedonia/history-you-can-still-walk-through/index.html
+++ b/mk/get-to-know-macedonia/history-you-can-still-walk-through/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/get-to-know-macedonia/index.html b/mk/get-to-know-macedonia/index.html
index dedd437f..57c54c52 100644
--- a/mk/get-to-know-macedonia/index.html
+++ b/mk/get-to-know-macedonia/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Поврзување до главната CSS-датотека -->
     <link rel="stylesheet" href="../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html b/mk/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html
index b28806e6..0c25c896 100644
--- a/mk/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html
+++ b/mk/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html b/mk/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html
index e758e2a4..6d619358 100644
--- a/mk/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html
+++ b/mk/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html b/mk/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html
index c983196b..6587f348 100644
--- a/mk/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html
+++ b/mk/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/get-to-know-macedonia/welcome-to-macedonia/index.html b/mk/get-to-know-macedonia/welcome-to-macedonia/index.html
index 5fe7b72f..37e260b9 100644
--- a/mk/get-to-know-macedonia/welcome-to-macedonia/index.html
+++ b/mk/get-to-know-macedonia/welcome-to-macedonia/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html b/mk/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html
index 65517830..da9cdeb4 100644
--- a/mk/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html
+++ b/mk/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/get-to-know-slovenia/index.html b/mk/get-to-know-slovenia/index.html
index 32e2b263..b97c9ca9 100644
--- a/mk/get-to-know-slovenia/index.html
+++ b/mk/get-to-know-slovenia/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Поврзување до главната CSS-датотека -->
     <link rel="stylesheet" href="../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html b/mk/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html
index 8f676eab..0e77247f 100644
--- a/mk/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html
+++ b/mk/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/get-to-know-slovenia/ljubljana-through-our-eyes/index.html b/mk/get-to-know-slovenia/ljubljana-through-our-eyes/index.html
index 8cedda4e..b2460001 100644
--- a/mk/get-to-know-slovenia/ljubljana-through-our-eyes/index.html
+++ b/mk/get-to-know-slovenia/ljubljana-through-our-eyes/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html b/mk/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html
index 7bf9febc..2eee2b20 100644
--- a/mk/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html
+++ b/mk/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html b/mk/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html
index 648c7c51..ef5e2e32 100644
--- a/mk/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html
+++ b/mk/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/get-to-know-slovenia/welcome-to-slovenia/index.html b/mk/get-to-know-slovenia/welcome-to-slovenia/index.html
index 17543661..ae80193c 100644
--- a/mk/get-to-know-slovenia/welcome-to-slovenia/index.html
+++ b/mk/get-to-know-slovenia/welcome-to-slovenia/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/index.html b/mk/index.html
index 644fa041..d3d0ef24 100644
--- a/mk/index.html
+++ b/mk/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Поврзување до главната CSS-датотека (поправена патека) -->
     <link rel="stylesheet" href="../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/privacy-policy/index.html b/mk/privacy-policy/index.html
index 18056cd2..bea82b77 100644
--- a/mk/privacy-policy/index.html
+++ b/mk/privacy-policy/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Поврзување до главната CSS-датотека -->
     <link rel="stylesheet" href="../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/projects/humanitarian-tournament-in-maribor/index.html b/mk/projects/humanitarian-tournament-in-maribor/index.html
index 7d86f036..b3de2ed5 100644
--- a/mk/projects/humanitarian-tournament-in-maribor/index.html
+++ b/mk/projects/humanitarian-tournament-in-maribor/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/projects/in-memory-of-frosina-kulakova/index.html b/mk/projects/in-memory-of-frosina-kulakova/index.html
index 6140280b..4385fc06 100644
--- a/mk/projects/in-memory-of-frosina-kulakova/index.html
+++ b/mk/projects/in-memory-of-frosina-kulakova/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/projects/in-memory-of-the-kochani-victims/index.html b/mk/projects/in-memory-of-the-kochani-victims/index.html
index b0618df1..3943a5c0 100644
--- a/mk/projects/in-memory-of-the-kochani-victims/index.html
+++ b/mk/projects/in-memory-of-the-kochani-victims/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/projects/index.html b/mk/projects/index.html
index de37d7b9..39cdf7fb 100644
--- a/mk/projects/index.html
+++ b/mk/projects/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Поврзување до главната CSS-датотека -->
     <link rel="stylesheet" href="../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/projects/macedonian-student-night-in-ljubljana/index.html b/mk/projects/macedonian-student-night-in-ljubljana/index.html
index 0047d377..2f9d7bc9 100644
--- a/mk/projects/macedonian-student-night-in-ljubljana/index.html
+++ b/mk/projects/macedonian-student-night-in-ljubljana/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/projects/meet-student-slovenia-2023/index.html b/mk/projects/meet-student-slovenia-2023/index.html
index 0befe98b..6034be60 100644
--- a/mk/projects/meet-student-slovenia-2023/index.html
+++ b/mk/projects/meet-student-slovenia-2023/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/projects/meet-student-slovenia-2024/index.html b/mk/projects/meet-student-slovenia-2024/index.html
index 3569e88e..26c5a1e2 100644
--- a/mk/projects/meet-student-slovenia-2024/index.html
+++ b/mk/projects/meet-student-slovenia-2024/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/projects/morning-coffee-in-front-of-ctk/index.html b/mk/projects/morning-coffee-in-front-of-ctk/index.html
index 78560ca8..69b08956 100644
--- a/mk/projects/morning-coffee-in-front-of-ctk/index.html
+++ b/mk/projects/morning-coffee-in-front-of-ctk/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Link to the main CSS file -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/projects/paint-and-wine-at-sunset/index.html b/mk/projects/paint-and-wine-at-sunset/index.html
index 6bcd2452..7d80794f 100644
--- a/mk/projects/paint-and-wine-at-sunset/index.html
+++ b/mk/projects/paint-and-wine-at-sunset/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/projects/watching-handball-together-in-slovenia/index.html b/mk/projects/watching-handball-together-in-slovenia/index.html
index 6d25e591..7df904fc 100644
--- a/mk/projects/watching-handball-together-in-slovenia/index.html
+++ b/mk/projects/watching-handball-together-in-slovenia/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/academic-life/index.html b/mk/student-welcome-guide/academic-life/index.html
index 6e3aea62..e9d7506f 100644
--- a/mk/student-welcome-guide/academic-life/index.html
+++ b/mk/student-welcome-guide/academic-life/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/administrative-basics/index.html b/mk/student-welcome-guide/administrative-basics/index.html
index 5a0cf0d6..b5a2409f 100644
--- a/mk/student-welcome-guide/administrative-basics/index.html
+++ b/mk/student-welcome-guide/administrative-basics/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/admission-and-enrolment/index.html b/mk/student-welcome-guide/admission-and-enrolment/index.html
index 3a4905a6..26fea829 100644
--- a/mk/student-welcome-guide/admission-and-enrolment/index.html
+++ b/mk/student-welcome-guide/admission-and-enrolment/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/application-deadlines/index.html b/mk/student-welcome-guide/application-deadlines/index.html
index 2dd77cc9..18ef2813 100644
--- a/mk/student-welcome-guide/application-deadlines/index.html
+++ b/mk/student-welcome-guide/application-deadlines/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/arrival-checklist/index.html b/mk/student-welcome-guide/arrival-checklist/index.html
index 60db39b5..95dd43b1 100644
--- a/mk/student-welcome-guide/arrival-checklist/index.html
+++ b/mk/student-welcome-guide/arrival-checklist/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/bachelor-application/index.html b/mk/student-welcome-guide/bachelor-application/index.html
index d618c69f..deb257ba 100644
--- a/mk/student-welcome-guide/bachelor-application/index.html
+++ b/mk/student-welcome-guide/bachelor-application/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/choose-a-programme/index.html b/mk/student-welcome-guide/choose-a-programme/index.html
index 887303dd..5d750027 100644
--- a/mk/student-welcome-guide/choose-a-programme/index.html
+++ b/mk/student-welcome-guide/choose-a-programme/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/complete-student-journey/index.html b/mk/student-welcome-guide/complete-student-journey/index.html
index 1708e689..17148024 100644
--- a/mk/student-welcome-guide/complete-student-journey/index.html
+++ b/mk/student-welcome-guide/complete-student-journey/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/document-preparation/index.html b/mk/student-welcome-guide/document-preparation/index.html
index a8344769..aa046a64 100644
--- a/mk/student-welcome-guide/document-preparation/index.html
+++ b/mk/student-welcome-guide/document-preparation/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/evs-application-guide/index.html b/mk/student-welcome-guide/evs-application-guide/index.html
index 9a4b7aeb..6909fcd6 100644
--- a/mk/student-welcome-guide/evs-application-guide/index.html
+++ b/mk/student-welcome-guide/evs-application-guide/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/healthcare-in-slovenia/index.html b/mk/student-welcome-guide/healthcare-in-slovenia/index.html
index 00d975d5..3c69e194 100644
--- a/mk/student-welcome-guide/healthcare-in-slovenia/index.html
+++ b/mk/student-welcome-guide/healthcare-in-slovenia/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/index.html b/mk/student-welcome-guide/index.html
index f9413373..7a40092f 100644
--- a/mk/student-welcome-guide/index.html
+++ b/mk/student-welcome-guide/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Поврзување до главната CSS-датотека -->
     <link rel="stylesheet" href="../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/master-application/index.html b/mk/student-welcome-guide/master-application/index.html
index 9766e0d1..2edbb9a5 100644
--- a/mk/student-welcome-guide/master-application/index.html
+++ b/mk/student-welcome-guide/master-application/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/means-accommodation-address/index.html b/mk/student-welcome-guide/means-accommodation-address/index.html
index abe5e272..a9c7e436 100644
--- a/mk/student-welcome-guide/means-accommodation-address/index.html
+++ b/mk/student-welcome-guide/means-accommodation-address/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/my-route/index.html b/mk/student-welcome-guide/my-route/index.html
index 317e9055..d6383cd8 100644
--- a/mk/student-welcome-guide/my-route/index.html
+++ b/mk/student-welcome-guide/my-route/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/official-sources-and-checklists/index.html b/mk/student-welcome-guide/official-sources-and-checklists/index.html
index 46a16f63..f0d6c10c 100644
--- a/mk/student-welcome-guide/official-sources-and-checklists/index.html
+++ b/mk/student-welcome-guide/official-sources-and-checklists/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/prepare-to-move/index.html b/mk/student-welcome-guide/prepare-to-move/index.html
index 8e8e696d..56318ffd 100644
--- a/mk/student-welcome-guide/prepare-to-move/index.html
+++ b/mk/student-welcome-guide/prepare-to-move/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/recognition-of-education/index.html b/mk/student-welcome-guide/recognition-of-education/index.html
index 64599cf3..605043bd 100644
--- a/mk/student-welcome-guide/recognition-of-education/index.html
+++ b/mk/student-welcome-guide/recognition-of-education/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/renew-change-graduate/index.html b/mk/student-welcome-guide/renew-change-graduate/index.html
index cfe53a2c..42218e68 100644
--- a/mk/student-welcome-guide/renew-change-graduate/index.html
+++ b/mk/student-welcome-guide/renew-change-graduate/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/rm-si-3-health-insurance/index.html b/mk/student-welcome-guide/rm-si-3-health-insurance/index.html
index 0f31b21a..5289b6bc 100644
--- a/mk/student-welcome-guide/rm-si-3-health-insurance/index.html
+++ b/mk/student-welcome-guide/rm-si-3-health-insurance/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/student-accommodation/index.html b/mk/student-welcome-guide/student-accommodation/index.html
index ba691d3c..428c4466 100644
--- a/mk/student-welcome-guide/student-accommodation/index.html
+++ b/mk/student-welcome-guide/student-accommodation/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/student-budget/index.html b/mk/student-welcome-guide/student-budget/index.html
index ec8c9af4..0d19d0f8 100644
--- a/mk/student-welcome-guide/student-budget/index.html
+++ b/mk/student-welcome-guide/student-budget/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/student-meals/index.html b/mk/student-welcome-guide/student-meals/index.html
index 6d3a09c6..c8067e7a 100644
--- a/mk/student-welcome-guide/student-meals/index.html
+++ b/mk/student-welcome-guide/student-meals/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/student-organisations-and-extracurriculars/index.html b/mk/student-welcome-guide/student-organisations-and-extracurriculars/index.html
index 1e235f20..178ee13f 100644
--- a/mk/student-welcome-guide/student-organisations-and-extracurriculars/index.html
+++ b/mk/student-welcome-guide/student-organisations-and-extracurriculars/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/student-residence-permit/index.html b/mk/student-welcome-guide/student-residence-permit/index.html
index 0388ac98..557325d7 100644
--- a/mk/student-welcome-guide/student-residence-permit/index.html
+++ b/mk/student-welcome-guide/student-residence-permit/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/student-transport/index.html b/mk/student-welcome-guide/student-transport/index.html
index 3e55f817..57cda411 100644
--- a/mk/student-welcome-guide/student-transport/index.html
+++ b/mk/student-welcome-guide/student-transport/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/student-work/index.html b/mk/student-welcome-guide/student-work/index.html
index c44abb89..2c316b82 100644
--- a/mk/student-welcome-guide/student-work/index.html
+++ b/mk/student-welcome-guide/student-work/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/study-cities/index.html b/mk/student-welcome-guide/study-cities/index.html
index fed4c76d..c6588144 100644
--- a/mk/student-welcome-guide/study-cities/index.html
+++ b/mk/student-welcome-guide/study-cities/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/tuition-and-scholarships/index.html b/mk/student-welcome-guide/tuition-and-scholarships/index.html
index 48aed95f..d2ebca7c 100644
--- a/mk/student-welcome-guide/tuition-and-scholarships/index.html
+++ b/mk/student-welcome-guide/tuition-and-scholarships/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/visa-and-residence-explained/index.html b/mk/student-welcome-guide/visa-and-residence-explained/index.html
index 42f28599..1bb51135 100644
--- a/mk/student-welcome-guide/visa-and-residence-explained/index.html
+++ b/mk/student-welcome-guide/visa-and-residence-explained/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/wellbeing-and-community/index.html b/mk/student-welcome-guide/wellbeing-and-community/index.html
index 653e1de0..8e81d4a3 100644
--- a/mk/student-welcome-guide/wellbeing-and-community/index.html
+++ b/mk/student-welcome-guide/wellbeing-and-community/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/mk/student-welcome-guide/where-to-apply-for-residence/index.html b/mk/student-welcome-guide/where-to-apply-for-residence/index.html
index 20d8b69e..931fb389 100644
--- a/mk/student-welcome-guide/where-to-apply-for-residence/index.html
+++ b/mk/student-welcome-guide/where-to-apply-for-residence/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Правилна патека до главната CSS-датотека -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/cookie-policy/index.html b/si/cookie-policy/index.html
index 1d6bf199..661cc221 100644
--- a/si/cookie-policy/index.html
+++ b/si/cookie-policy/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/get-to-know-macedonia/a-table-full-of-macedonia/index.html b/si/get-to-know-macedonia/a-table-full-of-macedonia/index.html
index 79850390..e018a4e1 100644
--- a/si/get-to-know-macedonia/a-table-full-of-macedonia/index.html
+++ b/si/get-to-know-macedonia/a-table-full-of-macedonia/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/get-to-know-macedonia/history-you-can-still-walk-through/index.html b/si/get-to-know-macedonia/history-you-can-still-walk-through/index.html
index 92c538f4..45e3a7ec 100644
--- a/si/get-to-know-macedonia/history-you-can-still-walk-through/index.html
+++ b/si/get-to-know-macedonia/history-you-can-still-walk-through/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/get-to-know-macedonia/index.html b/si/get-to-know-macedonia/index.html
index baa1e72b..82d70352 100644
--- a/si/get-to-know-macedonia/index.html
+++ b/si/get-to-know-macedonia/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html b/si/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html
index 7b15f08e..9df355c6 100644
--- a/si/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html
+++ b/si/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html b/si/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html
index f7a99b37..9d59a604 100644
--- a/si/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html
+++ b/si/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html b/si/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html
index d4f2dcc1..cd1bdb9a 100644
--- a/si/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html
+++ b/si/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/get-to-know-macedonia/welcome-to-macedonia/index.html b/si/get-to-know-macedonia/welcome-to-macedonia/index.html
index 435b0659..c9c6a483 100644
--- a/si/get-to-know-macedonia/welcome-to-macedonia/index.html
+++ b/si/get-to-know-macedonia/welcome-to-macedonia/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html b/si/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html
index 7c92737e..c161b3f1 100644
--- a/si/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html
+++ b/si/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/get-to-know-slovenia/index.html b/si/get-to-know-slovenia/index.html
index f712b498..a112c368 100644
--- a/si/get-to-know-slovenia/index.html
+++ b/si/get-to-know-slovenia/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html b/si/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html
index 7f673010..382b5e9a 100644
--- a/si/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html
+++ b/si/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/get-to-know-slovenia/ljubljana-through-our-eyes/index.html b/si/get-to-know-slovenia/ljubljana-through-our-eyes/index.html
index 07c1c142..5381d818 100644
--- a/si/get-to-know-slovenia/ljubljana-through-our-eyes/index.html
+++ b/si/get-to-know-slovenia/ljubljana-through-our-eyes/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html b/si/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html
index 98e3049b..a976655e 100644
--- a/si/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html
+++ b/si/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html b/si/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html
index 5b2c4160..0ce00662 100644
--- a/si/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html
+++ b/si/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/get-to-know-slovenia/welcome-to-slovenia/index.html b/si/get-to-know-slovenia/welcome-to-slovenia/index.html
index 089a2c29..34d70349 100644
--- a/si/get-to-know-slovenia/welcome-to-slovenia/index.html
+++ b/si/get-to-know-slovenia/welcome-to-slovenia/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/index.html b/si/index.html
index 3b4be310..01c9fd24 100644
--- a/si/index.html
+++ b/si/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko (popravljena pot) -->
     <link rel="stylesheet" href="../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/privacy-policy/index.html b/si/privacy-policy/index.html
index 4f07bbae..2c92705c 100644
--- a/si/privacy-policy/index.html
+++ b/si/privacy-policy/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/projects/humanitarian-tournament-in-maribor/index.html b/si/projects/humanitarian-tournament-in-maribor/index.html
index 45893aa9..e63fca60 100644
--- a/si/projects/humanitarian-tournament-in-maribor/index.html
+++ b/si/projects/humanitarian-tournament-in-maribor/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/projects/in-memory-of-frosina-kulakova/index.html b/si/projects/in-memory-of-frosina-kulakova/index.html
index 34ff8aa4..0be2b58c 100644
--- a/si/projects/in-memory-of-frosina-kulakova/index.html
+++ b/si/projects/in-memory-of-frosina-kulakova/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/projects/in-memory-of-the-kochani-victims/index.html b/si/projects/in-memory-of-the-kochani-victims/index.html
index 21c65c47..a107f599 100644
--- a/si/projects/in-memory-of-the-kochani-victims/index.html
+++ b/si/projects/in-memory-of-the-kochani-victims/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/projects/index.html b/si/projects/index.html
index 50af3fc8..ebac3268 100644
--- a/si/projects/index.html
+++ b/si/projects/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/projects/macedonian-student-night-in-ljubljana/index.html b/si/projects/macedonian-student-night-in-ljubljana/index.html
index 5b8527ac..87ee1711 100644
--- a/si/projects/macedonian-student-night-in-ljubljana/index.html
+++ b/si/projects/macedonian-student-night-in-ljubljana/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/projects/meet-student-slovenia-2023/index.html b/si/projects/meet-student-slovenia-2023/index.html
index 47b87029..619d0190 100644
--- a/si/projects/meet-student-slovenia-2023/index.html
+++ b/si/projects/meet-student-slovenia-2023/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/projects/meet-student-slovenia-2024/index.html b/si/projects/meet-student-slovenia-2024/index.html
index 42a79999..74f5f7ed 100644
--- a/si/projects/meet-student-slovenia-2024/index.html
+++ b/si/projects/meet-student-slovenia-2024/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/projects/morning-coffee-in-front-of-ctk/index.html b/si/projects/morning-coffee-in-front-of-ctk/index.html
index afd7921b..dfed2ee2 100644
--- a/si/projects/morning-coffee-in-front-of-ctk/index.html
+++ b/si/projects/morning-coffee-in-front-of-ctk/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/projects/paint-and-wine-at-sunset/index.html b/si/projects/paint-and-wine-at-sunset/index.html
index 4b0c69d9..a6e71e7c 100644
--- a/si/projects/paint-and-wine-at-sunset/index.html
+++ b/si/projects/paint-and-wine-at-sunset/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/projects/watching-handball-together-in-slovenia/index.html b/si/projects/watching-handball-together-in-slovenia/index.html
index be1130e1..5fc624cc 100644
--- a/si/projects/watching-handball-together-in-slovenia/index.html
+++ b/si/projects/watching-handball-together-in-slovenia/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/academic-life/index.html b/si/student-welcome-guide/academic-life/index.html
index aac10000..a670c247 100644
--- a/si/student-welcome-guide/academic-life/index.html
+++ b/si/student-welcome-guide/academic-life/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/administrative-basics/index.html b/si/student-welcome-guide/administrative-basics/index.html
index 9204c553..4bd5d2f7 100644
--- a/si/student-welcome-guide/administrative-basics/index.html
+++ b/si/student-welcome-guide/administrative-basics/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/admission-and-enrolment/index.html b/si/student-welcome-guide/admission-and-enrolment/index.html
index 346c0753..96c7612d 100644
--- a/si/student-welcome-guide/admission-and-enrolment/index.html
+++ b/si/student-welcome-guide/admission-and-enrolment/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/application-deadlines/index.html b/si/student-welcome-guide/application-deadlines/index.html
index e64c97c1..23c0d54d 100644
--- a/si/student-welcome-guide/application-deadlines/index.html
+++ b/si/student-welcome-guide/application-deadlines/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/arrival-checklist/index.html b/si/student-welcome-guide/arrival-checklist/index.html
index a04cea37..2585a8d9 100644
--- a/si/student-welcome-guide/arrival-checklist/index.html
+++ b/si/student-welcome-guide/arrival-checklist/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/bachelor-application/index.html b/si/student-welcome-guide/bachelor-application/index.html
index 65c57a3b..e70cefb7 100644
--- a/si/student-welcome-guide/bachelor-application/index.html
+++ b/si/student-welcome-guide/bachelor-application/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/choose-a-programme/index.html b/si/student-welcome-guide/choose-a-programme/index.html
index fbf2e220..7d89d61b 100644
--- a/si/student-welcome-guide/choose-a-programme/index.html
+++ b/si/student-welcome-guide/choose-a-programme/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/complete-student-journey/index.html b/si/student-welcome-guide/complete-student-journey/index.html
index 97562887..f0bcf483 100644
--- a/si/student-welcome-guide/complete-student-journey/index.html
+++ b/si/student-welcome-guide/complete-student-journey/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/document-preparation/index.html b/si/student-welcome-guide/document-preparation/index.html
index 18261405..f80de4fc 100644
--- a/si/student-welcome-guide/document-preparation/index.html
+++ b/si/student-welcome-guide/document-preparation/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/evs-application-guide/index.html b/si/student-welcome-guide/evs-application-guide/index.html
index 22095d30..15aa5c43 100644
--- a/si/student-welcome-guide/evs-application-guide/index.html
+++ b/si/student-welcome-guide/evs-application-guide/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/healthcare-in-slovenia/index.html b/si/student-welcome-guide/healthcare-in-slovenia/index.html
index 41d495b4..9859d01b 100644
--- a/si/student-welcome-guide/healthcare-in-slovenia/index.html
+++ b/si/student-welcome-guide/healthcare-in-slovenia/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/index.html b/si/student-welcome-guide/index.html
index 65b10963..10ae8b59 100644
--- a/si/student-welcome-guide/index.html
+++ b/si/student-welcome-guide/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/master-application/index.html b/si/student-welcome-guide/master-application/index.html
index 6313e05f..d4845017 100644
--- a/si/student-welcome-guide/master-application/index.html
+++ b/si/student-welcome-guide/master-application/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/means-accommodation-address/index.html b/si/student-welcome-guide/means-accommodation-address/index.html
index a8d3aa22..a3953b2f 100644
--- a/si/student-welcome-guide/means-accommodation-address/index.html
+++ b/si/student-welcome-guide/means-accommodation-address/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/my-route/index.html b/si/student-welcome-guide/my-route/index.html
index 5fe40f82..6e976901 100644
--- a/si/student-welcome-guide/my-route/index.html
+++ b/si/student-welcome-guide/my-route/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/official-sources-and-checklists/index.html b/si/student-welcome-guide/official-sources-and-checklists/index.html
index d10d20bf..6632fb58 100644
--- a/si/student-welcome-guide/official-sources-and-checklists/index.html
+++ b/si/student-welcome-guide/official-sources-and-checklists/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/prepare-to-move/index.html b/si/student-welcome-guide/prepare-to-move/index.html
index 94de64ec..e7a472dc 100644
--- a/si/student-welcome-guide/prepare-to-move/index.html
+++ b/si/student-welcome-guide/prepare-to-move/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/recognition-of-education/index.html b/si/student-welcome-guide/recognition-of-education/index.html
index 0ce1c28d..444e19ea 100644
--- a/si/student-welcome-guide/recognition-of-education/index.html
+++ b/si/student-welcome-guide/recognition-of-education/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/renew-change-graduate/index.html b/si/student-welcome-guide/renew-change-graduate/index.html
index 00dee43f..f3c3d78f 100644
--- a/si/student-welcome-guide/renew-change-graduate/index.html
+++ b/si/student-welcome-guide/renew-change-graduate/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/rm-si-3-health-insurance/index.html b/si/student-welcome-guide/rm-si-3-health-insurance/index.html
index 76ebfd94..49dee336 100644
--- a/si/student-welcome-guide/rm-si-3-health-insurance/index.html
+++ b/si/student-welcome-guide/rm-si-3-health-insurance/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/student-accommodation/index.html b/si/student-welcome-guide/student-accommodation/index.html
index 98617a9e..69caac48 100644
--- a/si/student-welcome-guide/student-accommodation/index.html
+++ b/si/student-welcome-guide/student-accommodation/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/student-budget/index.html b/si/student-welcome-guide/student-budget/index.html
index 7dbac0d8..4f47c511 100644
--- a/si/student-welcome-guide/student-budget/index.html
+++ b/si/student-welcome-guide/student-budget/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/student-meals/index.html b/si/student-welcome-guide/student-meals/index.html
index 866d9f5e..588c69e5 100644
--- a/si/student-welcome-guide/student-meals/index.html
+++ b/si/student-welcome-guide/student-meals/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/student-organisations-and-extracurriculars/index.html b/si/student-welcome-guide/student-organisations-and-extracurriculars/index.html
index 0375d14b..c165452c 100644
--- a/si/student-welcome-guide/student-organisations-and-extracurriculars/index.html
+++ b/si/student-welcome-guide/student-organisations-and-extracurriculars/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/student-residence-permit/index.html b/si/student-welcome-guide/student-residence-permit/index.html
index d9cbed61..679dfb6d 100644
--- a/si/student-welcome-guide/student-residence-permit/index.html
+++ b/si/student-welcome-guide/student-residence-permit/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/student-transport/index.html b/si/student-welcome-guide/student-transport/index.html
index 6e57e041..a5ab2e06 100644
--- a/si/student-welcome-guide/student-transport/index.html
+++ b/si/student-welcome-guide/student-transport/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/student-work/index.html b/si/student-welcome-guide/student-work/index.html
index aa9cf593..253d6375 100644
--- a/si/student-welcome-guide/student-work/index.html
+++ b/si/student-welcome-guide/student-work/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/study-cities/index.html b/si/student-welcome-guide/study-cities/index.html
index 5d9d37e9..38e1ee6c 100644
--- a/si/student-welcome-guide/study-cities/index.html
+++ b/si/student-welcome-guide/study-cities/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/tuition-and-scholarships/index.html b/si/student-welcome-guide/tuition-and-scholarships/index.html
index a1e49b69..73533156 100644
--- a/si/student-welcome-guide/tuition-and-scholarships/index.html
+++ b/si/student-welcome-guide/tuition-and-scholarships/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/visa-and-residence-explained/index.html b/si/student-welcome-guide/visa-and-residence-explained/index.html
index 964d2b81..42397b46 100644
--- a/si/student-welcome-guide/visa-and-residence-explained/index.html
+++ b/si/student-welcome-guide/visa-and-residence-explained/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/wellbeing-and-community/index.html b/si/student-welcome-guide/wellbeing-and-community/index.html
index e7856463..f2cb7aa0 100644
--- a/si/student-welcome-guide/wellbeing-and-community/index.html
+++ b/si/student-welcome-guide/wellbeing-and-community/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>
diff --git a/si/student-welcome-guide/where-to-apply-for-residence/index.html b/si/student-welcome-guide/where-to-apply-for-residence/index.html
index 809a84ee..26c4f947 100644
--- a/si/student-welcome-guide/where-to-apply-for-residence/index.html
+++ b/si/student-welcome-guide/where-to-apply-for-residence/index.html
@@ -12,6 +12,7 @@
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
 
     <!-- Povezava na glavno CSS datoteko -->
     <link rel="stylesheet" href="../../../css/main.css">
@@ -82,9 +83,9 @@
                         <i class="fas fa-chevron-down"></i>
                     </div>
                     <div class="lang-dropdown">
-                        <a href="#" data-lang="si">Slovenščina (SI)</a>
-                        <a href="#" data-lang="en">English (EN)</a>
-                        <a href="#" data-lang="mk">Македонски (МК)</a>
+                        <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
                     </div>
                 </div>
             </div>
@@ -165,9 +166,9 @@
             <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
         </div>
         <div class="language-modal-body">
-            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
-            <a href="#" data-lang="en">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (МК)</a>
+            <a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
         </div>
     </div>
 </div>