PageSourceSearch

https://www.flags-and-anthems.com/flags/national

html flags-and-anthems.com collected 2026-10-02 12:34:35 UTC 378,019 bytes, 5,282 lines download raw bytes

1<!doctype html>
2<html lang="en">
3<head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6
7    <meta name="csrf-token" content="uuRTXbveqCvm1D2JQAzAOTASEPvuSatVDYI4HnKo">
8    <link rel="icon" type="image/svg+xml" href="https://www.flags-and-anthems.com/favicon.svg">
9    <link rel="icon" href="https://www.flags-and-anthems.com/favicon.ico" sizes="48x48">
10    <link rel="icon" type="image/png" sizes="32x32" href="https://www.flags-and-anthems.com/favicon-32x32.png">
11    <link rel="icon" type="image/png" sizes="16x16" href="https://www.flags-and-anthems.com/favicon-16x16.png">
12    <link rel="apple-touch-icon" sizes="180x180" href="https://www.flags-and-anthems.com/apple-touch-icon.png">
13    
14    <link rel="manifest" href="https://www.flags-and-anthems.com/site.webmanifest">
15    <meta name="theme-color" content="#0d1322">
16    <style>
17    :root {
18        /* vorher: rgba(0, 0, 0, .5) als gleichmäßige Fläche;
19           dann bis 2026-08-14: Endton rgba(255, 255, 255, .71) — das WEISSE
20           Verlaufsende stieß unten an die bg-slate-300-Folgesektion und
21           zeichnete zusammen mit der flachen Keil-Schräge (~2°) einen
22           sichtbaren grauen Querstrich übers Foto. Der Verlauf endet jetzt im
23           Slate-Ton der Folgesektion (Tailwind slate-300 = 203,213,225), damit
24           das Foto nahtlos in die Fläche darunter ausläuft. Gilt für alle
25           Hero-Seiten — jeder Hero-Keil nutzt den slate-300-Default. */
26        --nf-hero-overlay: linear-gradient(to bottom, rgba(255, 255, 255, .24), rgba(203, 213, 225, .94));
27
28        /* Flaggen-Detailseiten: dort ist der Hintergrund die Flagge selbst, nicht
29           das Landschaftsfoto. Helle Flaggen wie Japan werden vom Verlauf unten
30           stark aufgehellt - bewusst so entschieden. Soll das dort anders
31           aussehen, genügt es, diesen Wert zu ändern; die Foto-Seiten bleiben
32           davon unberührt. */
33        --nf-hero-overlay-media: var(--nf-hero-overlay);
34
35        /* vorher: .40 */
36        --nf-hero-box-opacity: .72;
37    }
38
39    .nf-hero-overlay {
40        background: var(--nf-hero-overlay);
41    }
42
43    .nf-hero-overlay--media {
44        background: var(--nf-hero-overlay-media);
45    }
46
47    .nf-hero-box {
48        background-color: rgb(0 0 0 / var(--nf-hero-box-opacity));
49    }
50</style>
51    <meta name="apple-mobile-web-app-title" content="flags-and-anthems.com">
52    <link href="/css/themes/nfa2022/frontend.css?id=671af808cf43b2ae4b2f21143d4844af" rel="stylesheet">
53
54    
55        <title>National flags of the world, all country flags</title>
56            <meta name="keywords" content="National flags, flag, flags, states, countries, country flags">
57                <meta name="description" content="All national flags of the world at a glance: flags of every country with their meaning and colours, sorted alphabetically and by continent.">
58        <meta name="author" content="flags-and-anthems.com">
59    <link rel="canonical" href="https://www.flags-and-anthems.com/flags/national">
60    <link rel="alternate" hreflang="de" href="https://www.nationalflaggen.de/flaggen/nationen">
61    <link rel="alternate" hreflang="en" href="https://www.flags-and-anthems.com/flags/national">
62    <link rel="alternate" hreflang="es" href="https://www.banderas-e-himnos.com/banderas/naciones">
63    <link rel="alternate" hreflang="fr" href="https://www.drapeaux-nationaux.fr/drapeaux/nationaux">
64    <link rel="alternate" hreflang="it" href="https://www.bandiere-nazionali.com/bandiere/nazioni">
65    <link rel="alternate" hreflang="pl" href="https://www.flagi-i-hymny.pl/flagi/nacje">
66    <link rel="alternate" hreflang="pt" href="https://www.bandeiras-nacionais.pt/bandeiras/nacoes">
67    <link rel="alternate" hreflang="nl" href="https://www.nationale-vlaggen.nl/vlaggen/naties">
68    <link rel="alternate" hreflang="sv" href="https://www.nationalflaggor.se/flaggor/nationer">
69    <link rel="alternate" hreflang="x-default" href="https://www.flags-and-anthems.com/flags/national">
70    <meta property="og:type" content="website">
71<meta property="og:site_name" content="flags-and-anthems.com">
72<meta property="og:title" content="National flags of the world, all c
72ountry flags">
73    <meta property="og:description" content="All national flags of the world at a glance: flags of every country with their meaning and colours, sorted alphabetically and by continent.">
74    <meta property="og:url" content="https://www.flags-and-anthems.com/flags/national">
75<meta property="og:image" content="https://www.flags-and-anthems.com/images/og/og-en.png">
76    <meta property="og:image:width" content="1200">
77    <meta property="og:image:height" content="630">
78    <meta property="og:locale" content="en_GB">
79            <meta property="og:locale:alternate" content="de_DE">
80                    <meta property="og:locale:alternate" content="es_ES">
81                <meta property="og:locale:alternate" content="fr_FR">
82                <meta property="og:locale:alternate" content="it_IT">
83                <meta property="og:locale:alternate" content="pl_PL">
84                <meta property="og:locale:alternate" content="pt_PT">
85                <meta property="og:locale:alternate" content="nl_NL">
86                <meta property="og:locale:alternate" content="sv_SE">
87    <meta name="twitter:card" content="summary_large_image">
88    
88<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"flags-and-anthems.com","item":"https://www.flags-and-anthems.com"},{"@type":"ListItem","position":2,"name":"National flags"}]}</script>
88
89    
90    
90<script>
91        window.dataLayer = window.dataLayer || [];
92        function gtag(){dataLayer.push(arguments);}
93        gtag('consent', 'default', {
94            'ad_storage': 'denied',
95            'ad_user_data': 'denied',
96            'ad_personalization': 'denied',
97            'analytics_storage': 'denied',
98            'wait_for_update': 500
99        });
100    </script>
100
101    <link rel="preconnect" href="https://app.usercentrics.eu" crossorigin>
102    
102<script type="application/javascript" src="https://app.usercentrics.eu/latest/main.js" id="MUys3KpmI"></script>
102
103            <style>
104        body {
105            font-family: 'Inter', sans-serif;
106        }
107
108        a:hover {
109            text-decoration: underline;
110        }
111
112        <!--
113        Custom Colors
114
115        -->
116        
117            body .bg-nfblue-500 {
118            --tw-bg-opacity: 1;
119            background-color: rgb(13 19 34 / var(--tw-bg-opacity));
120        }
121
122        body > nav .text-white,
123        body > nav .lg\:text-white {
124            color: #f0f1f2 !important;
125        }
126
127        body .from-nfblue-400\/80 {
128            --tw-gradient-from: rgb(13 19 34 / 0.8);
129            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(13 19 34 / 0));
130        }
131
132        body .via-nfblue-500\/80 {
133            --tw-gradient-stops: var(--tw-gradient-from), rgb(13 19 34 / 0.8), var(--tw-gradient-to, rgb(13 19 34 / 0));
134        }
135
136        body .to-nfblue-500\/80 {
137            --tw-gradient-to: rgb(13 19 34 / 0.8);
138        }
139
140        body .text-nfblue-500 {
141            --tw-text-opacity: 1;
142            color: rgb(13 19 34 / var(--tw-text-opacity));
143        }
144
145        body .hover\:bg-nfblue-400:hover {
146            --tw-bg-opacity: 1;
147            background-color: rgb(13 19 34 / var(--tw-bg-opacity));
148        }
149
150        body .prose-a\:text-nfblue-500 :is(:where(a):not(:where([class~="not-prose"] *))) {
151            --tw-text-opacity: 1;
152            color: rgb(13 19 34 / var(--tw-text-opacity));
153        }
154    </style>
vendor: 126 bytes, lines 154-157
154
155            <script type="text/plain"
156                async
157                src="https://www.googletagmanager.com/gtag/js?id=
157G-3TMP60G3C7
vendor: 84 bytes, lines 157-160
157"
158                data-usercentrics="Google Analytics 4"
159        ></script>
160        
160<script type="text/plain"
161                data-usercentrics="Google Analytics 4"
162        >
163            
vendor: 163 bytes, lines 163-166
163window.dataLayer = window.dataLayer || [];
164            function gtag(){dataLayer.push(arguments);}
165            gtag('js', new Date());
166            gtag('config', '
166G-3TMP60G3C7
vendor: 12 bytes, lines 166-167
166');
167        
167</script>
167
168        </head>
169<body class="text-gray-800 antialiased min-h-screen flex flex-col">
170    <nav x-data="{ isMobileOpen: false, isMoreOpen: false, isMorePinned: false }"
171     class="
172        top-0 sticky z-50 w-full flex items-center justify-between px-2
173        bg-gradient-to-r from-nfblue-400/80 via-nfblue-500/80 to-nfblue-500/80
174        backdrop-blur-md
175     "
176>
177    <div class="container px-4 mx-auto flex flex-wrap items-center justify-between">
178        <div class="w-full relative flex justify-between nav:w-auto nav:static nav:block nav:justify-start">
179            <a href="https://www.flags-and-anthems.com"
180               class="text-sm font-bold leading-relaxed inline-block mr-4 whitespace-nowrap uppercase text-white"
181            >
182                <img src='https://www.flags-and-anthems.com/images/logos/logo-en.png'
183                     width="200" height="70"
184                     title="flags-and-anthems.com"
185                     alt="flags-and-anthems.com"
186                 />
187            </a>
188        </div>
189
190        <div x-show="isMobileOpen"
191             x-transition:enter="duration-200 ease-out"
192             x-transition:enter-start="opacity-0 scale-95"
193             x-transition:enter-end="opacity-100 scale-100"
194             x-transition:leave="duration-100 ease-in"
195             x-transition:leave-start="opacity-100 scale-100"
196             x-transition:leave-end="opacity-0 scale-95"
197             class="absolute z-30 top-0 inset-x-0 p-2 transition transform origin-top-right nav:hidden"
198        >
199            <div class="rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 bg-white divide-y-2 divide-gray-50">
200                <div class="flex flex-col min-h-0 max-h-full pt-5 pb-6 px-5 sm:pb-8"
201                     style="max-height: 90vh;"
202                >
203                    <div class="flex items-center justify-between">
204                        <div>
205                            flags-and-anthems.com
206                        </div>
207                        <div class="-mr-2">
208                            <button @click="isMobileOpen = false"
209                                    type="button"
210                                    class="bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500"
211                            >
212                                <span class="sr-only">
213                                    Close menu
214                                </span>
215                                <svg class="h-6 w-6"
216                                     xmlns="http://www.w3.org/2000/svg"
217                                     fill="none"
218                                     viewBox="0 0 24 24"
219                                     stroke="currentColor"
220                                     aria-hidden="true"
221                                >
222                                    <path stroke-linecap="round"
223                                          stroke-linejoin="round"
224                                          stroke-width="2"
225                                          d="M6 18L18 6M6 6l12 12"
226                                    />
227                                </svg>
228                            </button>
229                        </div>
230                    </div>
231                    <div class="mt-4 max-h-full overflow-auto">
232                        <ul class="flex flex-col list-none main_nav">
233                            <li>
234                                <a href="https://www.flags-and-anthems.com/flags/national"
235                                   class="text-gray-800 px-2 py-2.5 flex items-center text-sm font-medium hover:underline"
236                                >National  flags</a>
237                            </li>
238                            <li>
239                                <a href="https://www.flags-and-anthems.com/flags/region"
240                                   class="text-gray-800 px-2 py-2.5 flex items-center text-sm font-medium hover:underline"
241                                >Flags  Federal states</a>
242                            </li>
243                            
244                            <li>
245                                <div class="text-gray-800 px-2 py-2.5 flex items-center text-sm font-medium">
246                                    More  flags
247                                </div>
248                                <div class="ml-2 border-l-2 border-gray-100">
249                                    <a href="https://www.flags-and-anthems.com/flags-to-color" class="text-gray-700 pl-4 pr-2 py-2 flex items-center text-sm hover:underline">Flags to  color</a>
250                                    
251                                    <div class="ml-2 border-l-2 border-gray-100">
252                                        <a href="https://www.flags-and-anthems.com/flags-to-color" class="text-gray-700 pl-4 pr-2 py-2 flex items-center text-xs hover:underline">Flags to color: nations</a>
253                                        <a href="https://www.flags-and-anthems.com/flags-to-color/regions" class="text-gray-700 pl-4 pr-2 py-2 flex items-center text-xs hover:underline">Flags to color: federal states</a>
254                                        <a href="https://www.flags-and-anthems.com/flags-to-color/cities" class="text-gray-700 pl-4 pr-2 py-2 flex items-center text-xs hover:underline">Flags to color: cities</a>
255                                        <a href="https://www.flags-and-anthems.com/flags-to-color/organizations" class="text-gray-700 pl-4 pr-2 py-2 flex items-center text-xs hover:underline">Flags to color: organizations</a>
256                                        <a href="https://www.flags-and-anthems.com/flags-to-color/historical" class="text-gray-700 pl-4 pr-2 py-2 flex items-center text-xs hover:underline">Flags to color: historical flags</a>
257                                        <a href="https://www.flags-and-anthems.com/flags-to-color/sports" class="text-gray-700 pl-4 pr-2 py-2 flex items-center text-xs hover:underline">Flags to color: sports flags</a>
258                                    </div>
259                                    <a href="https://www.flags-and-anthems.com/flags/cities" class="text-gray-700 pl-4 pr-2 py-2 flex items-center text-sm hover:underline">Flags  Cities</a>
260                                    <a href="https://www.flags-and-anthems.com/flags/districts" class="text-gray-700 pl-4 pr-2 py-2 flex items-center text-sm hover:underline">Flags  Municipalities & Places</a>
261                                    <a href="https://www.flags-and-anthems.com/flags/organizations" class="text-gray-700 pl-4 pr-2 py-2 flex items-center text-sm hover:underline">Flags  Organizations</a>
262                                    <a href="https://www.flags-and-anthems.com/flags/historical" class="text-gray-700 pl-4 pr-2 py-2 flex items-center text-sm hover:underline">Historical  flags</a>
263                                    <a href="https://www.flags-and-anthems.com/flags/sports" class="text-gray-700 pl-4 pr-2 py-2 flex items-center text-sm hover:underline">Sports  flags</a>
264                                </div>
265                            </li>
266                            <li>
267                                <a href="https://www.flags-and-anthems.com/country-information"
268                                   class="text-gray-800 px-2 py-2.5 flex items-center text-sm font-medium hover:underline"
269                                >Country  information</a>
270                            </li>
271                            <li>
272                                <a href="https://www.flags-and-anthems.com/flag-games"
273                                   class="text-gray-800 px-2 py-2.5 flex items-center text-sm font-medium hover:underline"
274                                >Flag  Games</a>
275                            </li>
276                        </ul>
277                    </div>
278                </div>
279            </div>
280        </div>
281        <div class="nav:flex flex-grow items-center bg-white nav:bg-transparent nav:shadow-none hidden max-w-full min-w-0">
282            <ul class="flex flex-col nav:flex-row nav:flex-1 nav:justify-center list-none max-w-full main_nav">
283                <li class="flex items-center">
284                    <a href="https://www.flags-and-anthems.com/flags/national"
285                       class="text-center nav:text-white hover:underline text-gray-800 mx-2 px-1 py-2 flex items-center text-sm font-medium"
286                    >
287                        National <br/>flags
288                    </a>
289                </li>
290                <li class="hidden nav:flex items-center" aria-hidden="true"><span style="width:1px;height:22px;background:rgba(255,255,255,0.32);"></span></li>
291                <li class="flex items-center">
292                    <a href="https://www.flags-and-anthems.com/flags/region"
293                       class="text-center nav:text-white hover:underline text-gray-800 mx-2 px-1 py-2 flex items-center text-sm font-medium"
294                    >
295                        Flags <br/>Federal states
296                    </a>
297                </li>
298                <li class="hidden nav:flex items-center" aria-hidden="true"><span style="width:1px;height:22px;background:rgba(255,255,255,0.32);"></span></li>
299                
300                <li class="flex items-center relative"
301                    @mouseenter="isMoreOpen = true"
302                    @mouseleave="isMorePinned || (isMoreOpen = false)"
303                >
304                    <button type="button"
305                            @click="isMorePinned = !isMorePinned; isMoreOpen = isMorePinned"
306                            class="text-center nav:text-white hover:underline text-gray-800 mx-2 px-1 py-2 flex items-center gap-1 text-sm font-medium bg-transparent border-0 cursor-pointer"
307                            :aria-expanded="isMoreOpen"
308                    >
309                        More <br/>flags
310                        <svg class="w-2.5 h-2.5 transition-transform shrink-0" :class="isMoreOpen ? 'rotate-180' : ''" viewBox="0 0 10 6" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M1 1l4 4 4-4" stroke-linecap="round" stroke-linejoin="round"/></svg>
311                    </button>
312                    <div x-show="isMoreOpen"
313                         x-cloak
314                         x-transition.opacity.duration.120ms
315                         @click.outside="isMoreOpen = false; isMorePinned = false"
316                         class="absolute top-full left-0 mt-1 bg-white rounded-lg shadow-xl ring-1 ring-black ring-opacity-5 p-1.5 z-50"
317                         style="min-width: 232px;"
318                    >
319                        
320                        <div class="nf-nav-flyout-item relative">
321                            <a href="https://www.flags-and-anthems.com/flags-to-color" class="flex items-center justify-between gap-1 text-gray-800 hover:underline rounded px-3 py-2 text-sm font-medium">
322                                <span>Flags to  color</span>
323                                <svg class="w-2.5 h-2.5 shrink-0" viewBox="0 0 6 10" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path d="M1 1l4 4-4 4" stroke-linecap="round" stroke-linejoin="round"/></svg>
324                            </a>
325                            <div class="nf-nav-flyout absolute bg-white rounded-lg shadow-xl ring-1 ring-black ring-opacity-5 p-1.5 z-50" style="min-width: 232px;">
326                                <a href="https://www.flags-and-anthems.com/flags-to-color" class="block text-gray-800 hover:underline rounded px-3 py-2 text-sm font-medium">Flags to color: nations</a>
327                                <a href="https://www.flags-and-anthems.com/flags-to-color/regions" class="block text-gray-800 hover:underline rounded px-3 py-2 text-sm font-medium">Flags to color: federal states</a>
328                                <a href="https://www.flags-and-anthems.com/flags-to-color/cities" class="block text-gray-800 hover:underline rounded px-3 py-2 text-sm font-medium">Flags to color: cities</a>
329                                <a href="https://www.flags-and-anthems.com/flags-to-color/organizations" class="block text-gray-800 hover:underline rounded px-3 py-2 text-sm font-medium">Flags to color: organizations</a>
330                                <a href="https://www.flags-and-anthems.com/flags-to-color/historical" class="block text-gray-800 hover:underline rounded px-3 py-2 text-sm font-medium">Flags to color: historical flags</a>
331                                <a href="https://www.flags-and-anthems.com/flags-to-color/sports" class="block text-gray-800 hover:underline rounded px-3 py-2 text-sm font-medium">Flags to color: sports flags</a>
332                            </div>
333                        </div>
334                        <a href="https://www.flags-and-anthems.com/flags/cities" class="block text-gray-800 hover:underline rounded px-3 py-2 text-sm font-medium">Flags  Cities</a>
335                        <a href="https://www.flags-and-anthems.com/flags/districts" class="block text-gray-800 hover:underline rounded px-3 py-2 text-sm font-medium">Flags  Municipalities & Places</a>
336                        <a href="https://www.flags-and-anthems.com/flags/organizations" class="block text-gray-800 hover:underline rounded px-3 py-2 text-sm font-medium">Flags  Organizations</a>
337                        <a href="https://www.flags-and-anthems.com/flags/historical" class="block text-gray-800 hover:underline rounded px-3 py-2 text-sm font-medium">Historical  flags</a>
338                        <a href="https://www.flags-and-anthems.com/flags/sports" class="block text-gray-800 hover:underline rounded px-3 py-2 text-sm font-medium">Sports  flags</a>
339                    </div>
340                </li>
341                <li class="hidden nav:flex items-center" aria-hidden="true"><span style="width:1px;height:22px;background:rgba(255,255,255,0.32);"></span></li>
342                <li class="flex items-center">
343                    <a href="https://www.flags-and-anthems.com/country-information"
344                       class="text-center nav:text-white hover:underline text-gray-800 mx-2 px-1 py-2 flex items-center text-sm font-medium"
345                    >
346                        Country <br/>information
347                    </a>
348                </li>
349                <li class="hidden nav:flex items-center" aria-hidden="true"><span style="width:1px;height:22px;background:rgba(255,255,255,0.32);"></span></li>
350                <li class="flex items-center">
351                    <a href="https://www.flags-and-anthems.com/flag-games"
352                       class="text-center nav:text-white hover:underline text-gray-800 mx-2 px-1 py-2 flex items-center text-sm font-medium"
353                    >
354                        Flag <br/>Games
355                    </a>
356                </li>
357            </ul>
358            <ul class="flex-shrink-0 flex flex-col nav:flex-row list-none">
359                <li class="flex items-center"
360                    x-data
361                >
362                    <a @click="$dispatch('search')"
363                       class="nav:text-white text-gray-800 nav:border nav:border-white rounded px-4 py-2 flex items-center text-xs uppercase font-bold cursor-pointer"
364                    >
365                        <svg aria-hidden="true"
366                             focusable="false"
367                             data-prefix="far"
368                             data-icon="search"
369                             class="h-5 w-5 svg-inline--fa fa-search fa-w-16"
370                             role="img"
371                             xmlns="http://www.w3.org/2000/svg"
372                             viewBox="0 0 512 512"
373                        >
374                            <path fill="currentColor"
375                                  d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"
376                            ></path>
377                        </svg>
378                        <span class="hidden nav:block ml-2">
379                            Search
380                        </span>
381                    </a>
382                </li>
383                            </ul>
384        </div>
385    </div>
386    
387    <style>
388        .nf-nav-flyout {
389            display: none;
390            left: 100%;
391            top: 0;
392        }
393
394        .nf-nav-flyout-item:hover .nf-nav-flyout,
395        .nf-nav-flyout-item:focus-within .nf-nav-flyout {
396            display: block;
397        }
398    </style>
399    <div class="flex">
400        <a @click="$dispatch('search')"
401           class="nav:hidden text-white hover:text-sky-200 text-gray-800 px-3 py-4 nav:py-2 flex items-center text-xs uppercase font-bold cursor-pointer"
402        >
403            <svg aria-hidden="true"
404                 focusable="false"
405                 class="h-6 w-6"
406                 role="img"
407                 xmlns="http://www.w3.org/2000/svg"
408                 viewBox="0 0 512 512"
409            >
410                <path fill="currentColor"
411                      d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"
412                ></path>
413            </svg>
414        </a>
415        <button @click="isMobileOpen = !isMobileOpen"
416                type="button"
417                class="cursor-pointer text-xl leading-none px-3 py-1 border border-solid border-transparent rounded bg-transparent block nav:hidden outline-none focus:outline-none shrink-0"
418                aria-expanded="false"
419        >
420                    <span class="sr-only">
421                        Open menu
422                    </span>
423            <svg class="text-white w-5 h-5"
424                 xmlns="http://www.w3.org/2000/svg"
425                 aria-hidden="true"
426                 focusable="false"
427                 role="img"
428                 xmlns="http://www.w3.org/2000/svg"
429                 viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>
430        </button>
431    </div>
432</nav>
433        <main>
434        <div class="relative pt-16 pb-20 flex content-center items-center justify-center -mt-16">
435            <div class="absolute top-0 w-full" style="height: calc(100% - 1px); overflow: hidden;">
436            <picture>
437                <source type="image/webp" srcset="https://www.flags-and-anthems.com/images/background-mobile.webp 800w, https://www.flags-and-anthems.com/images/background.webp 1440w" sizes="100vw">
438                <source type="image/jpeg" srcset="https://www.flags-and-anthems.com/images/background-mobile.jpg 800w, https://www.flags-and-anthems.com/images/background.jpg 1440w" sizes="100vw">
439                <img src="https://www.flags-and-anthems.com/images/background.jpg" alt="" fetchpriority="high" decoding="async"
440                     style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;">
441            </picture>
442            <span class="nf-hero-overlay w-full h-full absolute"></span>
443        </div>
444                <div class="container relative mx-auto">
445                                <div class="items-center flex flex-wrap">
446                    <div class="w-full max-w-5xl px-4 ml-auto mr-auto text-center">
447                        <div class="mt-8 p-8 nf-hero-box rounded">
448                            <h1 class="text-white font-semibold text-xl md:text-2xl lg:text-5xl  max-w-full block text-ellipsis overflow-hidden">
449                                                                    National flags of the world
450                                                            </h1>
451                                                                                                <p class="mt-4 text-lg text-gray-200">
452                                        Here you will find an alphabetical list of the national flags of all countries. You can use the labels to jump to the relevant letter, or use the filter to only display countries from a specific continent.
453                                    </p>
454                                                                                    </div>
455                    </div>
456                </div>
457            </div>
458        </div>
459
460        <section class="relative py-8">
461    <div
462        class="bottom-auto top-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden -mt-20"
463        style="height: 80px;"
464    >
465        <svg
466            class="absolute bottom-0 overflow-hidden"
467            xmlns="http://www.w3.org/2000/svg"
468            preserveAspectRatio="none"
469            viewBox="0 0 2560 100"
470            x="0"
471            y="0"
472        >
473            <polygon
474                class="text-white fill-current"
475                points="2560 0 2560 100 0 100"
476            ></polygon>
477        </svg>
478    </div>
479
480
481    <div class="container mx-auto px-4">
482                <div class="w-full px-4 mx-auto text-center">
483                        <h4 class="font-bold text-md mb-4">
484                 Filter by continent:
485            </h4>
486            <div class="flex flex-wrap items-center flex-row gap-6 mx-auto justify-center">
487                                                    <div class="relative rounded-lg border border-gray-300 bg-white px-3
488                                py-2 shadow-sm flex items-center space-x-3 hover:border-gray-400
489                                focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500
490                                                    ">
491                        <div class="shrink-0">
492                                                            <img class="h-5" src="https://www.nationalflaggen.de/storage/media/20220822/14/afrika.svg" alt="" />
493                                                    </div>
494                        <div class="flex-1 min-w-0">
495                            <a href="https://www.flags-and-anthems.com/flags/africa.html" class="focus:outline-none">
496                                <span class="absolute inset-0" aria-hidden="true"></span>
497                                <p class="text-sm font-medium text-gray-900">
498                                    Africa
499                                </p>
500                            </a>
501                        </div>
502                    </div>
503                                    <div class="relative rounded-lg border border-gray-300 bg-white px-3
504                                py-2 shadow-sm flex items-center space-x-3 hover:border-gray-400
505                                focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500
506                                                    ">
507                        <div class="shrink-0">
508                                                            <img class="h-5" src="https://www.nationalflaggen.de/storage/media/20220822/15/asien.svg" alt="" />
509                                                    </div>
510                        <div class="flex-1 min-w-0">
511                            <a href="https://www.flags-and-anthems.com/flags/asia.html" class="focus:outline-none">
512                                <span class="absolute inset-0" aria-hidden="true"></span>
513                                <p class="text-sm font-medium text-gray-900">
514                                    Asia
515                                </p>
516                            </a>
517                        </div>
518                    </div>
519                                    <div class="relative rounded-lg border border-gray-300 bg-white px-3
520                                py-2 shadow-sm flex items-center space-x-3 hover:border-gray-400
521                                focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500
522                                                    ">
523                        <div class="shrink-0">
524                                                            <img class="h-5" src="https://www.nationalflaggen.de/storage/media/20220822/16/australien-ozeanien.svg" alt="" />
525                                                    </div>
526                        <div class="flex-1 min-w-0">
527                            <a href="https://www.flags-and-anthems.com/flags/australia-and-oceania.html" class="focus:outline-none">
528                                <span class="absolute inset-0" aria-hidden="true"></span>
529                                <p class="text-sm font-medium text-gray-900">
530                                    Australia and Oceania
531                                </p>
532                            </a>
533                        </div>
534                    </div>
535                                    <div class="relative rounded-lg border border-gray-300 bg-white px-3
536                                py-2 shadow-sm flex items-center space-x-3 hover:border-gray-400
537                                focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500
538                                                    ">
539                        <div class="shrink-0">
540                                                            <img class="h-5" src="https://www.nationalflaggen.de/storage/media/20220822/17/euro
540pa.svg" alt="" />
541                                                    </div>
542                        <div class="flex-1 min-w-0">
543                            <a href="https://www.flags-and-anthems.com/flags/europe.html" class="focus:outline-none">
544                                <span class="absolute inset-0" aria-hidden="true"></span>
545                                <p class="text-sm font-medium text-gray-900">
546                                    Europe
547                                </p>
548                            </a>
549                        </div>
550                    </div>
551                                    <div class="relative rounded-lg border border-gray-300 bg-white px-3
552                                py-2 shadow-sm flex items-center space-x-3 hover:border-gray-400
553                                focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500
554                                                    ">
555                        <div class="shrink-0">
556                                                            <img class="h-5" src="https://www.nationalflaggen.de/storage/media/20220822/18/nordamerika.svg" alt="" />
557                                                    </div>
558                        <div class="flex-1 min-w-0">
559                            <a href="https://www.flags-and-anthems.com/flags/north-america-central-america.html" class="focus:outline-none">
560                                <span class="absolute inset-0" aria-hidden="true"></span>
561                                <p class="text-sm font-medium text-gray-900">
562                                    North America, Central America
563                                </p>
564                            </a>
565                        </div>
566                    </div>
567                                    <div class="relative rounded-lg border border-gray-300 bg-white px-3
568                                py-2 shadow-sm flex items-center space-x-3 hover:border-gray-400
569                                focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500
570                                                    ">
571                        <div class="shrink-0">
572                                                            <img class="h-5" src="https://www.nationalflaggen.de/storage/media/20220822/19/suedamerika.svg" alt="" />
573                                                    </div>
574                        <div class="flex-1 min-w-0">
575                            <a href="https://www.flags-and-anthems.com/flags/south-america.html" class="focus:outline-none">
576                                <span class="absolute inset-0" aria-hidden="true"></span>
577                                <p class="text-sm font-medium text-gray-900">
578                                    South America
579                                </p>
580                            </a>
581                        </div>
582                    </div>
583                            </div>
584                        <nav class="mt-12 relative z-0 inline-flex rounded-md shadow-sm -space-x-px p-1 max-w-full overflow-auto">
585                                    <a href="#group-A" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
586                        A
587                    </a>
588                                    <a href="#group-B" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
589                        B
590                    </a>
591                                    <a href="#group-C" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
592                        C
593                    </a>
594                                    <a href="#group-D" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
595                        D
596                    </a>
597                                    <a href="#group-E" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
598                        E
599                    </a>
600                                    <a href="#group-F" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
601                        F
602                    </a>
603                                    <a href="#group-G" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
604                        G
605                    </a>
606                                    <a href="#group-H" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
607                        H
608                    </a>
609                                    <a href="#group-I" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
610                        I
611                    </a>
612                                    <a href="#group-J" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
613                        J
614                    </a>
615                                    <a href="#group-K" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
616                        K
617                    </a>
618                                    <a href="#group-L" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
619                        L
620                    </a>
621                                    <a href="#group-M" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
622                        M
623                    </a>
624                                    <a href="#group-N" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
625                        N
626                    </a>
627                                    <a href="#group-O" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
628                        O
629                    </a>
630                                    <a href="#group-P" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
631                        P
632                    </a>
633                                    <a href="#group-Q" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
634                        Q
635                    </a>
636                                    <a href="#group-R" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
637                        R
638                    </a>
639                                    <a href="#group-S" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
640                        S
641                    </a>
642                                    <a href="#group-T" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
643                        T
644                    </a>
645                                    <a href="#group-U" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
646                        U
647                    </a>
648                                    <a href="#group-V" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
649                        V
650                    </a>
651                                    <a href="#group-Y" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
652                        Y
653                    </a>
654                                    <a href="#group-Z" class="bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
655                        Z
656                    </a>
657                            </nav>
658        </div>
659
660
661        <div class="relative">
662            <nav class="h-full overflow-y-auto">
663                                    <div class="relative" id="group-A">
664                        <div class="border-b-2 border-slate-300 px-6 pb-2 pt-16 mb-6">
665                            <h3 class="text-3xl text-gray-800 font-medium">A</h3>
666                        </div>
667                        <ul role="list" class="relative z-0 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-4">
668                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
669                                    <div
670                                        class="flex items-center space-x-3">
671                                        <div class="shrink-0">
672                                                                                            <img alt=" Abkhazia"
673             src="https://www.flags-and-anthems.com/media/46/conversion/flag-abkhazia-rectangular.png"
674             class="shadow-lg max-w-full h-8 border"
675             loading="lazy"
676        />
677                                                                                        </div>
678                                        <div class="flex-1 min-w-0">
679                                            <a href="https://www.flags-and-anthems.com/flag-abkhazia.html">
680                                                <span class="absolute inset-0" aria-hidden="true"></span>
681                                                <p class="text-sm font-medium text-gray-900">
682                                                    Abkhazia
683                                                </p>
684                                                                                            </a>
685                                        </div>
686                                    </div>
687                                </li>
688                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
689                                    <div
690                                        class="flex items-center space-x-3">
691                                        <div class="shrink-0">
692                                                                                            <img alt=" Albania"
693             src="https://www.flags-and-anthems.com/media/23/conversion/flag-albania-rectangular.png"
694             class="shadow-lg max-w-full h-8 border"
695             loading="lazy"
696        />
697                                                                                        </div>
698                                        <div class="flex-1 min-w-0">
699                                            <a href="https://www.flags-and-anthems.com/flag-albania.html">
700                                                <span class="absolute inset-0" aria-hidden="true"></span>
701                                                <p class="text-sm font-medium text-gray-900">
702                                                    Albania
703                                                </p>
704                                                                                            </a>
705                                        </div>
706                                    </div>
707                                </li>
708                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
709                                    <div
710                                        class="flex items-center space-x-3">
711                                        <div class="shrink-0">
712                                                                                            <img alt=" Algeria"
713             src="https://www.flags-and-anthems.com/media/52/conversion/flag-algeria-rectangular.png"
714             class="shadow-lg max-w-full h-8 border"
715             loading="lazy"
716        />
717                                                                                        </div>
718                                        <div class="flex-1 min-w-0">
719                                            <a href="https://www.flags-and-anthems.com/flag-algeria.html">
720                                                <span class="absolute inset-0" aria-hidden="true"></span>
721                                                <p class="text-sm font-medium text-gray-900">
722                                                    Algeria
723                                                </p>
724                                                                                            </a>
725                                        </div>
726                                    </div>
727                                </li>
728                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
729                                    <div
730                                        class="flex items-center space-x-3">
731                                        <div class="shrink-0">
732                                                                                            <img alt=" Andorra"
733             src="https://www.flags-and-anthems.com/media/55/conversion/flag-andorra-rectangular.png"
734             class="shadow-lg max-w-full h-8 border"
735             loading="lazy"
736        />
737                                                                                        </div>
738                                        <div class="flex-1 min-w-0">
739                                            <a href="https://www.flags-and-anthems.com/flag-andorra.html">
740                                                <span class="absolute inset-0" aria-hidden="true"></span>
741                                                <p class="text-sm font-medium text-gray-900">
742                                                    Andorra
743                                                </p>
744                                                                                            </a>
745                                        </div>
746                                    </div>
747                                </li>
748                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
749                                    <div
750                                        class="flex items-center space-x-3">
751                                        <div class="shrink-0">
752                                                                                            <img alt=" Angola"
753             src="https://www.flags-and-anthems.com/media/58/conversion/flag-angola-rectangular.png"
754             class="shadow-lg max-w-full h-8 border"
755             loading="lazy"
756        />
757                                                                                        </div>
758                                        <div class="flex-1 min-w-0">
759                                            <a href="https://www.flags-and-anthems.com/flag-angola.html">
760                                                <span class="absolute inset-0" aria-hidden="true"></span>
761                                                <p class="text-sm font-medium text-gray-900">
762                                                    Angola
763                                                </p>
764                                                                                            </a>
765                                        </div>
766                                    </div>
767                                </li>
768                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
769                                    <div
770                                        class="flex items-center space-x-3">
771                                        <div class="shrink-0">
772                                                                                            <img alt=" Anguilla"
773             src="https://www.flags-and-anthems.com/media/61/conversion/flag-anguilla-rectangular.png"
774             class="shadow-lg max-w-full h-8 border"
775             loading="lazy"
776        />
777                                                                                        </div>
778                                        <div class="flex-1 min-w-0">
779                                            <a href="https://www.flags-and-anthems.com/flag-anguilla.html">
780                                                <span class="absolute inset-0" aria-hidden="true"></span>
781                                                <p class="text-sm font-medium text-gray-900">
782                                                    Anguilla
783                                                </p>
784                                                                                            </a>
785                                        </div>
786                                    </div>
787                                </li>
788                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
789                                    <div
790                                        class="flex items-center space-x-3">
791                                        <div class="shrink-0">
792                                                                                            <img alt=" Antigua and Barbuda"
793             src="https://www.flags-and-anthems.com/media/64/conversion/flag-antigua-and-barbuda-rectangular.png"
794             class="shadow-lg max-w-full h-8 border"
795             loading="lazy"
796        />
797                                                                                        </div>
798                                        <div class="flex-1 min-w-0">
799                                            <a href="https://www.flags-and-anthems.com/flag-antigua-and-barbuda.html">
800                                                <span class="absolute inset-0" aria-hidden="true"></span>
801                                                <p class="text-sm font-medium text-gray-900">
802                                                    Antigua and Barbuda
803                                                </p>
804                                                                                            </a>
805                                        </div>
806                                    </div>
807                                </li>
808                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
809                                    <div
810                                        class="flex items-center space-x-3">
811                                        <div class="shrink-0">
812                                                                                            <img alt=" Argentina"
813             src="https://www.flags-and-anthems.com/media/67/conversion/flag-argentina-rectangular.png"
814             class="shadow-lg max-w-full h-8 border"
815             loading="lazy"
816        />
817                                                                                        </div>
818                                        <div class="flex-1 min-w-0">
819                                            <a href="https://www.flags-and-anthems.com/flag-argentina.html">
820                                                <span class="absolute inset-0" aria-hidden="true"></span>
821                                                <p class="text-sm font-medium text-gray-900">
822                                                    Argentina
823                                                </p>
824                                                                                            </a>
825                                        </div>
826                                    </div>
827                                </li>
828                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
829                                    <div
830                                        class="flex items-center space-x-3">
831                                        <div class="shrink-0">
832                                                                                            <img alt=" Armenia"
833             src="https://www.flags-and-anthems.com/media/70/conversion/flag-armenia-rectangular.png"
834             class="shadow-lg max-w-full h-8 border"
835             loading="lazy"
836        />
837                                                                                        </div>
838                                        <div class="flex-1 min-w-0">
839                                            <a href="https://www.flags-and-anthems.com/flag-armenia.html">
840                                                <span class="absolute inset-0" aria-hidden="true"></span>
841                                                <p class="text-sm font-medium text-gray-900">
842                                                    Armenia
843                                                </p>
844                                                                                            </a>
845                                        </div>
846                                    </div>
847                                </li>
848                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
849                                    <div
850                                        class="flex items-center space-x-3">
851                                        <div class="shrink-0">
852                                                                                            <img alt=" Australia"
853             src="https://www.flags-and-anthems.com/media/79/conversion/flag-australia-rectangular.png"
854             class="shadow-lg max-w-full h-8 border"
855             loading="lazy"
856        />
857                                                                                        </div>
858                                        <div class="flex-1 min-w-0">
859                                            <a href="https://www.flags-and-anthems.com/flag-australia.html">
860                                                <span class="absolute inset-0" aria-hidden="true"></span>
861                                                <p class="text-sm font-medium text-gray-900">
862                                                    Australia
863                                                </p>
864                                                                                            </a>
865                                        </div>
866                                    </div>
867                                </li>
868                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
869                                    <div
870                                        class="flex items-center space-x-3">
871                                        <div class="shrink-0">
872                                                                                            <img alt=" Austria"
873             src="https://www.flags-and-anthems.com/media/404/conversion/flag-austria-rectangular.png"
874             class="shadow-lg max-w-full h-8 border"
875             loading="lazy"
876        />
877                                                                                        </div>
878                                        <div class="flex-1 min-w-0">
879                                            <a href="https://www.flags-and-anthems.com/flag-austria.html">
880                                                <span class="absolute inset-0" aria-hidden="true"></span>
881                                                <p class="text-sm font-medium text-gray-900">
882                                                    Austria
883                                                </p>
884                                                                                            </a>
885                                        </div>
886                                    </div>
887                                </li>
888                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
889                                    <div
890                                        class="flex items-center space-x-3">
891                                        <div class="shrink-0">
892                                                                                            <img alt=" Azerbaijan"
893             src="https://www.flags-and-anthems.com/media/73/conversion/flag-azerbaijan-rectangular.png"
894             class="shadow-lg max-w-full h-8 border"
895             loading="lazy"
896        />
897                                                                                        </div>
898                                        <div class="flex-1 min-w-0">
899                                            <a href="https://www.flags-and-anthems.com/flag-azerbaijan.html">
900                                                <span class="absolute inset-0" aria-hidden="true"></span>
901                                                <p class="text-sm font-medium text-gray-900">
902                                                    Azerbaijan
903                                                </p>
904                                                                                            </a>
905                                        </div>
906                                    </div>
907                                </li>
908                                                                                </ul>
909                    </div>
910                                    <div class="relative" id="group-B">
911                        <div class="border-b-2 border-slate-300 px-6 pb-2 pt-16 mb-6">
912                            <h3 class="text-3xl text-gray-800 font-medium">B</h3>
913                        </div>
914                        <ul role="list" class="relative z-0 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-4">
915                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
916                                    <div
917                                        class="flex items-center space-x-3">
918                                        <div class="shrink-0">
919                                                                                            <img alt=" Bahamas"
920             src="https://www.flags-and-anthems.com/media/82/conversion/flag-bahamas-rectangular.png"
921             class="shadow-lg max-w-full h-8 border"
922             loading="lazy"
923        />
924                                                                                        </div>
925                                        <div class="flex-1 min-w-0">
926                                            <a href="https://www.flags-and-anthems.com/flag-bahamas.html">
927                                                <span class="absolute inset-0" aria-hidden="true"></span>
928                                                <p class="text-sm font-medium text-gray-900">
929                                                    Bahamas
930                                                </p>
931                                                                                            </a>
932                                        </div>
933                                    </div>
934                                </li>
935                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
936                                    <div
937                                        class="flex items-center space-x-3">
938                                        <div class="shrink-0">
939                                                                                            <img alt=" Bahrain"
940             src="https://www.flags-and-anthems.com/media/85/conversion/flag-bahrain-rectangular.png"
941             class="shadow-lg max-w-full h-8 border"
942             loading="lazy"
943        />
944                                                                                        </div>
945                                        <div class="flex-1 min-w-0">
946                                            <a href="https://www.flags-and-anthems.com/flag-bahrein.html">
947                                                <span class="absolute inset-0" aria-hidden="true"></span>
948                                                <p class="text-sm font-medium text-gray-900">
949                                                    Bahrain
950                                                </p>
951                                                                                            </a>
952                                        </div>
953                                    </div>
954                                </li>
955                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
956                                    <div
957                                        class="flex items-center space-x-3">
958                                        <div class="shrink-0">
959                                                                                            <img alt=" Bangladesh"
960             src="https://www.flags-and-anthems.com/media/88/conversion/flag-bangladesh-rectangular.png"
961             class="shadow-lg max-w-full h-8 border"
962             loading="lazy"
963        />
964                                                                                        </div>
965                                        <div class="flex-1 min-w-0">
966                                            <a href="https://www.flags-and-anthems.com/flag-bangladesh.html">
967                                                <span class="absolute inset-0" aria-hidden="true"></span>
968                                                <p class="text-sm font-medium text-gray-900">
969                                                    Bangladesh
970                                                </p>
971                                                                                            </a>
972                                        </div>
973                                    </div>
974                                </li>
975                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
976                                    <div
977                                        class="flex items-center space-x-3">
978                                        <div class="shrink-0">
979                                                                                            <img alt=" Barbados"
980             src="https://www.flags-and-anthems.com/media/94/conversion/flag-barbados-rectangular.png"
981             class="shadow-lg max-w-full h-8 border"
982             loading="lazy"
983        />
984                                                                                        </div>
985                                        <div class="flex-1 min-w-0">
986                                            <a href="https://www.flags-and-anthems.com/flag-barbados.html">
987                                                <span class="absolute inset-0" aria-hidden="true"></span>
988                                                <p class="text-sm font-medium text-gray-900">
989                                                    Barbados
990                                                </p>
991                                                                                            </a>
992                                        </div>
993                                    </div>
994                                </li>
995                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
996                                    <div
997                                        class="flex items-center space-x-3">
998                                        <div class="shrink-0">
999                                                                                            <img alt="Belarus"
1000             src="https://cdn.jsdelivr.net/gh/hjnilsson/country-flags@latest/svg/by.svg"
1001             class="shadow-lg max-w-full h-8 border"
1002             loading="lazy"
1003        />
1004                                                                                        </div>
1005                                        <div class="flex-1 min-w-0">
1006                                            <a href="https://www.flags-and-anthems.com/flag-belarus.html">
1007                                                <span class="absolute inset-0" aria-hidden="true"></span>
1008                                                <p class="text-sm font-medium text-gray-900">
1009                                                    Belarus
1010                                                </p>
1011                                                                                            </a>
1012                                        </div>
1013                                    </div>
1014                                </li>
1015                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1016                                    <div
1017                                        class="flex items-center space-x-3">
1018                                        <div class="shrink-0">
1019                                                                                            <img alt=" Belgium"
1020             src="https://www.flags-and-anthems.com/media/96/conversion/flag-belgium-rectangular.png"
1021             class="shadow-lg max-w-full h-8 border"
1022             loading="lazy"
1023        />
1024                                                                                        </div>
1025                                        <div class="flex-1 min-w-0">
1026                                            <a href="https://www.flags-and-anthems.com/flag-belgium.html">
1027                                                <span class="absolute inset-0" aria-hidden="true"></span>
1028                                                <p class="text-sm font-medium text-gray-900">
1029                                                    Belgium
1030                                                </p>
1031                                                                                            </a>
1032                                        </div>
1033                                    </div>
1034                                </li>
1035                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1036                                    <div
1037                                        class="flex items-center space-x-3">
1038                                        <div class="shrink-0">
1039                                                                                            <img alt=" Belize"
1040             src="https://www.flags-and-anthems.com/media/99/conversion/flag-belize-rectangular.png"
1041             class="shadow-lg max-w-full h-8 border"
1042             loading="lazy"
1043        />
1044                                                                                        </div>
1045                                        <div class="flex-1 min-w-0">
1046                                            <a href="https://www.flags-and-anthems.com/flag-belize.html">
1047                                                <span class="absolute inset-0" aria-hidden="true"></span>
1048                                                <p class="text-sm font-medium text-gray-900">
1049                                                    Belize
1050                                                </p>
1051                                                                                            </a>
1052                                        </div>
1053                                    </div>
1054                                </li>
1055                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1056                                    <div
1057                                        class="flex items-center space-x-3">
1058                                        <div class="shrink-0">
1059                                                                                            <img alt=" Benin"
1060             src="https://www.flags-and-anthems.com/media/103/conversion/flag-benin-rectangular.png"
1061             class="shadow-lg max-w-full h-8 border"
1062             loading="lazy"
1063        />
1064                                                                                        </div>
1065                                        <div class="flex-1 min-w-0">
1066                                            <a href="https://www.flags-and-anthems.com/flag-benin.html">
1067                                                <span class="absolute inset-0" aria-hidden="true"></span>
1068                                                <p class="text-sm font-medium text-gray-900">
1069                                                    Benin
1070                                                </p>
1071                                                                                            </a>
1072                                        </div>
1073                                    </div>
1074                                </li>
1075                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1076                                    <div
1077                                        class="flex items-center space-x-3">
1078                                        <div class="shrink-0">
1079                                                                                            <img alt=" Bhutan"
1080             src="https://www.flags-and-anthems.com/media/106/conversion/flag-bhutan-rectangular.png"
1081             class="shadow-lg max-w-full h-8 border"
1082             loading="lazy"
1083        />
1084                                                                                        </div>
1085                                        <div class="flex-1 min-w-0">
1086                                            <a href="https://www.flags-and-anthems.com/flag-bhutan.html">
1087                                                <span class="absolute inset-0" aria-hidden="true"></span>
1088                                                <p class="text-sm font-medium text-gray-900">
1089                                                    Bhutan
1090                                                </p>
1091                                                                                            </a>
1092                                        </div>
1093                                    </div>
1094                                </li>
1095                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1096                                    <div
1097                                        class="flex items-center space-x-3">
1098                                        <div class="shrink-0">
1099                                                                                            <img alt=" Bolivia"
1100             src="https://www.flags-and-anthems.com/media/109/conversion/flag-bolivia-rectangular.png"
1101             class="shadow-lg max-w-full h-8 border"
1102             loading="lazy"
1103        />
1104                                                                                        </div>
1105                                        <div class="flex-1 min-w-0">
1106                                            <a href="https://www.flags-and-anthems.com/flag-bolivia.html">
1107                                                <span class="absolute inset-0" aria-hidden="true"></span>
1108                                                <p class="text-sm font-medium text-gray-900">
1109                                                    Bolivia
1110                                                </p>
1111                                                                                            </a>
1112                                        </div>
1113                                    </div>
1114                                </li>
1115                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1116                                    <div
1117                                        class="flex items-center space-x-3">
1118                                        <div class="shrink-0">
1119                                                                                            <img alt=" Bosnia and Herzegovina"
1120             src="https://www.flags-and-anthems.com/media/112/conversion/flag-bosnia-and-herzegovina-rectangular.png"
1121             class="shadow-lg max-w-full h-8 border"
1122             loading="lazy"
1123        />
1124                                                                                        </div>
1125                                        <div class="flex-1 min-w-0">
1126                                            <a href="https://www.flags-and-anthems.com/flag-bosnia-and-herzegovina.html">
1127                                                <span class="absolute inset-0" aria-hidden="true"></span>
1128                                                <p class="text-sm font-medium text-gray-900">
1129                                                    Bosnia and Herzegovina
1130                                                </p>
1131                                                                                            </a>
1132                                        </div>
1133                                    </div>
1134                                </li>
1135                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1136                                    <div
1137                                        class="flex items-center space-x-3">
1138                                        <div class="shrink-0">
1139                                                                                            <img alt=" Botswana"
1140             src="https://www.flags-and-anthems.com/media/115/conversion/flag-botswana-rectangular.png"
1141             class="shadow-lg max-w-full h-8 border"
1142             loading="lazy"
1143        />
1144                                                                                        </div>
1145                                        <div class="flex-1 min-w-0">
1146                                            <a href="https://www.flags-and-anthems.com/flag-botswana.html">
1147                                                <span class="absolute inset-0" aria-hidden="true"></span>
1148                                                <p class="text-sm font-medium text-gray-900">
1149                                                    Botswana
1150                                                </p>
1151                                                                                            </a>
1152                                        </div>
1153                                    </div>
1154                                </li>
1155                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1156                                    <div
1157                                        class="flex items-center space-x-3">
1158                                        <div class="shrink-0">
1159                                                                                            <img alt=" Brazil"
1160             src="https://www.flags-and-anthems.com/media/118/conversion/flag-brazil-rectangular.png"
1161             class="shadow-lg max-w-full h-8 border"
1162             loading="lazy"
1163        />
1164                                                                                        </div>
1165                                        <div class="flex-1 min-w-0">
1166                                            <a href="https://www.flags-and-anthems.com/flag-brazil.html">
1167                                                <span class="absolute inset-0" aria-hidden="true"></span>
1168                                                <p class="text-sm font-medium text-gray-900">
1169                                                    Brazil
1170                                                </p>
1171                                                                                            </a>
1172                                        </div>
1173                                    </div>
1174                                </li>
1175                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1176                                    <div
1177                                        class="flex items-center space-x-3">
1178                                        <div class="shrink-0">
1179                                                                                            <img alt=" Brunei Darussalam"
1180             src="https://www.flags-and-anthems.com/media/121/conversion/flag-brunei-darussalam-rectangular.png"
1181             class="shadow-lg max-w-full h-8 border"
1182             loading="lazy"
1183        />
1184                                                                                        </div>
1185                                        <div class="flex-1 min-w-0">
1186                                            <a href="https://www.flags-and-anthems.com/flag-brunei-darussalam.html">
1187                                                <span class="absolute inset-0" aria-hidden="true"></span>
1188                                                <p class="text-sm font-medium text-gray-900">
1189                                                    Brunei Darussalam
1190                                                </p>
1191                                                                                            </a>
1192                                        </div>
1193                                    </div>
1194                                </li>
1195                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1196                                    <div
1197                                        class="flex items-center space-x-3">
1198                                        <div class="shrink-0">
1199                                                                                            <img alt=" Bulgaria"
1200             src="https://www.flags-and-anthems.com/media/124/conversion/flag-bulgaria-rectangular.png"
1201             class="shadow-lg max-w-full h-8 border"
1202             loading="lazy"
1203        />
1204                                                                                        </div>
1205                                        <div class="flex-1 min-w-0">
1206                                            <a href="https://www.flags-and-anthems.com/flag-bulgaria.html">
1207                                                <span class="absolute inset-0" aria-hidden="true"></span>
1208                                                <p class="text-sm font-medium text-gray-900">
1209                                                    Bulgaria
1210                                                </p>
1211                                                                                            </a>
1212                                        </div>
1213                                    </div>
1214                                </li>
1215                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1216                                    <div
1217                                        class="flex items-center space-x-3">
1218                                        <div class="shrink-0">
1219                                                                                            <img alt=" Burkina Faso"
1220             src="https://www.flags-and-anthems.com/media/127/conversion/flag-burkina-faso-rectangular.png"
1221             class="shadow-lg max-w-full h-8 border"
1222             loading="lazy"
1223        />
1224                                                                                        </div>
1225                                        <div class="flex-1 min-w-0">
1226                                            <a href="https://www.flags-and-anthems.com/flag-burkina-faso.html">
1227                                                <span class="absolute inset-0" aria-hidden="true"></span>
1228                                                <p class="text-sm font-medium text-gray-900">
1229                                                    Burkina Faso
1230                                                </p>
1231                                                                                            </a>
1232                                        </div>
1233                                    </div>
1234                                </li>
1235                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1236                                    <div
1237                                        class="flex items-center space-x-3">
1238                                        <div class="shrink-0">
1239                                                                                            <img alt=" Burundi"
1240             src="https://www.flags-and-anthems.com/media/131/conversion/flag-burundi-rectangular.png"
1241             class="shadow-lg max-w-full h-8 border"
1242             loading="lazy"
1243        />
1244                                                                                        </div>
1245                                        <div class="flex-1 min-w-0">
1246                                            <a href="https://www.flags-and-anthems.com/flag-burundi.html">
1247                                                <span class="absolute inset-0" aria-hidden="true"></span>
1248                                                <p class="text-sm font-medium text-gray-900">
1249                                                    Burundi
1250                                                </p>
1251                                                                                            </a>
1252                                        </div>
1253                                    </div>
1254                                </li>
1255                                                                                </ul>
1256                    </div>
1257                                    <div class="relative" id="group-C">
1258                        <div class="border-b-2 border-slate-300 px-6 pb-2 pt-16 mb-6">
1259                            <h3 class="text-3xl text-gray-800 font-medium">C</h3>
1260                        </div>
1261                        <ul role="list" class="relative z-0 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-4">
1262                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1263                                    <div
1264                                        class="flex items-center space-x-3">
1265                                        <div class="shrink-0">
1266                                                                                            <img alt=" Cambodia"
1267             src="https://www.flags-and-anthems.com/media/244/conversion/flag-cambodia-rectangular.png"
1268             class="shadow-lg max-w-full h-8 border"
1269             loading="lazy"
1270        />
1271                                                                                        </div>
1272                                        <div class="flex-1 min-w-0">
1273                                            <a href="https://www.flags-and-anthems.com/flag-cambodia.html">
1274                                                <span class="absolute inset-0" aria-hidden="true"></span>
1275                                                <p class="text-sm font-medium text-gray-900">
1276                                                    Cambodia
1277                                                </p>
1278                                                                                            </a>
1279                                        </div>
1280                                    </div>
1281                                </li>
1282                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1283                                    <div
1284                                        class="flex items-center space-x-3">
1285                                        <div class="shrink-0">
1286                                                                                            <img alt=" Cameroon"
1287             src="https://www.flags-and-anthems.com/media/247/conversion/flag-cameroon-rectangular.png"
1288             class="shadow-lg max-w-full h-8 border"
1289             loading="lazy"
1290        />
1291                                                                                        </div>
1292                                        <div class="flex-1 min-w-0">
1293                                            <a href="https://www.flags-and-anthems.com/flag-cameroon.html">
1294                                                <span class="absolute inset-0" aria-hidden="true"></span>
1295                                                <p class="text-sm font-medium text-gray-900">
1296                                                    Cameroon
1297                                                </p>
1298                                                                                            </a>
1299                                        </div>
1300                                    </div>
1301                                </li>
1302                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1303                                    <div
1304                                        class="flex items-center space-x-3">
1305                                        <div class="shrink-0">
1306                                                                                            <img alt=" Canada"
1307             src="https://www.flags-and-anthems.com/media/250/conversion/flag-canada-rectangular.png"
1308             class="shadow-lg max-w-full h-8 border"
1309             loading="lazy"
1310        />
1311                                                                                        </div>
1312                                        <div class="flex-1 min-w-0">
1313                                            <a href="https://www.flags-and-anthems.com/flag-canada.html">
1314                                                <span class="absolute inset-0" aria-hidden="true"></span>
1315                                                <p class="text-sm font-medium text-gray-900">
1316                                                    Canada
1317                                                </p>
1318                                                                                            </a>
1319                                        </div>
1320                                    </div>
1321                                </li>
1322                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1323                                    <div
1324                                        class="flex items-center space-x-3">
1325                                        <div class="shrink-0">
1326                                                                                            <img alt=" Cape Verde"
1327             src="https://www.flags-and-anthems.com/media/973/conversion/flag-cape-verde-rectangular.png"
1328             class="shadow-lg max-w-full h-8 border"
1329             loading="lazy"
1330        />
1331                                                                                        </div>
1332                                        <div class="flex-1 min-w-0">
1333                                            <a href="https://www.flags-and-anthems.com/flag-cape-verde.html">
1334                                                <span class="absolute inset-0" aria-hidden="true"></span>
1335                                                <p class="text-sm font-medium text-gray-900">
1336                                                    Cape Verde
1337                                                </p>
1338                                                                                            </a>
1339                                        </div>
1340                                    </div>
1341                                </li>
1342                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1343                                    <div
1344                                        class="flex items-center space-x-3">
1345                                        <div class="shrink-0">
1346                                                                                            <img alt=" Central African Republic"
1347             src="https://www.flags-and-anthems.com/media/925/conversion/flag-central-african-republic-rectangular.png"
1348             class="shadow-lg max-w-full h-8 border"
1349             loading="lazy"
1350        />
1351                                                                                        </div>
1352                                        <div class="flex-1 min-w-0">
1353                                            <a href="https://www.flags-and-anthems.com/flag-central-african-republic.html">
1354                                                <span class="absolute inset-0" aria-hidden="true"></span>
1355                                                <p class="text-sm font-medium text-gray-900">
1356                                                    Central African Republic
1357                                                </p>
1358                                                                                            </a>
1359                                        </div>
1360                                    </div>
1361                                </li>
1362                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1363                                    <div
1364                                        class="flex items-center space-x-3">
1365                                        <div class="shrink-0">
1366                                                                                            <img alt=" Chad"
1367             src="https://www.flags-and-anthems.com/media/872/conversion/flag-chad-rectangular.png"
1368             class="shadow-lg max-w-full h-8 border"
1369             loading="lazy"
1370        />
1371                                                                                        </div>
1372                                        <div class="flex-1 min-w-0">
1373                                            <a href="https://www.flags-and-anthems.com/flag-chad.html">
1374                                                <span class="absolute inset-0" aria-hidden="true"></span>
1375                                                <p class="text-sm font-medium text-gray-900">
1376                                                    Chad
1377                                                </p>
1378                                                                                            </a>
1379                                        </div>
1380                                    </div>
1381                                </li>
1382                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1383                                    <div
1384                                        class="flex items-center space-x-3">
1385                                        <div class="shrink-0">
1386                                                                                            <img alt=" Chile"
1387             src="https://www.flags-and-anthems.com/media/133/conversion/flag-chile-rectangular.png"
1388             class="shadow-lg max-w-full h-8 border"
1389             loading="lazy"
1390        />
1391                                                                                        </div>
1392                                        <div class="flex-1 min-w-0">
1393                                            <a href="https://www.flags-and-anthems.com/flag-chile.html">
1394                                                <span class="absolute inset-0" aria-hidden="true"></span>
1395                                                <p class="text-sm font-medium text-gray-900">
1396                                                    Chile
1397                                                </p>
1398                                                                                            </a>
1399                                        </div>
1400                                    </div>
1401                                </li>
1402                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1403                                    <div
1404                                        class="flex items-center space-x-3">
1405                                        <div class="shrink-0">
1406                                                                                            <img alt=" China"
1407             src="https://www.flags-and-anthems.com/media/136/conversion/flag-china-rectangular.png"
1408             class="shadow-lg max-w-full h-8 border"
1409             loading="lazy"
1410        />
1411                                                                                        </div>
1412                                        <div class="flex-1 min-w-0">
1413                                            <a href="https://www.flags-and-anthems.com/flag-china.html">
1414                                                <span class="absolute inset-0" aria-hidden="true"></span>
1415                                                <p class="text-sm font-medium text-gray-900">
1416                                                    China
1417                                                </p>
1418                                                                                            </a>
1419                                        </div>
1420                                    </div>
1421                                </li>
1422                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1423                                    <div
1424                                        class="flex items-center space-x-3">
1425                                        <div class="shrink-0">
1426                                                                                            <img alt=" Colombia"
1427             src="https://www.flags-and-anthems.com/media/269/conversion/flag-colombia-rectangular.png"
1428             class="shadow-lg max-w-full h-8 border"
1429             loading="lazy"
1430        />
1431                                                                                        </div>
1432                                        <div class="flex-1 min-w-0">
1433                                            <a href="https://www.flags-and-anthems.com/flag-colombia.html">
1434                                                <span class="absolute inset-0" aria-hidden="true"></span>
1435                                                <p class="text-sm font-medium text-gray-900">
1436                                                    Colombia
1437                                                </p>
1438                                                                                            </a>
1439                                        </div>
1440                                    </div>
1441                                </li>
1442                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1443                                    <div
1444                                        class="flex items-center space-x-3">
1445                                        <div class="shrink-0">
1446                                                                                            <img alt=" Comoros"
1447             src="https://www.flags-and-anthems.com/media/272/conversion/flag-comoros-rectangular.png"
1448             class="shadow-lg max-w-full h-8 border"
1449             loading="lazy"
1450        />
1451                                                                                        </div>
1452                                        <div class="flex-1 min-w-0">
1453                                            <a href="https://www.flags-and-anthems.com/flag-comoros.html">
1454                                                <span class="absolute inset-0" aria-hidden="true"></span>
1455                                                <p class="text-sm font-medium text-gray-900">
1456                                                    Comoros
1457                                                </p>
1458                                                                                            </a>
1459                                        </div>
1460                                    </div>
1461                                </li>
1462                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1463                                    <div
1464                                        class="flex items-center space-x-3">
1465                                        <div class="shrink-0">
1466                                                                                            <img alt=" Congo (Republic of)"
1467             src="https://www.flags-and-anthems.com/media/277/conversion/flag-congo-republic-of-rectangular.png"
1468             class="shadow-lg max-w-full h-8 border"
1469             loading="lazy"
1470        />
1471                                                                                        </div>
1472                                        <div class="flex-1 min-w-0">
1473                                            <a href="https://www.flags-and-anthems.com/flag-congo-rep.html">
1474                                                <span class="absolute inset-0" aria-hidden="true"></span>
1475                                                <p class="text-sm font-medium text-gray-900">
1476                                                    Congo (Republic of)
1477                                                </p>
1478                                                                                            </a>
1479                                        </div>
1480                                    </div>
1481                                </li>
1482                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1483                                    <div
1484                                        class="flex items-center space-x-3">
1485                                        <div class="shrink-0">
1486                                                                                            <img alt=" Costa Rica"
1487             src="https://www.flags-and-anthems.com/media/139/conversion/flag-costa-rica-rectangular.png"
1488             class="shadow-lg max-w-full h-8 border"
1489             loading="lazy"
1490        />
1491                                                                                        </div>
1492                                        <div class="flex-1 min-w-0">
1493                                            <a href="https://www.flags-and-anthems.com/flag-costa-rica.html">
1494                                                <span class="absolute inset-0" aria-hidden="true"></span>
1495                                                <p class="text-sm font-medium text-gray-900">
1496                                                    Costa Rica
1497                                                </p>
1498                                                                                            </a>
1499                                        </div>
1500                                    </div>
1501                                </li>
1502                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1503                                    <div
1504                                        class="flex items-center space-x-3">
1505                                        <div class="shrink-0">
1506                                                                                            <img alt=" Croatia"
1507             src="https://www.flags-and-anthems.com/media/289/conversion/flag-croatia-rectangular.png"
1508             class="shadow-lg max-w-full h-8 border"
1509             loading="lazy"
1510        />
1511                                                                                        </div>
1512                                        <div class="flex-1 min-w-0">
1513                                            <a href="https://www.flags-and-anthems.com/flag-croatia.html">
1514                                                <span class="absolute inset-0" aria-hidden="true"></span>
1515                                                <p class="text-sm font-medium text-gray-900">
1516                                                    Croatia
1517                                                </p>
1518                                                                                            </a>
1519                                        </div>
1520                                    </div>
1521                                </li>
1522                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1523                                    <div
1524                                        class="flex items-center space-x-3">
1525                                        <div class="shrink-0">
1526                                                                                            <img alt=" Cuba"
1527             src="https://www.flags-and-anthems.com/media/292/conversion/flag-cuba-rectangular.png"
1528             class="shadow-lg max-w-full h-8 border"
1529             loading="lazy"
1530        />
1531                                                                                        </div>
1532                                        <div class="flex-1 min-w-0">
1533                                            <a href="https://www.flags-and-anthems.com/flag-cuba.html">
1534                                                <span class="absolute inset-0" aria-hidden="true"></span>
1535                                                <p class="text-sm font-medium text-gray-900">
1536                                                    Cuba
1537                                                </p>
1538                                                                                            </a>
1539                                        </div>
1540                                    </div>
1541                                </li>
1542                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1543                                    <div
1544                                        class="flex items-center space-x-3">
1545                                        <div class="shrink-0">
1546                                                                                            <img alt=" Cyprus"
1547             src="https://www.flags-and-anthems.com/media/929/conversion/flag-cyprus-rectangular.png"
1548             class="shadow-lg max-w-full h-8 border"
1549             loading="lazy"
1550        />
1551                                                                                        </div>
1552                                        <div class="flex-1 min-w-0">
1553                                            <a href="https://www.flags-and-anthems.com/flag-cyprus.html">
1554                                                <span class="absolute inset-0" aria-hidden="true"></span>
1555                                                <p class="text-sm font-medium text-gray-900">
1556                                                    Cyprus
1557                                                </p>
1558                                                                                            </a>
1559                                        </div>
1560                                    </div>
1561                                </li>
1562                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1563                                    <div
1564                                        class="flex items-center space-x-3">
1565                                        <div class="shrink-0">
1566                                                                                            <img alt=" Czech republic"
1567             src="https://www.flags-and-anthems.com/media/875/conversion/flag-czech-republic-rectangular.png"
1568             class="shadow-lg max-w-full h-8 border"
1569             loading="lazy"
1570        />
1571                                                                                        </div>
1572                                        <div class="flex-1 min-w-0">
1573                                            <a href="https://www.flags-and-anthems.com/flag-czech-republic.html">
1574                                                <span class="absolute inset-0" aria-hidden="true"></span>
1575                                                <p class="text-sm font-medium text-gray-900">
1576                                                    Czech republic
1577                                                </p>
1578                                                                                            </a>
1579                                        </div>
1580                                    </div>
1581                                </li>
1582                                                                                </ul>
1583                    </div>
1584                                    <div class="relative" id="group-D">
1585                        <div class="border-b-2 border-slate-300 px-6 pb-2 pt-16 mb-6">
1586                            <h3 class="text-3xl text-gray-800 font-medium">D</h3>
1587                        </div>
1588                        <ul role="list" class="relative z-0 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-4">
1589                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1590                                    <div
1591                                        class="flex items-center space-x-3">
1592                                        <div class="shrink-0">
1593                                                                                            <img alt=" Denmark"
1594             src="https://www.flags-and-anthems.com/media/143/conversion/flag-denmark-rectangular.png"
1595             class="shadow-lg max-w-full h-8 border"
1596             loading="lazy"
1597        />
1598                                                                                        </div>
1599                                        <div class="flex-1 min-w-0">
1600                                            <a href="https://www.flags-and-anthems.com/flag-denmark.html">
1601                                                <span class="absolute inset-0" aria-hidden="true"></span>
1602                                                <p class="text-sm font-medium text-gray-900">
1603                                                    Denmark
1604                                                </p>
1605                                                                                            </a>
1606                                        </div>
1607                                    </div>
1608                                </li>
1609                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1610                                    <div
1611                                        class="flex items-center space-x-3">
1612                                        <div class="shrink-0">
1613                                                                                            <img alt=" Djibouti"
1614             src="https://www.flags-and-anthems.com/media/152/conversion/flag-djibouti-rectangular.png"
1615             class="shadow-lg max-w-full h-8 border"
1616             loading="lazy"
1617        />
1618                                                                                        </div>
1619                                        <div class="flex-1 min-w-0">
1620                                            <a href="https://www.flags-and-anthems.com/flag-djibouti.html">
1621                                                <span class="absolute inset-0" aria-hidden="true"></span>
1622                                                <p class="text-sm font-medium text-gray-900">
1623                                                    Djibouti
1624                                                </p>
1625                                                                                            </a>
1626                                        </div>
1627                                    </div>
1628                                </li>
1629                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1630                                    <div
1631                                        class="flex items-center space-x-3">
1632                                        <div class="shrink-0">
1633                                                                                            <img alt=" Dominica"
1634             src="https://www.flags-and-anthems.com/media/146/conversion/flag-dominica-rectangular.png"
1635             class="shadow-lg max-w-full h-8 border"
1636             loading="lazy"
1637        />
1638                                                                                        </div>
1639                                        <div class="flex-1 min-w-0">
1640                                            <a href="https://www.flags-and-anthems.com/flag-dominica.html">
1641                                                <span class="absolute inset-0" aria-hidden="true"></span>
1642                                                <p class="text-sm font-medium text-gray-900">
1643                                                    Dominica
1644                                                </p>
1645                                                                                            </a>
1646                                        </div>
1647                                    </div>
1648                                </li>
1649                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1650                                    <div
1651                                        class="flex items-center space-x-3">
1652                                        <div class="shrink-0">
1653                                                                                            <img alt=" Dominican republic"
1654             src="https://www.flags-and-anthems.com/media/149/conversion/flag-dominican-republic-rectangular.png"
1655             class="shadow-lg max-w-full h-8 border"
1656             loading="lazy"
1657        />
1658                                                                                        </div>
1659                                        <div class="flex-1 min-w-0">
1660                                            <a href="https://www.flags-and-anthems.com/flag-dominican-republic.html">
1661                                                <span class="absolute inset-0" aria-hidden="true"></span>
1662                                                <p class="text-sm font-medium text-gray-900">
1663                                                    Dominican republic
1664                                                </p>
1665                                                                                            </a>
1666                                        </div>
1667                                    </div>
1668                                </li>
1669                                                                                </ul>
1670                    </div>
1671                                    <div class="relative" id="group-E">
1672                        <div class="border-b-2 border-slate-300 px-6 pb-2 pt-16 mb-6">
1673                            <h3 class="text-3xl text-gray-800 font-medium">E</h3>
1674                        </div>
1675                        <ul role="list" class="relative z-0 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-4">
1676                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1677                                    <div
1678                                        class="flex items-center space-x-3">
1679                                        <div class="shrink-0">
1680                                                                                            <img alt=" East Timor"
1681             src="https://www.flags-and-anthems.com/media/408/conversion/flag-east-timor-rectangular.png"
1682             class="shadow-lg max-w-full h-8 border"
1683             loading="lazy"
1684        />
1685                                                                                        </div>
1686                                        <div class="flex-1 min-w-0">
1687                                            <a href="https://www.flags-and-anthems.com/flag-east-timor.html">
1688                                                <span class="absolute inset-0" aria-hidden="true"></span>
1689                                                <p class="text-sm font-medium text-gray-900">
1690                                                    East Timor
1691                                                </p>
1692                                                                                            </a>
1693                                        </div>
1694                                    </div>
1695                                </li>
1696                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1697                                    <div
1698                                        class="flex items-center space-x-3">
1699                                        <div class="shrink-0">
1700                                                                                            <img alt=" Ecuador"
1701             src="https://www.flags-and-anthems.com/media/155/conversion/flag-ecuador-rectangular.png"
1702             class="shadow-lg max-w-full h-8 border"
1703             loading="lazy"
1704        />
1705                                                                                        </div>
1706                                        <div class="flex-1 min-w-0">
1707                                            <a href="https://www.flags-and-anthems.com/flag-ecuador.html">
1708                                                <span class="absolute inset-0" aria-hidden="true"></span>
1709                                                <p class="text-sm font-medium text-gray-900">
1710                                                    Ecuador
1711                                                </p>
1712                                                                                            </a>
1713                                        </div>
1714                                    </div>
1715                                </li>
1716                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1717                                    <div
1718                                        class="flex items-center space-x-3">
1719                                        <div class="shrink-0">
1720                                                                                            <img alt=" Egypt"
1721             src="https://www.flags-and-anthems.com/media/939/conversion/flag-egypt-rectangular.png"
1722             class="shadow-lg max-w-full h-8 border"
1723             loading="lazy"
1724        />
1725                                                                                        </div>
1726                                        <div class="flex-1 min-w-0">
1727                                            <a href="https://www.flags-and-anthems.com/flag-egypt.html">
1728                                                <span class="absolute inset-0" aria-hidden="true"></span>
1729                                                <p class="text-sm font-medium text-gray-900">
1730                                                    Egypt
1731                                                </p>
1732                                                                                            </a>
1733                                        </div>
1734                                    </div>
1735                                </li>
1736                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1737                                    <div
1738                                        class="flex items-center space-x-3">
1739                                        <div class="shrink-0">
1740                                                                                            <img alt=" El Salvador"
1741             src="https://www.flags-and-anthems.com/media/158/conversion/flag-el-salvador-rectangular.png"
1742             class="shadow-lg max-w-full h-8 border"
1743             loading="lazy"
1744        />
1745                                                                                        </div>
1746                                        <div class="flex-1 min-w-0">
1747                                            <a href="https://www.flags-and-anthems.com/flag-el-salvador.html">
1748                                                <span class="absolute inset-0" aria-hidden="true"></span>
1749                                                <p class="text-sm font-medium text-gray-900">
1750                                                    El Salvador
1751                                                </p>
1752                                                                                            </a>
1753                                        </div>
1754                                    </div>
1755                                </li>
1756                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1757                                    <div
1758                                        class="flex items-center space-x-3">
1759                                        <div class="shrink-0">
1760                                                                                            <img alt=" Eritrea"
1761             src="https://www.flags-and-anthems.com/media/164/conversion/flag-eritrea-rectangular.png"
1762             class="shadow-lg max-w-full h-8 border"
1763             loading="lazy"
1764        />
1765                                                                                        </div>
1766                                        <div class="flex-1 min-w-0">
1767                                            <a href="https://www.flags-and-anthems.com/flag-eritrea.html">
1768                                                <span class="absolute inset-0" aria-hidden="true"></span>
1769                                                <p class="text-sm font-medium text-gray-900">
1770                                                    Eritrea
1771                                                </p>
1772                                                                                            </a>
1773                                        </div>
1774                                    </div>
1775                                </li>
1776                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1777                                    <div
1778                                        class="flex items-center space-x-3">
1779                                        <div class="shrink-0">
1780                                                                                            <img alt=" Estonia"
1781             src="https://www.flags-and-anthems.com/media/42/conversion/flag-estonia-rectangular.png"
1782             class="shadow-lg max-w-full h-8 border"
1783             loading="lazy"
1784        />
1785                                                                                        </div>
1786                                        <div class="flex-1 min-w-0">
1787                                            <a href="https://www.flags-and-anthems.com/flag-estonia.html">
1788                                                <span class="absolute inset-0" aria-hidden="true"></span>
1789                                                <p class="text-sm font-medium text-gray-900">
1790                                                    Estonia
1791                                                </p>
1792                                                                                            </a>
1793                                        </div>
1794                                    </div>
1795                                </li>
1796                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1797                                    <div
1798                                        class="flex items-center space-x-3">
1799                                        <div class="shrink-0">
1800                                                                                            <img alt=" Eswatini"
1801             src="https://www.flags-and-anthems.com/media/167/conversion/flag-eswatini-rectangular.png"
1802             class="shadow-lg max-w-full h-8 border"
1803             loading="lazy"
1804        />
1805                                                                                        </div>
1806                                        <div class="flex-1 min-w-0">
1807                                            <a href="https://www.flags-and-anthems.com/flag-eswatini.html">
1808                                                <span class="absolute inset-0" aria-hidden="true"></span>
1809                                                <p class="text-sm font-medium text-gray-900">
1810                                                    Eswatini
1811                                                </p>
1812                                                                                            </a>
1813                                        </div>
1814                                    </div>
1815                                </li>
1816                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1817                                    <div
1818                                        class="flex items-center space-x-3">
1819                                        <div class="shrink-0">
1820                                                                                            <img alt=" Ethiopia"
1821             src="https://www.flags-and-anthems.com/media/76/conversion/flag-ethiopia-rectangular.png"
1822             class="shadow-lg max-w-full h-8 border"
1823             loading="lazy"
1824        />
1825                                                                                        </div>
1826                                        <div class="flex-1 min-w-0">
1827                                            <a href="https://www.flags-and-anthems.com/flag-aethiopia.html">
1828                                                <span class="absolute inset-0" aria-hidden="true"></span>
1829                                                <p class="text-sm font-medium text-gray-900">
1830                                                    Ethiopia
1831                                                </p>
1832                                                                                            </a>
1833                                        </div>
1834                                    </div>
1835                                </li>
1836                                                                                </ul>
1837                    </div>
1838                                    <div class="relative" id="group-F">
1839                        <div class="border-b-2 border-slate-300 px-6 pb-2 pt-16 mb-6">
1840                            <h3 class="text-3xl text-gray-800 font-medium">F</h3>
1841                        </div>
1842                        <ul role="list" class="relative z-0 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-4">
1843                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1844                                    <div
1845                                        class="flex items-center space-x-3">
1846                                        <div class="shrink-0">
1847                                                                                            <img alt=" Fiji"
1848             src="https://www.flags-and-anthems.com/media/170/conversion/flag-fiji-rectangular.png"
1849             class="shadow-lg max-w-full h-8 border"
1850             loading="lazy"
1851        />
1852                                                                                        </div>
1853                                        <div class="flex-1 min-w-0">
1854                                            <a href="https://www.flags-and-anthems.com/flag-fiji.html">
1855                                                <span class="absolute inset-0" aria-hidden="true"></span>
1856                                                <p class="text-sm font-medium text-gray-900">
1857                                                    Fiji
1858                                                </p>
1859                                                                                            </a>
1860                                        </div>
1861                                    </div>
1862                                </li>
1863                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1864                                    <div
1865                                        class="flex items-center space-x-3">
1866                                        <div class="shrink-0">
1867                                                                                            <img alt=" Finland"
1868             src="https://www.flags-and-anthems.com/media/173/conversion/flag-finland-rectangular.png"
1869             class="shadow-lg max-w-full h-8 border"
1870             loading="lazy"
1871        />
1872                                                                                        </div>
1873                                        <div class="flex-1 min-w-0">
1874                                            <a href="https://www.flags-and-anthems.com/flag-finland.html">
1875                                                <span class="absolute inset-0" aria-hidden="true"></span>
1876                                                <p class="text-sm font-medium text-gray-900">
1877                                                    Finland
1878                                                </p>
1879                                                                                            </a>
1880                                        </div>
1881                                    </div>
1882                                </li>
1883                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1884                                    <div
1885                                        class="flex items-center space-x-3">
1886                                        <div class="shrink-0">
1887                                                                                            <img alt=" France"
1888             src="https://www.flags-and-anthems.com/media/26/conversion/flag-france-rectangular.png"
1889             class="shadow-lg max-w-full h-8 border"
1890             loading="lazy"
1891        />
1892                                                                                        </div>
1893                                        <div class="flex-1 min-w-0">
1894                                            <a href="https://www.flags-and-anthems.com/flag-france.html">
1895                                                <span class="absolute inset-0" aria-hidden="true"></span>
1896                                                <p class="text-sm font-medium text-gray-900">
1897                                                    France
1898                                                </p>
1899                                                                                            </a>
1900                                        </div>
1901                                    </div>
1902                                </li>
1903                                                                                </ul>
1904                    </div>
1905                                    <div class="relative" id="group-G">
1906                        <div class="border-b-2 border-slate-300 px-6 pb-2 pt-16 mb-6">
1907                            <h3 class="text-3xl text-gray-800 font-medium">G</h3>
1908                        </div>
1909                        <ul role="list" class="relative z-0 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-4">
1910                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1911                                    <div
1912                                        class="flex items-center space-x-3">
1913                                        <div class="shrink-0">
1914                                                                                            <img alt=" Gabon"
1915             src="https://www.flags-and-anthems.com/media/176/conversion/flag-gabon-rectangular.png"
1916             class="shadow-lg max-w-full h-8 border"
1917             loading="lazy"
1918        />
1919                                                                                        </div>
1920                                        <div class="flex-1 min-w-0">
1921                                            <a href="https://www.flags-and-anthems.com/flag-gabon.html">
1922                                                <span class="absolute inset-0" aria-hidden="true"></span>
1923                                                <p class="text-sm font-medium text-gray-900">
1924                                                    Gabon
1925                                                </p>
1926                                                                                            </a>
1927                                        </div>
1928                                    </div>
1929                                </li>
1930                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1931                                    <div
1932                                        class="flex items-center space-x-3">
1933                                        <div class="shrink-0">
1934                                                                                            <img alt=" Gambia"
1935             src="https://www.flags-and-anthems.com/media/179/conversion/flag-gambia-rectangular.png"
1936             class="shadow-lg max-w-full h-8 border"
1937             loading="lazy"
1938        />
1939                                                                                        </div>
1940                                        <div class="flex-1 min-w-0">
1941                                            <a href="https://www.flags-and-anthems.com/flag-gambia.html">
1942                                                <span class="absolute inset-0" aria-hidden="true"></span>
1943                                                <p class="text-sm font-medium text-gray-900">
1944                                                    Gambia
1945                                                </p>
1946                                                                                            </a>
1947                                        </div>
1948                                    </div>
1949                                </li>
1950                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1951                                    <div
1952                                        class="flex items-center space-x-3">
1953                                        <div class="shrink-0">
1954                                                                                            <img alt=" Georgia"
1955             src="https://www.flags-and-anthems.com/media/182/conversion/flag-georgia-rectangular.png"
1956             class="shadow-lg max-w-full h-8 border"
1957             loading="lazy"
1958        />
1959                                                                                        </div>
1960                                        <div class="flex-1 min-w-0">
1961                                            <a href="https://www.flags-and-anthems.com/flag-georgia.html">
1962                                                <span class="absolute inset-0" aria-hidden="true"></span>
1963                                                <p class="text-sm font-medium text-gray-900">
1964                                                    Georgia
1965                                                </p>
1966                                                                                            </a>
1967                                        </div>
1968                                    </div>
1969                                </li>
1970                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1971                                    <div
1972                                        class="flex items-center space-x-3">
1973                                        <div class="shrink-0">
1974                                                                                            <img alt=" Germany"
1975             src="https://www.flags-and-anthems.com/media/5/conversion/flag-germany-rectangular.png"
1976             class="shadow-lg max-w-full h-8 border"
1977             loading="lazy"
1978        />
1979                                                                                        </div>
1980                                        <div class="flex-1 min-w-0">
1981                                            <a href="https://www.flags-and-anthems.com/flag-germany.html">
1982                                                <span class="absolute inset-0" aria-hidden="true"></span>
1983                                                <p class="text-sm font-medium text-gray-900">
1984                                                    Germany
1985                                                </p>
1986                                                                                            </a>
1987                                        </div>
1988                                    </div>
1989                                </li>
1990                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
1991                                    <div
1992                                        class="flex items-center space-x-3">
1993                                        <div class="shrink-0">
1994                                                                                            <img alt=" Ghana"
1995             src="https://www.flags-and-anthems.com/media/185/conversion/flag-ghana-rectangular.png"
1996             class="shadow-lg max-w-full h-8 border"
1997             loading="lazy"
1998        />
1999                                                                                        </div>
2000                                        <div class="flex-1 min-w-0">
2001                                            <a href="https://www.flags-and-anthems.com/flag-ghana.html">
2002                                                <span class="absolute inset-0" aria-hidden="true"></span>
2003                                                <p class="text-sm font-medium text-gray-900">
2004                                                    Ghana
2005                                                </p>
2006                                                                                            </a>
2007                                        </div>
2008                                    </div>
2009                                </li>
2010                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2011                                    <div
2012                                        class="flex items-center space-x-3">
2013                                        <div class="shrink-0">
2014                                                                                            <img alt=" Great Britain"
2015             src="https://www.flags-and-anthems.com/media/29/conversion/flag-great-britain-rectangular.png"
2016             class="shadow-lg max-w-full h-8 border"
2017             loading="lazy"
2018        />
2019                                                                                        </div>
2020                                        <div class="flex-1 min-w-0">
2021                                            <a href="https://www.flags-and-anthems.com/flag-great-britain.html">
2022                                                <span class="absolute inset-0" aria-hidden="true"></span>
2023                                                <p class="text-sm font-medium text-gray-900">
2024                                                    Great Britain
2025                                                </p>
2026                                                                                            </a>
2027                                        </div>
2028                                    </div>
2029                                </li>
2030                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2031                                    <div
2032                                        class="flex items-center space-x-3">
2033                                        <div class="shrink-0">
2034                                                                                            <img alt=" Greece"
2035             src="https://www.flags-and-anthems.com/media/191/conversion/flag-greece-rectangular.png"
2036             class="shadow-lg max-w-full h-8 border"
2037             loading="lazy"
2038        />
2039                                                                                        </div>
2040                                        <div class="flex-1 min-w-0">
2041                                            <a href="https://www.flags-and-anthems.com/flag-greece.html">
2042                                                <span class="absolute inset-0" aria-hidden="true"></span>
2043                                                <p class="text-sm font-medium text-gray-900">
2044                                                    Greece
2045                                                </p>
2046                                                                                            </a>
2047                                        </div>
2048                                    </div>
2049                                </li>
2050                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2051                                    <div
2052                                        class="flex items-center space-x-3">
2053                                        <div class="shrink-0">
2054                                                                                            <img alt=" Grenada"
2055             src="https://www.flags-and-anthems.com/media/188/conversion/flag-grenada-rectangular.png"
2056             class="shadow-lg max-w-full h-8 border"
2057             loading="lazy"
2058        />
2059                                                                                        </div>
2060                                        <div class="flex-1 min-w-0">
2061                                            <a href="https://www.flags-and-anthems.com/flag-grenada.html">
2062                                                <span class="absolute inset-0" aria-hidden="true"></span>
2063                                                <p class="text-sm font-medium text-gray-900">
2064                                                    Grenada
2065                                                </p>
2066                                                                                            </a>
2067                                        </div>
2068                                    </div>
2069                                </li>
2070                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2071                                    <div
2072                                        class="flex items-center space-x-3">
2073                                        <div class="shrink-0">
2074                                                                                            <img alt=" Guatemala"
2075             src="https://www.flags-and-anthems.com/media/194/conversion/flag-guatemala-rectangular.png"
2076             class="shadow-lg max-w-full h-8 border"
2077             loading="lazy"
2078        />
2079                                                                                        </div>
2080                                        <div class="flex-1 min-w-0">
2081                                            <a href="https://www.flags-and-anthems.com/flag-guatemala.html">
2082                                                <span class="absolute inset-0" aria-hidden="true"></span>
2083                                                <p class="text-sm font-medium text-gray-900">
2084                                                    Guatemala
2085                                                </p>
2086                                                                                            </a>
2087                                        </div>
2088                                    </div>
2089                                </li>
2090                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2091                                    <div
2092                                        class="flex items-center space-x-3">
2093                                        <div class="shrink-0">
2094                                                                                            <img alt=" Guinea"
2095             src="https://www.flags-and-anthems.com/media/197/conversion/flag-guinea-rectangular.png"
2096             class="shadow-lg max-w-full h-8 border"
2097             loading="lazy"
2098        />
2099                                                                                        </div>
2100                                        <div class="flex-1 min-w-0">
2101                                            <a href="https://www.flags-and-anthems.com/flag-guinea.html">
2102                                                <span class="absolute inset-0" aria-hidden="true"></span>
2103                                                <p class="text-sm font-medium text-gray-900">
2104                                                    Guinea
2105                                                </p>
2106                                                                                            </a>
2107                                        </div>
2108                                    </div>
2109                                </li>
2110                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2111                                    <div
2112                                        class="flex items-center space-x-3">
2113                                        <div class="shrink-0">
2114                                                                                            <img alt=" Guinea-Bissau"
2115             src="https://www.flags-and-anthems.com/media/200/conversion/flag-guinea-bissau-rectangular.png"
2116             class="shadow-lg max-w-full h-8 border"
2117             loading="lazy"
2118        />
2119                                                                                        </div>
2120                                        <div class="flex-1 min-w-0">
2121                                            <a href="https://www.flags-and-anthems.com/flag-guinea-bissau.html">
2122                                                <span class="absolute inset-0" aria-hidden="true"></span>
2123                                                <p class="text-sm font-medium text-gray-900">
2124                                                    Guinea-Bissau
2125                                                </p>
2126                                                                                            </a>
2127                                        </div>
2128                                    </div>
2129                                </li>
2130                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2131                                    <div
2132                                        class="flex items-center space-x-3">
2133                                        <div class="shrink-0">
2134                                                                                            <img alt=" Guyana"
2135             src="https://www.flags-and-anthems.com/media/203/conversion/flag-guyana-rectangular.png"
2136             class="shadow-lg max-w-full h-8 border"
2137             loading="lazy"
2138        />
2139                                                                                        </div>
2140                                        <div class="flex-1 min-w-0">
2141                                            <a href="https://www.flags-and-anthems.com/flag-guyana.html">
2142                                                <span class="absolute inset-0" aria-hidden="true"></span>
2143                                                <p class="text-sm font-medium text-gray-900">
2144                                                    Guyana
2145                                                </p>
2146                                                                                            </a>
2147                                        </div>
2148                                    </div>
2149                                </li>
2150                                                                                </ul>
2151                    </div>
2152                                    <div class="relative" id="group-H">
2153                        <div class="border-b-2 border-slate-300 px-6 pb-2 pt-16 mb-6">
2154                            <h3 class="text-3xl text-gray-800 font-medium">H</h3>
2155                        </div>
2156                        <ul role="list" class="relative z-0 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-4">
2157                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2158                                    <div
2159                                        class="flex items-center space-x-3">
2160                                        <div class="shrink-0">
2161                                                                                            <img alt=" Haiti"
2162             src="https://www.flags-and-anthems.com/media/206/conversion/flag-haiti-rectangular.png"
2163             class="shadow-lg max-w-full h-8 border"
2164             loading="lazy"
2165        />
2166                                                                                        </div>
2167                                        <div class="flex-1 min-w-0">
2168                                            <a href="https://www.flags-and-anthems.com/flag-haiti.html">
2169                                                <span class="absolute inset-0" aria-hidden="true"></span>
2170                                                <p class="text-sm font-medium text-gray-900">
2171                                                    Haiti
2172                                                </p>
2173                                                                                            </a>
2174                                        </div>
2175                                    </div>
2176                                </li>
2177                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2178                                    <div
2179                                        class="flex items-center space-x-3">
2180                                        <div class="shrink-0">
2181                                                                                            <img alt=" Honduras"
2182             src="https://www.flags-and-anthems.com/media/209/conversion/flag-honduras-rectangular.png"
2183             class="shadow-lg max-w-full h-8 border"
2184             loading="lazy"
2185        />
2186                                                                                        </div>
2187                                        <div class="flex-1 min-w-0">
2188                                            <a href="https://www.flags-and-anthems.com/flag-honduras.html">
2189                                                <span class="absolute inset-0" aria-hidden="true"></span>
2190                                                <p class="text-sm font-medium text-gray-900">
2191                                                    Honduras
2192                                                </p>
2193                                                                                            </a>
2194                                        </div>
2195                                    </div>
2196                                </li>
2197                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2198                                    <div
2199                                        class="flex items-center space-x-3">
2200                                        <div class="shrink-0">
2201                                                                                            <img alt=" Hungary"
2202             src="https://www.flags-and-anthems.com/media/898/conversion/flag-hungary-rectangular.png"
2203             class="shadow-lg max-w-full h-8 border"
2204             loading="lazy"
2205        />
2206                                                                                        </div>
2207                                        <div class="flex-1 min-w-0">
2208                                            <a href="https://www.flags-and-anthems.com/flag-hungary.html">
2209                                                <span class="absolute inset-0" aria-hidden="true"></span>
2210                                                <p class="text-sm font-medium text-gray-900">
2211                                                    Hungary
2212                                                </p>
2213                                                                                            </a>
2214                                        </div>
2215                                    </div>
2216                                </li>
2217                                                                                </ul>
2218                    </div>
2219                                    <div class="relative" id="group-I">
2220                        <div class="border-b-2 border-slate-300 px-6 pb-2 pt-16 mb-6">
2221                            <h3 class="text-3xl text-gray-800 font-medium">I</h3>
2222                        </div>
2223                        <ul role="list" class="relative z-0 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-4">
2224                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2225                                    <div
2226                                        class="flex items-center space-x-3">
2227                                        <div class="shrink-0">
2228                                                                                            <img alt=" Iceland"
2229             src="https://www.flags-and-anthems.com/media/225/conversion/flag-iceland-rectangular.png"
2230             class="shadow-lg max-w-full h-8 border"
2231             loading="lazy"
2232        />
2233                                                                                        </div>
2234                                        <div class="flex-1 min-w-0">
2235                                            <a href="https://www.flags-and-anthems.com/flag-iceland.html">
2236                                                <span class="absolute inset-0" aria-hidden="true"></span>
2237                                                <p class="text-sm font-medium text-gray-900">
2238                                                    Iceland
2239                                                </p>
2240                                                                                            </a>
2241                                        </div>
2242                                    </div>
2243                                </li>
2244                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2245                                    <div
2246                                        class="flex items-center space-x-3">
2247                                        <div class="shrink-0">
2248                                                                                            <img alt=" India"
2249             src="https://www.flags-and-anthems.com/media/33/conversion/flag-india-rectangular.png"
2250             class="shadow-lg max-w-full h-8 border"
2251             loading="lazy"
2252        />
2253                                                                                        </div>
2254                                        <div class="flex-1 min-w-0">
2255                                            <a href="https://www.flags-and-anthems.com/flag-india.html">
2256                                                <span class="absolute inset-0" aria-hidden="true"></span>
2257                                                <p class="text-sm font-medium text-gray-900">
2258                                                    India
2259                                                </p>
2260                                                                                            </a>
2261                                        </div>
2262                                    </div>
2263                                </li>
2264                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2265                                    <div
2266                                        class="flex items-center space-x-3">
2267                                        <div class="shrink-0">
2268                                                                                            <img alt=" Indonesia"
2269             src="https://www.flags-and-anthems.com/media/212/conversion/flag-indonesia-rectangular.png"
2270             class="shadow-lg max-w-full h-8 border"
2271             loading="lazy"
2272        />
2273                                                                                        </div>
2274                                        <div class="flex-1 min-w-0">
2275                                            <a href="https://www.flags-and-anthems.com/flag-indonesia.html">
2276                                                <span class="absolute inset-0" aria-hidden="true"></span>
2277                                                <p class="text-sm font-medium text-gray-900">
2278                                                    Indonesia
2279                                                </p>
2280                                                                                            </a>
2281                                        </div>
2282                                    </div>
2283                                </li>
2284                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2285                                    <div
2286                                        class="flex items-center space-x-3">
2287                                        <div class="shrink-0">
2288                                                                                            <img alt=" Iran"
2289             src="https://www.flags-and-anthems.com/media/218/conversion/flag-iran-rectangular.png"
2290             class="shadow-lg max-w-full h-8 border"
2291             loading="lazy"
2292        />
2293                                                                                        </div>
2294                                        <div class="flex-1 min-w-0">
2295                                            <a href="https://www.flags-and-anthems.com/flag-iran.html">
2296                                                <span class="absolute inset-0" aria-hidden="true"></span>
2297                                                <p class="text-sm font-medium text-gray-900">
2298                                                    Iran
2299                                                </p>
2300                                                                                            </a>
2301                                        </div>
2302                                    </div>
2303                                </li>
2304                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2305                                    <div
2306                                        class="flex items-center space-x-3">
2307                                        <div class="shrink-0">
2308                                                                                            <img alt=" Iraq"
2309             src="https://www.flags-and-anthems.com/media/215/conversion/flag-iraq-rectangular.png"
2310             class="shadow-lg max-w-full h-8 border"
2311             loading="lazy"
2312        />
2313                                                                                        </div>
2314                                        <div class="flex-1 min-w-0">
2315                                            <a href="https://www.flags-and-anthems.com/flag-iraq.html">
2316                                                <span class="absolute inset-0" aria-hidden="true"></span>
2317                                                <p class="text-sm font-medium text-gray-900">
2318                                                    Iraq
2319                                                </p>
2320                                                                                            </a>
2321                                        </div>
2322                                    </div>
2323                                </li>
2324                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2325                                    <div
2326                                        class="flex items-center space-x-3">
2327                                        <div class="shrink-0">
2328                                                                                            <img alt=" Ireland"
2329             src="https://www.flags-and-anthems.com/media/221/conversion/flag-ireland-rectangular.png"
2330             class="shadow-lg max-w-full h-8 border"
2331             loading="lazy"
2332        />
2333                                                                                        </div>
2334                                        <div class="flex-1 min-w-0">
2335                                            <a href="https://www.flags-and-anthems.com/flag-ireland.html">
2336                                                <span class="absolute inset-0" aria-hidden="true"></span>
2337                                                <p class="text-sm font-medium text-gray-900">
2338                                                    Ireland
2339                                                </p>
2340                                                                                            </a>
2341                                        </div>
2342                                    </div>
2343                                </li>
2344                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2345                                    <div
2346                                        class="flex items-center space-x-3">
2347                                        <div class="shrink-0">
2348                                                                                            <img alt=" Islamic Emirate of Afghanistan"
2349             src="https://www.flags-and-anthems.com/media/44/conversion/flag-islamic-emirate-of-afghanistan-rectangular.png"
2350             class="shadow-lg max-w-full h-8 border"
2351             loading="lazy"
2352        />
2353                                                                                        </div>
2354                                        <div class="flex-1 min-w-0">
2355                                            <a href="https://www.flags-and-anthems.com/flag-islamic-emirate-afghanistan.html">
2356                                                <span class="absolute inset-0" aria-hidden="true"></span>
2357                                                <p class="text-sm font-medium text-gray-900">
2358                                                    Islamic Emirate of Afghanistan
2359                                                </p>
2360                                                                                            </a>
2361                                        </div>
2362                                    </div>
2363                                </li>
2364                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2365                                    <div
2366                                        class="flex items-center space-x-3">
2367                                        <div class="shrink-0">
2368                                                                                            <img alt=" Israel"
2369             src="https://www.flags-and-anthems.com/media/228/conversion/flag-israel-rectangular.png"
2370             class="shadow-lg max-w-full h-8 border"
2371             loading="lazy"
2372        />
2373                                                                                        </div>
2374                                        <div class="flex-1 min-w-0">
2375                                            <a href="https://www.flags-and-anthems.com/flag-israel.html">
2376                                                <span class="absolute inset-0" aria-hidden="true"></span>
2377                                                <p class="text-sm font-medium text-gray-900">
2378                                                    Israel
2379                                                </p>
2380                                                                                            </a>
2381                                        </div>
2382                                    </div>
2383                                </li>
2384                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2385                                    <div
2386                                        class="flex items-center space-x-3">
2387                                        <div class="shrink-0">
2388                                                                                            <img alt=" Italy"
2389             src="https://www.flags-and-anthems.com/media/39/conversion/flag-italy-rectangular.png"
2390             class="shadow-lg max-w-full h-8 border"
2391             loading="lazy"
2392        />
2393                                                                                        </div>
2394                                        <div class="flex-1 min-w-0">
2395                                            <a href="https://www.flags-and-anthems.com/flag-italy.html">
2396                                                <span class="absolute inset-0" aria-hidden="true"></span>
2397                                                <p class="text-sm font-medium text-gray-900">
2398                                                    Italy
2399                                                </p>
2400                                                                                            </a>
2401                                        </div>
2402                                    </div>
2403                                </li>
2404                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2405                                    <div
2406                                        class="flex items-center space-x-3">
2407                                        <div class="shrink-0">
2408                                                                                            <img alt=" Ivory Coast"
2409             src="https://www.flags-and-anthems.com/media/161/conversion/flag-ivory-coast-rectangular.png"
2410             class="shadow-lg max-w-full h-8 border"
2411             loading="lazy"
2412        />
2413                                                                                        </div>
2414                                        <div class="flex-1 min-w-0">
2415                                            <a href="https://www.flags-and-anthems.com/flag-ivory-coast.html">
2416                                                <span class="absolute inset-0" aria-hidden="true"></span>
2417                                                <p class="text-sm font-medium text-gray-900">
2418                                                    Ivory Coast
2419                                                </p>
2420                                                                                            </a>
2421                                        </div>
2422                                    </div>
2423                                </li>
2424                                                                                </ul>
2425                    </div>
2426                                    <div class="relative" id="group-J">
2427                        <div class="border-b-2 border-slate-300 px-6 pb-2 pt-16 mb-6">
2428                            <h3 class="text-3xl text-gray-800 font-medium">J</h3>
2429                        </div>
2430                        <ul role="list" class="relative z-0 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-4">
2431                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2432                                    <div
2433                                        class="flex items-center space-x-3">
2434                                        <div class="shrink-0">
2435                                                                                            <img alt=" Jamaica"
2436             src="https://www.flags-and-anthems.com/media/231/conversion/flag-jamaica-rectangular.png"
2437             class="shadow-lg max-w-full h-8 border"
2438             loading="lazy"
2439        />
2440                                                                                        </div>
2441                                        <div class="flex-1 min-w-0">
2442                                            <a href="https://www.flags-and-anthems.com/flag-jamaica.html">
2443                                                <span class="absolute inset-0" aria-hidden="true"></span>
2444                                                <p class="text-sm font-medium text-gray-900">
2445                                                    Jamaica
2446                                                </p>
2447                                                                                            </a>
2448                                        </div>
2449                                    </div>
2450                                </li>
2451                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2452                                    <div
2453                                        class="flex items-center space-x-3">
2454                                        <div class="shrink-0">
2455                                                                                            <img alt=" Japan"
2456             src="https://www.flags-and-anthems.com/media/234/conversion/flag-japan-rectangular.png"
2457             class="shadow-lg max-w-full h-8 border"
2458             loading="lazy"
2459        />
2460                                                                                        </div>
2461                                        <div class="flex-1 min-w-0">
2462                                            <a href="https://www.flags-and-anthems.com/flag-japan.html">
2463                                                <span class="absolute inset-0" aria-hidden="true"></span>
2464                                                <p class="text-sm font-medium text-gray-900">
2465                                                    Japan
2466                                                </p>
2467                                                                                            </a>
2468                                        </div>
2469                                    </div>
2470                                </li>
2471                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2472                                    <div
2473                                        class="flex items-center space-x-3">
2474                                        <div class="shrink-0">
2475                                                                                            <img alt=" Jordan"
2476             src="https://www.flags-and-anthems.com/media/241/conversion/flag-jordan-rectangular.png"
2477             class="shadow-lg max-w-full h-8 border"
2478             loading="lazy"
2479        />
2480                                                                                        </div>
2481                                        <div class="flex-1 min-w-0">
2482                                            <a href="https://www.flags-and-anthems.com/flag-jordan.html">
2483                                                <span class="absolute inset-0" aria-hidden="true"></span>
2484                                                <p class="text-sm font-medium text-gray-900">
2485                                                    Jordan
2486                                                </p>
2487                                                                                            </a>
2488                                        </div>
2489                                    </div>
2490                                </li>
2491                                                                                </ul>
2492                    </div>
2493                                    <div class="relative" id="group-K">
2494                        <div class="border-b-2 border-slate-300 px-6 pb-2 pt-16 mb-6">
2495                            <h3 class="text-3xl text-gray-800 font-medium">K</h3>
2496                        </div>
2497                        <ul role="list" class="relative z-0 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-4">
2498                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2499                                    <div
2500                                        class="flex items-center space-x-3">
2501                                        <div class="shrink-0">
2502                                                                                            <img alt=" Kazakhstan"
2503             src="https://www.flags-and-anthems.com/media/253/conversion/flag-kazakhstan-rectangular.png"
2504             class="shadow-lg max-w-full h-8 border"
2505             loading="lazy"
2506        />
2507                                                                                        </div>
2508                                        <div class="flex-1 min-w-0">
2509                                            <a href="https://www.flags-and-anthems.com/flag-kazakhstan.html">
2510                                                <span class="absolute inset-0" aria-hidden="true"></span>
2511                                                <p class="text-sm font-medium text-gray-900">
2512                                                    Kazakhstan
2513                                                </p>
2514                                                                                            </a>
2515                                        </div>
2516                                    </div>
2517                                </li>
2518                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2519                                    <div
2520                                        class="flex items-center space-x-3">
2521                                        <div class="shrink-0">
2522                                                                                            <img alt=" Kenya"
2523             src="https://www.flags-and-anthems.com/media/258/conversion/flag-kenya-rectangular.png"
2524             class="shadow-lg max-w-full h-8 border"
2525             loading="lazy"
2526        />
2527                                                                                        </div>
2528                                        <div class="flex-1 min-w-0">
2529                                            <a href="https://www.flags-and-anthems.com/flag-kenya.html">
2530                                                <span class="absolute inset-0" aria-hidden="true"></span>
2531                                                <p class="text-sm font-medium text-gray-900">
2532                                                    Kenya
2533                                                </p>
2534                                                                                            </a>
2535                                        </div>
2536                                    </div>
2537                                </li>
2538                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2539                                    <div
2540                                        class="flex items-center space-x-3">
2541                                        <div class="shrink-0">
2542                                                                                            <img alt=" Kiribati"
2543             src="https://www.flags-and-anthems.com/media/266/conversion/flag-kiribati-rectangular.png"
2544             class="shadow-lg max-w-full h-8 border"
2545             loading="lazy"
2546        />
2547                                                                                        </div>
2548                                        <div class="flex-1 min-w-0">
2549                                            <a href="https://www.flags-and-anthems.com/flag-kiribati.html">
2550                                                <span class="absolute inset-0" aria-hidden="true"></span>
2551                                                <p class="text-sm font-medium text-gray-900">
2552                                                    Kiribati
2553                                                </p>
2554                                                                                            </a>
2555                                        </div>
2556                                    </div>
2557                                </li>
2558                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2559                                    <div
2560                                        class="flex items-center space-x-3">
2561                                        <div class="shrink-0">
2562                                                                                            <img alt=" Kosovo"
2563             src="https://www.flags-and-anthems.com/media/286/conversion/flag-kosovo-rectangular.png"
2564             class="shadow-lg max-w-full h-8 border"
2565             loading="lazy"
2566        />
2567                                                                                        </div>
2568                                        <div class="flex-1 min-w-0">
2569                                            <a href="https://www.flags-and-anthems.com/flag-kosovo.html">
2570                                                <span class="absolute inset-0" aria-hidden="true"></span>
2571                                                <p class="text-sm font-medium text-gray-900">
2572                                                    Kosovo
2573                                                </p>
2574                                                                                            </a>
2575                                        </div>
2576                                    </div>
2577                                </li>
2578                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2579                                    <div
2580                                        class="flex items-center space-x-3">
2581                                        <div class="shrink-0">
2582                                                                                            <img alt=" Kuwait"
2583             src="https://www.flags-and-anthems.com/media/295/conversion/flag-kuwait-rectangular.png"
2584             class="shadow-lg max-w-full h-8 border"
2585             loading="lazy"
2586        />
2587                                                                                        </div>
2588                                        <div class="flex-1 min-w-0">
2589                                            <a href="https://www.flags-and-anthems.com/flag-kuwait.html">
2590                                                <span class="absolute inset-0" aria-hidden="true"></span>
2591                                                <p class="text-sm font-medium text-gray-900">
2592                                                    Kuwait
2593                                                </p>
2594                                                                                            </a>
2595                                        </div>
2596                                    </div>
2597                                </li>
2598                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2599                                    <div
2600                                        class="flex items-center space-x-3">
2601                                        <div class="shrink-0">
2602                                                                                            <img alt=" Kyrgyzstan"
2603             src="https://www.flags-and-anthems.com/media/263/conversion/flag-kyrgyzstan-rectangular.png"
2604             class="shadow-lg max-w-full h-8 border"
2605             loading="lazy"
2606        />
2607                                                                                        </div>
2608                                        <div class="flex-1 min-w-0">
2609                                            <a href="https://www.flags-and-anthems.com/flag-kyrgyzstan.html">
2610                                                <span class="absolute inset-0" aria-hidden="true"></span>
2611                                                <p class="text-sm font-medium text-gray-900">
2612                                                    Kyrgyzstan
2613                                                </p>
2614                                                                                            </a>
2615                                        </div>
2616                                    </div>
2617                                </li>
2618                                                                                </ul>
2619                    </div>
2620                                    <div class="relative" id="group-L">
2621                        <div class="border-b-2 border-slate-300 px-6 pb-2 pt-16 mb-6">
2622                            <h3 class="text-3xl text-gray-800 font-medium">L</h3>
2623                        </div>
2624                        <ul role="list" class="relative z-0 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-4">
2625                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2626                                    <div
2627                                        class="flex items-center space-x-3">
2628                                        <div class="shrink-0">
2629                                                                                            <img alt=" Laos"
2630             src="https://www.flags-and-anthems.com/media/298/conversion/flag-laos-rectangular.png"
2631             class="shadow-lg max-w-full h-8 border"
2632             loading="lazy"
2633        />
2634                                                                                        </div>
2635                                        <div class="flex-1 min-w-0">
2636                                            <a href="https://www.flags-and-anthems.com/flag-laos.html">
2637                                                <span class="absolute inset-0" aria-hidden="true"></span>
2638                                                <p class="text-sm font-medium text-gray-900">
2639                                                    Laos
2640                                                </p>
2641                                                                                            </a>
2642                                        </div>
2643                                    </div>
2644                                </li>
2645                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2646                                    <div
2647                                        class="flex items-center space-x-3">
2648                                        <div class="shrink-0">
2649                                                                                            <img alt=" Latvia"
2650             src="https://www.flags-and-anthems.com/media/304/conversion/flag-latvia-rectangular.png"
2651             class="shadow-lg max-w-full h-8 border"
2652             loading="lazy"
2653        />
2654                                                                                        </div>
2655                                        <div class="flex-1 min-w-0">
2656                                            <a href="https://www.flags-and-anthems.com/flag-latvia.html">
2657                                                <span class="absolute inset-0" aria-hidden="true"></span>
2658                                                <p class="text-sm font-medium text-gray-900">
2659                                                    Latvia
2660                                                </p>
2661                                                                                            </a>
2662                                        </div>
2663                                    </div>
2664                                </li>
2665                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2666                                    <div
2667                                        class="flex items-center space-x-3">
2668                                        <div class="shrink-0">
2669                                                                                            <img alt=" Lebanon"
2670             src="https://www.flags-and-anthems.com/media/307/conversion/flag-lebanon-rectangular.png"
2671             class="shadow-lg max-w-full h-8 border"
2672             loading="lazy"
2673        />
2674                                                                                        </div>
2675                                        <div class="flex-1 min-w-0">
2676                                            <a href="https://www.flags-and-anthems.com/flag-lebanon.html">
2677                                                <span class="absolute inset-0" aria-hidden="true"></span>
2678                                                <p class="text-sm font-medium text-gray-900">
2679                                                    Lebanon
2680                                                </p>
2681                                                                                            </a>
2682                                        </div>
2683                                    </div>
2684                                </li>
2685                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2686                                    <div
2687                                        class="flex items-center space-x-3">
2688                                        <div class="shrink-0">
2689                                                                                            <img alt=" Lesotho"
2690             src="https://www.flags-and-anthems.com/media/301/conversion/flag-lesotho-rectangular.png"
2691             class="shadow-lg max-w-full h-8 border"
2692             loading="lazy"
2693        />
2694                                                                                        </div>
2695                                        <div class="flex-1 min-w-0">
2696                                            <a href="https://www.flags-and-anthems.com/flag-lesotho.html">
2697                                                <span class="absolute inset-0" aria-hidden="true"></span>
2698                                                <p class="text-sm font-medium text-gray-900">
2699                                                    Lesotho
2700                                                </p>
2701                                                                                            </a>
2702                                        </div>
2703                                    </div>
2704                                </li>
2705                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2706                                    <div
2707                                        class="flex items-center space-x-3">
2708                                        <div class="shrink-0">
2709                                                                                            <img alt=" Liberia"
2710             src="https://www.flags-and-anthems.com/media/310/conversion/flag-liberia-rectangular.png"
2711             class="shadow-lg max-w-full h-8 border"
2712             loading="lazy"
2713        />
2714                                                                                        </div>
2715                                        <div class="flex-1 min-w-0">
2716                                            <a href="https://www.flags-and-anthems.com/flag-liberia.html">
2717                                                <span class="absolute inset-0" aria-hidden="true"></span>
2718                                                <p class="text-sm font-medium text-gray-900">
2719                                                    Liberia
2720                                                </p>
2721                                                                                            </a>
2722                                        </div>
2723                                    </div>
2724                                </li>
2725                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2726                                    <div
2727                                        class="flex items-center space-x-3">
2728                                        <div class="shrink-0">
2729                                                                                            <img alt=" Libya"
2730             src="https://www.flags-and-anthems.com/media/313/conversion/flag-libya-rectangular.png"
2731             class="shadow-lg max-w-full h-8 border"
2732             loading="lazy"
2733        />
2734                                                                                        </div>
2735                                        <div class="flex-1 min-w-0">
2736                                            <a href="https://www.flags-and-anthems.com/flag-libya.html">
2737                                                <span class="absolute inset-0" aria-hidden="true"></span>
2738                                                <p class="text-sm font-medium text-gray-900">
2739                                                    Libya
2740                                                </p>
2741                                                                                            </a>
2742                                        </div>
2743                                    </div>
2744                                </li>
2745                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2746                                    <div
2747                                        class="flex items-center space-x-3">
2748                                        <div class="shrink-0">
2749                                                                                            <img alt=" Liechtenstein"
2750             src="https://www.flags-and-anthems.com/media/316/conversion/flag-liechtenstein-rectangular.png"
2751             class="shadow-lg max-w-full h-8 border"
2752             loading="lazy"
2753        />
2754                                                                                        </div>
2755                                        <div class="flex-1 min-w-0">
2756                                            <a href="https://www.flags-and-anthems.com/flag-liechtenstein.html">
2757                                                <span class="absolute inset-0" aria-hidden="true"></span>
2758                                                <p class="text-sm font-medium text-gray-900">
2759                                                    Liechtenstein
2760                                                </p>
2761                                                                                            </a>
2762                                        </div>
2763                                    </div>
2764                                </li>
2765                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2766                                    <div
2767                                        class="flex items-center space-x-3">
2768                                        <div class="shrink-0">
2769                                                                                            <img alt=" Lithuania"
2770             src="https://www.flags-and-anthems.com/media/319/conversion/flag-lithuania-rectangular.png"
2771             class="shadow-lg max-w-full h-8 border"
2772             loading="lazy"
2773        />
2774                                                                                        </div>
2775                                        <div class="flex-1 min-w-0">
2776                                            <a href="https://www.flags-and-anthems.com/flag-lithuania.html">
2777                                                <span class="absolute inset-0" aria-hidden="true"></span>
2778                                                <p class="text-sm font-medium text-gray-900">
2779                                                    Lithuania
2780                                                </p>
2781                                                                                            </a>
2782                                        </div>
2783                                    </div>
2784                                </li>
2785                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2786                                    <div
2787                                        class="flex items-center space-x-3">
2788                                        <div class="shrink-0">
2789                                                                                            <img alt=" Luxembourg"
2790             src="https://www.flags-and-anthems.com/media/322/conversion/flag-luxembourg-rectangular.png"
2791             class="shadow-lg max-w-full h-8 border"
2792             loading="lazy"
2793        />
2794                                                                                        </div>
2795                                        <div class="flex-1 min-w-0">
2796                                            <a href="https://www.flags-and-anthems.com/flag-luxembourg.html">
2797                                                <span class="absolute inset-0" aria-hidden="true"></span>
2798                                                <p class="text-sm font-medium text-gray-900">
2799                                                    Luxembourg
2800                                                </p>
2801                                                                                            </a>
2802                                        </div>
2803                                    </div>
2804                                </li>
2805                                                                                </ul>
2806                    </div>
2807                                    <div class="relative" id="group-M">
2808                        <div class="border-b-2 border-slate-300 px-6 pb-2 pt-16 mb-6">
2809                            <h3 class="text-3xl text-gray-800 font-medium">M</h3>
2810                        </div>
2811                        <ul role="list" class="relative z-0 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-4">
2812                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2813                                    <div
2814                                        class="flex items-center space-x-3">
2815                                        <div class="shrink-0">
2816                                                                                            <img alt=" Macedonia"
2817             src="https://www.flags-and-anthems.com/media/1017/conversion/flag-macedonia-rectangular.png"
2818             class="shadow-lg max-w-full h-8 border"
2819             loading="lazy"
2820        />
2821                                                                                        </div>
2822                                        <div class="flex-1 min-w-0">
2823                                            <a href="https://www.flags-and-anthems.com/flag-macedonia.html">
2824                                                <span class="absolute inset-0" aria-hidden="true"></span>
2825                                                <p class="text-sm font-medium text-gray-900">
2826                                                    Macedonia
2827                                                </p>
2828                                                                                            </a>
2829                                        </div>
2830                                    </div>
2831                                </li>
2832                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2833                                    <div
2834                                        class="flex items-center space-x-3">
2835                                        <div class="shrink-0">
2836                                                                                            <img alt=" Madagascar"
2837             src="https://www.flags-and-anthems.com/media/325/conversion/flag-madagascar-rectangular.png"
2838             class="shadow-lg max-w-full h-8 border"
2839             loading="lazy"
2840        />
2841                                                                                        </div>
2842                                        <div class="flex-1 min-w-0">
2843                                            <a href="https://www.flags-and-anthems.com/flag-madagascar.html">
2844                                                <span class="absolute inset-0" aria-hidden="true"></span>
2845                                                <p class="text-sm font-medium text-gray-900">
2846                                                    Madagascar
2847                                                </p>
2848                                                                                            </a>
2849                                        </div>
2850                                    </div>
2851                                </li>
2852                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2853                                    <div
2854                                        class="flex items-center space-x-3">
2855                                        <div class="shrink-0">
2856                                                                                            <img alt=" Malawi"
2857             src="https://www.flags-and-anthems.com/media/328/conversion/flag-malawi-rectangular.png"
2858             class="shadow-lg max-w-full h-8 border"
2859             loading="lazy"
2860        />
2861                                                                                        </div>
2862                                        <div class="flex-1 min-w-0">
2863                                            <a href="https://www.flags-and-anthems.com/flag-malawi.html">
2864                                                <span class="absolute inset-0" aria-hidden="true"></span>
2865                                                <p class="text-sm font-medium text-gray-900">
2866                                                    Malawi
2867                                                </p>
2868                                                                                            </a>
2869                                        </div>
2870                                    </div>
2871                                </li>
2872                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2873                                    <div
2874                                        class="flex items-center space-x-3">
2875                                        <div class="shrink-0">
2876                                                                                            <img alt=" Malaysia"
2877             src="https://www.flags-and-anthems.com/media/331/conversion/flag-malaysia-rectangular.png"
2878             class="shadow-lg max-w-full h-8 border"
2879             loading="lazy"
2880        />
2881                                                                                        </div>
2882                                        <div class="flex-1 min-w-0">
2883                                            <a href="https://www.flags-and-anthems.com/flag-malaysia.html">
2884                                                <span class="absolute inset-0" aria-hidden="true"></span>
2885                                                <p class="text-sm font-medium text-gray-900">
2886                                                    Malaysia
2887                                                </p>
2888                                                                                            </a>
2889                                        </div>
2890                                    </div>
2891                                </li>
2892                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2893                                    <div
2894                                        class="flex items-center space-x-3">
2895                                        <div class="shrink-0">
2896                                                                                            <img alt=" Maldives"
2897             src="https://www.flags-and-anthems.com/media/334/conversion/flag-maldives-rectangular.png"
2898             class="shadow-lg max-w-full h-8 border"
2899             loading="lazy"
2900        />
2901                                                                                        </div>
2902                                        <div class="flex-1 min-w-0">
2903                                            <a href="https://www.flags-and-anthems.com/flag-maldives.html">
2904                                                <span class="absolute inset-0" aria-hidden="true"></span>
2905                                                <p class="text-sm font-medium text-gray-900">
2906                                                    Maldives
2907                                                </p>
2908                                                                                            </a>
2909                                        </div>
2910                                    </div>
2911                                </li>
2912                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2913                                    <div
2914                                        class="flex items-center space-x-3">
2915                                        <div class="shrink-0">
2916                                                                                            <img alt=" Mali"
2917             src="https://www.flags-and-anthems.com/media/337/conversion/flag-mali-rectangular.png"
2918             class="shadow-lg max-w-full h-8 border"
2919             loading="lazy"
2920        />
2921                                                                                        </div>
2922                                        <div class="flex-1 min-w-0">
2923                                            <a href="https://www.flags-and-anthems.com/flag-mali.html">
2924                                                <span class="absolute inset-0" aria-hidden="true"></span>
2925                                                <p class="text-sm font-medium text-gray-900">
2926                                                    Mali
2927                                                </p>
2928                                                                                            </a>
2929                                        </div>
2930                                    </div>
2931                                </li>
2932                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2933                                    <div
2934                                        class="flex items-center space-x-3">
2935                                        <div class="shrink-0">
2936                                                                                            <img alt=" Malta"
2937             src="https://www.flags-and-anthems.com/media/340/conversion/flag-malta-rectangular.png"
2938             class="shadow-lg max-w-full h-8 border"
2939             loading="lazy"
2940        />
2941                                                                                        </div>
2942                                        <div class="flex-1 min-w-0">
2943                                            <a href="https://www.flags-and-anthems.com/flag-malta.html">
2944                                                <span class="absolute inset-0" aria-hidden="true"></span>
2945                                                <p class="text-sm font-medium text-gray-900">
2946                                                    Malta
2947                                                </p>
2948                                                                                            </a>
2949                                        </div>
2950                                    </div>
2951                                </li>
2952                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2953                                    <div
2954                                        class="flex items-center space-x-3">
2955                                        <div class="shrink-0">
2956                                                                                            <img alt=" Marshall Islands"
2957             src="https://www.flags-and-anthems.com/media/346/conversion/flag-marshall-islands-rectangular.png"
2958             class="shadow-lg max-w-full h-8 border"
2959             loading="lazy"
2960        />
2961                                                                                        </div>
2962                                        <div class="flex-1 min-w-0">
2963                                            <a href="https://www.flags-and-anthems.com/flag-marshall-islands.html">
2964                                                <span class="absolute inset-0" aria-hidden="true"></span>
2965                                                <p class="text-sm font-medium text-gray-900">
2966                                                    Marshall Islands
2967                                                </p>
2968                                                                                            </a>
2969                                        </div>
2970                                    </div>
2971                                </li>
2972                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2973                                    <div
2974                                        class="flex items-center space-x-3">
2975                                        <div class="shrink-0">
2976                                                                                            <img alt=" Mauritania"
2977             src="https://www.flags-and-anthems.com/media/349/conversion/flag-mauritania-rectangular.png"
2978             class="shadow-lg max-w-full h-8 border"
2979             loading="lazy"
2980        />
2981                                                                                        </div>
2982                                        <div class="flex-1 min-w-0">
2983                                            <a href="https://www.flags-and-anthems.com/flag-mauritania.html">
2984                                                <span class="absolute inset-0" aria-hidden="true"></span>
2985                                                <p class="text-sm font-medium text-gray-900">
2986                                                    Mauritania
2987                                                </p>
2988                                                                                            </a>
2989                                        </div>
2990                                    </div>
2991                                </li>
2992                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
2993                                    <div
2994                                        class="flex items-center space-x-3">
2995                                        <div class="shrink-0">
2996                                                                                            <img alt=" Mauritius"
2997             src="https://www.flags-and-anthems.com/media/352/conversion/flag-mauritius-rectangular.png"
2998             class="shadow-lg max-w-full h-8 border"
2999             loading="lazy"
3000        />
3001                                                                                        </div>
3002                                        <div class="flex-1 min-w-0">
3003                                            <a href="https://www.flags-and-anthems.com/flag-mauritius.html">
3004                                                <span class="absolute inset-0" aria-hidden="true"></span>
3005                                                <p class="text-sm font-medium text-gray-900">
3006                                                    Mauritius
3007                                                </p>
3008                                                                                            </a>
3009                                        </div>
3010                                    </div>
3011                                </li>
3012                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3013                                    <div
3014                                        class="flex items-center space-x-3">
3015                                        <div class="shrink-0">
3016                                                                                            <img alt=" Mexico"
3017             src="https://www.flags-and-anthems.com/media/355/conversion/flag-mexico-rectangular.png"
3018             class="shadow-lg max-w-full h-8 border"
3019             loading="lazy"
3020        />
3021                                                                                        </div>
3022                                        <div class="flex-1 min-w-0">
3023                                            <a href="https://www.flags-and-anthems.com/flag-mexico.html">
3024                                                <span class="absolute inset-0" aria-hidden="true"></span>
3025                                                <p class="text-sm font-medium text-gray-900">
3026                                                    Mexico
3027                                                </p>
3028                                                                                            </a>
3029                                        </div>
3030                                    </div>
3031                                </li>
3032                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3033                                    <div
3034                                        class="flex items-center space-x-3">
3035                                        <div class="shrink-0">
3036                                                                                            <img alt="Moldova"
3037             src="https://cdn.jsdelivr.net/gh/hjnilsson/country-flags@latest/svg/md.svg"
3038             class="shadow-lg max-w-full h-8 border"
3039             loading="lazy"
3040        />
3041                                                                                        </div>
3042                                        <div class="flex-1 min-w-0">
3043                                            <a href="https://www.flags-and-anthems.com/flag-moldova.html">
3044                                                <span class="absolute inset-0" aria-hidden="true"></span>
3045                                                <p class="text-sm font-medium text-gray-900">
3046                                                    Moldova
3047                                                </p>
3048                                                                                            </a>
3049                                        </div>
3050                                    </div>
3051                                </li>
3052                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3053                                    <div
3054                                        class="flex items-center space-x-3">
3055                                        <div class="shrink-0">
3056                                                                                            <img alt=" Monaco"
3057             src="https://www.flags-and-anthems.com/media/358/conversion/flag-monaco-rectangular.png"
3058             class="shadow-lg max-w-full h-8 border"
3059             loading="lazy"
3060        />
3061                                                                                        </div>
3062                                        <div class="flex-1 min-w-0">
3063                                            <a href="https://www.flags-and-anthems.com/flag-monaco.html">
3064                                                <span class="absolute inset-0" aria-hidden="true"></span>
3065                                                <p class="text-sm font-medium text-gray-900">
3066                                                    Monaco
3067                                                </p>
3068                                                                                            </a>
3069                                        </div>
3070                                    </div>
3071                                </li>
3072                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3073                                    <div
3074                                        class="flex items-center space-x-3">
3075                                        <div class="shrink-0">
3076                                                                                            <img alt=" Mongolia"
3077             src="https://www.flags-and-anthems.com/media/361/conversion/flag-mongolia-rectangular.png"
3078             class="shadow-lg max-w-full h-8 border"
3079             loading="lazy"
3080        />
3081                                                                                        </div>
3082                                        <div class="flex-1 min-w-0">
3083                                            <a href="https://www.flags-and-anthems.com/flag-mongolia.html">
3084                                                <span class="absolute inset-0" aria-hidden="true"></span>
3085                                                <p class="text-sm font-medium text-gray-900">
3086                                                    Mongolia
3087                                                </p>
3088                                                                                            </a>
3089                                        </div>
3090                                    </div>
3091                                </li>
3092                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3093                                    <div
3094                                        class="flex items-center space-x-3">
3095                                        <div class="shrink-0">
3096                                                                                            <img alt=" Montenegro"
3097             src="https://www.flags-and-anthems.com/media/364/conversion/flag-montenegro-rectangular.png"
3098             class="shadow-lg max-w-full h-8 border"
3099             loading="lazy"
3100        />
3101                                                                                        </div>
3102                                        <div class="flex-1 min-w-0">
3103                                            <a href="https://www.flags-and-anthems.com/flag-montenegro.html">
3104                                                <span class="absolute inset-0" aria-hidden="true"></span>
3105                                                <p class="text-sm font-medium text-gray-900">
3106                                                    Montenegro
3107                                                </p>
3108                                                                                            </a>
3109                                        </div>
3110                                    </div>
3111                                </li>
3112                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3113                                    <div
3114                                        class="flex items-center space-x-3">
3115                                        <div class="shrink-0">
3116                                                                                            <img alt=" Morocco"
3117             src="https://www.flags-and-anthems.com/media/343/conversion/flag-morocco-rectangular.png"
3118             class="shadow-lg max-w-full h-8 border"
3119             loading="lazy"
3120        />
3121                                                                                        </div>
3122                                        <div class="flex-1 min-w-0">
3123                                            <a href="https://www.flags-and-anthems.com/flag-morocco.html">
3124                                                <span class="absolute inset-0" aria-hidden="true"></span>
3125                                                <p class="text-sm font-medium text-gray-900">
3126                                                    Morocco
3127                                                </p>
3128                                                                                            </a>
3129                                        </div>
3130                                    </div>
3131                                </li>
3132                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3133                                    <div
3134                                        class="flex items-center space-x-3">
3135                                        <div class="shrink-0">
3136                                                                                            <img alt=" Mozambique"
3137             src="https://www.flags-and-anthems.com/media/367/conversion/flag-mozambique-rectangular.png"
3138             class="shadow-lg max-w-full h-8 border"
3139             loading="lazy"
3140        />
3141                                                                                        </div>
3142                                        <div class="flex-1 min-w-0">
3143                                            <a href="https://www.flags-and-anthems.com/flag-mozambique.html">
3144                                                <span class="absolute inset-0" aria-hidden="true"></span>
3145                                                <p class="text-sm font-medium text-gray-900">
3146                                                    Mozambique
3147                                                </p>
3148                                                                                            </a>
3149                                        </div>
3150                                    </div>
3151                                </li>
3152                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3153                                    <div
3154                                        class="flex items-center space-x-3">
3155                                        <div class="shrink-0">
3156                                                                                            <img alt=" Myanmar (Burma, Burma)"
3157             src="https://www.flags-and-anthems.com/media/370/conversion/flag-myanmar-burma-burma-rectangular.png"
3158             class="shadow-lg max-w-full h-8 border"
3159             loading="lazy"
3160        />
3161                                                                                        </div>
3162                                        <div class="flex-1 min-w-0">
3163                                            <a href="https://www.flags-and-anthems.com/flag-myanmar-burma.html">
3164                                                <span class="absolute inset-0" aria-hidden="true"></span>
3165                                                <p class="text-sm font-medium text-gray-900">
3166                                                    Myanmar (Burma, Burma)
3167                                                </p>
3168                                                                                            </a>
3169                                        </div>
3170                                    </div>
3171                                </li>
3172                                                                                </ul>
3173                    </div>
3174                                    <div class="relative" id="group-N">
3175                        <div class="border-b-2 border-slate-300 px-6 pb-2 pt-16 mb-6">
3176                            <h3 class="text-3xl text-gray-800 font-medium">N</h3>
3177                        </div>
3178                        <ul role="list" class="relative z-0 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-4">
3179                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3180                                    <div
3181                                        class="flex items-center space-x-3">
3182                                        <div class="shrink-0">
3183                                                                                            <img alt=" Namibia"
3184             src="https://www.flags-and-anthems.com/media/373/conversion/flag-namibia-rectangular.png"
3185             class="shadow-lg max-w-full h-8 border"
3186             loading="lazy"
3187        />
3188                                                                                        </div>
3189                                        <div class="flex-1 min-w-0">
3190                                            <a href="https://www.flags-and-anthems.com/flag-namibia.html">
3191                                                <span class="absolute inset-0" aria-hidden="true"></span>
3192                                                <p class="text-sm font-medium text-gray-900">
3193                                                    Namibia
3194                                                </p>
3195                                                                                            </a>
3196                                        </div>
3197                                    </div>
3198                                </li>
3199                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3200                                    <div
3201                                        class="flex items-center space-x-3">
3202                                        <div class="shrink-0">
3203                                                                                            <img alt=" Nauru"
3204             src="https://www.flags-and-anthems.com/media/376/conversion/flag-nauru-rectangular.png"
3205             class="shadow-lg max-w-full h-8 border"
3206             loading="lazy"
3207        />
3208                                                                                        </div>
3209                                        <div class="flex-1 min-w-0">
3210                                            <a href="https://www.flags-and-anthems.com/flag-nauru.html">
3211                                                <span class="absolute inset-0" aria-hidden="true"></span>
3212                                                <p class="text-sm font-medium text-gray-900">
3213                                                    Nauru
3214                                                </p>
3215                                                                                            </a>
3216                                        </div>
3217                                    </div>
3218                                </li>
3219                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3220                                    <div
3221                                        class="flex items-center space-x-3">
3222                                        <div class="shrink-0">
3223                                                                                            <img alt=" Nepal"
3224             src="https://www.flags-and-anthems.com/media/379/conversion/flag-nepal-rectangular.png"
3225             class="shadow-lg max-w-full h-8 border"
3226             loading="lazy"
3227        />
3228                                                                                        </div>
3229                                        <div class="flex-1 min-w-0">
3230                                            <a href="https://www.flags-and-anthems.com/flag-nepal.html">
3231                                                <span class="absolute inset-0" aria-hidden="true"></span>
3232                                                <p class="text-sm font-medium text-gray-900">
3233                                                    Nepal
3234                                                </p>
3235                                                                                            </a>
3236                                        </div>
3237                                    </div>
3238                                </li>
3239                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3240                                    <div
3241                                        class="flex items-center space-x-3">
3242                                        <div class="shrink-0">
3243                                                                                            <img alt=" Netherlands"
3244             src="https://www.flags-and-anthems.com/media/388/conversion/flag-netherlands-rectangular.png"
3245             class="shadow-lg max-w-full h-8 border"
3246             loading="lazy"
3247        />
3248                                                                                        </div>
3249                                        <div class="flex-1 min-w-0">
3250                                            <a href="https://www.flags-and-anthems.com/flag-netherlands.html">
3251                                                <span class="absolute inset-0" aria-hidden="true"></span>
3252                                                <p class="text-sm font-medium text-gray-900">
3253                                                    Netherlands
3254                                                </p>
3255                                                                                            </a>
3256                                        </div>
3257                                    </div>
3258                                </li>
3259                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3260                                    <div
3261                                        class="flex items-center space-x-3">
3262                                        <div class="shrink-0">
3263                                                                                            <img alt=" New Zealand"
3264             src="https://www.flags-and-anthems.com/media/382/conversion/flag-new-zealand-rectangular.png"
3265             class="shadow-lg max-w-full h-8 border"
3266             loading="lazy"
3267        />
3268                                                                                        </div>
3269                                        <div class="flex-1 min-w-0">
3270                                            <a href="https://www.flags-and-anthems.com/flag-new-zealand.html">
3271                                                <span class="absolute inset-0" aria-hidden="true"></span>
3272                                                <p class="text-sm font-medium text-gray-900">
3273                                                    New Zealand
3274                                                </p>
3275                                                                                            </a>
3276                                        </div>
3277                                    </div>
3278                                </li>
3279                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3280                                    <div
3281                                        class="flex items-center space-x-3">
3282                                        <div class="shrink-0">
3283                                                                                            <img alt=" Nicaragua"
3284             src="https://www.flags-and-anthems.com/media/385/conversion/flag-nicaragua-rectangular.png"
3285             class="shadow-lg max-w-full h-8 border"
3286             loading="lazy"
3287        />
3288                                                                                        </div>
3289                                        <div class="flex-1 min-w-0">
3290                                            <a href="https://www.flags-and-anthems.com/flag-nicaragua.html">
3291                                                <span class="absolute inset-0" aria-hidden="true"></span>
3292                                                <p class="text-sm font-medium text-gray-900">
3293                                                    Nicaragua
3294                                                </p>
3295                                                                                            </a>
3296                                        </div>
3297                                    </div>
3298                                </li>
3299                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3300                                    <div
3301                                        class="flex items-center space-x-3">
3302                                        <div class="shrink-0">
3303                                                                                            <img alt=" Niger"
3304             src="https://www.flags-and-anthems.com/media/391/conversion/flag-niger-rectangular.png"
3305             class="shadow-lg max-w-full h-8 border"
3306             loading="lazy"
3307        />
3308                                                                                        </div>
3309                                        <div class="flex-1 min-w-0">
3310                                            <a href="https://www.flags-and-anthems.com/flag-niger.html">
3311                                                <span class="absolute inset-0" aria-hidden="true"></span>
3312                                                <p class="text-sm font-medium text-gray-900">
3313                                                    Niger
3314                                                </p>
3315                                                                                            </a>
3316                                        </div>
3317                                    </div>
3318                                </li>
3319                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3320                                    <div
3321                                        class="flex items-center space-x-3">
3322                                        <div class="shrink-0">
3323                                                                                            <img alt=" Nigeria"
3324             src="https://www.flags-and-anthems.com/media/394/conversion/flag-nigeria-rectangular.png"
3325             class="shadow-lg max-w-full h-8 border"
3326             loading="lazy"
3327        />
3328                                                                                        </div>
3329                                        <div class="flex-1 min-w-0">
3330                                            <a href="https://www.flags-and-anthems.com/flag-nigeria.html">
3331                                                <span class="absolute inset-0" aria-hidden="true"></span>
3332                                                <p class="text-sm font-medium text-gray-900">
3333                                                    Nigeria
3334                                                </p>
3335                                                                                            </a>
3336                                        </div>
3337                                    </div>
3338                                </li>
3339                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3340                                    <div
3341                                        class="flex items-center space-x-3">
3342                                        <div class="shrink-0">
3343                                                                                            <img alt=" North Korea"
3344             src="https://www.flags-and-anthems.com/media/280/conversion/flag-north-korea-rectangular.png"
3345             class="shadow-lg max-w-full h-8 border"
3346             loading="lazy"
3347        />
3348                                                                                        </div>
3349                                        <div class="flex-1 min-w-0">
3350                                            <a href="https://www.flags-and-anthems.com/flag-north-korea.html">
3351                                                <span class="absolute inset-0" aria-hidden="true"></span>
3352                                                <p class="text-sm font-medium text-gray-900">
3353                                                    North Korea
3354                                                </p>
3355                                                                                            </a>
3356                                        </div>
3357                                    </div>
3358                                </li>
3359                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3360                                    <div
3361                                        class="flex items-center space-x-3">
3362                                        <div class="shrink-0">
3363                                                                                            <img alt=" Norway"
3364             src="https://www.flags-and-anthems.com/media/397/conversion/flag-norway-rectangular.png"
3365             class="shadow-lg max-w-full h-8 border"
3366             loading="lazy"
3367        />
3368                                                                                        </div>
3369                                        <div class="flex-1 min-w-0">
3370                                            <a href="https://www.flags-and-anthems.com/flag-norway.html">
3371                                                <span class="absolute inset-0" aria-hidden="true"></span>
3372                                                <p class="text-sm font-medium text-gray-900">
3373                                                    Norway
3374                                                </p>
3375                                                                                            </a>
3376                                        </div>
3377                                    </div>
3378                                </li>
3379                                                                                </ul>
3380                    </div>
3381                                    <div class="relative" id="group-O">
3382                        <div class="border-b-2 border-slate-300 px-6 pb-2 pt-16 mb-6">
3383                            <h3 class="text-3xl text-gray-800 font-medium">O</h3>
3384                        </div>
3385                        <ul role="list" class="relative z-0 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-4">
3386                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3387                                    <div
3388                                        class="flex items-center space-x-3">
3389                                        <div class="shrink-0">
3390                                                                                            <img alt=" Oman"
3391             src="https://www.flags-and-anthems.com/media/401/conversion/flag-oman-rectangular.png"
3392             class="shadow-lg max-w-full h-8 border"
3393             loading="lazy"
3394        />
3395                                                                                        </div>
3396                                        <div class="flex-1 min-w-0">
3397                                            <a href="https://www.flags-and-anthems.com/flag-oman.html">
3398                                                <span class="absolute inset-0" aria-hidden="true"></span>
3399                                                <p class="text-sm font-medium text-gray-900">
3400                                                    Oman
3401                                                </p>
3402                                                                                            </a>
3403                                        </div>
3404                                    </div>
3405                                </li>
3406                                                                                </ul>
3407                    </div>
3408                                    <div class="relative" id="group-P">
3409                        <div class="border-b-2 border-slate-300 px-6 pb-2 pt-16 mb-6">
3410                            <h3 class="text-3xl text-gray-800 font-medium">P</h3>
3411                        </div>
3412                        <ul role="list" class="relative z-0 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-4">
3413                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3414                                    <div
3415                                        class="flex items-center space-x-3">
3416                                        <div class="shrink-0">
3417                                                                                            <img alt=" Pakistan"
3418             src="https://www.flags-and-anthems.com/media/411/conversion/flag-pakistan-rectangular.png"
3419             class="shadow-lg max-w-full h-8 border"
3420             loading="lazy"
3421        />
3422                                                                                        </div>
3423                                        <div class="flex-1 min-w-0">
3424                                            <a href="https://www.flags-and-anthems.com/flag-pakistan.html">
3425                                                <span class="absolute inset-0" aria-hidden="true"></span>
3426                                                <p class="text-sm font-medium text-gray-900">
3427                                                    Pakistan
3428                                                </p>
3429                                                                                            </a>
3430                                        </div>
3431                                    </div>
3432                                </li>
3433                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3434                                    <div
3435                                        class="flex items-center space-x-3">
3436                                        <div class="shrink-0">
3437                                                                                            <img alt=" Palau"
3438             src="https://www.flags-and-anthems.com/media/417/conversion/flag-palau-rectangular.png"
3439             class="shadow-lg max-w-full h-8 border"
3440             loading="lazy"
3441        />
3442                                                                                        </div>
3443                                        <div class="flex-1 min-w-0">
3444                                            <a href="https://www.flags-and-anthems.com/flag-palau.html">
3445                                                <span class="absolute inset-0" aria-hidden="true"></span>
3446                                                <p class="text-sm font-medium text-gray-900">
3447                                                    Palau
3448                                                </p>
3449                                                                                            </a>
3450                                        </div>
3451                                    </div>
3452                                </li>
3453                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3454                                    <div
3455                                        class="flex items-center space-x-3">
3456                                        <div class="shrink-0">
3457                                                                                            <img alt=" Palestinian Autonomous Territories"
3458             src="https://www.flags-and-anthems.com/media/414/conversion/flag-palestinian-autonomous-territories-rectangular.png"
3459             class="shadow-lg max-w-full h-8 border"
3460             loading="lazy"
3461        />
3462                                                                                        </div>
3463                                        <div class="flex-1 min-w-0">
3464                                            <a href="https://www.flags-and-anthems.com/flag-palestinian-autonomous-territories.html">
3465                                                <span class="absolute inset-0" aria-hidden="true"></span>
3466                                                <p class="text-sm font-medium text-gray-900">
3467                                                    Palestinian Autonomous Territories
3468                                                </p>
3469                                                                                            </a>
3470                                        </div>
3471                                    </div>
3472                                </li>
3473                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3474                                    <div
3475                                        class="flex items-center space-x-3">
3476                                        <div class="shrink-0">
3477                                                                                            <img alt=" Panama"
3478             src="https://www.flags-and-anthems.com/media/420/conversion/flag-panama-rectangular.png"
3479             class="shadow-lg max-w-full h-8 border"
3480             loading="lazy"
3481        />
3482                                                                                        </div>
3483                                        <div class="flex-1 min-w-0">
3484                                            <a href="https://www.flags-and-anthems.com/flag-panama.html">
3485                                                <span class="absolute inset-0" aria-hidden="true"></span>
3486                                                <p class="text-sm font-medium text-gray-900">
3487                                                    Panama
3488                                                </p>
3489                                                                                            </a>
3490                                        </div>
3491                                    </div>
3492                                </li>
3493                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3494                                    <div
3495                                        class="flex items-center space-x-3">
3496                                        <div class="shrink-0">
3497                                                                                            <img alt=" Papua New Guinea"
3498             src="https://www.flags-and-anthems.com/media/423/conversion/flag-papua-new-guinea-rectangular.png"
3499             class="shadow-lg max-w-full h-8 border"
3500             loading="lazy"
3501        />
3502                                                                                        </div>
3503                                        <div class="flex-1 min-w-0">
3504                                            <a href="https://www.flags-and-anthems.com/flag-papua-new-guinea.html">
3505                                                <span class="absolute inset-0" aria-hidden="true"></span>
3506                                                <p class="text-sm font-medium text-gray-900">
3507                                                    Papua New Guinea
3508                                                </p>
3509                                                                                            </a>
3510                                        </div>
3511                                    </div>
3512                                </li>
3513                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3514                                    <div
3515                                        class="flex items-center space-x-3">
3516                                        <div class="shrink-0">
3517                                                                                            <img alt=" Paraguay"
3518             src="https://www.flags-and-anthems.com/media/426/conversion/flag-paraguay-rectangular.png"
3519             class="shadow-lg max-w-full h-8 border"
3520             loading="lazy"
3521        />
3522                                                                                        </div>
3523                                        <div class="flex-1 min-w-0">
3524                                            <a href="https://www.flags-and-anthems.com/flag-paraguay.html">
3525                                                <span class="absolute inset-0" aria-hidden="true"></span>
3526                                                <p class="text-sm font-medium text-gray-900">
3527                                                    Paraguay
3528                                                </p>
3529                                                                                            </a>
3530                                        </div>
3531                                    </div>
3532                                </li>
3533                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3534                                    <div
3535                                        class="flex items-center space-x-3">
3536                                        <div class="shrink-0">
3537                                                                                            <img alt=" Peru"
3538             src="https://www.flags-and-anthems.com/media/429/conversion/flag-peru-rectangular.png"
3539             class="shadow-lg max-w-full h-8 border"
3540             loading="lazy"
3541        />
3542                                                                                        </div>
3543                                        <div class="flex-1 min-w-0">
3544                                            <a href="https://www.flags-and-anthems.com/flag-peru.html">
3545                                                <span class="absolute inset-0" aria-hidden="true"></span>
3546                                                <p class="text-sm font-medium text-gray-900">
3547                                                    Peru
3548                                                </p>
3549                                                                                            </a>
3550                                        </div>
3551                                    </div>
3552                                </li>
3553                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3554                                    <div
3555                                        class="flex items-center space-x-3">
3556                                        <div class="shrink-0">
3557                                                                                            <img alt=" Philippines"
3558             src="https://www.flags-and-anthems.com/media/432/conversion/flag-philippines-rectangular.png"
3559             class="shadow-lg max-w-full h-8 border"
3560             loading="lazy"
3561        />
3562                                                                                        </div>
3563                                        <div class="flex-1 min-w-0">
3564                                            <a href="https://www.flags-and-anthems.com/flag-philippines.html">
3565                                                <span class="absolute inset-0" aria-hidden="true"></span>
3566                                                <p class="text-sm font-medium text-gray-900">
3567                                                    Philippines
3568                                                </p>
3569                                                                                            </a>
3570                                        </div>
3571                                    </div>
3572                                </li>
3573                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3574                                    <div
3575                                        class="flex items-center space-x-3">
3576                                        <div class="shrink-0">
3577                                                                                            <img alt=" Poland"
3578             src="https://www.flags-and-anthems.com/media/435/conversion/flag-poland-rectangular.png"
3579             class="shadow-lg max-w-full h-8 border"
3580             loading="lazy"
3581        />
3582                                                                                        </div>
3583                                        <div class="flex-1 min-w-0">
3584                                            <a href="https://www.flags-and-anthems.com/flag-poland.html">
3585                                                <span class="absolute inset-0" aria-hidden="true"></span>
3586                                                <p class="text-sm font-medium text-gray-900">
3587                                                    Poland
3588                                                </p>
3589                                                                                            </a>
3590                                        </div>
3591                                    </div>
3592                                </li>
3593                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3594                                    <div
3595                                        class="flex items-center space-x-3">
3596                                        <div class="shrink-0">
3597                                                                                            <img alt=" Portugal"
3598             src="https://www.flags-and-anthems.com/media/438/conversion/flag-portugal-rectangular.png"
3599             class="shadow-lg max-w-full h-8 border"
3600             loading="lazy"
3601        />
3602                                                                                        </div>
3603                                        <div class="flex-1 min-w-0">
3604                                            <a href="https://www.flags-and-anthems.com/flag-portugal.html">
3605                                                <span class="absolute inset-0" aria-hidden="true"></span>
3606                                                <p class="text-sm font-medium text-gray-900">
3607                                                    Portugal
3608                                                </p>
3609                                                                                            </a>
3610                                        </div>
3611                                    </div>
3612                                </li>
3613                                                                                </ul>
3614                    </div>
3615                                    <div class="relative" id="group-Q">
3616                        <div class="border-b-2 border-slate-300 px-6 pb-2 pt-16 mb-6">
3617                            <h3 class="text-3xl text-gray-800 font-medium">Q</h3>
3618                        </div>
3619                        <ul role="list" class="relative z-0 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-4">
3620                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3621                                    <div
3622                                        class="flex items-center space-x-3">
3623                                        <div class="shrink-0">
3624                                                                                            <img alt=" Qatar"
3625             src="https://www.flags-and-anthems.com/media/256/conversion/flag-qatar-rectangular.png"
3626             class="shadow-lg max-w-full h-8 border"
3627             loading="lazy"
3628        />
3629                                                                                        </div>
3630                                        <div class="flex-1 min-w-0">
3631                                            <a href="https://www.flags-and-anthems.com/flag-qatar.html">
3632                                                <span class="absolute inset-0" aria-hidden="true"></span>
3633                                                <p class="text-sm font-medium text-gray-900">
3634                                                    Qatar
3635                                                </p>
3636                                                                                            </a>
3637                                        </div>
3638                                    </div>
3639                                </li>
3640                                                                                </ul>
3641                    </div>
3642                                    <div class="relative" id="group-R">
3643                        <div class="border-b-2 border-slate-300 px-6 pb-2 pt-16 mb-6">
3644                            <h3 class="text-3xl text-gray-800 font-medium">R</h3>
3645                        </div>
3646                        <ul role="list" class="relative z-0 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-4">
3647                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3648                                    <div
3649                                        class="flex items-center space-x-3">
3650                                        <div class="shrink-0">
3651                                                                                            <img alt=" Romania"
3652             src="https://www.flags-and-anthems.com/media/444/conversion/flag-romania-rectangular.png"
3653             class="shadow-lg max-w-full h-8 border"
3654             loading="lazy"
3655        />
3656                                                                                        </div>
3657                                        <div class="flex-1 min-w-0">
3658                                            <a href="https://www.flags-and-anthems.com/flag-romania.html">
3659                                                <span class="absolute inset-0" aria-hidden="true"></span>
3660                                                <p class="text-sm font-medium text-gray-900">
3661                                                    Romania
3662                                                </p>
3663                                                                                            </a>
3664                                        </div>
3665                                    </div>
3666                                </li>
3667                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3668                                    <div
3669                                        class="flex items-center space-x-3">
3670                                        <div class="shrink-0">
3671                                                                                            <img alt=" Russia"
3672             src="https://www.flags-and-anthems.com/media/447/conversion/flag-russia-rectangular.png"
3673             class="shadow-lg max-w-full h-8 border"
3674             loading="lazy"
3675        />
3676                                                                                        </div>
3677                                        <div class="flex-1 min-w-0">
3678                                            <a href="https://www.flags-and-anthems.com/flag-russia.html">
3679                                                <span class="absolute inset-0" aria-hidden="true"></span>
3680                                                <p class="text-sm font-medium text-gray-900">
3681                                                    Russia
3682                                                </p>
3683                                                                                            </a>
3684                                        </div>
3685                                    </div>
3686                                </li>
3687                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3688                                    <div
3689                                        class="flex items-center space-x-3">
3690                                        <div class="shrink-0">
3691                                                                                            <img alt=" Rwanda"
3692             src="https://www.flags-and-anthems.com/media/441/conversion/flag-rwanda-rectangular.png"
3693             class="shadow-lg max-w-full h-8 border"
3694             loading="lazy"
3695        />
3696                                                                                        </div>
3697                                        <div class="flex-1 min-w-0">
3698                                            <a href="https://www.flags-and-anthems.com/flag-rwanda.html">
3699                                                <span class="absolute inset-0" aria-hidden="true"></span>
3700                                                <p class="text-sm font-medium text-gray-900">
3701                                                    Rwanda
3702                                                </p>
3703                                                                                            </a>
3704                                        </div>
3705                                    </div>
3706                                </li>
3707                                                                                </ul>
3708                    </div>
3709                                    <div class="relative" id="group-S">
3710                        <div class="border-b-2 border-slate-300 px-6 pb-2 pt-16 mb-6">
3711                            <h3 class="text-3xl text-gray-800 font-medium">S</h3>
3712                        </div>
3713                        <ul role="list" class="relative z-0 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-4">
3714                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3715                                    <div
3716                                        class="flex items-center space-x-3">
3717                                        <div class="shrink-0">
3718                                                                                            <img alt=" Saint Kitts and Nevis"
3719             src="https://www.flags-and-anthems.com/media/450/conversion/flag-saint-kitts-and-nevis-rectangular.png"
3720             class="shadow-lg max-w-full h-8 border"
3721             loading="lazy"
3722        />
3723                                                                                        </div>
3724                                        <div class="flex-1 min-w-0">
3725                                            <a href="https://www.flags-and-anthems.com/flag-st-kitts-and-nevis.html">
3726                                                <span class="absolute inset-0" aria-hidden="true"></span>
3727                                                <p class="text-sm font-medium text-gray-900">
3728                                                    Saint Kitts and Nevis
3729                                                </p>
3730                                                                                            </a>
3731                                        </div>
3732                                    </div>
3733                                </li>
3734                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3735                                    <div
3736                                        class="flex items-center space-x-3">
3737                                        <div class="shrink-0">
3738                                                                                            <img alt=" Saint Vincent and the Grenadines"
3739             src="https://www.flags-and-anthems.com/media/456/conversion/flag-saint-vincent-and-the-grenadines-rectangular.png"
3740             class="shadow-lg max-w-full h-8 border"
3741             loading="lazy"
3742        />
3743                                                                                        </div>
3744                                        <div class="flex-1 min-w-0">
3745                                            <a href="https://www.flags-and-anthems.com/flag-st-vincent-and-the-grenadines.html">
3746                                                <span class="absolute inset-0" aria-hidden="true"></span>
3747                                                <p class="text-sm font-medium text-gray-900">
3748                                                    Saint Vincent and the Grenadines
3749                                                </p>
3750                                                                                            </a>
3751                                        </div>
3752                                    </div>
3753                                </li>
3754                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3755                                    <div
3756                                        class="flex items-center space-x-3">
3757                                        <div class="shrink-0">
3758                                                                                            <img alt=" Samoa"
3759             src="https://www.flags-and-anthems.com/media/465/conversion/flag-samoa-rectangular.png"
3760             class="shadow-lg max-w-full h-8 border"
3761             loading="lazy"
3762        />
3763                                                                                        </div>
3764                                        <div class="flex-1 min-w-0">
3765                                            <a href="https://www.flags-and-anthems.com/flag-samoa.html">
3766                                                <span class="absolute inset-0" aria-hidden="true"></span>
3767                                                <p class="text-sm font-medium text-gray-900">
3768                                                    Samoa
3769                                                </p>
3770                                                                                            </a>
3771                                        </div>
3772                                    </div>
3773                                </li>
3774                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3775                                    <div
3776                                        class="flex items-center space-x-3">
3777                                        <div class="shrink-0">
3778                                                                                            <img alt=" San Marino"
3779             src="https://www.flags-and-anthems.com/media/468/conversion/flag-san-marino-rectangular.png"
3780             class="shadow-lg max-w-full h-8 border"
3781             loading="lazy"
3782        />
3783                                                                                        </div>
3784                                        <div class="flex-1 min-w-0">
3785                                            <a href="https://www.flags-and-anthems.com/flag-san-marino.html">
3786                                                <span class="absolute inset-0" aria-hidden="true"></span>
3787                                                <p class="text-sm font-medium text-gray-900">
3788                                                    San Marino
3789                                                </p>
3790                                                                                            </a>
3791                                        </div>
3792                                    </div>
3793                                </li>
3794                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3795                                    <div
3796                                        class="flex items-center space-x-3">
3797                                        <div class="shrink-0">
3798                                                                                            <img alt=" São Tomé and Príncipe"
3799             src="https://www.flags-and-anthems.com/media/471/conversion/flag-sao-tome-and-principe-rectangular.png"
3800             class="shadow-lg max-w-full h-8 border"
3801             loading="lazy"
3802        />
3803                                                                                        </div>
3804                                        <div class="flex-1 min-w-0">
3805                                            <a href="https://www.flags-and-anthems.com/flag-sao-tome-and-principe.html">
3806                                                <span class="absolute inset-0" aria-hidden="true"></span>
3807                                                <p class="text-sm font-medium text-gray-900">
3808                                                    São Tomé and Príncipe
3809                                                </p>
3810                                                                                            </a>
3811                                        </div>
3812                                    </div>
3813                                </li>
3814                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3815                                    <div
3816                                        class="flex items-center space-x-3">
3817                                        <div class="shrink-0">
3818                                                                                            <img alt=" Saudi Arabia"
3819             src="https://www.flags-and-anthems.com/media/474/conversion/flag-saudi-arabia-rectangular.png"
3820             class="shadow-lg max-w-full h-8 border"
3821             loading="lazy"
3822        />
3823                                                                                        </div>
3824                                        <div class="flex-1 min-w-0">
3825                                            <a href="https://www.flags-and-anthems.com/flag-saudi-arabia.html">
3826                                                <span class="absolute inset-0" aria-hidden="true"></span>
3827                                                <p class="text-sm font-medium text-gray-900">
3828                                                    Saudi Arabia
3829                                                </p>
3830                                                                                            </a>
3831                                        </div>
3832                                    </div>
3833                                </li>
3834                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3835                                    <div
3836                                        class="flex items-center space-x-3">
3837                                        <div class="shrink-0">
3838                                                                                            <img alt=" Senegal"
3839             src="https://www.flags-and-anthems.com/media/483/conversion/flag-senegal-rectangular.png"
3840             class="shadow-lg max-w-full h-8 border"
3841             loading="lazy"
3842        />
3843                                                                                        </div>
3844                                        <div class="flex-1 min-w-0">
3845                                            <a href="https://www.flags-and-anthems.com/flag-senegal.html">
3846                                                <span class="absolute inset-0" aria-hidden="true"></span>
3847                                                <p class="text-sm font-medium text-gray-900">
3848                                                    Senegal
3849                                                </p>
3850                                                                                            </a>
3851                                        </div>
3852                                    </div>
3853                                </li>
3854                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3855                                    <div
3856                                        class="flex items-center space-x-3">
3857                                        <div class="shrink-0">
3858                                                                                            <img alt=" Serbia"
3859             src="https://www.flags-and-anthems.com/media/486/conversion/flag-serbia-rectangular.png"
3860             class="shadow-lg max-w-full h-8 border"
3861             loading="lazy"
3862        />
3863                                                                                        </div>
3864                                        <div class="flex-1 min-w-0">
3865                                            <a href="https://www.flags-and-anthems.com/flag-serbia.html">
3866                                                <span class="absolute inset-0" aria-hidden="true"></span>
3867                                                <p class="text-sm font-medium text-gray-900">
3868                                                    Serbia
3869                                                </p>
3870                                                                                            </a>
3871                                        </div>
3872                                    </div>
3873                                </li>
3874                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3875                                    <div
3876                                        class="flex items-center space-x-3">
3877                                        <div class="shrink-0">
3878                                                                                            <img alt=" Seychelles"
3879             src="https://www.flags-and-anthems.com/media/489/conversion/flag-seychelles-rectangular.png"
3880             class="shadow-lg max-w-full h-8 border"
3881             loading="lazy"
3882        />
3883                                                                                        </div>
3884                                        <div class="flex-1 min-w-0">
3885                                            <a href="https://www.flags-and-anthems.com/flag-seychelles.html">
3886                                                <span class="absolute inset-0" aria-hidden="true"></span>
3887                                                <p class="text-sm font-medium text-gray-900">
3888                                                    Seychelles
3889                                                </p>
3890                                                                                            </a>
3891                                        </div>
3892                                    </div>
3893                                </li>
3894                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3895                                    <div
3896                                        class="flex items-center space-x-3">
3897                                        <div class="shrink-0">
3898                                                                                            <img alt=" Sierra Leone"
3899             src="https://www.flags-and-anthems.com/media/817/conversion/flag-sierra-leone-rectangular.png"
3900             class="shadow-lg max-w-full h-8 border"
3901             loading="lazy"
3902        />
3903                                                                                        </div>
3904                                        <div class="flex-1 min-w-0">
3905                                            <a href="https://www.flags-and-anthems.com/flag-sierra-leone.html">
3906                                                <span class="absolute inset-0" aria-hidden="true"></span>
3907                                                <p class="text-sm font-medium text-gray-900">
3908                                                    Sierra Leone
3909                                                </p>
3910                                                                                            </a>
3911                                        </div>
3912                                    </div>
3913                                </li>
3914                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3915                                    <div
3916                                        class="flex items-center space-x-3">
3917                                        <div class="shrink-0">
3918                                                                                            <img alt=" Singapore"
3919             src="https://www.flags-and-anthems.com/media/824/conversion/flag-singapore-rectangular.png"
3920             class="shadow-lg max-w-full h-8 border"
3921             loading="lazy"
3922        />
3923                                                                                        </div>
3924                                        <div class="flex-1 min-w-0">
3925                                            <a href="https://www.flags-and-anthems.com/flag-singapore.html">
3926                                                <span class="absolute inset-0" aria-hidden="true"></span>
3927                                                <p class="text-sm font-medium text-gray-900">
3928                                                    Singapore
3929                                                </p>
3930                                                                                            </a>
3931                                        </div>
3932                                    </div>
3933                                </li>
3934                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3935                                    <div
3936                                        class="flex items-center space-x-3">
3937                                        <div class="shrink-0">
3938                                                                                            <img alt=" Slovakia"
3939             src="https://www.flags-and-anthems.com/media/827/conversion/flag-slovakia-rectangular.png"
3940             class="shadow-lg max-w-full h-8 border"
3941             loading="lazy"
3942        />
3943                                                                                        </div>
3944                                        <div class="flex-1 min-w-0">
3945                                            <a href="https://www.flags-and-anthems.com/flag-slovakia.html">
3946                                                <span class="absolute inset-0" aria-hidden="true"></span>
3947                                                <p class="text-sm font-medium text-gray-900">
3948                                                    Slovakia
3949                                                </p>
3950                                                                                            </a>
3951                                        </div>
3952                                    </div>
3953                                </li>
3954                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3955                                    <div
3956                                        class="flex items-center space-x-3">
3957                                        <div class="shrink-0">
3958                                                                                            <img alt=" Slovenia"
3959             src="https://www.flags-and-anthems.com/media/830/conversion/flag-slovenia-rectangular.png"
3960             class="shadow-lg max-w-full h-8 border"
3961             loading="lazy"
3962        />
3963                                                                                        </div>
3964                                        <div class="flex-1 min-w-0">
3965                                            <a href="https://www.flags-and-anthems.com/flag-slovenia.html">
3966                                                <span class="absolute inset-0" aria-hidden="true"></span>
3967                                                <p class="text-sm font-medium text-gray-900">
3968                                                    Slovenia
3969                                                </p>
3970                                                                                            </a>
3971                                        </div>
3972                                    </div>
3973                                </li>
3974                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3975                                    <div
3976                                        class="flex items-center space-x-3">
3977                                        <div class="shrink-0">
3978                                                                                            <img alt=" Solomon Islands"
3979             src="https://www.flags-and-anthems.com/media/459/conversion/flag-solomon-islands-rectangular.png"
3980             class="shadow-lg max-w-full h-8 border"
3981             loading="lazy"
3982        />
3983                                                                                        </div>
3984                                        <div class="flex-1 min-w-0">
3985                                            <a href="https://www.flags-and-anthems.com/flag-salomon-islands.html">
3986                                                <span class="absolute inset-0" aria-hidden="true"></span>
3987                                                <p class="text-sm font-medium text-gray-900">
3988                                                    Solomon Islands
3989                                                </p>
3990                                                                                            </a>
3991                                        </div>
3992                                    </div>
3993                                </li>
3994                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
3995                                    <div
3996                                        class="flex items-center space-x-3">
3997                                        <div class="shrink-0">
3998                                                                                            <img alt=" Somalia"
3999             src="https://www.flags-and-anthems.com/media/833/conversion/flag-somalia-rectangular.png"
4000             class="shadow-lg max-w-full h-8 border"
4001             loading="lazy"
4002        />
4003                                                                                        </div>
4004                                        <div class="flex-1 min-w-0">
4005                                            <a href="https://www.flags-and-anthems.com/flag-somalia.html">
4006                                                <span class="absolute inset-0" aria-hidden="true"></span>
4007                                                <p class="text-sm font-medium text-gray-900">
4008                                                    Somalia
4009                                                </p>
4010                                                                                            </a>
4011                                        </div>
4012                                    </div>
4013                                </li>
4014                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4015                                    <div
4016                                        class="flex items-center space-x-3">
4017                                        <div class="shrink-0">
4018                                                                                            <img alt=" South Africa"
4019             src="https://www.flags-and-anthems.com/media/839/conversion/flag-south-africa-rectangular.png"
4020             class="shadow-lg max-w-full h-8 border"
4021             loading="lazy"
4022        />
4023                                                                                        </div>
4024                                        <div class="flex-1 min-w-0">
4025                                            <a href="https://www.flags-and-anthems.com/flag-south-africa.html">
4026                                                <span class="absolute inset-0" aria-hidden="true"></span>
4027                                                <p class="text-sm font-medium text-gray-900">
4028                                                    South Africa
4029                                                </p>
4030                                                                                            </a>
4031                                        </div>
4032                                    </div>
4033                                </li>
4034                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4035                                    <div
4036                                        class="flex items-center space-x-3">
4037                                        <div class="shrink-0">
4038                                                                                            <img alt=" South Korea"
4039             src="https://www.flags-and-anthems.com/media/283/conversion/flag-south-korea-rectangular.png"
4040             class="shadow-lg max-w-full h-8 border"
4041             loading="lazy"
4042        />
4043                                                                                        </div>
4044                                        <div class="flex-1 min-w-0">
4045                                            <a href="https://www.flags-and-anthems.com/flag-south-korea.html">
4046                                                <span class="absolute inset-0" aria-hidden="true"></span>
4047                                                <p class="text-sm font-medium text-gray-900">
4048                                                    South Korea
4049                                                </p>
4050                                                                                            </a>
4051                                        </div>
4052                                    </div>
4053                                </li>
4054                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4055                                    <div
4056                                        class="flex items-center space-x-3">
4057                                        <div class="shrink-0">
4058                                                                                            <img alt=" South Sudan"
4059             src="https://www.flags-and-anthems.com/media/845/conversion/flag-south-sudan-rectangular.png"
4060             class="shadow-lg max-w-full h-8 border"
4061             loading="lazy"
4062        />
4063                                                                                        </div>
4064                                        <div class="flex-1 min-w-0">
4065                                            <a href="https://www.flags-and-anthems.com/flag-south-sudan.html">
4066                                                <span class="absolute inset-0" aria-hidden="true"></span>
4067                                                <p class="text-sm font-medium text-gray-900">
4068                                                    South Sudan
4069                                                </p>
4070                                                                                            </a>
4071                                        </div>
4072                                    </div>
4073                                </li>
4074                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4075                                    <div
4076                                        class="flex items-center space-x-3">
4077                                        <div class="shrink-0">
4078                                                                                            <img alt=" Spain"
4079             src="https://www.flags-and-anthems.com/media/36/conversion/flag-spain-rectangular.png"
4080             class="shadow-lg max-w-full h-8 border"
4081             loading="lazy"
4082        />
4083                                                                                        </div>
4084                                        <div class="flex-1 min-w-0">
4085                                            <a href="https://www.flags-and-anthems.com/flag-spain.html">
4086                                                <span class="absolute inset-0" aria-hidden="true"></span>
4087                                                <p class="text-sm font-medium text-gray-900">
4088                                                    Spain
4089                                                </p>
4090                                                                                            </a>
4091                                        </div>
4092                                    </div>
4093                                </li>
4094                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4095                                    <div
4096                                        class="flex items-center space-x-3">
4097                                        <div class="shrink-0">
4098                                                                                            <img alt=" Sri Lanka"
4099             src="https://www.flags-and-anthems.com/media/836/conversion/flag-sri-lanka-rectangular.png"
4100             class="shadow-lg max-w-full h-8 border"
4101             loading="lazy"
4102        />
4103                                                                                        </div>
4104                                        <div class="flex-1 min-w-0">
4105                                            <a href="https://www.flags-and-anthems.com/flag-sri-lanka.html">
4106                                                <span class="absolute inset-0" aria-hidden="true"></span>
4107                                                <p class="text-sm font-medium text-gray-900">
4108                                                    Sri Lanka
4109                                                </p>
4110                                                                                            </a>
4111                                        </div>
4112                                    </div>
4113                                </li>
4114                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4115                                    <div
4116                                        class="flex items-center space-x-3">
4117                                        <div class="shrink-0">
4118                                                                                            <img alt=" St. Lucia"
4119             src="https://www.flags-and-anthems.com/media/453/conversion/flag-st-lucia-rectangular.png"
4120             class="shadow-lg max-w-full h-8 border"
4121             loading="lazy"
4122        />
4123                                                                                        </div>
4124                                        <div class="flex-1 min-w-0">
4125                                            <a href="https://www.flags-and-anthems.com/flag-st-lucia.html">
4126                                                <span class="absolute inset-0" aria-hidden="true"></span>
4127                                                <p class="text-sm font-medium text-gray-900">
4128                                                    St. Lucia
4129                                                </p>
4130                                                                                            </a>
4131                                        </div>
4132                                    </div>
4133                                </li>
4134                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4135                                    <div
4136                                        class="flex items-center space-x-3">
4137                                        <div class="shrink-0">
4138                                                                                            <img alt=" Sudan"
4139             src="https://www.flags-and-anthems.com/media/842/conversion/flag-sudan-rectangular.png"
4140             class="shadow-lg max-w-full h-8 border"
4141             loading="lazy"
4142        />
4143                                                                                        </div>
4144                                        <div class="flex-1 min-w-0">
4145                                            <a href="https://www.flags-and-anthems.com/flag-sudan.html">
4146                                                <span class="absolute inset-0" aria-hidden="true"></span>
4147                                                <p class="text-sm font-medium text-gray-900">
4148                                                    Sudan
4149                                                </p>
4150                                                                                            </a>
4151                                        </div>
4152                                    </div>
4153                                </li>
4154                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4155                                    <div
4156                                        class="flex items-center space-x-3">
4157                                        <div class="shrink-0">
4158                                                                                            <img alt=" Suriname"
4159             src="https://www.flags-and-anthems.com/media/848/conversion/flag-suriname-rectangular.png"
4160             class="shadow-lg max-w-full h-8 border"
4161             loading="lazy"
4162        />
4163                                                                                        </div>
4164                                        <div class="flex-1 min-w-0">
4165                                            <a href="https://www.flags-and-anthems.com/flag-suriname.html">
4166                                                <span class="absolute inset-0" aria-hidden="true"></span>
4167                                                <p class="text-sm font-medium text-gray-900">
4168                                                    Suriname
4169                                                </p>
4170                                                                                            </a>
4171                                        </div>
4172                                    </div>
4173                                </li>
4174                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4175                                    <div
4176                                        class="flex items-center space-x-3">
4177                                        <div class="shrink-0">
4178                                                                                            <img alt="Swaziland"
4179             src="https://cdn.jsdelivr.net/gh/hjnilsson/country-flags@latest/svg/sz.svg"
4180             class="shadow-lg max-w-full h-8 border"
4181             loading="lazy"
4182        />
4183                                                                                        </div>
4184                                        <div class="flex-1 min-w-0">
4185                                            <a href="https://www.flags-and-anthems.com/flag-swaziland.html">
4186                                                <span class="absolute inset-0" aria-hidden="true"></span>
4187                                                <p class="text-sm font-medium text-gray-900">
4188                                                    Swaziland
4189                                                </p>
4190                                                                                            </a>
4191                                        </div>
4192                                    </div>
4193                                </li>
4194                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4195                                    <div
4196                                        class="flex items-center space-x-3">
4197                                        <div class="shrink-0">
4198                                                                                            <img alt=" Sweden"
4199             src="https://www.flags-and-anthems.com/media/477/conversion/flag-sweden-rectangular.png"
4200             class="shadow-lg max-w-full h-8 border"
4201             loading="lazy"
4202        />
4203                                                                                        </div>
4204                                        <div class="flex-1 min-w-0">
4205                                            <a href="https://www.flags-and-anthems.com/flag-sweden.html">
4206                                                <span class="absolute inset-0" aria-hidden="true"></span>
4207                                                <p class="text-sm font-medium text-gray-900">
4208                                                    Sweden
4209                                                </p>
4210                                                                                            </a>
4211                                        </div>
4212                                    </div>
4213                                </li>
4214                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4215                                    <div
4216                                        class="flex items-center space-x-3">
4217                                        <div class="shrink-0">
4218                                                                                            <img alt=" Switzerland"
4219             src="https://www.flags-and-anthems.com/media/480/conversion/flag-switzerland-rectangular.png"
4220             class="shadow-lg max-w-full h-8 border"
4221             loading="lazy"
4222        />
4223                                                                                        </div>
4224                                        <div class="flex-1 min-w-0">
4225                                            <a href="https://www.flags-and-anthems.com/flag-switzerland.html">
4226                                                <span class="absolute inset-0" aria-hidden="true"></span>
4227                                                <p class="text-sm font-medium text-gray-900">
4228                                                    Switzerland
4229                                                </p>
4230                                                                                            </a>
4231                                        </div>
4232                                    </div>
4233                                </li>
4234                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4235                                    <div
4236                                        class="flex items-center space-x-3">
4237                                        <div class="shrink-0">
4238                                                                                            <img alt=" Syria"
4239             src="https://www.flags-and-anthems.com/media/851/conversion/flag-syria-rectangular.png"
4240             class="shadow-lg max-w-full h-8 border"
4241             loading="lazy"
4242        />
4243                                                                                        </div>
4244                                        <div class="flex-1 min-w-0">
4245                                            <a href="https://www.flags-and-anthems.com/flag-syria.html">
4246                                                <span class="absolute inset-0" aria-hidden="true"></span>
4247                                                <p class="text-sm font-medium text-gray-900">
4248                                                    Syria
4249                                                </p>
4250                                                                                            </a>
4251                                        </div>
4252                                    </div>
4253                                </li>
4254                                                                                </ul>
4255                    </div>
4256                                    <div class="relative" id="group-T">
4257                        <div class="border-b-2 border-slate-300 px-6 pb-2 pt-16 mb-6">
4258                            <h3 class="text-3xl text-gray-800 font-medium">T</h3>
4259                        </div>
4260                        <ul role="list" class="relative z-0 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-4">
4261                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4262                                    <div
4263                                        class="flex items-center space-x-3">
4264                                        <div class="shrink-0">
4265                                                                                            <img alt=" Tajikistan"
4266             src="https://www.flags-and-anthems.com/media/854/conversion/flag-tajikistan-rectangular.png"
4267             class="shadow-lg max-w-full h-8 border"
4268             loading="lazy"
4269        />
4270                                                                                        </div>
4271                                        <div class="flex-1 min-w-0">
4272                                            <a href="https://www.flags-and-anthems.com/flag-tajikistan.html">
4273                                                <span class="absolute inset-0" aria-hidden="true"></span>
4274                                                <p class="text-sm font-medium text-gray-900">
4275                                                    Tajikistan
4276                                                </p>
4277                                                                                            </a>
4278                                        </div>
4279                                    </div>
4280                                </li>
4281                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4282                                    <div
4283                                        class="flex items-center space-x-3">
4284                                        <div class="shrink-0">
4285                                                                                            <img alt=" Tanzania"
4286             src="https://www.flags-and-anthems.com/media/857/conversion/flag-tanzania-rectangular.png"
4287             class="shadow-lg max-w-full h-8 border"
4288             loading="lazy"
4289        />
4290                                                                                        </div>
4291                                        <div class="flex-1 min-w-0">
4292                                            <a href="https://www.flags-and-anthems.com/flag-tanzania.html">
4293                                                <span class="absolute inset-0" aria-hidden="true"></span>
4294                                                <p class="text-sm font-medium text-gray-900">
4295                                                    Tanzania
4296                                                </p>
4297                                                                                            </a>
4298                                        </div>
4299                                    </div>
4300                                </li>
4301                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4302                                    <div
4303                                        class="flex items-center space-x-3">
4304                                        <div class="shrink-0">
4305                                                                                            <img alt=" Thailand"
4306             src="https://www.flags-and-anthems.com/media/860/conversion/flag-thailand-rectangular.png"
4307             class="shadow-lg max-w-full h-8 border"
4308             loading="lazy"
4309        />
4310                                                                                        </div>
4311                                        <div class="flex-1 min-w-0">
4312                                            <a href="https://www.flags-and-anthems.com/flag-thailand.html">
4313                                                <span class="absolute inset-0" aria-hidden="true"></span>
4314                                                <p class="text-sm font-medium text-gray-900">
4315                                                    Thailand
4316                                                </p>
4317                                                                                            </a>
4318                                        </div>
4319                                    </div>
4320                                </li>
4321                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4322                                    <div
4323                                        class="flex items-center space-x-3">
4324                                        <div class="shrink-0">
4325                                                                                            <svg aria-hidden="true"
4326             focusable="false"
4327             data-prefix="fad"
4328             data-icon="flag"
4329             class="w-8 h-8"
4330             role="img"
4331             xmlns="http://www.w3.org/2000/svg"
4332             viewBox="0 0 512 512"
4333        >
4334            <g class="fa-group">
4335                <path class="fa-secondary"
4336                      fill="currentColor"
4337                      d="M512 91.33v277c0 11.31-7.1 21.88-18.5 26.47C317.7 465 281.7 331.25 96 416V102a56.57 56.57 0 0 0 14.64-15c194.19-74.48 184.75 58.25 352-20.08C485.2 56.31 512 68.26 512 91.33z"
4338                      opacity="0.4"
4339                ></path>
4340                <path class="fa-primary"
4341                      fill="currentColor"
4342                      d="M120 56a55.93 55.93 0 0 1-24 46v388a22 22 0 0 1-22 22H54a22 22 0 0 1-22-22V102a56 56 0 1 1 88-46z"
4343                ></path>
4344            </g>
4345        </svg>
4346                                                                                        </div>
4347                                        <div class="flex-1 min-w-0">
4348                                            <a href="https://www.flags-and-anthems.com/flag-tibet.html">
4349                                                <span class="absolute inset-0" aria-hidden="true"></span>
4350                                                <p class="text-sm font-medium text-gray-900">
4351                                                    Tibet
4352                                                </p>
4353                                                                                            </a>
4354                                        </div>
4355                                    </div>
4356                                </li>
4357                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4358                                    <div
4359                                        class="flex items-center space-x-3">
4360                                        <div class="shrink-0">
4361                                                                                            <img alt=" Togo"
4362             src="https://www.flags-and-anthems.com/media/863/conversion/flag-togo-rectangular.png"
4363             class="shadow-lg max-w-full h-8 border"
4364             loading="lazy"
4365        />
4366                                                                                        </div>
4367                                        <div class="flex-1 min-w-0">
4368                                            <a href="https://www.flags-and-anthems.com/flag-togo.html">
4369                                                <span class="absolute inset-0" aria-hidden="true"></span>
4370                                                <p class="text-sm font-medium text-gray-900">
4371                                                    Togo
4372                                                </p>
4373                                                                                            </a>
4374                                        </div>
4375                                    </div>
4376                                </li>
4377                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4378                                    <div
4379                                        class="flex items-center space-x-3">
4380                                        <div class="shrink-0">
4381                                                                                            <img alt=" Tonga"
4382             src="https://www.flags-and-anthems.com/media/866/conversion/flag-tonga-rectangular.png"
4383             class="shadow-lg max-w-full h-8 border"
4384             loading="lazy"
4385        />
4386                                                                                        </div>
4387                                        <div class="flex-1 min-w-0">
4388                                            <a href="https://www.flags-and-anthems.com/flag-tonga.html">
4389                                                <span class="absolute inset-0" aria-hidden="true"></span>
4390                                                <p class="text-sm font-medium text-gray-900">
4391                                                    Tonga
4392                                                </p>
4393                                                                                            </a>
4394                                        </div>
4395                                    </div>
4396                                </li>
4397                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4398                                    <div
4399                                        class="flex items-center space-x-3">
4400                                        <div class="shrink-0">
4401                                                                                            <img alt=" Trinidad and Tobago"
4402             src="https://www.flags-and-anthems.com/media/869/conversion/flag-trinidad-and-tobago-rectangular.png"
4403             class="shadow-lg max-w-full h-8 border"
4404             loading="lazy"
4405        />
4406                                                                                        </div>
4407                                        <div class="flex-1 min-w-0">
4408                                            <a href="https://www.flags-and-anthems.com/flag-trinidad-and-tobago.html">
4409                                                <span class="absolute inset-0" aria-hidden="true"></span>
4410                                                <p class="text-sm font-medium text-gray-900">
4411                                                    Trinidad and Tobago
4412                                                </p>
4413                                                                                            </a>
4414                                        </div>
4415                                    </div>
4416                                </li>
4417                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4418                                    <div
4419                                        class="flex items-center space-x-3">
4420                                        <div class="shrink-0">
4421                                                                                            <img alt=" Tunisia"
4422             src="https://www.flags-and-anthems.com/media/878/conversion/flag-tunisia-rectangular.png"
4423             class="shadow-lg max-w-full h-8 border"
4424             loading="lazy"
4425        />
4426                                                                                        </div>
4427                                        <div class="flex-1 min-w-0">
4428                                            <a href="https://www.flags-and-anthems.com/flag-tunisia.html">
4429                                                <span class="absolute inset-0" aria-hidden="true"></span>
4430                                                <p class="text-sm font-medium text-gray-900">
4431                                                    Tunisia
4432                                                </p>
4433                                                                                            </a>
4434                                        </div>
4435                                    </div>
4436                                </li>
4437                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4438                                    <div
4439                                        class="flex items-center space-x-3">
4440                                        <div class="shrink-0">
4441                                                                                            <img alt=" Turkey"
4442             src="https://www.flags-and-anthems.com/media/881/conversion/flag-turkey-rectangular.png"
4443             class="shadow-lg max-w-full h-8 border"
4444             loading="lazy"
4445        />
4446                                                                                        </div>
4447                                        <div class="flex-1 min-w-0">
4448                                            <a href="https://www.flags-and-anthems.com/flag-turkey.html">
4449                                                <span class="absolute inset-0" aria-hidden="true"></span>
4450                                                <p class="text-sm font-medium text-gray-900">
4451                                                    Turkey
4452                                                </p>
4453                                                                                            </a>
4454                                        </div>
4455                                    </div>
4456                                </li>
4457                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4458                                    <div
4459                                        class="flex items-center space-x-3">
4460                                        <div class="shrink-0">
4461                                                                                            <img alt=" Turkish Republic Northern Cyprus"
4462             src="https://www.flags-and-anthems.com/media/884/conversion/flag-turkish-republic-northern-cyprus-rectangular.png"
4463             class="shadow-lg max-w-full h-8 border"
4464             loading="lazy"
4465        />
4466                                                                                        </div>
4467                                        <div class="flex-1 min-w-0">
4468                                            <a href="https://www.flags-and-anthems.com/flag-turkish-republic-northern-cyprus.html">
4469                                                <span class="absolute inset-0" aria-hidden="true"></span>
4470                                                <p class="text-sm font-medium text-gray-900">
4471                                                    Turkish Republic Northern Cyprus
4472                                                </p>
4473                                                                                            </a>
4474                                        </div>
4475                                    </div>
4476                                </li>
4477                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4478                                    <div
4479                                        class="flex items-center space-x-3">
4480                                        <div class="shrink-0">
4481                                                                                            <img alt=" Turkmenistan"
4482             src="https://www.flags-and-anthems.com/media/887/conversion/flag-turkmenistan-rectangular.png"
4483             class="shadow-lg max-w-full h-8 border"
4484             loading="lazy"
4485        />
4486                                                                                        </div>
4487                                        <div class="flex-1 min-w-0">
4488                                            <a href="https://www.flags-and-anthems.com/flag-turkmenistan.html">
4489                                                <span class="absolute inset-0" aria-hidden="true"></span>
4490                                                <p class="text-sm font-medium text-gray-900">
4491                                                    Turkmenistan
4492                                                </p>
4493                                                                                            </a>
4494                                        </div>
4495                                    </div>
4496                                </li>
4497                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4498                                    <div
4499                                        class="flex items-center space-x-3">
4500                                        <div class="shrink-0">
4501                                                                                            <img alt=" Tuvalu"
4502             src="https://www.flags-and-anthems.com/media/889/conversion/flag-tuvalu-rectangular.png"
4503             class="shadow-lg max-w-full h-8 border"
4504             loading="lazy"
4505        />
4506                                                                                        </div>
4507                                        <div class="flex-1 min-w-0">
4508                                            <a href="https://www.flags-and-anthems.com/flag-tuvalu.html">
4509                                                <span class="absolute inset-0" aria-hidden="true"></span>
4510                                                <p class="text-sm font-medium text-gray-900">
4511                                                    Tuvalu
4512                                                </p>
4513                                                                                            </a>
4514                                        </div>
4515                                    </div>
4516                                </li>
4517                                                                                </ul>
4518                    </div>
4519                                    <div class="relative" id="group-U">
4520                        <div class="border-b-2 border-slate-300 px-6 pb-2 pt-16 mb-6">
4521                            <h3 class="text-3xl text-gray-800 font-medium">U</h3>
4522                        </div>
4523                        <ul role="list" class="relative z-0 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-4">
4524                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4525                                    <div
4526                                        class="flex items-center space-x-3">
4527                                        <div class="shrink-0">
4528                                                                                            <img alt=" Uganda"
4529             src="https://www.flags-and-anthems.com/media/892/conversion/flag-uganda-rectangular.png"
4530             class="shadow-lg max-w-full h-8 border"
4531             loading="lazy"
4532        />
4533                                                                                        </div>
4534                                        <div class="flex-1 min-w-0">
4535                                            <a href="https://www.flags-and-anthems.com/flag-uganda.html">
4536                                                <span class="absolute inset-0" aria-hidden="true"></span>
4537                                                <p class="text-sm font-medium text-gray-900">
4538                                                    Uganda
4539                                                </p>
4540                                                                                            </a>
4541                                        </div>
4542                                    </div>
4543                                </li>
4544                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4545                                    <div
4546                                        class="flex items-center space-x-3">
4547                                        <div class="shrink-0">
4548                                                                                            <img alt=" Ukraine"
4549             src="https://www.flags-and-anthems.com/media/895/conversion/flag-ukraine-rectangular.png"
4550             class="shadow-lg max-w-full h-8 border"
4551             loading="lazy"
4552        />
4553                                                                                        </div>
4554                                        <div class="flex-1 min-w-0">
4555                                            <a href="https://www.flags-and-anthems.com/flag-ukraine.html">
4556                                                <span class="absolute inset-0" aria-hidden="true"></span>
4557                                                <p class="text-sm font-medium text-gray-900">
4558                                                    Ukraine
4559                                                </p>
4560                                                                                            </a>
4561                                        </div>
4562                                    </div>
4563                                </li>
4564                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4565                                    <div
4566                                        class="flex items-center space-x-3">
4567                                        <div class="shrink-0">
4568                                                                                            <img alt=" United Arab Emirates"
4569             src="https://www.flags-and-anthems.com/media/916/conversion/flag-united-arab-emirates-rectangular.png"
4570             class="shadow-lg max-w-full h-8 border"
4571             loading="lazy"
4572        />
4573                                                                                        </div>
4574                                        <div class="flex-1 min-w-0">
4575                                            <a href="https://www.flags-and-anthems.com/flag-united-arab-emirates.html">
4576                                                <span class="absolute inset-0" aria-hidden="true"></span>
4577                                                <p class="text-sm font-medium text-gray-900">
4578                                                    United Arab Emirates
4579                                                </p>
4580                                                                                            </a>
4581                                        </div>
4582                                    </div>
4583                                </li>
4584                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4585                                    <div
4586                                        class="flex items-center space-x-3">
4587                                        <div class="shrink-0">
4588                                                                                            <img alt=" United States of America (USA)"
4589             src="https://www.flags-and-anthems.com/media/919/conversion/flag-united-states-of-america-usa-rectangular.png"
4590             class="shadow-lg max-w-full h-8 border"
4591             loading="lazy"
4592        />
4593                                                                                        </div>
4594                                        <div class="flex-1 min-w-0">
4595                                            <a href="https://www.flags-and-anthems.com/flag-united-states-of-america-usa.html">
4596                                                <span class="absolute inset-0" aria-hidden="true"></span>
4597                                                <p class="text-sm font-medium text-gray-900">
4598                                                    United States of America (USA)
4599                                                </p>
4600                                                                                            </a>
4601                                        </div>
4602                                    </div>
4603                                </li>
4604                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4605                                    <div
4606                                        class="flex items-center space-x-3">
4607                                        <div class="shrink-0">
4608                                                                                            <img alt=" Uruguay"
4609             src="https://www.flags-and-anthems.com/media/901/conversion/flag-uruguay-rectangular.png"
4610             class="shadow-lg max-w-full h-8 border"
4611             loading="lazy"
4612        />
4613                                                                                        </div>
4614                                        <div class="flex-1 min-w-0">
4615                                            <a href="https://www.flags-and-anthems.com/flag-uruguay.html">
4616                                                <span class="absolute inset-0" aria-hidden="true"></span>
4617                                                <p class="text-sm font-medium text-gray-900">
4618                                                    Uruguay
4619                                                </p>
4620                                                                                            </a>
4621                                        </div>
4622                                    </div>
4623                                </li>
4624                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4625                                    <div
4626                                        class="flex items-center space-x-3">
4627                                        <div class="shrink-0">
4628                                                                                            <img alt=" Uzbekistan"
4629             src="https://www.flags-and-anthems.com/media/904/conversion/flag-uzbekistan-rectangular.png"
4630             class="shadow-lg max-w-full h-8 border"
4631             loading="lazy"
4632        />
4633                                                                                        </div>
4634                                        <div class="flex-1 min-w-0">
4635                                            <a href="https://www.flags-and-anthems.com/flag-uzbekistan.html">
4636                                                <span class="absolute inset-0" aria-hidden="true"></span>
4637                                                <p class="text-sm font-medium text-gray-900">
4638                                                    Uzbekistan
4639                                                </p>
4640                                                                                            </a>
4641                                        </div>
4642                                    </div>
4643                                </li>
4644                                                                                </ul>
4645                    </div>
4646                                    <div class="relative" id="group-V">
4647                        <div class="border-b-2 border-slate-300 px-6 pb-2 pt-16 mb-6">
4648                            <h3 class="text-3xl text-gray-800 font-medium">V</h3>
4649                        </div>
4650                        <ul role="list" class="relative z-0 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-4">
4651                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4652                                    <div
4653                                        class="flex items-center space-x-3">
4654                                        <div class="shrink-0">
4655                                                                                            <img alt=" Vanuatu"
4656             src="https://www.flags-and-anthems.com/media/907/conversion/flag-vanuatu-rectangular.png"
4657             class="shadow-lg max-w-full h-8 border"
4658             loading="lazy"
4659        />
4660                                                                                        </div>
4661                                        <div class="flex-1 min-w-0">
4662                                            <a href="https://www.flags-and-anthems.com/flag-vanuatu.html">
4663                                                <span class="absolute inset-0" aria-hidden="true"></span>
4664                                                <p class="text-sm font-medium text-gray-900">
4665                                                    Vanuatu
4666                                                </p>
4667                                                                                            </a>
4668                                        </div>
4669                                    </div>
4670                                </li>
4671                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4672                                    <div
4673                                        class="flex items-center space-x-3">
4674                                        <div class="shrink-0">
4675                                                                                            <img alt=" Vatican City / Vatican City State"
4676             src="https://www.flags-and-anthems.com/media/910/conversion/flag-vatican-city-vatican-city-state-rectangular.png"
4677             class="shadow-lg max-w-full h-8 border"
4678             loading="lazy"
4679        />
4680                                                                                        </div>
4681                                        <div class="flex-1 min-w-0">
4682                                            <a href="https://www.flags-and-anthems.com/flag-vatican-city-vatican-state.html">
4683                                                <span class="absolute inset-0" aria-hidden="true"></span>
4684                                                <p class="text-sm font-medium text-gray-900">
4685                                                    Vatican City / Vatican City State
4686                                                </p>
4687                                                                                            </a>
4688                                        </div>
4689                                    </div>
4690                                </li>
4691                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4692                                    <div
4693                                        class="flex items-center space-x-3">
4694                                        <div class="shrink-0">
4695                                                                                            <img alt=" Venezuela"
4696             src="https://www.flags-and-anthems.com/media/913/conversion/flag-venezuela-rectangular.png"
4697             class="shadow-lg max-w-full h-8 border"
4698             loading="lazy"
4699        />
4700                                                                                        </div>
4701                                        <div class="flex-1 min-w-0">
4702                                            <a href="https://www.flags-and-anthems.com/flag-venezuela.html">
4703                                                <span class="absolute inset-0" aria-hidden="true"></span>
4704                                                <p class="text-sm font-medium text-gray-900">
4705                                                    Venezuela
4706                                                </p>
4707                                                                                            </a>
4708                                        </div>
4709                                    </div>
4710                                </li>
4711                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4712                                    <div
4713                                        class="flex items-center space-x-3">
4714                                        <div class="shrink-0">
4715                                                                                            <img alt=" Vietnam"
4716             src="https://www.flags-and-anthems.com/media/922/conversion/flag-vietnam-rectangular.png"
4717             class="shadow-lg max-w-full h-8 border"
4718             loading="lazy"
4719        />
4720                                                                                        </div>
4721                                        <div class="flex-1 min-w-0">
4722                                            <a href="https://www.flags-and-anthems.com/flag-vietnam.html">
4723                                                <span class="absolute inset-0" aria-hidden="true"></span>
4724                                                <p class="text-sm font-medium text-gray-900">
4725                                                    Vietnam
4726                                                </p>
4727                                                                                            </a>
4728                                        </div>
4729                                    </div>
4730                                </li>
4731                                                                                </ul>
4732                    </div>
4733                                    <div class="relative" id="group-Y">
4734                        <div class="border-b-2 border-slate-300 px-6 pb-2 pt-16 mb-6">
4735                            <h3 class="text-3xl text-gray-800 font-medium">Y</h3>
4736                        </div>
4737                        <ul role="list" class="relative z-0 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-4">
4738                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4739                                    <div
4740                                        class="flex items-center space-x-3">
4741                                        <div class="shrink-0">
4742                                                                                            <img alt=" Yemen"
4743             src="https://www.flags-and-anthems.com/media/237/conversion/flag-yemen-rectangular.png"
4744             class="shadow-lg max-w-full h-8 border"
4745             loading="lazy"
4746        />
4747                                                                                        </div>
4748                                        <div class="flex-1 min-w-0">
4749                                            <a href="https://www.flags-and-anthems.com/flag-yemen.html">
4750                                                <span class="absolute inset-0" aria-hidden="true"></span>
4751                                                <p class="text-sm font-medium text-gray-900">
4752                                                    Yemen
4753                                                </p>
4754                                                                                            </a>
4755                                        </div>
4756                                    </div>
4757                                </li>
4758                                                                                </ul>
4759                    </div>
4760                                    <div class="relative" id="group-Z">
4761                        <div class="border-b-2 border-slate-300 px-6 pb-2 pt-16 mb-6">
4762                            <h3 class="text-3xl text-gray-800 font-medium">Z</h3>
4763                        </div>
4764                        <ul role="list" class="relative z-0 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 gap-4">
4765                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4766                                    <div
4767                                        class="flex items-center space-x-3">
4768                                        <div class="shrink-0">
4769                                                                                            <img alt=" Zambia"
4770             src="https://www.flags-and-anthems.com/media/462/conversion/flag-zambia-rectangular.png"
4771             class="shadow-lg max-w-full h-8 border"
4772             loading="lazy"
4773        />
4774                                                                                        </div>
4775                                        <div class="flex-1 min-w-0">
4776                                            <a href="https://www.flags-and-anthems.com/flag-zambia.html">
4777                                                <span class="absolute inset-0" aria-hidden="true"></span>
4778                                                <p class="text-sm font-medium text-gray-900">
4779                                                    Zambia
4780                                                </p>
4781                                                                                            </a>
4782                                        </div>
4783                                    </div>
4784                                </li>
4785                                                                                            <li class="relative bg-white border border-slate-300 p-4 rounded-lg flex items-center">
4786                                    <div
4787                                        class="flex items-center space-x-3">
4788                                        <div class="shrink-0">
4789                                                                                            <img alt=" Zimbabwe"
4790             src="https://www.flags-and-anthems.com/media/820/conversion/flag-zimbabwe-rectangular.png"
4791             class="shadow-lg max-w-full h-8 border"
4792             loading="lazy"
4793        />
4794                                                                                        </div>
4795                                        <div class="flex-1 min-w-0">
4796                                            <a href="https://www.flags-and-anthems.com/flag-zimbabwe.html">
4797                                                <span class="absolute inset-0" aria-hidden="true"></span>
4798                                                <p class="text-sm font-medium text-gray-900">
4799                                                    Zimbabwe
4800                                                </p>
4801                                                                                            </a>
4802                                        </div>
4803                                    </div>
4804                                </li>
4805                                                                                </ul>
4806                    </div>
4807                
4808            </nav>
4809        </div>
4810
4811
4812    </div>
4813
4814</section>
4815
4816    </main>
4817    <footer class="bg-gray-800" aria-labelledby="footer-heading">
4818    <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
4819        <div class="xl:grid xl:grid-cols-5 xl:gap-8">
4820            <div class="grid  grid-cols-2  gap-8 xl:col-span-4">
4821                <div class="md:grid md:grid-cols-2 md:gap-8" >
4822                    <div>
4823                        <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase  max-w-full block text-ellipsis overflow-hidden">
4824                            <a href="https://www.flags-and-anthems.com/flags/national">
4825                                National flags
4826                            </a>
4827                        </h3>
4828                        <ul role="list" class="mt-4 space-y-4">
4829                                                                                                <li>
4830                                        <a href="https://www.flags-and-anthems.com/flags/africa.html" class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden">
4831                                            Africa
4832                                        </a>
4833                                    </li>
4834                                                                    <li>
4835                                        <a href="https://www.flags-and-anthems.com/flags/asia.html" class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden">
4836                                            Asia
4837                                        </a>
4838                                    </li>
4839                                                                    <li>
4840                                        <a href="https://www.flags-and-anthems.com/flags/australia-and-oceania.html" class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden">
4841                                            Australia and Oceania
4842                                        </a>
4843                                    </li>
4844                                                                    <li>
4845                                        <a href="https://www.flags-and-anthems.com/flags/europe.html" class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden">
4846                                            Europe
4847                                        </a>
4848                                    </li>
4849                                                                    <li>
4850                                        <a href="https://www.flags-and-anthems.com/flags/north-america-central-america.html" class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden">
4851                                            North America, Central America
4852                                        </a>
4853                                    </li>
4854                                                                    <li>
4855                                        <a href="https://www.flags-and-anthems.com/flags/south-america.html" class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden">
4856                                            South America
4857                                        </a>
4858                                    </li>
4859                                                                                    </ul>
4860                    </div>
4861                    <div class="mt-12 md:mt-0">
4862                        <h3 class="text-sm font-semibold text-gray-400 tracking-wider up
4862percase  max-w-full block text-ellipsis overflow-hidden">
4863                            More flags
4864                        </h3>
4865                        <ul role="list" class="mt-4 space-y-4">
4866                            <li>
4867                                <a href="https://www.flags-and-anthems.com/flags/region" class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden">
4868                                    Federal states
4869                                </a>
4870                            </li>
4871
4872                            <li>
4873                                <a href="https://www.flags-and-anthems.com/flags/cities" class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden">
4874                                    Cities
4875                                </a>
4876                            </li>
4877
4878                            <li>
4879                                <a href="https://www.flags-and-anthems.com/flags/districts"
4880                                   class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden">
4881                                    Municipalities &amp; Towns
4882                                </a>
4883                            </li>
4884
4885                            <li>
4886                                <a href="https://www.flags-and-anthems.com/flags/organizations"
4887                                   class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden">
4888                                    Organizations
4889                                </a>
4890                            </li>
4891
4892                            <li>
4893                                <a href="https://www.flags-and-anthems.com/flags/historical"
4894                                   class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden">
4895                                    Historical flags
4896                                </a>
4897                            </li>
4898
4899                            <li>
4900                                <a href="https://www.flags-and-anthems.com/flags/sports" class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden">
4901                                    Sports flags
4902                                </a>
4903                            </li>
4904                        </ul>
4905                    </div>
4906                </div>
4907
4908                                    <div class="md:grid md:grid-cols-2 md:gap-8">
4909                                                    <div>
4910                                <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase  max-w-full block text-ellipsis overflow-hidden">
4911                                    Information
4912                                </h3>
4913                                <ul role="list"
4914                                    class="mt-4 space-y-4"
4915                                >
4916                                                                            <li>
4917                                            <a href="https://www.flags-and-anthems.com/vexillological-symbols.html"
4918                                               class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden"
4919                                            >
4920                                                Vexillological symbols
4921                                            </a>
4922                                        </li>
4923                                                                            <li>
4924                                            <a href="https://www.flags-and-anthems.com/football-world-cup-2022-flags-of-participating-countries.html"
4925                                               class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden"
4926                                            >
4927                                                Flags of all participants of the World Cup 2022
4928                                            </a>
4929                                        </li>
4930                                                                    </ul>
4931                            </div>
4932                                                                            <div class="mt-12 md:mt-0">
4933                                <h3 class="text-sm font-semibold text-gray-400 tracking-wider up
4933percase  max-w-full block text-ellipsis overflow-hidden">
4934                                    Legal
4935                                </h3>
4936                                <ul role="list"
4937                                    class="mt-4 space-y-4"
4938                                >
4939                                                                            <li>
4940                                            <a href="https://www.flags-and-anthems.com/imprint.html"
4941                                               class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden"
4942                                            >
4943                                                Imprint
4944                                            </a>
4945                                        </li>
4946                                                                            <li>
4947                                            <a href="https://www.flags-and-anthems.com/data-protection.html"
4948                                               class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden"
4949                                            >
4950                                                Privacy policy
4951                                            </a>
4952                                        </li>
4953                                                                        <li>
4954                                        <a href="#uc-corner-modal-show"
4955                                           class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden"
4956                                        >
4957                                            Cookie Settings
4958                                        </a>
4959                                    </li>
4960
4961                                </ul>
4962                            </div>
4963                                            </div>
4964                            </div>
4965            
4966                        <div class="mt-12 xl:mt-0">
4967                <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase  max-w-full block text-ellipsis overflow-hidden">
4968                    This page in other languages
4969                </h3>
4970                <ul role="list" class="mt-4 space-y-4">
4971                                                                                                                                                                            <li>
4972                                        <a href="https://www.nationalflaggen.de/flaggen/nationen"
4973                                           class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden"
4974                                           hreflang="de"
4975                                           title="German"
4976                                        >
4977                                            Nationalflaggen der Welt
4978                                        </a>
4979                                    </li>
4980                                                                                                                                                                                                                                                                        <li>
4981                                        <a href="https://www.banderas-e-himnos.com/banderas/naciones"
4982                                           class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden"
4983                                           hreflang="es"
4984                                           title="Spanish"
4985                                        >
4986                                            Banderas nacionales del mundo
4987                                        </a>
4988                                    </li>
4989                                                                                                                                                                                                                    <li>
4990                                        <a href="https://www.drapeaux-nationaux.fr/drapeaux/nationaux"
4991                                           class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden"
4992                                           hreflang="fr"
4993                                           title="French"
4994                                        >
4995                                            Drapeaux nationaux du monde
4996                                        </a>
4997                                    </li>
4998                                                                                                                                                                                                                    <li>
4999                                        <a href="https://www.bandiere-nazionali.com/bandiere/nazioni"
5000                                           class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden"
5001                                           hreflang="it"
5002                                           title="Italian"
5003                                        >
5004                                            Bandiere nazionali del mondo
5005                                        </a>
5006                                    </li>
5007                                                                                                                                                                                                                    <li>
5008                                        <a href="https://www.flagi-i-hymny.pl/flagi/nacje"
5009                                           class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden"
5010                                           hreflang="pl"
5011                                           title="Polish"
5012                                        >
5013                                            Flagi narodowe świata
5014                                        </a>
5015                                    </li>
5016                                                                                                                                                                                                                    <li>
5017                                        <a href="https://www.bandeiras-nacionais.pt/bandeiras/nacoes"
5018                                           class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden"
5019                                           hreflang="pt"
5020                                           title="Portuguese"
5021                                        >
5022                                            Bandeiras nacionais do mundo
5023                                        </a>
5024                                    </li>
5025                                                                                                                                                                                                                    <li>
5026                                        <a href="https://www.nationale-vlaggen.nl/vlaggen/naties"
5027                                           class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden"
5028                                           hreflang="nl"
5029                                           title="Dutch"
5030                                        >
5031                                            Nationale vlaggen van de wereld
5032                                        </a>
5033                                    </li>
5034                                                                                                                                                                                                                    <li>
5035                                        <a href="https://www.nationalflaggor.se/flaggor/nationer"
5036                                           class="text-base text-gray-300 hover:text-white  max-w-full inline-block text-ellipsis overflow-hidden"
5037                                           hreflang="sv"
5038                                           title="Swedish"
5039                                        >
5040                                            Världens nationalflaggor
5041                                        </a>
5042                                    </li>
5043                                                                                                                        </ul>
5044
5045                
5046                
5047                
5048                
5049                
5050                
5051                
5052                
5053                
5054                
5055                
5056                
5057                
5058                
5059                
5060                
5061                
5062                
5063                
5064
5065                
5066                
5067                
5068                
5069                
5070                
5071                
5072                
5073                
5074                
5075                
5076                
5077                
5078                
5079                
5080                
5081                
5082                
5083                
5084                
5085                
5086                
5087                
5088                
5089                
5090                
5091                
5092                
5093                
5094                
5095                
5096                
5097
5098                
5099            </div>
5100                    </div>
5101
5102    </div>
5103    <div x-data="search"
5104     @search.window="isOpen = true"
5105>
5106    <div x-show="isOpen"
5107         x-cloak
5108         class="fixed inset-0 z-100 overflow-y-auto p-4 sm:p-6 md:p-20"
5109         role="dialog" aria-modal="true"
5110    >
5111        <div x-transition:enter="ease-out duration-300"
5112             x-transition:enter-start="opacity-0"
5113             x-transition:enter-end="opacity-100"
5114             x-transition:leave="ease-in duration-200"
5115             x-transition:leave-start="opacity-100"
5116             x-transition:leave-end="opacity-0"
5117
5118             class="fixed inset-0 bg-black bg-opacity-50 transition-opacity"
5119             aria-hidden="true"
5120        ></div>
5121        <div x-show="isOpen"
5122             @click.outside="isOpen = false"
5123             x-transition:enter="ease-out duration-300"
5124             x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
5125             x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
5126             x-transition:leave="ease-in duration-200"
5127             x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
5128             x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
5129             class="flex flex-col mx-auto max-h-full max-w-xl transform overflow-hidden rounded-xl bg-white shadow-2xl ring-1 ring-black ring-opacity-5 transition-all"
5130        >
5131            <div class="relative">
5132                <!-- Heroicon name: solid/search -->
5133                <svg class="pointer-events-none absolute top-3.5 left-4 h-5 w-5 text-gray-400"
5134                     xmlns="http://www.w3.org/2000/svg"
5135                     viewBox="0 0 20 20"
5136                     fill="currentColor"
5137                     aria-hidden="true"
5138                >
5139                    <path fill-rule="evenodd"
5140                          d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
5141                          clip-rule="evenodd"
5142                    />
5143                </svg>
5144                <div class="flex items-center justify-between">
5145                    <input x-model="query"
5146                           @input.debounce.500ms="fetchResults"
5147                           @search.window="$nextTick(() => $el.focus());"
5148                           type="text"
5149                           class="h-12 w-full border-0 bg-transparent pl-11 pr-4 text-gray-800 placeholder-gray-400 focus:ring-0 sm:text-sm"
5150                           placeholder="Search..."
5151                           role="combobox"
5152                           aria-expanded="false"
5153                           aria-controls="options"
5154                    />
5155                    <div class="p-2 cursor-pointer text-gray-400 hover:text-red-500"
5156                         @click="isOpen = false"
5157                    >
5158                        <svg class="pointer-events-none h-5 w-5"
5159                             xmlns="http://www.w3.org/2000/svg"
5160                             viewBox="0 0 320 512"
5161                             fill="currentColor"
5162                             aria-hidden="true"
5163                        >
5164                            <path fill-rule="evenodd"
5165                                  d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"
5166                                  clip-rule="evenodd"
5167                            />
5168                        </svg>
5169                    </div>
5170                </div>
5171            </div>
5172
5173            <div x-show="!query"
5174                 class="border-t border-gray-100 py-14 px-6 text-center text-sm sm:px-14"
5175            >
5176                <svg class="mx-auto h-6 w-6 text-gray-400"
5177                     xmlns="http://www.w3.org/2000/svg"
5178                     fill="none"
5179                     viewBox="0 0 24 24"
5180                     stroke="currentColor"
5181                     aria-hidden="true"
5182                >
5183                    <path stroke-linecap="round"
5184                          stroke-linejoin="round"
5185                          stroke-width="2"
5186                          d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
5187                    />
5188                </svg>
5189                <p class="mt-4 font-semibold text-gray-900">
5190                    Search for flags, countries, communities, places, etc.
5191                </p>
5192            </div>
5193
5194            <!-- Results, show/hide based on command palette state -->
5195            <ul x-show="hasResults && typeof results != 'undefined' && results !== null"
5196                class="max-h-full overflow-auto lg:max-h-80 scroll-pt-11 scroll-pb-2 space-y-2 overflow-y-auto pb-2"
5197                id="options"
5198                role="listbox"
5199            >
5200                <template x-for="group in Object.keys(results || {})">
5201                    <li>
5202                        <h2 class="lg:bg-gray-100 bg-gray-200 py-2.5 px-4 text-xs font-semibold text-gray-900 sticky top-0"
5203                            x-text="group"
5204                        ></h2>
5205                        <ul class="mt-2 text-sm text-gray-800">
5206                            <template x-for="result in results ? results[group] : []">
5207                                <!-- Active: "bg-indigo-600 text-white" -->
5208                                <li class="select-none lg:odd:bg-white lg:even:bg-white odd:bg-gray-100 even:bg-white"
5209                                    role="option"
5210                                    tabindex="-1"
5211                                >
5212                                    <a :href="result.url"
5213                                       class="hidden lg:flex w-full gap-4 items-center px-4 py-2 hover:bg-primary-100"
5214                                    >
5215                                        <img :src="result.image"
5216                                             :title="result.name"
5217                                             alt=""
5218                                             :alt="result.name"
5219                                             class="w-8 flex-shrink-0"
5220                                             :class="{'shadow-lg max-h-full border': result.image}"
5221                                        />
5222                                        <span x-text="result.name"></span>
5223                                        <span x-text="result.extra_name"
5224                                              class="text-gray-400"
5225                                        ></span>
5226                                    </a>
5227                                    <a :href="result.url"
5228                                       class="lg:hidden flex w-full gap-4 items-center px-4 py-2"
5229                                    >
5230                                        <img :src="result.image"
5231                                             :title="result.name"
5232                                             alt=""
5233                                             :alt="result.name"
5234                                             class="w-8 flex-shrink-0"
5235                                             :class="{'shadow-lg max-h-full border': result.image}"
5236                                        />
5237                                        <div class="flex flex-col gap-2 min-w-0 max-w-full">
5238                                            <span class="block text-ellipsis overflow-hidden"
5239                                                  x-text="result.name"
5240                                            ></span>
5241                                            <span x-text="result.extra_name"
5242                                                  class="block text-ellipsis overflow-hidden text-gray-400"
5243                                            ></span>
5244                                        </div>
5245                                    </a>
5246                                </li>
5247                            </template>
5248                        </ul>
5249                    </li>
5250                </template>
5251            </ul>
5252
5253            <div x-show="!hasResults && typeof results != 'undefined' && results !== null && query"
5254                 class="border-t border-gray-100 py-14 px-6 text-center text-sm sm:px-14"
5255            >
5256                <svg class="mx-auto h-6 w-6 text-gray-400"
5257                     xmlns="http://www.w3.org/2000/svg"
5258                     fill="none"
5259                     viewBox="0 0 24 24"
5260                     stroke="currentColor"
5261                     aria-hidden="true"
5262                >
5263                    <path stroke-linecap="round"
5264                          stroke-linejoin="round"
5265                          stroke-width="2"
5266                          d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
5267                    />
5268                </svg>
5269                <p class="mt-4 font-semibold text-gray-900">
5270                    No results found
5271                </p>
5272                <p class="mt-2 text-gray-500">
5273                    Your search returned no results. Try another search query.
5274                </p>
5275            </div>
5276        </div>
5277    </div>
5278</div>
5279</footer>
5280            
5280<script src="/js/themes/nfa2022/ui.js?id=f389b35fa5b770608d86a775cf0f2db3" defer></script>
5280
5281</body>
5282</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.