PageSourceSearch

https://gothiacup.se/en/search

html gothiacup.se collected 2026-09-24 09:21:36 UTC 214,180 bytes, 3,788 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3    <head>
vendor: 72 bytes, lines 3-4
3
4        <script async src="https://www.googletagmanager.com/gtag/js?id=
4G-K2MW5MJNTK
vendor: 16 bytes, lines 4-5
4"></script>
5    
5<script>
6        
vendor: 151 bytes, lines 6-9
6window.dataLayer = window.dataLayer || [];
7        function gtag(){dataLayer.push(arguments);}
8        gtag('js', new Date());
9        gtag('config', '
9G-K2MW5MJNTK
vendor: 8 bytes, lines 9-10
9');
10    
10</script>
10
11    
11<script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/4d7289c298474eaf371d84f19/a250749c0433682337e76f479.js")</script>
11
12    
12<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="941cee21-f237-478e-b3d5-b9b9f0afb9f4" type="text/javascript"></script>
12
13        <meta charset="utf-8"/>
14        <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"/>
15                    <link rel="preload" as="style" href="https://gothiacup.se/build/assets/front-Bny9DCa-.css" /><link rel="preload" as="style" href="https://gothiacup.se/build/assets/front-sja4ec3v.css" /><link rel="modulepreload" as="script" href="https://gothiacup.se/build/assets/front-BW1jj2tf.js" /><link rel="modulepreload" as="script" href="https://gothiacup.se/build/assets/lodash-DAV4rYDB.js" /><link rel="stylesheet" href="https://gothiacup.se/build/assets/front-Bny9DCa-.css" /><link rel="stylesheet" href="https://gothiacup.se/build/assets/front-sja4ec3v.css" />
15<script type="module" src="https://gothiacup.se/build/assets/front-BW1jj2tf.js"></script>
15                <link rel="apple-touch-icon" sizes="180x180" href="/favicons/gothia/apple-touch-icon.png">
16        <link rel="icon" type="image/png" sizes="32x32" href="/favicons/gothia/favicon-32x32.png">
17        <link rel="icon" type="image/png" sizes="16x16" href="/favicons/gothia/favicon-16x16.png">
18        <link rel="manifest" href="/favicons/gothia/site.webmanifest">
19        <link rel="mask-icon" href="/favicons/gothia/safari-pinned-tab.svg" color="#005889">
20        <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
21        <meta name="msapplication-TileColor" content="#005889">
22        <meta name="theme-color" content="#005889">
23        <title>Search</title>
24        <meta property="og:title" content="Search">
25<meta property="og:type" content="search">
26
27        <meta name="twitter:title" content="Search">
28                
28<script src="https://cdn.jsdelivr.net/npm/[email protected]/swiper-bundle.min.js" data-cookieconsent="ignore"></script>
28
29        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/swiper-bundle.min.css">
30        
30<script src="/js/effect-material.min.js" data-cookieconsent="ignore"></script>
30
31    </head>
32    <body class="antialiased">
33                <div
34        id="site-alert-banner"
35        class="relative z-50 flex items-center gap-x-6 bg-orange-500 px-6 py-2.5 sm:px-3.5 sm:before:flex-1"
36        role="region"
37        aria-label="Message"
38         data-alert-name="124"         hidden
39    >
40        <p class="text-sm text-white">
41                            <a href="https://id.gothiacup.se/registrations/new" class="text-white hover:text-white/90">
42                                        The registration is now open!
43                    <span aria-hidden="true">&rarr;</span>
44                </a>
45                    </p>
46        <div class="flex flex-1 justify-end">
47            <button
48                type="button"
49                class="-m-3 p-3 text-white focus-visible:outline-offset-[-4px]"
50                data-site-alert-dismiss
51                aria-label="Close"
52            >
53                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-5" aria-hidden="true">
54                    <path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
55                </svg>
56            </button>
57        </div>
58    </div>
59    
59<script data-cookieconsent="ignore">
60        (function () {
61            var banner = document.getElementById('site-alert-banner');
62            if (!banner) return;
63
64            function syncSiteAlertHeight() {
65                var el = document.getElementById('site-alert-banner');
66                var height = el && el.isConnected ? el.offsetHeight : 0;
67                document.documentElement.style.setProperty('--site-alert-height', height + 'px');
68                window.dispatchEvent(new CustomEvent('site-alert:change', { detail: { height: height } }));
69            }
70
71            var alertName = banner.getAttribute('data-alert-name') || '';
72            var storageKey = 'GCalert';
73            if (alertName !== '' && localStorage.getItem(storageKey) === alertName) {
74                banner.remove();
75                syncSiteAlertHeight();
76                return;
77            }
78
79            banner.hidden = false;
80            syncSiteAlertHeight();
81            requestAnimationFrame(function () {
82                syncSiteAlertHeight();
83            });
84
85            if (typeof ResizeObserver !== 'undefined') {
86                var ro = new ResizeObserver(syncSiteAlertHeight);
87                ro.observe(banner);
88            } else {
89                window.addEventListener('resize', syncSiteAlertHeight, { passive: true });
90            }
91
92            var dismiss = banner.querySelector('[data-site-alert-dismiss]');
93            if (dismiss) {
94                dismiss.addEventListener('click', function () {
95                    if (alertName !== '') {
96                        localStorage.setItem(storageKey, alertName);
97                    }
98                    banner.remove();
99                    syncSiteAlertHeight();
100                });
101            }
102        })();
103    </script>
103
104        <div id="app" v-cloak class="">
105            <nav-component v-slot="{ open, openPanel, moreOpen, theme, navGlass, setOpen, setClose, setOpenPanel, toggleMore, closeMore }">
106    <nav
107        class="mainnav shadow-md z-40 sticky top-0 transition-[background-color,backdrop-filter,border-color,box-shadow] duration-300 bg-blue-600"
108        :class="navGlass ? 'bg-opacity-55 backdrop-blur-md border-b border-white/10' : ''"
109    >
110        <div class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8">
111
112            <div class="hidden relative h-14 lg:flex justify-between border-b border-blue-400 py-1">
113                <div class="flex items-center z-20 w-2/5 ">
114                    
115                </div>
116                <div class="absolute inset-0 flex justify-center items-center"> <div class=" flex-1 lg:flex-initial lg:flex-shrink-0 flex items-center justify-center lg:items-stretch lg:justify-start">
117                    <div class="flex-shrink-0">
118                        <a href="/en">
119                                                        <img alt="" class="w-auto h-10" src="/img/gc_liggande_neg.svg"/>
120                                                        
121                        </a>
122                    </div>
123                  
124                </div></div>
125                <div class="flex items-center flex-shrink-0 min-w-1/2 z-20">
126
127                                        <desktop-nav-search
128                        locale="en"
129                        placeholder="Search"
130                    ></desktop-nav-search>
131                    <account-component
132                    create="Create account"
133                    sign="Sign in"
134                    hi="Hi!"
135                    to="To account">
136                </account-component>
137              
138                <form class="hidden lg:block lg:flex-1d ml-4 w-6 shrink-0">
139                    <div class="flex ">
140                        <label for="desktop-currency" class="sr-only">Currency</label>
141                        <div class=" relative -">
142                                                                                                                    <a href="/sv" class="ml-2 p-1 border-2 border-transparent text-gray-200 rounded-full hover:text-white focus:outline-none focus:text-white transition duration-150 ease-in-out focus:bg-blue-700 ">
143                                    <img src="/img/Sweden.png" class="w-6 h-6" />
144                                </a>
145                                                    </div>
146                    </div>
147                </form>                 </div>
148            </div>
149            <div>
150            <div class="relatived flex items-center justify-between h-14 lg:h-14">
151                <div class="absolute pr-2 inset-y-0 right-0 flex items-center lg:hidden">
152                    <button
153                        type="button"
154                        id="mobile-menu-button"
155                        @click="open ? setClose() : setOpen()"
156                        :aria-expanded="open ? 'true' : 'false'"
157                        aria-controls="mobile-navigation-panel"
158                        aria-label="Open menu"
159                        class="inline-flex h-11 w-11 items-center justify-center rounded-xl border border-transparent text-blue-200 transition duration-200 ease-out hover:border-white/25 hover:bg-white/10 hover:text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-white/50 active:scale-[0.97] motion-reduce:transition-none"
160                    >
161                        <span class="relative block h-[14px] w-[22px]" aria-hidden="true">
162                            <span
163                                class="absolute left-0 block h-0.5 w-[22px] rounded-full bg-current transition-all duration-300 ease-out motion-reduce:transition-none"
164                                :class="open ? 'top-[6px] rotate-45' : 'top-0 rotate-0'"
165                            ></span>
166                            <span
167                                class="absolute left-0 top-[6px] block h-0.5 w-[22px] rounded-full bg-current transition-all duration-300 ease-out motion-reduce:transition-none"
168                                :class="open ? 'scale-x-0 opacity-0' : 'scale-x-100 opacity-100'"
169                            ></span>
170                            <span
171                                class="absolute left-0 block h-0.5 w-[22px] rounded-full bg-current transition-all duration-300 ease-out motion-reduce:transition-none"
172                                :class="open ? 'top-[6px] -rotate-45' : 'top-[12px] rotate-0'"
173                            ></span>
174                        </span>
175                    </button>
176                </div>
177               
178                <div class="flex-1 lg:hidden lg:flex-initial lg:flex-shrink-0 flex items-center justify-center lg:items-stretch lg:justify-start">
179                    <div class="flex-shrink-0">
180                        <a href="/en">
181                                                        <img alt="" class="w-auto h-8" src="/img/gc_liggande_neg.svg"/>
182                                                        
183                        </a>
184                    </div>
185                  
186                </div>
187                <div class="hidden flex-1 items-center justify-center lg:ml-6d lg:flex">
188                    <ul role="menubar" class="flex flex-wrap items-center justify-center gap-x-0.5 gap-y-1">
189                                                    <subnav-component v-slot="{ open, setOpen, setClose, color, menuColor }">
190    <li class="menu-item dropdown ">
191                <button
192            type="button"
193            @click="open ? setClose() : setOpen()"
194            :aria-expanded="open ? 'true' : 'false'"
195            :class="[
196                open
197                    ? 'border-white/20 bg-white/10 text-white ring-1 ring-white/25'
198                    : 'ring-white/15 hover:bg-white/10'
199            ]"
200            class="nav navitem group ml-2 inline-flex cursor-pointer items-center gap-1.5 rounded-xl border border-transparent px-3 py-2 text-sm font-semibold leading-snug text-blue-100 shadow-none transition duration-150 ease-out hover:border-white/20 hover:text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-white/50"
201        >
202            Your participation
203            <span
204                class="inline-flex shrink-0 text-white/65 transition-transform duration-200 ease-out group-hover:text-white"
205                :class="open ? 'rotate-180 text-white' : ''"
206            >
207                <icon
208                    :size="4"
209                    class="h-4 w-4"
210                    icon="chevrondown"
211                ></icon>
212            </span>
213        </button>
214                <div v-show="open" class="fixed inset-0 z-40" @click="setClose()">
215        </div>
216        <transition enter-active-class="transition ease-out duration-200" enter-from-class="opacity-0 -translate-y-1" enter-to-class="opacity-100 translate-y-0" leave-active-class="transition ease-in duration-150" leave-from-class="opacity-100 translate-y-0" leave-to-class="opacity-0 -translate-y-1">
217            <div class="absolute inset-x-0 z-50 transform shadow-lg mt-2" v-if="open">
218                					<div class="overflow-hidden rounded-b-xl bg-white ring-1 ring-black/[0.06]">
219    <div
220        class="h-1 bg-gradient-to-r from-blue-600 via-blue-500 to-blue-400"
221        aria-hidden="true"
222    ></div>
223
224    <div
225        class="relative bg-gradient-to-br from-white via-white to-slate-50/70 px-5 py-7 sm:px-8 sm:py-9"
226    >
227        <div class="mx-auto max-w-7xl">
228            <p class="mb-5 text-xs font-semibold uppercase tracking-wider text-gray-500">
229                Quick links            </p>
230            <div class="grid gap-3 sm:grid-cols-2 sm:gap-4 lg:grid-cols-4">
231                                    <a
232                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
233                        href="/en/document/tournament-information"
234                    >
235                        <div
236                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
237                        >
238                                                            <icon :size="6" icon="info"></icon>
239                                                    </div>
240                        <div class="min-w-0 flex-1 space-y-0.5">
241                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
242                                Tournament information
243                                                            </p>
244                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
245                                    The most important information about the tournament
246                                </p>
247                                                    </div>
248                    </a>
249                                    <a
250                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
251                        href="/en/document/tournament-regulation"
252                    >
253                        <div
254                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
255                        >
256                                                            <icon :size="6" icon="ball"></icon>
257                                                    </div>
258                        <div class="min-w-0 flex-1 space-y-0.5">
259                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
260                                Tournament regulation
261                                                            </p>
262                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
263                                    Rules at the matches
264                                </p>
265                                                    </div>
266                    </a>
267                                    <a
268                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
269                        href="/en/costsfees"
270                    >
271                        <div
272                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
273                        >
274                                                            <icon :size="6" icon="dollar"></icon>
275                                                    </div>
276                        <div class="min-w-0 flex-1 space-y-0.5">
277                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
278                                Costs/Fees
279                                                            </p>
280                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
281                                    What does it cost?
282                                </p>
283                                                    </div>
284                    </a>
285                                    <a
286                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
287                        href="/en/gothia-card-eng"
288                    >
289                        <div
290                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
291                        >
292                                                            <icon :size="6" icon="ticket"></icon>
293                                                    </div>
294                        <div class="min-w-0 flex-1 space-y-0.5">
295                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
296                                Gothia Card
297                                                            </p>
298                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
299                                    The Tournament Card
300                                </p>
301                                                    </div>
302                    </a>
303                                    <a
304                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
305                        href="/en/document/age-control"
306                    >
307                        <div
308                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
309                        >
310                                                            <icon :size="6" icon="identification"></icon>
311                                                    </div>
312                        <div class="min-w-0 flex-1 space-y-0.5">
313                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
314                                Player registration &amp; Age Control
315                                                            </p>
316                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
317                                    How is it done? Whats a valid ID?
318                                </p>
319                                                    </div>
320                    </a>
321                                    <a
322                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
323                        href="https://id.gothiacup.se/login"
324                    >
325                        <div
326                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
327                        >
328                                                            <icon :size="6" icon="signin"></icon>
329                                                    </div>
330                        <div class="min-w-0 flex-1 space-y-0.5">
331                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
332                                Gothia Account
333                                                            </p>
334                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
335                                    Administrate your team here
336                                </p>
337                                                    </div>
338                    </a>
339                                    <a
340                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
341                        href="/en/travel-to-gothenburg"
342                    >
343                        <div
344                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
345                        >
346                                                            <icon :size="6" icon="plane"></icon>
347                                                    </div>
348                        <div class="min-w-0 flex-1 space-y-0.5">
349                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
350                                Travel to Gothenburg
351                                                            </p>
352                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
353                                    Best ways to get here
354                                </p>
355                                                    </div>
356                    </a>
357                                    <a
358                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
359                        href="/en/the-week"
360                    >
361                        <div
362                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
363                        >
364                                                            <icon :size="6" icon="calendar"></icon>
365                                                    </div>
366                        <div class="min-w-0 flex-1 space-y-0.5">
367                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
368                                The Week
369                                                            </p>
370                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
371                                    Highlights
372                                </p>
373                                                    </div>
374                    </a>
375                            </div>
376        </div>
377    </div>
378
379            <div class="border-t border-gray-200/80 bg-gray-50">
380            <div class="mx-auto max-w-7xl px-5 py-5 sm:px-8">
381                <div class="flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:gap-x-8 sm:gap-y-2">
382                                            <a
383                            class="group inline-flex items-center gap-2.5 rounded-xl px-2 py-2 text-base font-medium leading-6 text-gray-900 ring-1 ring-transparent transition duration-150 hover:bg-white/90 hover:shadow-sm hover:ring-gray-200/80"
384                            href="https://id.gothiacup.se/login"
385                        >
386                                                            <span
387                                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-white text-blue-600 shadow-sm ring-1 ring-gray-200/90"
388                                >
389                                    <icon :size="5" icon="signin"></icon>
390                                </span>
391                                                        <span class="group-hover:text-blue-900">Sign in</span>
392                        </a>
393                                            <a
394                            class="group inline-flex items-center gap-2.5 rounded-xl px-2 py-2 text-base font-medium leading-6 text-gray-900 ring-1 ring-transparent transition duration-150 hover:bg-white/90 hover:shadow-sm hover:ring-gray-200/80"
395                            href="/en/blog"
396                        >
397                                                            <span
398                                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-white text-blue-600 shadow-sm ring-1 ring-gray-200/90"
399                                >
400                                    <icon :size="5" icon="book"></icon>
401                                </span>
402                                                        <span class="group-hover:text-blue-900">News</span>
403                        </a>
404                                            <a
405                            class="group inline-flex items-center gap-2.5 rounded-xl px-2 py-2 text-base font-medium leading-6 text-gray-900 ring-1 ring-transparent transition duration-150 hover:bg-white/90 hover:shadow-sm hover:ring-gray-200/80"
406                            href="http://support.gothiacup.se/"
407                        >
408                                                            <span
409                                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-white text-blue-600 shadow-sm ring-1 ring-gray-200/90"
410                                >
411                                    <icon :size="5" icon="support"></icon>
412                                </span>
413                                                        <span class="group-hover:text-blue-900">Helpcenter</span>
414                        </a>
415                                            <a
416                            class="group inline-flex items-center gap-2.5 rounded-xl px-2 py-2 text-base font-medium leading-6 text-gray-900 ring-1 ring-transparent transition duration-150 hover:bg-white/90 hover:shadow-sm hover:ring-gray-200/80"
417                            href="/en/registration"
418                        >
419                                                            <span
420                                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-white text-blue-600 shadow-sm ring-1 ring-gray-200/90"
421                                >
422                                    <icon :size="5" icon="pen"></icon>
423                                </span>
424                                                        <span class="group-hover:text-blue-900">Registration form</span>
425                        </a>
426                                    </div>
427            </div>
428        </div>
429    </div>
430				            </div>
431        </transition>
432    </li>
433</subnav-component>                                                    <subnav-component v-slot="{ open, setOpen, setClose, color, menuColor }">
434    <li class="menu-item dropdown ">
435                <button
436            type="button"
437            @click="open ? setClose() : setOpen()"
438            :aria-expanded="open ? 'true' : 'false'"
439            :class="[
440                open
441                    ? 'border-white/20 bg-white/10 text-white ring-1 ring-white/25'
442                    : 'ring-white/15 hover:bg-white/10'
443            ]"
444            class="nav navitem group ml-2 inline-flex cursor-pointer items-center gap-1.5 rounded-xl border border-transparent px-3 py-2 text-sm font-semibold leading-snug text-blue-100 shadow-none transition duration-150 ease-out hover:border-white/20 hover:text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-white/50"
445        >
446            Tournament
447            <span
448                class="inline-flex shrink-0 text-white/65 transition-transform duration-200 ease-out group-hover:text-white"
449                :class="open ? 'rotate-180 text-white' : ''"
450            >
451                <icon
452                    :size="4"
453                    class="h-4 w-4"
454                    icon="chevrondown"
455                ></icon>
456            </span>
457        </button>
458                <div v-show="open" class="fixed inset-0 z-40" @click="setClose()">
459        </div>
460        <transition enter-active-class="transition ease-out duration-200" enter-from-class="opacity-0 -translate-y-1" enter-to-class="opacity-100 translate-y-0" leave-active-class="transition ease-in duration-150" leave-from-class="opacity-100 translate-y-0" leave-to-class="opacity-0 -translate-y-1">
461            <div class="absolute inset-x-0 z-50 transform shadow-lg mt-2" v-if="open">
462                	
463					<div class="overflow-hidden rounded-b-xl bg-white ring-1 ring-black/[0.06]">
464    <div
465        class="h-1 bg-gradient-to-r from-blue-600 via-blue-500 to-blue-400"
466        aria-hidden="true"
467    ></div>
468
469    <div
470        class="relative bg-gradient-to-br from-white via-white to-slate-50/70 px-4 py-7 sm:px-8 sm:py-9"
471    >
472        <div class="mx-auto max-w-7xl">
473            <p class="mb-5 text-xs font-semibold uppercase tracking-wider text-gray-500">
474                Quick links            </p>
475            <div class="grid row-gap-6 gap-x-4 sm:grid-cols-2 sm:gap-8 lg:grid-cols-4">
476                                    <a
477                        class="group flex flex-col rounded-xl border border-gray-100/90 bg-white/90 p-4 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/40 hover:shadow-md hover:ring-blue-500/10"
478                        href="/en/opening-ceremony"
479                    >
480                        <div class="flex flex-1 flex-col space-y-4 md:h-full lg:space-y-4">
481                            <div class="flex gap-3 md:h-full lg:flex-col lg:gap-4">
482                                <div class="shrink-0">
483                                    <span
484                                        class="inline-flex h-11 w-11 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
485                                    >
486                                                                                    <icon :size="6" icon="sparkles"></icon>
487                                                                            </span>
488                                </div>
489                                <div class="min-w-0 flex-1 space-y-1 md:flex md:flex-col md:justify-between lg:space-y-4">
490                                    <div class="space-y-1">
491                                        <p class="text-base font-semibold leading-6 text-gray-900 group-hover:text-blue-900">
492                                            Opening Ceremony
493                                                                                    </p>
494                                                                                    <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
495                                                An evening to remember
496                                            </p>
497                                                                            </div>
498                                </div>
499                            </div>
500                            <p
501                                class="text-sm font-medium leading-5 text-blue-600 transition group-hover:text-blue-500"
502                            >
503                                Read more <span aria-hidden="true">→</span>
504                            </p>
505                        </div>
506                    </a>
507                                    <a
508                        class="group flex flex-col rounded-xl border border-gray-100/90 bg-white/90 p-4 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/40 hover:shadow-md hover:ring-blue-500/10"
509                        href="/en/leaders-party"
510                    >
511                        <div class="flex flex-1 flex-col space-y-4 md:h-full lg:space-y-4">
512                            <div class="flex gap-3 md:h-full lg:flex-col lg:gap-4">
513                                <div class="shrink-0">
514                                    <span
515                                        class="inline-flex h-11 w-11 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
516                                    >
517                                                                                    <icon :size="6" icon="music"></icon>
518                                                                            </span>
519                                </div>
520                                <div class="min-w-0 flex-1 space-y-1 md:flex md:flex-col md:justify-between lg:space-y-4">
521                                    <div class="space-y-1">
522                                        <p class="text-base font-semibold leading-6 text-gray-900 group-hover:text-blue-900">
523                                            Leaders Party
524                                                                                    </p>
525                                                                                    <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
526                                                All you leaders and coaches deserves it
527                                            </p>
528                                                                            </div>
529                                </div>
530                            </div>
531                            <p
532                                class="text-sm font-medium leading-5 text-blue-600 transition group-hover:text-blue-500"
533                            >
534                                Read more <span aria-hidden="true">→</span>
535                            </p>
536                        </div>
537                    </a>
538                                    <a
539                        class="group flex flex-col rounded-xl border border-gray-100/90 bg-white/90 p-4 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/40 hover:shadow-md hover:ring-blue-500/10"
540                        href="/en/the-finals"
541                    >
542                        <div class="flex flex-1 flex-col space-y-4 md:h-full lg:space-y-4">
543                            <div class="flex gap-3 md:h-full lg:flex-col lg:gap-4">
544                                <div class="shrink-0">
545                                    <span
546                                        class="inline-flex h-11 w-11 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
547                                    >
548                                                                                    <icon :size="6" icon="trophy"></icon>
549                                                                            </span>
550                                </div>
551                                <div class="min-w-0 flex-1 space-y-1 md:flex md:flex-col md:justify-between lg:space-y-4">
552                                    <div class="space-y-1">
553                                        <p class="text-base font-semibold leading-6 text-gray-900 group-hover:text-blue-900">
554                                            The Finals
555                                                                                    </p>
556                                                                                    <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
557                                                Time for the champions
558                                            </p>
559                                                                            </div>
560                                </div>
561                            </div>
562                            <p
563                                class="text-sm font-medium leading-5 text-blue-600 transition group-hover:text-blue-500"
564                            >
565                                Read more <span aria-hidden="true">→</span>
566                            </p>
567                        </div>
568                    </a>
569                                    <a
570                        class="group flex flex-col rounded-xl border border-gray-100/90 bg-white/90 p-4 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/40 hover:shadow-md hover:ring-blue-500/10"
571                        href="/en/the-centers"
572                    >
573                        <div class="flex flex-1 flex-col space-y-4 md:h-full lg:space-y-4">
574                            <div class="flex gap-3 md:h-full lg:flex-col lg:gap-4">
575                                <div class="shrink-0">
576                                    <span
577                                        class="inline-flex h-11 w-11 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
578                                    >
579                                                                                    <icon :size="6" icon="users"></icon>
580                                                                            </span>
581                                </div>
582                                <div class="min-w-0 flex-1 space-y-1 md:flex md:flex-col md:justify-between lg:space-y-4">
583                                    <div class="space-y-1">
584                                        <p class="text-base font-semibold leading-6 text-gray-900 group-hover:text-blue-900">
585                                            The Centres
586                                                                                    </p>
587                                                                                    <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
588                                                Our event areas
589                                            </p>
590                                                                            </div>
591                                </div>
592                            </div>
593                            <p
594                                class="text-sm font-medium leading-5 text-blue-600 transition group-hover:text-blue-500"
595                            >
596                                Read more <span aria-hidden="true">→</span>
597                            </p>
598                        </div>
599                    </a>
600                                    <a
601                        class="group flex flex-col rounded-xl border border-gray-100/90 bg-white/90 p-4 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/40 hover:shadow-md hover:ring-blue-500/10"
602                        href="/en/special-olympics-trophy"
603                    >
604                        <div class="flex flex-1 flex-col space-y-4 md:h-full lg:space-y-4">
605                            <div class="flex gap-3 md:h-full lg:flex-col lg:gap-4">
606                                <div class="shrink-0">
607                                    <span
608                                        class="inline-flex h-11 w-11 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
609                                    >
610                                                                                    <icon :size="6" icon="trophy"></icon>
611                                                                            </span>
612                                </div>
613                                <div class="min-w-0 flex-1 space-y-1 md:flex md:flex-col md:justify-between lg:space-y-4">
614                                    <div class="space-y-1">
615                                        <p class="text-base font-semibold leading-6 text-gray-900 group-hover:text-blue-900">
616                                            Special Olympics Trophy
617                                                                                    </p>
618                                                                                    <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
619                                                Founded by Kim Källström
620                                            </p>
621                                                                            </div>
622                                </div>
623                            </div>
624                            <p
625                                class="text-sm font-medium leading-5 text-blue-600 transition group-hover:text-blue-500"
626                            >
627                                Read more <span aria-hidden="true">→</span>
628                            </p>
629                        </div>
630                    </a>
631                                    <a
632                        class="group flex flex-col rounded-xl border border-gray-100/90 bg-white/90 p-4 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/40 hover:shadow-md hover:ring-blue-500/10"
633                        href="/en/puma-trophy"
634                    >
635                        <div class="flex flex-1 flex-col space-y-4 md:h-full lg:space-y-4">
636                            <div class="flex gap-3 md:h-full lg:flex-col lg:gap-4">
637                                <div class="shrink-0">
638                                    <span
639                                        class="inline-flex h-11 w-11 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
640                                    >
641                                                                                    <icon :size="6" icon="trophy"></icon>
642                                                                            </span>
643                                </div>
644                                <div class="min-w-0 flex-1 space-y-1 md:flex md:flex-col md:justify-between lg:space-y-4">
645                                    <div class="space-y-1">
646                                        <p class="text-base font-semibold leading-6 text-gray-900 group-hover:text-blue-900">
647                                            Gothia Puma Trophy
648                                                                                    </p>
649                                                                                    <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
650                                                An invitation only tournament for players 17 years old
651                                            </p>
652                                                                            </div>
653                                </div>
654                            </div>
655                            <p
656                                class="text-sm font-medium leading-5 text-blue-600 transition group-hover:text-blue-500"
657                            >
658                                Read more <span aria-hidden="true">→</span>
659                            </p>
660                        </div>
661                    </a>
662                                    <a
663                        class="group flex flex-col rounded-xl border border-gray-100/90 bg-white/90 p-4 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/40 hover:shadow-md hover:ring-blue-500/10"
664                        href="/en/gothia-app"
665                    >
666                        <div class="flex flex-1 flex-col space-y-4 md:h-full lg:space-y-4">
667                            <div class="flex gap-3 md:h-full lg:flex-col lg:gap-4">
668                                <div class="shrink-0">
669                                    <span
670                                        class="inline-flex h-11 w-11 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
671                                    >
672                                                                                    <icon :size="6" icon="phone"></icon>
673                                                                            </span>
674                                </div>
675                                <div class="min-w-0 flex-1 space-y-1 md:flex md:flex-col md:justify-between lg:space-y-4">
676                                    <div class="space-y-1">
677                                        <p class="text-base font-semibold leading-6 text-gray-900 group-hover:text-blue-900">
678                                            The Gothia App
679                                                                                    </p>
680                                                                                    <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
681                                                Follow the tournament
682                                            </p>
683                                                                            </div>
684                                </div>
685                            </div>
686                            <p
687                                class="text-sm font-medium leading-5 text-blue-600 transition group-hover:text-blue-500"
688                            >
689                                Read more <span aria-hidden="true">→</span>
690                            </p>
691                        </div>
692                    </a>
693                                    <a
694                        class="group flex flex-col rounded-xl border border-gray-100/90 bg-white/90 p-4 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/40 hover:shadow-md hover:ring-blue-500/10"
695                        href="/en/the-livestream"
696                    >
697                        <div class="flex flex-1 flex-col space-y-4 md:h-full lg:space-y-4">
698                            <div class="flex gap-3 md:h-full lg:flex-col lg:gap-4">
699                                <div class="shrink-0">
700                                    <span
701                                        class="inline-flex h-11 w-11 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
702                                    >
703                                                                                    <icon :size="6" icon="play"></icon>
704                                                                            </span>
705                                </div>
706                                <div class="min-w-0 flex-1 space-y-1 md:flex md:flex-col md:justify-between lg:space-y-4">
707                                    <div class="space-y-1">
708                                        <p class="text-base font-semibold leading-6 text-gray-900 group-hover:text-blue-900">
709                                            Livestream
710                                                                                    </p>
711                                                                                    <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
712                                                Watch the tournemant
713                                            </p>
714                                                                            </div>
715                                </div>
716                            </div>
717                            <p
718                                class="text-sm font-medium leading-5 text-blue-600 transition group-hover:text-blue-500"
719                            >
720                                Read more <span aria-hidden="true">→</span>
721                            </p>
722                        </div>
723                    </a>
724                            </div>
725        </div>
726    </div>
727
728            <div class="border-t border-gray-200/80 bg-gray-50">
729            <div class="mx-auto max-w-7xl px-5 py-5 sm:px-8">
730                <div class="flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:gap-x-8 sm:gap-y-2">
731                                            <a
732                            class="group inline-flex items-center gap-2.5 rounded-xl px-2 py-2 text-base font-medium leading-6 text-gray-900 ring-1 ring-transparent transition duration-150 hover:bg-white/90 hover:shadow-sm hover:ring-gray-200/80"
733                            href="https://id.gothiacup.se/login"
734                        >
735                                                            <span
736                                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-white text-blue-600 shadow-sm ring-1 ring-gray-200/90"
737                                >
738                                    <icon :size="5" icon="signin"></icon>
739                                </span>
740                                                        <span class="group-hover:text-blue-900">Sign in</span>
741                        </a>
742                                            <a
743                            class="group inline-flex items-center gap-2.5 rounded-xl px-2 py-2 text-base font-medium leading-6 text-gray-900 ring-1 ring-transparent transition duration-150 hover:bg-white/90 hover:shadow-sm hover:ring-gray-200/80"
744                            href="/en/blog"
745                        >
746                                                            <span
747                                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-white text-blue-600 shadow-sm ring-1 ring-gray-200/90"
748                                >
749                                    <icon :size="5" icon="book"></icon>
750                                </span>
751                                                        <span class="group-hover:text-blue-900">News</span>
752                        </a>
753                                            <a
754                            class="group inline-flex items-center gap-2.5 rounded-xl px-2 py-2 text-base font-medium leading-6 text-gray-900 ring-1 ring-transparent transition duration-150 hover:bg-white/90 hover:shadow-sm hover:ring-gray-200/80"
755                            href="http://support.gothiacup.se/"
756                        >
757                                                            <span
758                                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-white text-blue-600 shadow-sm ring-1 ring-gray-200/90"
759                                >
760                                    <icon :size="5" icon="support"></icon>
761                                </span>
762                                                        <span class="group-hover:text-blue-900">Helpcenter</span>
763                        </a>
764                                            <a
765                            class="group inline-flex items-center gap-2.5 rounded-xl px-2 py-2 text-base font-medium leading-6 text-gray-900 ring-1 ring-transparent transition duration-150 hover:bg-white/90 hover:shadow-sm hover:ring-gray-200/80"
766                            href="/en/registration"
767                        >
768                                                            <span
769                                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-white text-blue-600 shadow-sm ring-1 ring-gray-200/90"
770                                >
771                                    <icon :size="5" icon="pen"></icon>
772                                </span>
773                                                        <span class="group-hover:text-blue-900">Registration form</span>
774                        </a>
775                                    </div>
776            </div>
777        </div>
778    </div>
779				            </div>
780        </transition>
781    </li>
782</subnav-component>                                                    <subnav-component v-slot="{ open, setOpen, setClose, color, menuColor }">
783    <li class="menu-item dropdown ">
784                <button
785            type="button"
786            @click="open ? setClose() : setOpen()"
787            :aria-expanded="open ? 'true' : 'false'"
788            :class="[
789                open
790                    ? 'border-white/20 bg-white/10 text-white ring-1 ring-white/25'
791                    : 'ring-white/15 hover:bg-white/10'
792            ]"
793            class="nav navitem group ml-2 inline-flex cursor-pointer items-center gap-1.5 rounded-xl border border-transparent px-3 py-2 text-sm font-semibold leading-snug text-blue-100 shadow-none transition duration-150 ease-out hover:border-white/20 hover:text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-white/50"
794        >
795            About us
796            <span
797                class="inline-flex shrink-0 text-white/65 transition-transform duration-200 ease-out group-hover:text-white"
798                :class="open ? 'rotate-180 text-white' : ''"
799            >
800                <icon
801                    :size="4"
802                    class="h-4 w-4"
803                    icon="chevrondown"
804                ></icon>
805            </span>
806        </button>
807                <div v-show="open" class="fixed inset-0 z-40" @click="setClose()">
808        </div>
809        <transition enter-active-class="transition ease-out duration-200" enter-from-class="opacity-0 -translate-y-1" enter-to-class="opacity-100 translate-y-0" leave-active-class="transition ease-in duration-150" leave-from-class="opacity-100 translate-y-0" leave-to-class="opacity-0 -translate-y-1">
810            <div class="absolute inset-x-0 z-50 transform shadow-lg mt-2" v-if="open">
811                					<div class="relative overflow-hidden rounded-b-xl bg-white ring-1 ring-black/[0.06]">
812    <div
813        class="relative z-20 h-1 bg-gradient-to-r from-blue-600 via-blue-500 to-blue-400"
814        aria-hidden="true"
815    ></div>
816
817    
818    <div
819        class="pointer-events-none absolute inset-0 top-1 z-0 hidden lg:flex"
820        aria-hidden="true"
821    >
822        <div class="h-full w-1/2 bg-white"></div>
823        <div class="h-full w-1/2 bg-gray-50"></div>
824    </div>
825
826    <div
827        class="relative z-10 mx-auto grid max-w-7xl lg:grid-cols-2 lg:divide-x lg:divide-gray-200/70"
828    >
829        
830        <div
831            class="relative bg-gradient-to-br from-white via-white to-slate-50/60 px-5 py-7 sm:px-8 sm:py-9 lg:bg-transparent"
832        >
833            <p class="mb-5 text-xs font-semibold uppercase tracking-wider text-gray-500">
834                Quick links            </p>
835            <div class="grid gap-3 sm:grid-cols-2 sm:gap-4">
836                                    <a
837                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
838                        href="/en/about-us"
839                    >
840                        <div
841                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
842                        >
843                                                            <icon :size="6" icon="ball"></icon>
844                                                    </div>
845                        <div class="min-w-0 flex-1 space-y-0.5">
846                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
847                                About us
848                                                            </p>
849                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
850                                    Since 1975
851                                </p>
852                                                    </div>
853                    </a>
854                                    <a
855                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
856                        href="/en/factsstatistics"
857                    >
858                        <div
859                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
860                        >
861                                                            <icon :size="6" icon="stats"></icon>
862                                                    </div>
863                        <div class="min-w-0 flex-1 space-y-0.5">
864                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
865                                Facts/Statistics
866                                                            </p>
867                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
868                                    Since the start in 1975
869                                </p>
870                                                    </div>
871                    </a>
872                                    <a
873                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
874                        href="/en/celebrateplanetpeoplegame"
875                    >
876                        <div
877                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
878                        >
879                                                            <icon :size="6" icon="sparkles"></icon>
880                                                    </div>
881                        <div class="min-w-0 flex-1 space-y-0.5">
882                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
883                                Celebrate
884                                                                    <sp
884an
885                                        class="ml-1.5 inline-flex items-center rounded-full bg-orange-100 px-2 py-0.5 text-[11px] font-medium leading-none text-orange-800"
886                                    >
887                                        New
888                                    </span>
889                                                            </p>
890                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
891                                    Let&#039;s make the future more sustainable
892                                </p>
893                                                    </div>
894                    </a>
895                                    <a
896                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
897                        href="/en/celebrate-the-game-fair-play"
898                    >
899                        <div
900                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
901                        >
902                                                            <icon :size="6" icon="thumbsup"></icon>
903                                                    </div>
904                        <div class="min-w-0 flex-1 space-y-0.5">
905                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
906                                Celebrate The Game
907                                                            </p>
908                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
909                                    Our fair play project
910                                </p>
911                                                    </div>
912                    </a>
913                                    <a
914                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
915                        href="/en/gothia-foundation"
916                    >
917                        <div
918                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
919                        >
920                                                            <icon :size="6" icon="star"></icon>
921                                                    </div>
922                        <div class="min-w-0 flex-1 space-y-0.5">
923                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
924                                Gothia Cup Foundation
925                                                            </p>
926                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
927                                    Giving everyone the opportunit
928                                </p>
929                                                    </div>
930                    </a>
931                                    <a
932                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
933                        href="/en/gothenburg"
934                    >
935                        <div
936                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
937                        >
938                                                            <icon :size="6" icon="hotel"></icon>
939                                                    </div>
940                        <div class="min-w-0 flex-1 space-y-0.5">
941                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
942                                Gothenburg
943                                                            </p>
944                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
945                                    The Host City
946                                </p>
947                                                    </div>
948                    </a>
949                                    <a
950                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
951                        href="/en/skf-meet-the-world"
952                    >
953                        <div
954                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
955                        >
956                                                            <icon :size="6" icon="globe"></icon>
957                                                    </div>
958                        <div class="min-w-0 flex-1 space-y-0.5">
959                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
960                                Meet The World
961                                                            </p>
962                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
963                                    An initiative from SKF
964                                </p>
965                                                    </div>
966                    </a>
967                                    <a
968                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
969                        href="/en/our-partners"
970                    >
971                        <div
972                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
973                        >
974                                                            <icon :size="6" icon="heart"></icon>
975                                                    </div>
976                        <div class="min-w-0 flex-1 space-y-0.5">
977                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
978                                Partners
979                                                            </p>
980                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
981                                    We do it together
982                                </p>
983                                                    </div>
984                    </a>
985                                    <a
986                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
987                        href="/en/contact-us"
988                    >
989                        <div
990                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
991                        >
992                                                            <icon :size="6" icon="telephone"></icon>
993                                                    </div>
994                        <div class="min-w-0 flex-1 space-y-0.5">
995                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
996                                Contact us
997                                                            </p>
998                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
999                                    Can we help?
1000                                </p>
1001                                                    </div>
1002                    </a>
1003                                    <a
1004                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
1005                        href="https://press.gothiacup.se/"
1006                    >
1007                        <div
1008                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
1009                        >
1010                                                            <icon :size="6" icon="camera"></icon>
1011                                                    </div>
1012                        <div class="min-w-0 flex-1 space-y-0.5">
1013                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
1014                                Press
1015                                                            </p>
1016                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
1017                                    Our pressroom
1018                                </p>
1019                                                    </div>
1020                    </a>
1021                            </div>
1022        </div>
1023
1024        
1025        <div
1026            class="relative min-h-[260px] bg-gray-50 lg:min-h-0 lg:bg-transparent"
1027        >
1028            <posts-component
1029                :embed="true"
1030                title="Latest news"
1031                link="View all"
1032            >
1033            </posts-component>
1034        </div>
1035    </div>
1036</div>
1037 
1038				            </div>
1039        </transition>
1040    </li>
1041</subnav-component>                                                    <subnav-component v-slot="{ open, setOpen, setClose, color, menuColor }">
1042    <li class="menu-item dropdown ">
1043                <a
1044            class="nav navitem group ml-2 inline-flex items-center gap-1 rounded-xl border border-transparent px-3 py-2 text-sm font-semibold leading-snug text-blue-100 ring-white/15 transition duration-150 ease-out hover:border-white/20 hover:bg-blue-500 hover:text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-white/50"
1045            href="/en/hotel"
1046        >
1047            Hotel
1048        </a>
1049                <div v-show="open" class="fixed inset-0 z-40" @click="setClose()">
1050        </div>
1051        <transition enter-active-class="transition ease-out duration-200" enter-from-class="opacity-0 -translate-y-1" enter-to-class="opacity-100 translate-y-0" leave-active-class="transition ease-in duration-150" leave-from-class="opacity-100 translate-y-0" leave-to-class="opacity-0 -translate-y-1">
1052            <div class="absolute inset-x-0 z-50 transform shadow-lg mt-2" v-if="open">
1053                					<div class="overflow-hidden rounded-b-xl bg-white ring-1 ring-black/[0.06]">
1054    <div
1055        class="h-1 bg-gradient-to-r from-blue-600 via-blue-500 to-blue-400"
1056        aria-hidden="true"
1057    ></div>
1058
1059    <div
1060        class="relative bg-gradient-to-br from-white via-white to-slate-50/70 px-5 py-7 sm:px-8 sm:py-9"
1061    >
1062        <div class="mx-auto max-w-7xl">
1063            <p class="mb-5 text-xs font-semibold uppercase tracking-wider text-gray-500">
1064                Quick links            </p>
1065            <div class="grid gap-3 sm:grid-cols-2 sm:gap-4 lg:grid-cols-4">
1066                            </div>
1067        </div>
1068    </div>
1069
1070            <div class="border-t border-gray-200/80 bg-gray-50">
1071            <div class="mx-auto max-w-7xl px-5 py-5 sm:px-8">
1072                <div class="flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:gap-x-8 sm:gap-y-2">
1073                                            <a
1074                            class="group inline-flex items-center gap-2.5 rounded-xl px-2 py-2 text-base font-medium leading-6 text-gray-900 ring-1 ring-transparent transition duration-150 hover:bg-white/90 hover:shadow-sm hover:ring-gray-200/80"
1075                            href="https://id.gothiacup.se/login"
1076                        >
1077                                                            <span
1078                                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-white text-blue-600 shadow-sm ring-1 ring-gray-200/90"
1079                                >
1080                                    <icon :size="5" icon="signin"></icon>
1081                                </span>
1082                                                        <span class="group-hover:text-blue-900">Sign in</span>
1083                        </a>
1084                                            <a
1085                            class="group inline-flex items-center gap-2.5 rounded-xl px-2 py-2 text-base font-medium leading-6 text-gray-900 ring-1 ring-transparent transition duration-150 hover:bg-white/90 hover:shadow-sm hover:ring-gray-200/80"
1086                            href="/en/blog"
1087                        >
1088                                                            <span
1089                                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-white text-blue-600 shadow-sm ring-1 ring-gray-200/90"
1090                                >
1091                                    <icon :size="5" icon="book"></icon>
1092                                </span>
1093                                                        <span class="group-hover:text-blue-900">News</span>
1094                        </a>
1095                                            <a
1096                            class="group inline-flex items-center gap-2.5 rounded-xl px-2 py-2 text-base font-medium leading-6 text-gray-900 ring-1 ring-transparent transition duration-150 hover:bg-white/90 hover:shadow-sm hover:ring-gray-200/80"
1097                            href="http://support.gothiacup.se/"
1098                        >
1099                                                            <span
1100                                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-white text-blue-600 shadow-sm ring-1 ring-gray-200/90"
1101                                >
1102                                    <icon :size="5" icon="support"></icon>
1103                                </span>
1104                                                        <span class="group-hover:text-blue-900">Helpcenter</span>
1105                        </a>
1106                                            <a
1107                            class="group inline-flex items-center gap-2.5 rounded-xl px-2 py-2 text-base font-medium leading-6 text-gray-900 ring-1 ring-transparent transition duration-150 hover:bg-white/90 hover:shadow-sm hover:ring-gray-200/80"
1108                            href="/en/registration"
1109                        >
1110                                                            <span
1111                                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-white text-blue-600 shadow-sm ring-1 ring-gray-200/90"
1112                                >
1113                                    <icon :size="5" icon="pen"></icon>
1114                                </span>
1115                                                        <span class="group-hover:text-blue-900">Registration form</span>
1116                        </a>
1117                                    </div>
1118            </div>
1119        </div>
1120    </div>
1121				            </div>
1122        </transition>
1123    </li>
1124</subnav-component>                                                    <subnav-component v-slot="{ open, setOpen, setClose, color, menuColor }">
1125    <li class="menu-item dropdown ">
1126                <a
1127            class="nav navitem group ml-2 inline-flex items-center gap-1 rounded-xl border border-transparent px-3 py-2 text-sm font-semibold leading-snug text-blue-100 ring-white/15 transition duration-150 ease-out hover:border-white/20 hover:bg-blue-500 hover:text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-white/50"
1128            href="/en/crew"
1129        >
1130            Crew members
1131        </a>
1132                <div v-show="open" class="fixed inset-0 z-40" @click="setClose()">
1133        </div>
1134        <transition enter-active-class="transition ease-out duration-200" enter-from-class="opacity-0 -translate-y-1" enter-to-class="opacity-100 translate-y-0" leave-active-class="transition ease-in duration-150" leave-from-class="opacity-100 translate-y-0" leave-to-class="opacity-0 -translate-y-1">
1135            <div class="absolute inset-x-0 z-50 transform shadow-lg mt-2" v-if="open">
1136                					<div class="overflow-hidden rounded-b-xl bg-white ring-1 ring-black/[0.06]">
1137    <div
1138        class="h-1 bg-gradient-to-r from-blue-600 via-blue-500 to-blue-400"
1139        aria-hidden="true"
1140    ></div>
1141
1142    <div
1143        class="relative bg-gradient-to-br from-white via-white to-slate-50/70 px-5 py-7 sm:px-8 sm:py-9"
1144    >
1145        <div class="mx-auto max-w-7xl">
1146            <p class="mb-5 text-xs font-semibold uppercase tracking-wider text-gray-500">
1147                Quick links            </p>
1148            <div class="grid gap-3 sm:grid-cols-2 sm:gap-4 lg:grid-cols-4">
1149                            </div>
1150        </div>
1151    </div>
1152
1153            <div class="border-t border-gray-200/80 bg-gray-50">
1154            <div class="mx-auto max-w-7xl px-5 py-5 sm:px-8">
1155                <div class="flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:gap-x-8 sm:gap-y-2">
1156                                            <a
1157                            class="group inline-flex items-center gap-2.5 rounded-xl px-2 py-2 text-base font-medium leading-6 text-gray-900 ring-1 ring-transparent transition duration-150 hover:bg-white/90 hover:shadow-sm hover:ring-gray-200/80"
1158                            href="https://id.gothiacup.se/login"
1159                        >
1160                                                            <span
1161                                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-white text-blue-600 shadow-sm ring-1 ring-gray-200/90"
1162                                >
1163                                    <icon :size="5" icon="signin"></icon>
1164                                </span>
1165                                                        <span class="group-hover:text-blue-900">Sign in</span>
1166                        </a>
1167                                            <a
1168                            class="group inline-flex items-center gap-2.5 rounded-xl px-2 py-2 text-base font-medium leading-6 text-gray-900 ring-1 ring-transparent transition duration-150 hover:bg-white/90 hover:shadow-sm hover:ring-gray-200/80"
1169                            href="/en/blog"
1170                        >
1171                                                            <span
1172                                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-white text-blue-600 shadow-sm ring-1 ring-gray-200/90"
1173                                >
1174                                    <icon :size="5" icon="book"></icon>
1175                                </span>
1176                                                        <span class="group-hover:text-blue-900">News</span>
1177                        </a>
1178                                            <a
1179                            class="group inline-flex items-center gap-2.5 rounded-xl px-2 py-2 text-base font-medium leading-6 text-gray-900 ring-1 ring-transparent transition duration-150 hover:bg-white/90 hover:shadow-sm hover:ring-gray-200/80"
1180                            href="http://support.gothiacup.se/"
1181                        >
1182                                                            <span
1183                                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-white text-blue-600 shadow-sm ring-1 ring-gray-200/90"
1184                                >
1185                                    <icon :size="5" icon="support"></icon>
1186                                </span>
1187                                                        <span class="group-hover:text-blue-900">Helpcenter</span>
1188                        </a>
1189                                            <a
1190                            class="group inline-flex items-center gap-2.5 rounded-xl px-2 py-2 text-base font-medium leading-6 text-gray-900 ring-1 ring-transparent transition duration-150 hover:bg-white/90 hover:shadow-sm hover:ring-gray-200/80"
1191                            href="/en/registration"
1192                        >
1193                                                            <span
1194                                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-white text-blue-600 shadow-sm ring-1 ring-gray-200/90"
1195                                >
1196                                    <icon :size="5" icon="pen"></icon>
1197                                </span>
1198                                                        <span class="group-hover:text-blue-900">Registration form</span>
1199                        </a>
1200                                    </div>
1201            </div>
1202        </div>
1203    </div>
1204				            </div>
1205        </transition>
1206    </li>
1207</subnav-component>                                                    <subnav-component v-slot="{ open, setOpen, setClose, color, menuColor }">
1208    <li class="menu-item dropdown ">
1209                <button
1210            type="button"
1211            @click="open ? setClose() : setOpen()"
1212            :aria-expanded="open ? 'true' : 'false'"
1213            :class="[
1214                open
1215                    ? 'border-white/20 bg-white/10 text-white ring-1 ring-white/25'
1216                    : 'ring-white/15 hover:bg-white/10'
1217            ]"
1218            class="nav navitem group ml-2 inline-flex cursor-pointer items-center gap-1.5 rounded-xl border border-transparent px-3 py-2 text-sm font-semibold leading-snug text-blue-100 shadow-none transition duration-150 ease-out hover:border-white/20 hover:text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-white/50"
1219        >
1220            Schedule 2026
1221            <span
1222                class="inline-flex shrink-0 text-white/65 transition-transform duration-200 ease-out group-hover:text-white"
1223                :class="open ? 'rotate-180 text-white' : ''"
1224            >
1225                <icon
1226                    :size="4"
1227                    class="h-4 w-4"
1228                    icon="chevrondown"
1229                ></icon>
1230            </span>
1231        </button>
1232                <div v-show="open" class="fixed inset-0 z-40" @click="setClose()">
1233        </div>
1234        <transition enter-active-class="transition ease-out duration-200" enter-from-class="opacity-0 -translate-y-1" enter-to-class="opacity-100 translate-y-0" leave-active-class="transition ease-in duration-150" leave-from-class="opacity-100 translate-y-0" leave-to-class="opacity-0 -translate-y-1">
1235            <div class="absolute inset-x-0 z-50 transform shadow-lg mt-2" v-if="open">
1236                					<div class="overflow-hidden rounded-b-xl bg-white ring-1 ring-black/[0.06]">
1237    <div
1238        class="h-1 bg-gradient-to-r from-blue-600 via-blue-500 to-blue-400"
1239        aria-hidden="true"
1240    ></div>
1241
1242    <div
1243        class="relative bg-gradient-to-br from-white via-white to-slate-50/70 px-5 py-7 sm:px-8 sm:py-9"
1244    >
1245        <div class="mx-auto max-w-7xl">
1246            <p class="mb-5 text-xs font-semibold uppercase tracking-wider text-gray-500">
1247                Quick links            </p>
1248            <div class="grid gap-3 sm:grid-cols-2 sm:gap-4 lg:grid-cols-4">
1249                                    <a
1250                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
1251                        href="https://results.gothiacup.se"
1252                    >
1253                        <div
1254                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
1255                        >
1256                                                            <icon :size="6" icon="ball"></icon>
1257                                                    </div>
1258                        <div class="min-w-0 flex-1 space-y-0.5">
1259                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
1260                                Schedule 2026
1261                                                                    <span
1262                                        class="ml-1.5 inline-flex items-center rounded-full bg-orange-100 px-2 py-0.5 text-[11px] font-medium leading-none text-orange-800"
1263                                    >
1264                                        Live now
1265                                    </span>
1266                                                            </p>
1267                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
1268                                    Results
1269                                </p>
1270                                                    </div>
1271                    </a>
1272                                    <a
1273                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
1274                        href="https://results.gothiacup.se/2026/fields-map"
1275                    >
1276                        <div
1277                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
1278                        >
1279                                                            <icon :size="6" icon="place"></icon>
1280                                                    </div>
1281                        <div class="min-w-0 flex-1 space-y-0.5">
1282                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
1283                                Field Map
1284                                                            </p>
1285                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
1286                                    Find the fields
1287                                </p>
1288                                                    </div>
1289                    </a>
1290                                    <a
1291                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
1292                        href="/en/play"
1293                    >
1294                        <div
1295                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
1296                        >
1297                                                            <icon :size="6" icon="play"></icon>
1298                                                    </div>
1299                        <div class="min-w-0 flex-1 space-y-0.5">
1300                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
1301                                Play
1302                                                            </p>
1303                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
1304                                    Watch more of the tournament
1305                                </p>
1306                                                    </div>
1307                    </a>
1308                                    <a
1309                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
1310                        href="https://results.gothiacup.se/2026/shuttle"
1311                    >
1312                        <div
1313                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
1314                        >
1315                                                            <icon :size="6" icon="place"></icon>
1316                                                    </div>
1317                        <div class="min-w-0 flex-1 space-y-0.5">
1318                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
1319                                Gothia Line
1320                                                            </p>
1321                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
1322                                    Buses
1323                                </p>
1324                                                    </div>
1325                    </a>
1326                                    <a
1327                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
1328                        href="/en/form/registration"
1329                    >
1330                        <div
1331                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
1332                        >
1333                                                            <icon :size="6" icon="pen"></icon>
1334                                                    </div>
1335                        <div class="min-w-0 flex-1 space-y-0.5">
1336                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
1337                                Registration form
1338                                                            </p>
1339                                                    </div>
1340                    </a>
1341                            </div>
1342        </div>
1343    </div>
1344
1345            <div class="border-t border-gray-200/80 bg-gray-50">
1346            <div class="mx-auto max-w-7xl px-5 py-5 sm:px-8">
1347                <div class="flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:gap-x-8 sm:gap-y-2">
1348                                            <a
1349                            class="group inline-flex items-center gap-2.5 rounded-xl px-2 py-2 text-base font-medium leading-6 text-gray-900 ring-1 ring-transparent transition duration-150 hover:bg-white/90 hover:shadow-sm hover:ring-gray-200/80"
1350                            href="https://id.gothiacup.se/login"
1351                        >
1352                                                            <span
1353                                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-white text-blue-600 shadow-sm ring-1 ring-gray-200/90"
1354                                >
1355                                    <icon :size="5" icon="signin"></icon>
1356                                </span>
1357                                                        <span class="group-hover:text-blue-900">Sign in</span>
1358                        </a>
1359                                            <a
1360                            class="group inline-flex items-center gap-2.5 rounded-xl px-2 py-2 text-base font-medium leading-6 text-gray-900 ring-1 ring-transparent transition duration-150 hover:bg-white/90 hover:shadow-sm hover:ring-gray-200/80"
1361                            href="/en/blog"
1362                        >
1363                                                            <span
1364                                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-white text-blue-600 shadow-sm ring-1 ring-gray-200/90"
1365                                >
1366                                    <icon :size="5" icon="book"></icon>
1367                                </span>
1368                                                        <span class="group-hover:text-blue-900">News</span>
1369                        </a>
1370                                            <a
1371                            class="group inline-flex items-center gap-2.5 rounded-xl px-2 py-2 text-base font-medium leading-6 text-gray-900 ring-1 ring-transparent transition duration-150 hover:bg-white/90 hover:shadow-sm hover:ring-gray-200/80"
1372                            href="http://support.gothiacup.se/"
1373                        >
1374                                                            <span
1375                                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-white text-blue-600 shadow-sm ring-1 ring-gray-200/90"
1376                                >
1377                                    <icon :size="5" icon="support"></icon>
1378                                </span>
1379                                                        <span class="group-hover:text-blue-900">Helpcenter</span>
1380                        </a>
1381                                            <a
1382                            class="group inline-flex items-center gap-2.5 rounded-xl px-2 py-2 text-base font-medium leading-6 text-gray-900 ring-1 ring-transparent transition duration-150 hover:bg-white/90 hover:shadow-sm hover:ring-gray-200/80"
1383                            href="/en/registration"
1384                        >
1385                                                            <span
1386                                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-white text-blue-600 shadow-sm ring-1 ring-gray-200/90"
1387                                >
1388                                    <icon :size="5" icon="pen"></icon>
1389                                </span>
1390                                                        <span class="group-hover:text-blue-900">Registration form</span>
1391                        </a>
1392                                    </div>
1393            </div>
1394        </div>
1395    </div>
1396				            </div>
1397        </transition>
1398    </li>
1399</subnav-component>                                            </ul>
1400                </div>
1401                
1402            </div>
1403        </div>
1404        </div>
1405    </nav>
1406    <transition
1407    enter-active-class="transition-opacity duration-200 ease-out"
1408    enter-from-class="opacity-0"
1409    enter-to-class="opacity-100"
1410    leave-active-class="transition-opacity duration-150 ease-in"
1411    leave-from-class="opacity-100"
1412    leave-to-class="opacity-0"
1413>
1414    <div
1415        v-if="open"
1416        class="fixed inset-0 z-[100] bg-blue-900/45 backdrop-blur-sm lg:hidden"
1417        aria-hidden="true"
1418        @click="setClose()"
1419    ></div>
1420</transition>
1421
1422<transition
1423    enter-active-class="transition-transform duration-300 ease-out"
1424    enter-from-class="translate-x-full"
1425    enter-to-class="translate-x-0"
1426    leave-active-class="transition-transform duration-200 ease-in"
1427    leave-from-class="translate-x-0"
1428    leave-to-class="translate-x-full"
1429>
1430    <aside
1431        v-if="open"
1432        id="mobile-navigation-panel"
1433        class="fixed inset-y-0 right-0 z-[110] flex w-[min(100vw,21rem)] max-w-full flex-col overflow-hidden rounded-l-2xl bg-white shadow-2xl ring-1 ring-blue-900/10 lg:hidden"
1434        role="dialog"
1435        aria-modal="true"
1436        aria-label="Main navigation"
1437    >
1438        <div class="flex h-full min-h-0 flex-col">
1439            
1440            <div class="flex shrink-0 items-center justify-between gap-3 border-b border-blue-100 bg-white px-4 py-2.5">
1441                <div class="flex min-w-0 items-center gap-3">
1442                    <img alt="" class="h-9 w-auto shrink-0" src="/img/gc_icon_pos.svg"/>
1443                    <span class="truncate text-sm font-semibold text-blue-900">
1444                        Gothia Cup
1445                    </span>
1446                </div>
1447                <button
1448                    type="button"
1449                    @click="setClose()"
1450                    class="inline-flex shrink-0 items-center justify-center rounded-full p-2 text-blue-700/80 transition hover:bg-blue-50 hover:text-blue-900 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
1451                    aria-label="Close menu"
1452                >
1453                    <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
1454                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
1455                    </svg>
1456                </button>
1457            </div>
1458
1459                            <div class="shrink-0 border-b border-blue-100 bg-blue-50/60 px-4 py-2">
1460                    <div class="flex justify-end">
1461                        <account-component
1462                            create="Create account"
1463                            sign="Sign in"
1464                            hi="Hi!"
1465                            to="To account">
1466                        </account-component>
1467                    </div>
1468                </div>
1469            
1470            
1471            <div class="mobilenavitem min-h-0 flex-1 overflow-y-auto overscroll-contain px-3 pb-5 pt-1.5">
1472                <nav class="space-y-0.5" aria-label="Main navigation">
1473                    <dl class="divide-y divide-blue-100/80">
1474                                                <div class=" py-0.5">
1475                            <dt>
1476                                                                <button
1477                                    type="button"
1478                                    :aria-expanded="openPanel === '3468' + 1 ? 'true' : 'false'"
1479                                    @click="setOpenPanel(openPanel === '3468' + 1 ? null : '3468' + 1)"
1480                                    :class="openPanel === '3468' + 1 ? 'bg-blue-50' : ''"
1481                                    class="flex w-full items-center justify-between gap-2 rounded-xl px-2.5 py-2 text-left text-sm font-semibold text-blue-900 transition hover:bg-blue-50/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-400"
1482                                >
1483                                    <span class="flex min-w-0 items-center gap-2.5">
1484                                        <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-blue-50 text-blue-700 ring-1 ring-blue-100">
1485                                                                                            <icon :size="5" class="text-blue-700" icon="clipboard"></icon>
1486                                                                                    </span>
1487                                        <span class="truncate leading-snug">Your participation</span>
1488                                    </span>
1489                                    <svg
1490                                        :class="{ '-rotate-180': openPanel === '3468' + 1 }"
1491                                        class="h-5 w-5 shrink-0 text-blue-500 transition-transform duration-200"
1492                                        fill="none"
1493                                        stroke="currentColor"
1494                                        viewBox="0 0 24 24"
1495                                        aria-hidden="true"
1496                                    >
1497                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
1498                                    </svg>
1499                                </button>
1500                                                            </dt>
1501                            <dd class="bg-blue-50/30 pb-1.5 pt-0.5" v-if="openPanel === '3468' + 1">
1502                                                                <a
1503                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1504                                    href="/en/document/tournament-information"
1505                                >
1506                                    <span class="flex min-w-0 items-center gap-2">
1507                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="info"></icon>
1508                                                                                <span class="truncate">Tournament information</span>
1509                                    </span>
1510                                                                    </a>
1511                                                                <a
1512                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1513                                    href="/en/document/tournament-regulation"
1514                                >
1515                                    <span class="flex min-w-0 items-center gap-2">
1516                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="ball"></icon>
1517                                                                                <span class="truncate">Tournament regulation</span>
1518                                    </span>
1519                                                                    </a>
1520                                                                <a
1521                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1522                                    href="/en/costsfees"
1523                                >
1524                                    <span class="flex min-w-0 items-center gap-2">
1525                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="dollar"></icon>
1526                                                                                <span class="truncate">Costs/Fees</span>
1527                                    </span>
1528                                                                    </a>
1529                                                                <a
1530                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1531                                    href="/en/gothia-card-eng"
1532                                >
1533                                    <span class="flex min-w-0 items-center gap-2">
1534                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="ticket"></icon>
1535                                                                                <span class="truncate">Gothia Card</span>
1536                                    </span>
1537                                                                    </a>
1538                                                                <a
1539                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1540                                    href="/en/document/age-control"
1541                                >
1542                                    <span class="flex min-w-0 items-center gap-2">
1543                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="identification"></icon>
1544                                                                                <span class="truncate">Player registration &amp; Age Control</span>
1545                                    </span>
1546                                                                    </a>
1547                                                                <a
1548                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1549                                    href="https://id.gothiacup.se/login"
1550                                >
1551                                    <span class="flex min-w-0 items-center gap-2">
1552                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="signin"></icon>
1553                                                                                <span class="truncate">Gothia Account</span>
1554                                    </span>
1555                                                                    </a>
1556                                                                <a
1557                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1558                                    href="/en/travel-to-gothenburg"
1559                                >
1560                                    <span class="flex min-w-0 items-center gap-2">
1561                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="plane"></icon>
1562                                                                                <span class="truncate">Travel to Gothenburg</span>
1563                                    </span>
1564                                                                    </a>
1565                                                                <a
1566                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1567                                    href="/en/the-week"
1568                                >
1569                                    <span class="flex min-w-0 items-center gap-2">
1570                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="calendar"></icon>
1571                                                                                <span class="truncate">The Week</span>
1572                                    </span>
1573                                                                    </a>
1574                                                            </dd>
1575                        </div>
1576                                                <div class=" py-0.5">
1577                            <dt>
1578                                                                <button
1579                                    type="button"
1580                                    :aria-expanded="openPanel === '4021' + 1 ? 'true' : 'false'"
1581                                    @click="setOpenPanel(openPanel === '4021' + 1 ? null : '4021' + 1)"
1582                                    :class="openPanel === '4021' + 1 ? 'bg-blue-50' : ''"
1583                                    class="flex w-full items-center justify-between gap-2 rounded-xl px-2.5 py-2 text-left text-sm font-semibold text-blue-900 transition hover:bg-blue-50/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-400"
1584                                >
1585                                    <span class="flex min-w-0 items-center gap-2.5">
1586                                        <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-blue-50 text-blue-700 ring-1 ring-blue-100">
1587                                                                                            <icon :size="5" class="text-blue-700" icon="ball"></icon>
1588                                                                                    </span>
1589                                        <span class="truncate leading-snug">Tournament</span>
1590                                    </span>
1591                                    <svg
1592                                        :class="{ '-rotate-180': openPanel === '4021' + 1 }"
1593                                        class="h-5 w-5 shrink-0 text-blue-500 transition-transform duration-200"
1594                                        fill="none"
1595                                        stroke="currentColor"
1596                                        viewBox="0 0 24 24"
1597                                        aria-hidden="true"
1598                                    >
1599                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
1600                                    </svg>
1601                                </button>
1602                                                            </dt>
1603                            <dd class="bg-blue-50/30 pb-1.5 pt-0.5" v-if="openPanel === '4021' + 1">
1604                                                                <a
1605                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1606                                    href="/en/opening-ceremony"
1607                                >
1608                                    <span class="flex min-w-0 items-center gap-2">
1609                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="sparkles"></icon>
1610                                                                                <span class="truncate">Opening Ceremony</span>
1611                                    </span>
1612                                                                    </a>
1613                                                                <a
1614                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1615                                    href="/en/leaders-party"
1616                                >
1617                                    <span class="flex min-w-0 items-center gap-2">
1618                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="music"></icon>
1619                                                                                <span class="truncate">Leaders Party</span>
1620                                    </span>
1621                                                                    </a>
1622                                                                <a
1623                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1624                                    href="/en/the-finals"
1625                                >
1626                                    <span class="flex min-w-0 items-center gap-2">
1627                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="trophy"></icon>
1628                                                                                <sp
1628an class="truncate">The Finals</span>
1629                                    </span>
1630                                                                    </a>
1631                                                                <a
1632                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1633                                    href="/en/the-centers"
1634                                >
1635                                    <span class="flex min-w-0 items-center gap-2">
1636                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="users"></icon>
1637                                                                                <span class="truncate">The Centres</span>
1638                                    </span>
1639                                                                    </a>
1640                                                                <a
1641                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1642                                    href="/en/special-olympics-trophy"
1643                                >
1644                                    <span class="flex min-w-0 items-center gap-2">
1645                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="trophy"></icon>
1646                                                                                <span class="truncate">Special Olympics Trophy</span>
1647                                    </span>
1648                                                                    </a>
1649                                                                <a
1650                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1651                                    href="/en/puma-trophy"
1652                                >
1653                                    <span class="flex min-w-0 items-center gap-2">
1654                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="trophy"></icon>
1655                                                                                <span class="truncate">Gothia Puma Trophy</span>
1656                                    </span>
1657                                                                    </a>
1658                                                                <a
1659                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1660                                    href="/en/gothia-app"
1661                                >
1662                                    <span class="flex min-w-0 items-center gap-2">
1663                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="phone"></icon>
1664                                                                                <span class="truncate">The Gothia App</span>
1665                                    </span>
1666                                                                    </a>
1667                                                                <a
1668                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1669                                    href="/en/the-livestream"
1670                                >
1671                                    <span class="flex min-w-0 items-center gap-2">
1672                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="play"></icon>
1673                                                                                <span class="truncate">Livestream</span>
1674                                    </span>
1675                                                                    </a>
1676                                                            </dd>
1677                        </div>
1678                                                <div class=" py-0.5">
1679                            <dt>
1680                                                                <button
1681                                    type="button"
1682                                    :aria-expanded="openPanel === '234' + 1 ? 'true' : 'false'"
1683                                    @click="setOpenPanel(openPanel === '234' + 1 ? null : '234' + 1)"
1684                                    :class="openPanel === '234' + 1 ? 'bg-blue-50' : ''"
1685                                    class="flex w-full items-center justify-between gap-2 rounded-xl px-2.5 py-2 text-left text-sm font-semibold text-blue-900 transition hover:bg-blue-50/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-400"
1686                                >
1687                                    <span class="flex min-w-0 items-center gap-2.5">
1688                                        <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-blue-50 text-blue-700 ring-1 ring-blue-100">
1689                                                                                            <icon :size="5" class="text-blue-700" icon="info"></icon>
1690                                                                                    </span>
1691                                        <span class="truncate leading-snug">About us</span>
1692                                    </span>
1693                                    <svg
1694                                        :class="{ '-rotate-180': openPanel === '234' + 1 }"
1695                                        class="h-5 w-5 shrink-0 text-blue-500 transition-transform duration-200"
1696                                        fill="none"
1697                                        stroke="currentColor"
1698                                        viewBox="0 0 24 24"
1699                                        aria-hidden="true"
1700                                    >
1701                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
1702                                    </svg>
1703                                </button>
1704                                                            </dt>
1705                            <dd class="bg-blue-50/30 pb-1.5 pt-0.5" v-if="openPanel === '234' + 1">
1706                                                                <a
1707                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1708                                    href="/en/about-us"
1709                                >
1710                                    <span class="flex min-w-0 items-center gap-2">
1711                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="ball"></icon>
1712                                                                                <span class="truncate">About us</span>
1713                                    </span>
1714                                                                    </a>
1715                                                                <a
1716                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1717                                    href="/en/factsstatistics"
1718                                >
1719                                    <span class="flex min-w-0 items-center gap-2">
1720                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="stats"></icon>
1721                                                                                <span class="truncate">Facts/Statistics</span>
1722                                    </span>
1723                                                                    </a>
1724                                                                <a
1725                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1726                                    href="/en/celebrateplanetpeoplegame"
1727                                >
1728                                    <span class="flex min-w-0 items-center gap-2">
1729                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="sparkles"></icon>
1730                                                                                <span class="truncate">Celebrate</span>
1731                                    </span>
1732                                                                        <span class="inline-flex shrink-0 items-center rounded-full bg-orange-100 px-2 py-0.5 text-xs font-medium text-orange-800">
1733                                        New
1734                                    </span>
1735                                                                    </a>
1736                                                                <a
1737                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1738                                    href="/en/celebrate-the-game-fair-play"
1739                                >
1740                                    <span class="flex min-w-0 items-center gap-2">
1741                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="thumbsup"></icon>
1742                                                                                <sp
1742an class="truncate">Celebrate The Game</span>
1743                                    </span>
1744                                                                    </a>
1745                                                                <a
1746                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1747                                    href="/en/gothia-foundation"
1748                                >
1749                                    <span class="flex min-w-0 items-center gap-2">
1750                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="star"></icon>
1751                                                                                <span class="truncate">Gothia Cup Foundation</span>
1752                                    </span>
1753                                                                    </a>
1754                                                                <a
1755                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1756                                    href="/en/gothenburg"
1757                                >
1758                                    <span class="flex min-w-0 items-center gap-2">
1759                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="hotel"></icon>
1760                                                                                <span class="truncate">Gothenburg</span>
1761                                    </span>
1762                                                                    </a>
1763                                                                <a
1764                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1765                                    href="/en/skf-meet-the-world"
1766                                >
1767                                    <span class="flex min-w-0 items-center gap-2">
1768                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="globe"></icon>
1769                                                                                <span class="truncate">Meet The World</span>
1770                                    </span>
1771                                                                    </a>
1772                                                                <a
1773                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1774                                    href="/en/our-partners"
1775                                >
1776                                    <span class="flex min-w-0 items-center gap-2">
1777                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="heart"></icon>
1778                                                                                <span class="truncate">Partners</span>
1779                                    </span>
1780                                                                    </a>
1781                                                                <a
1782                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1783                                    href="/en/contact-us"
1784                                >
1785                                    <span class="flex min-w-0 items-center gap-2">
1786                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="telephone"></icon>
1787                                                                                <span class="truncate">Contact us</span>
1788                                    </span>
1789                                                                    </a>
1790                                                                <a
1791                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1792                                    href="https://press.gothiacup.se/"
1793                                >
1794                                    <span class="flex min-w-0 items-center gap-2">
1795                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="camera"></icon>
1796                                                                                <span class="truncate">Press</span>
1797                                    </span>
1798                                                                    </a>
1799                                                            </dd>
1800                        </div>
1801                                                <div class=" py-0.5">
1802                            <dt>
1803                                                                <a
1804                                    class="flex items-center gap-2.5 rounded-xl px-2.5 py-2 text-sm font-semibold text-blue-900 transition hover:bg-blue-50/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-400"
1805                                    href="/en/hotel"
1806                                >
1807                                    <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-blue-50 text-blue-700 ring-1 ring-blue-100">
1808                                                                            </span>
1809                                    <span class="truncate">Hotel</span>
1810                                </a>
1811                                                            </dt>
1812                            <dd class="bg-blue-50/30 pb-1.5 pt-0.5" v-if="openPanel === '967' + 1">
1813                                                            </dd>
1814                        </div>
1815                                                <div class=" py-0.5">
1816                            <dt>
1817                                                                <a
1818                                    class="flex items-center gap-2.5 rounded-xl px-2.5 py-2 text-sm font-semibold text-blue-900 transition hover:bg-blue-50/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-400"
1819                                    href="/en/crew"
1820                                >
1821                                    <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-blue-50 text-blue-700 ring-1 ring-blue-100">
1822                                                                                    <icon :size="5" class="text-blue-700" icon="users"></icon>
1823                                                                            </span>
1824                                    <span class="truncate">Crew members</span>
1825                                </a>
1826                                                            </dt>
1827                            <dd class="bg-blue-50/30 pb-1.5 pt-0.5" v-if="openPanel === '86' + 1">
1828                                                            </dd>
1829                        </div>
1830                                                <div class=" py-0.5">
1831                            <dt>
1832                                                                <button
1833                                    type="button"
1834                                    :aria-expanded="openPanel === '1442' + 1 ? 'true' : 'false'"
1835                                    @click="setOpenPanel(openPanel === '1442' + 1 ? null : '1442' + 1)"
1836                                    :class="openPanel === '1442' + 1 ? 'bg-blue-50' : ''"
1837                                    class="flex w-full items-center justify-between gap-2 rounded-xl px-2.5 py-2 text-left text-sm font-semibold text-blue-900 transition hover:bg-blue-50/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-400"
1838                                >
1839                                    <span class="flex min-w-0 items-center gap-2.5">
1840                                        <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-blue-50 text-blue-700 ring-1 ring-blue-100">
1841                                                                                            <icon :size="5" class="text-blue-700" icon="trophy"></icon>
1842                                                                                    </span>
1843                                        <span class="truncate leading-snug">Schedule 2026</span>
1844                                    </span>
1845                                    <svg
1846                                        :class="{ '-rotate-180': openPanel === '1442' + 1 }"
1847                                        class="h-5 w-5 shrink-0 text-blue-500 transition-transform duration-200"
1848                                        fill="none"
1849                                        stroke="currentColor"
1850                                        viewB
1850ox="0 0 24 24"
1851                                        aria-hidden="true"
1852                                    >
1853                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
1854                                    </svg>
1855                                </button>
1856                                                            </dt>
1857                            <dd class="bg-blue-50/30 pb-1.5 pt-0.5" v-if="openPanel === '1442' + 1">
1858                                                                <a
1859                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1860                                    href="https://results.gothiacup.se"
1861                                >
1862                                    <span class="flex min-w-0 items-center gap-2">
1863                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="ball"></icon>
1864                                                                                <span class="truncate">Schedule 2026</span>
1865                                    </span>
1866                                                                        <span class="inline-flex shrink-0 items-center rounded-full bg-orange-100 px-2 py-0.5 text-xs font-medium text-orange-800">
1867                                        Live now
1868                                    </span>
1869                                                                    </a>
1870                                                                <a
1871                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1872                                    href="https://results.gothiacup.se/2026/fields-map"
1873                                >
1874                                    <span class="flex min-w-0 items-center gap-2">
1875                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="place"></icon>
1876                                                                                <span class="truncate">Field Map</span>
1877                                    </span>
1878                                                                    </a>
1879                                                                <a
1880                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1881                                    href="/en/play"
1882                                >
1883                                    <span class="flex min-w-0 items-center gap-2">
1884                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="play"></icon>
1885                                                                                <span class="truncate">Play</span>
1886                                    </span>
1887                                                                    </a>
1888                                                                <a
1889                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1890                                    href="https://results.gothiacup.se/2026/shuttle"
1891                                >
1892                                    <span class="flex min-w-0 items-center gap-2">
1893                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="place"></icon>
1894                                                                                <sp
1894an class="truncate">Gothia Line</span>
1895                                    </span>
1896                                                                    </a>
1897                                                                <a
1898                                    class="flex items-center justify-between gap-2 border-b border-blue-100/60 py-2 pl-4 pr-2 text-sm font-medium text-gray-700 transition last:border-b-0 hover:bg-blue-50/90 hover:text-blue-900 focus:outline-none focus-visible:bg-blue-50"
1899                                    href="/en/form/registration"
1900                                >
1901                                    <span class="flex min-w-0 items-center gap-2">
1902                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="pen"></icon>
1903                                                                                <span class="truncate">Registration form</span>
1904                                    </span>
1905                                                                    </a>
1906                                                            </dd>
1907                        </div>
1908                                            </dl>
1909                </nav>
1910
1911                                <div class="mt-5 rounded-2xl border border-blue-100 bg-blue-50/50 p-2">
1912                    <div class="space-y-0.5">
1913                                                <a
1914                            class="flex items-center gap-3 rounded-xl px-3 py-2.5 text-sm font-medium text-blue-900 transition hover:bg-white hover:shadow-sm"
1915                            href="https://id.gothiacup.se/login"
1916                        >
1917                                                            <icon :size="6" class="h-5 w-5 shrink-0 text-blue-500" icon="signin"></icon>
1918                                                        <span>Sign in</span>
1919                        </a>
1920                                                <a
1921                            class="flex items-center gap-3 rounded-xl px-3 py-2.5 text-sm font-medium text-blue-900 transition hover:bg-white hover:shadow-sm"
1922                            href="/en/blog"
1923                        >
1924                                                            <icon :size="6" class="h-5 w-5 shrink-0 text-blue-500" icon="book"></icon>
1925                                                        <span>News</span>
1926                        </a>
1927                                                <a
1928                            class="flex items-center gap-3 rounded-xl px-3 py-2.5 text-sm font-medium text-blue-900 transition hover:bg-white hover:shadow-sm"
1929                            href="http://support.gothiacup.se/"
1930                        >
1931                                                            <icon :size="6" class="h-5 w-5 shrink-0 text-blue-500" icon="support"></icon>
1932                                                        <span>Helpcenter</span>
1933                        </a>
1934                                                <a
1935                            class="flex items-center gap-3 rounded-xl px-3 py-2.5 text-sm font-medium text-blue-900 transition hover:bg-white hover:shadow-sm"
1936                            href="/en/registration"
1937                        >
1938                                                            <icon :size="6" class="h-5 w-5 shrink-0 text-blue-500" icon="pen"></icon>
1939                                                        <span>Registration form</span>
1940                        </a>
1941                                            </div>
1942                </div>
1943                
1944                                <div class="mt-6">
1945                    <a
1946                        class="flex w-full items-center justify-center gap-2 rounded-xl bg-blue-600 px-4 py-3 text-center text-sm font-semibold text-white shadow-md shadow-blue-600/20 transition hover:bg-blue-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 "
1947                        href="/en/search"
1948                    >
1949                        <svg class="h-5 w-5 shrink-0 opacity-95" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
1950                            <path fill-rule="evenodd" 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" clip-rule="evenodd"/>
1951                        </svg>
1952                        Search                    </a>
1953                </div>
1954
1955                <div class="mt-6 border-t border-blue-100 pt-5">
1956                    <p class="mb-3 px-1 text-xs font-semibold uppercase tracking-wide text-blue-800/70">
1957                        Change Language                    </p>
1958                    <div class="flex flex-col gap-2">
1959                                                                                                    <a href="/sv" class="inline-flex items-center gap-2 rounded-xl px-3 py-2.5 text-sm font-medium text-blue-900 ring-1 ring-blue-200 transition hover:bg-blue-50">
1960                                <img src="/img/Sweden.png" class="h-6 w-6 shrink-0 rounded-full" alt=""/>
1961                                Svenska
1962                            </a>
1963                                            </div>
1964                </div>
1965                            </div>
1966        </div>
1967    </aside>
1968</transition>
1969</nav-component>                <div>
1970        <search-component search="" language="en"></search-component>
1971    </div>
1972            <page-component v-slot>
1973<div class="bg-gray-50 border-t border-gray-200">
1974	
1975						<div
1976	data-section-id="970"
1977	class="flex lozad relative isolated
1978	
1979		bg-white
1980		
1981		
1982		
1983		
1984		
1985		
1986		
1987		my-0
1988		flex
1989		md:flex
1990		lg:flex
1991		pt-8
1992		
1993	"
1994		 >
1995	
1996
1997	
1998
1999	
2000
2001				<div class="w-full h-full relative isolate  ">
2002						<div class="w-full h-full flex mx-auto items-start max-w-7xl py-4 px-4">
2003				<div class="grid w-full row-gap-0">
2004					<div
2005		class="w-full mx-auto relative isolated
2006		max-w-full
2007		
2008		
2009		my-0
2010		py-0
2011		
2012		
2013		
2014		
2015		
2016		block
2017		md:block
2018		lg:block
2019		
2020		 
2021		"
2022	>
2023
2024	
2025	<div
2026		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
2027
2028		  								
2029			
2030			
2031			
2032			
2033
2034			 		 "
2035    >
2036							<div
2037
2038	class="relative isolated z-20 min-w-0 max-w-full
2039			w-full
2040			
2041			block
2042		md:block
2043		lg:block
2044			    	"
2045  >
2046    	
2047	<div
2048		class="lozad relative w-full min-w-0 h-full
2049		
2050		
2051		
2052		
2053		
2054		
2055		
2056		
2057		
2058		
2059		
2060		
2061	  
2062		
2063		
2064		
2065	 	"
2066				
2067	>
2068	<div class="w-full h-full  
2069	 ">
2070
2071			<div
2072			class="w-full min-w-0 h-full flex relative
2073			max-w-full mx-auto
2074			
2075			
2076			items-start
2077			py-0
2078			px-0
2079			
2080			
2081			"
2082		>
2083			<div class="flex min-w-0 flex-col w-full ">
2084				
2085					<div
2086	data-item-id="8119"
2087			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
2088											<section
2089        class="partner-logo-cloud mx-auto mb-12 w-full max-w-7xl px-4 sm:mb-16 sm:px-6 lg:px-8 "
2090        style="--partner-logo-max: 200px"
2091        aria-labelledby="partner-cloud-8119"
2092    >
2093        <header class="mb-8 text-center sm:mb-10">
2094            <h2
2095                id="partner-cloud-8119"
2096                class="text-xs font-semibold uppercase tracking-[0.22em] text-slate-600 after:mx-auto after:mt-3 after:block after:h-[3px] after:w-9 after:rounded-full after:bg-blue-600 after:content-['']"
2097            >
2098                                    MAIN PARTNER
2099                            </h2>
2100        </header>
2101
2102        <ul
2103            class="partner-logo-cloud__list mx-auto flex list-none flex-wrap justify-center gap-x-4 gap-y-6 sm:gap-x-6 sm:gap-y-8 partner-logo-cloud__list--single"
2104            role="list"
2105        >
2106                            <li class="partner-logo-cloud__item list-none flex justify-center">
2107                    <div
2108                        class="flex aspect-[2/1] w-full flex-col items-center justify-center overflow-hidden rounded-2xl bg-white p-3 shadow-sm ring-1 ring-slate-900/[0.06] transition-shadow duration-200 sm:p-4 hover:shadow-md hover:ring-slate-900/10"
2109                    >
2110                                                    <a
2111                                href="https://skf.com/"
2112                                target="_blank"
2113                                rel="noopener noreferrer"
2114                                class="flex h-full min-h-0 w-full min-w-0 flex-1 items-center justify-center rounded-lg outline-none transition-transform duration-200 hover:scale-[1.02] focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
2115                            >
2116                                                <img
2117                            data-src="https://cdn.gothiacup.se/gc/images/hFnIV6Rp9cjI1qksUn8rNr44j3vt78UCeUVrO8Sx.png"
2118                            alt="SKF"
2119                            width="200"
2120                            height="100"
2121                            loading="lazy"
2122                            decoding="async"
2123                            class="lozad max-h-full max-w-full object-contain object-center fade"
2124                        />
2125                                                    </a>
2126                                            </div>
2127                </li>
2128                    </ul>
2129    </section>
2130																	</div>
2131 
2132			
2133			</div>
2134		</div>
2135	</div>
2136	
2137</div>
2138
2139	  
2140	</div> 
2141				</div>
2142	</div> 
2143		</div>
2144			</div>
2145		</div>
2146</div> 
2147						<div
2148	data-section-id="1240"
2149	class="flex lozad relative isolated
2150	
2151		no
2152		
2153		
2154		
2155		
2156		
2157		
2158		
2159		my-0
2160		flex
2161		md:flex
2162		lg:flex
2163		
2164		
2165	"
2166		 >
2167	
2168
2169	
2170
2171	
2172
2173				<div class="w-full h-full relative isolate  ">
2174						<div class="w-full h-full flex mx-auto items-start max-w-7xl py-6 md:py-8 lg:py-10 px-0">
2175				<div class="grid w-full gap-y-5">
2176					<div
2177		class="w-full mx-auto relative isolated
2178		max-w-full
2179		
2180		
2181		my-0
2182		py-0
2183		
2184		
2185		
2186		
2187		
2188		block
2189		md:block
2190		lg:block
2191		
2192		 
2193		"
2194	>
2195
2196	
2197	<div
2198		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
2199
2200		  					
2201				
2202				
2203				
2204				
2205				
2206			
2207			
2208			
2209			
2210			
2211
2212			 		 "
2213    >
2214							<div
2215
2216	class="relative isolated z-20 min-w-0 max-w-full
2217			w-full
2218		md:w-full
2219	
2220			block
2221		md:block
2222		lg:block
2223			    	"
2224  >
2225    	
2226	<div
2227		class="lozad relative w-full min-w-0 h-full
2228		
2229		
2230		
2231		
2232		
2233		
2234		
2235		
2236		
2237		
2238		
2239		
2240	  
2241		
2242		
2243		
2244	 	"
2245				
2246	>
2247	<div class="w-full h-full  
2248	 ">
2249
2250			<div
2251			class="w-full min-w-0 h-full flex relative
2252			max-w-full mx-auto
2253			
2254			
2255			items-start
2256			py-0
2257			px-0
2258			
2259			
2260			"
2261		>
2262			<div class="flex min-w-0 flex-col w-full ">
2263				
2264					<div
2265	data-item-id="5879"
2266			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
2267											<section
2268        class="partner-logo-cloud mx-auto mb-12 w-full max-w-7xl px-4 sm:mb-16 sm:px-6 lg:px-8 "
2269        style="--partner-logo-max: 200px"
2270        aria-labelledby="partner-cloud-5879"
2271    >
2272        <header class="mb-8 text-center sm:mb-10">
2273            <h2
2274                id="partner-cloud-5879"
2275                class="text-xs font-semibold uppercase tracking-[0.22em] text-slate-600 after:mx-auto after:mt-3 after:block after:h-[3px] after:w-9 after:rounded-full after:bg-blue-600 after:content-['']"
2276            >
2277                                    PREMIUM PARTNERS
2278                            </h2>
2279        </header>
2280
2281        <ul
2282            class="partner-logo-cloud__list mx-auto flex list-none flex-wrap justify-center gap-x-4 gap-y-6 sm:gap-x-6 sm:gap-y-8 "
2283            role="list"
2284        >
2285                            <li class="partner-logo-cloud__item list-none flex justify-center">
2286                    <div
2287                        class="flex aspect-[2/1] w-full flex-col items-center justify-center overflow-hidden rounded-2xl bg-white p-3 shadow-sm ring-1 ring-slate-900/[0.06] transition-shadow duration-200 sm:p-4 hover:shadow-md hover:ring-slate-900/10"
2288                    >
2289                                                    <a
2290                                href="https://www.fortum.com/se/el"
2291                                target="_blank"
2292                                rel="noopener noreferrer"
2293                                class="flex h-full min-h-0 w-full min-w-0 flex-1 items-center justify-center rounded-lg outline-none transition-transform duration-200 hover:scale-[1.02] focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
2294                            >
2295                                                <img
2296                            data-src="https://cdn.gothiacup.se/gc/images/qwIoxNYofPsoLjEJozyMhgsMemCkRsP9gkpuLWuR.png"
2297                            alt="Fortum"
2298                            width="200"
2299                            height="100"
2300                            loading="lazy"
2301                            decoding="async"
2302                            class="lozad max-h-full max-w-full object-contain object-center fade"
2303                        />
2304                                                    </a>
2305                                            </div>
2306                </li>
2307                            <li class="partner-logo-cloud__item list-none flex justify-center">
2308                    <div
2309                        class="flex aspect-[2/1] w-full flex-col items-center justify-center overflow-hidden rounded-2xl bg-white p-3 shadow-sm ring-1 ring-slate-900/[0.06] transition-shadow duration-200 sm:p-4 hover:shadow-md hover:ring-slate-900/10"
2310                    >
2311                                                    <a
2312                                href="https://www.kopparbergs.se"
2313                                target="_blank"
2314                                rel="noopener noreferrer"
2315                                class="flex h-full min-h-0 w-full min-w-0 flex-1 items-center justify-center rounded-lg outline-none transition-transform duration-200 hover:scale-[1.02] focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
2316                            >
2317                                                <img
2318                            data-src="https://cdn.gothiacup.se/gc/images/WIsfnVE4Wzi7af012YQ5zdh1mZB20INMp4Zt1Hk1.png"
2319                            alt="Kopparbergs"
2320                            width="200"
2321                            height="100"
2322                            loading="lazy"
2323                            decoding="async"
2324                            class="lozad max-h-full max-w-full object-contain object-center fade"
2325                        />
2326                                                    </a>
2327                                            </div>
2328                </li>
2329                            <li class="partner-logo-cloud__item list-none flex justify-center">
2330                    <div
2331                        class="flex aspect-[2/1] w-full flex-col items-center justify-center overflow-hidden rounded-2xl bg-white p-3 shadow-sm ring-1 ring-slate-900/[0.06] transition-shadow duration-200 sm:p-4 hover:shadow-md hover:ring-slate-900/10"
2332                    >
2333                                                <img
2334                            data-src="https://cdn.gothiacup.se/gc/images/I2hRj6FIEuaT5mD3r5qrp0QJmy4V6aeD8z1P03Y0.png"
2335                            alt="Lego"
2336                            width="200"
2337                            height="100"
2338                            loading="lazy"
2339                            decoding="async"
2340                            class="lozad max-h-full max-w-full object-contain object-center fade"
2341                        />
2342                                            </div>
2343                </li>
2344                            <li class="partner-logo-cloud__item list-none flex justify-center">
2345                    <div
2346                        class="flex aspect-[2/1] w-full flex-col items-center justify-center overflow-hidden rounded-2xl bg-white p-3 shadow-sm ring-1 ring-slate-900/[0.06] transition-shadow duration-200 sm:p-4 hover:shadow-md hover:ring-slate-900/10"
2347                    >
2348                                                    <a
2349                                href="https://nordicwellness.se/"
2350                                target="_blank"
2351                                rel="noopener noreferrer"
2352                                class="flex h-full min-h-0 w-full min-w-0 flex-1 items-center justify-center rounded-lg outline-none transition-transform duration-200 hover:scale-[1.02] focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
2353                            >
2354                                                <img
2355                            data-src="https://cdn.gothiacup.se/gc/images/xhtHQZ3QjzWKg1PtlwgYaUprZG4QQ2Y9DL7r295h.png"
2356                            alt="Nordic Wellness"
2357                            width="200"
2358                            height="100"
2359                            loading="lazy"
2360                            decoding="async"
2361                            class="lozad max-h-full max-w-full object-contain object-center fade"
2362                        />
2363                                                    </a>
2364                                            </div>
2365                </li>
2366                            <li class="partner-logo-cloud__item list-none flex justify-center">
2367                    <div
2368                        class="flex aspect-[2/1] w-full flex-col items-center justify-center overflow-hidden rounded-2xl bg-white p-3 shadow-sm ring-1 ring-slate-900/[0.06] transition-shadow duration-200 sm:p-4 hover:shadow-md hover:ring-slate-900/10"
2369                    >
2370                                                    <a
2371                                href="https://www.puma.com"
2372                                target="_blank"
2373                                rel="noopener noreferrer"
2374                                class="flex h-full min-h-0 w-full min-w-0 flex-1 items-center justify-center rounded-lg outline-none transition-transform duration-200 hover:scale-[1.02] focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
2375                            >
2376                                                <img
2377                            data-src="https://cdn.gothiacup.se/gc/images/zTWwmAm3awniSJPnnklJ8fK8KaCGk3sYyW5JQA6q.png"
2378                            alt="PUMA"
2379                            width="200"
2380                            height="100"
2381                            loading="lazy"
2382                            decoding="async"
2383                            class="lozad max-h-full max-w-full object-contain object-center fade"
2384                        />
2385                                                    </a>
2386                                            </div>
2387                </li>
2388                            <li class="partner-logo-cloud__item list-none flex justify-center">
2389                    <div
2390                        class="flex aspect-[2/1] w-full flex-col items-center justify-center overflow-hidden rounded-2xl bg-white p-3 shadow-sm ring-1 ring-slate-900/[0.06] transition-shadow duration-200 sm:p-4 hover:shadow-md hover:ring-slate-900/10"
2391                    >
2392                                                    <a
2393                                href="https://www.sonepar.se"
2394                                target="_blank"
2395                                rel="noopener noreferrer"
2396                                class="flex h-full min-h-0 w-full min-w-0 flex-1 items-center justify-center rounded-lg outline-none transition-transform duration-200 hover:scale-[1.02] focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
2397                            >
2398                                                <img
2399                            data-src="https://cdn.gothiacup.se/gc/images/XAyAjUXOmftTr46TFsLcrWEArSRRbt3mAzIydHr9.png"
2400                            alt="Sonepar"
2401                            width="200"
2402                            height="100"
2403                            loading="lazy"
2404                            decoding="async"
2405                            class="lozad max-h-full max-w-full object-contain object-center fade"
2406                        />
2407                                                    </a>
2408                                            </div>
2409                </li>
2410                    </ul>
2411    </section>
2412																	</div>
2413 
2414			
2415			</div>
2416		</div>
2417	</div>
2418	
2419</div>
2420
2421	  
2422	</div> 
2423				</div>
2424	</div> 
2425		</div>
2426			</div>
2427		</div>
2428</div> 
2429						<div
2430	data-section-id="7444"
2431	class="flex lozad relative isolated
2432	
2433		bg-white
2434		
2435		
2436		
2437		
2438		
2439		
2440		
2441		my-0
2442		flex
2443		md:flex
2444		lg:flex
2445		pb-8
2446		
2447	"
2448		 >
2449	
2450
2451	
2452
2453	
2454
2455				<div class="w-full h-full relative isolate  ">
2456						<div class="w-full h-full flex mx-auto items-start max-w-7xl py-6 md:py-8 lg:py-10 px-4">
2457				<div class="grid w-full gap-y-5">
2458					<div
2459		class="w-full mx-auto relative isolated
2460		max-w-full
2461		
2462		
2463		my-0
2464		py-0
2465		
2466		
2467		
2468		
2469		
2470		block
2471		md:block
2472		lg:block
2473		
2474		 
2475		"
2476	>
2477
2478	
2479	<div
2480		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
2481
2482		  								
2483			
2484			
2485			
2486			
2487
2488			 		 "
2489    >
2490							<div
2491
2492	class="relative isolated z-20 min-w-0 max-w-full
2493			w-full
2494			
2495			block
2496		md:block
2497		lg:block
2498			    	"
2499  >
2500    	
2501	<div
2502		class="lozad relative w-full min-w-0 h-full
2503		
2504		
2505		
2506		
2507		
2508		
2509		
2510		
2511		
2512		
2513		
2514		
2515	  
2516		
2517		
2518		
2519	 	"
2520				
2521	>
2522	<div class="w-full h-full  
2523	 ">
2524
2525			<div
2526			class="w-full min-w-0 h-full flex relative
2527			max-w-full mx-auto
2528			
2529			
2530			items-start
2531			py-0
2532			px-0
2533			
2534			
2535			"
2536		>
2537			<div class="flex min-w-0 flex-col w-full ">
2538				
2539					<div
2540	data-item-id="5879"
2541			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
2542											<section
2543        class="partner-logo-cloud mx-auto mb-12 w-full max-w-7xl px-4 sm:mb-16 sm:px-6 lg:px-8 "
2544        style="--partner-logo-max: 200px"
2545        aria-labelledby="partner-cloud-5879"
2546    >
2547        <header class="mb-8 text-center sm:mb-10">
2548            <h2
2549                id="partner-cloud-5879"
2550                class="text-xs font-semibold uppercase tracking-[0.22em] text-slate-600 after:mx-auto after:mt-3 after:block after:h-[3px] after:w-9 after:rounded-full after:bg-blue-600 after:content-['']"
2551            >
2552                                    OFFICIAL PARTNERS
2553                            </h2>
2554        </header>
2555
2556        <ul
2557            class="partner-logo-cloud__list mx-auto flex list-none flex-wrap justify-center gap-x-4 gap-y-6 sm:gap-x-6 sm:gap-y-8 "
2558            role="list"
2559        >
2560                            <li class="partner-logo-cloud__item list-none flex justify-center">
2561                    <div
2562                        class="flex aspect-[2/1] w-full flex-col items-center justify-center overflow-hidden rounded-2xl bg-white p-3 shadow-sm ring-1 ring-slate-900/[0.06] transition-shadow duration-200 sm:p-4 hover:shadow-md hover:ring-slate-900/10"
2563                    >
2564                                                    <a
2565                                href="https://dxc.com/se/en"
2566                                target="_blank"
2567                                rel="noopener noreferrer"
2568                                class="flex h-full min-h-0 w-full min-w-0 flex-1 items-center justify-center rounded-lg outline-none transition-transform duration-200 hover:scale-[1.02] focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
2569                            >
2570                                                <img
2571                            data-src="https://cdn.gothiacup.se/gc/images/aBkT7aupfCXySovoiyD7DR0YYklo2ky0zYSxNanD.png"
2572                            alt="DXC"
2573                            width="200"
2574                            height="100"
2575                            loading="lazy"
2576                            decoding="async"
2577                            class="lozad max-h-full max-w-full object-contain object-center fade"
2578                        />
2579                                                    </a>
2580                                            </div>
2581                </li>
2582                            <li class="partner-logo-cloud__item list-none flex justify-center">
2583                    <div
2584                        class="flex aspect-[2/1] w-full flex-col items-center justify-center overflow-hidden rounded-2xl bg-white p-3 shadow-sm ring-1 ring-slate-900/[0.06] transition-shadow duration-200 sm:p-4 hover:shadow-md hover:ring-slate-900/10"
2585                    >
2586                                                    <a
2587                                href="https://www.estrella.se"
2588                                target="_blank"
2589                                rel="noopener noreferrer"
2590                                class="flex h-full min-h-0 w-full min-w-0 flex-1 items-center justify-center rounded-lg outline-none transition-transform duration-200 hover:scale-[1.02] focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
2591                            >
2592                                                <img
2593                            data-src="https://cdn.gothiacup.se/gc/images/a2jNw9RMSilmpTUN9DRDG1VAiNxdfzz87ZB76hr5.png"
2594                            alt="Estrella"
2595                            width="200"
2596                            height="100"
2597                            loading="lazy"
2598                            decoding="async"
2599                            class="lozad max-h-full max-w-full object-contain object-center fade"
2600                        />
2601                                                    </a>
2602                                            </div>
2603                </li>
2604                            <li class="partner-logo-cloud__item list-none flex justify-center">
2605                    <div
2606                        class="flex aspect-[2/1] w-full flex-col items-center justify-center overflow-hidden rounded-2xl bg-white p-3 shadow-sm ring-1 ring-slate-900/[0.06] transition-shadow duration-200 sm:p-4 hover:shadow-md hover:ring-slate-900/10"
2607                    >
2608                                                    <a
2609                                href="https://www.lansforsakringar.se/goteborg-och-bohuslan/privat/"
2610                                target="_blank"
2611                                rel="noopener noreferrer"
2612                                class="flex h-full min-h-0 w-full min-w-0 flex-1 items-center justify-center rounded-lg outline-none transition-transform duration-200 hover:scale-[1.02] focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
2613                            >
2614                                                <img
2615                            data-src="https://cdn.gothiacup.se/gc/images/rVp3570jsF9mgPplLEYr5Zs7vx6J51LZSKZTC5ya.png"
2616                            alt="Länsförsäkringar"
2617                            width="200"
2618                            height="100"
2619                            loading="lazy"
2620                            decoding="async"
2621                            class="lozad max-h-full max-w-full object-contain object-center fade"
2622                        />
2623                                                    </a>
2624                                            </div>
2625                </li>
2626                            <li class="partner-logo-cloud__item list-none flex justify-center">
2627                    <div
2628                        class="flex aspect-[2/1] w-full flex-col items-center justify-center overflow-hidden rounded-2xl bg-white p-3 shadow-sm ring-1 ring-slate-900/[0.06] transition-shadow duration-200 sm:p-4 hover:shadow-md hover:ring-slate-900/10"
2629                    >
2630                                                    <a
2631                                href="https://www.libresse.se/?gad_source=1&amp;gclid=CjwKCAiAxaCvBhBaEiwAvsLmWIVVTdsOO5E4C37bYsUa2_kHHQSjSNFkUe8L6CRuZLDDgw1_L2NEuBoC1UUQAvD_BwE"
2632                                target="_blank"
2633                                rel="noopener noreferrer"
2634                                class="flex h-full min-h-0 w-full min-w-0 flex-1 items-center justify-center rounded-lg outline-none transition-transform duration-200 hover:scale-[1.02] focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
2635                            >
2636                                                <img
2637                            data-src="https://cdn.gothiacup.se/gc/images/XOBWskLx1dwk1iEmQ7CYG0wDvjIle
2637cLFmGjPojoP.png"
2638                            alt="Libresse"
2639                            width="200"
2640                            height="100"
2641                            loading="lazy"
2642                            decoding="async"
2643                            class="lozad max-h-full max-w-full object-contain object-center fade"
2644                        />
2645                                                    </a>
2646                                            </div>
2647                </li>
2648                            <li class="partner-logo-cloud__item list-none flex justify-center">
2649                    <div
2650                        class="flex aspect-[2/1] w-full flex-col items-center justify-center overflow-hidden rounded-2xl bg-white p-3 shadow-sm ring-1 ring-slate-900/[0.06] transition-shadow duration-200 sm:p-4 hover:shadow-md hover:ring-slate-900/10"
2651                    >
2652                                                    <a
2653                                href="https://www.navigator.football/links-downloads"
2654                                target="_blank"
2655                                rel="noopener noreferrer"
2656                                class="flex h-full min-h-0 w-full min-w-0 flex-1 items-center justify-center rounded-lg outline-none transition-transform duration-200 hover:scale-[1.02] focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
2657                            >
2658                                                <img
2659                            data-src="https://cdn.gothiacup.se/gc/images/aKufVPaA2X04IoRYlCpelVbHlgtrJUwiXpanrdrF.png"
2660                            alt="Navigator"
2661                            width="200"
2662                            height="100"
2663                            loading="lazy"
2664                            decoding="async"
2665                            class="lozad max-h-full max-w-full object-contain object-center fade"
2666                        />
2667                                                    </a>
2668                                            </div>
2669                </li>
2670                            <li class="partner-logo-cloud__item list-none flex justify-center">
2671                    <div
2672                        class="flex aspect-[2/1] w-full flex-col items-center justify-center overflow-hidden rounded-2xl bg-white p-3 shadow-sm ring-1 ring-slate-900/[0.06] transition-shadow duration-200 sm:p-4 hover:shadow-md hover:ring-slate-900/10"
2673                    >
2674                                                    <a
2675                                href="https://neh.com/?gad_source=1&amp;gclid=CjwKCAiAxaCvBhBaEiwAvsLmWLgzPMasejwl4cSml57IonSc1SGVXrmyy04Q-EcA4Jl4hNoaEZcdKxoC3isQAvD_BwE"
2676                                target="_blank"
2677                                rel="noopener noreferrer"
2678                                class="flex h-full min-h-0 w-full min-w-0 flex-1 items-center justify-center rounded-lg outline-none transition-transform duration-200 hover:scale-[1.02] focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
2679                            >
2680                                                <img
2681                            data-src="https://cdn.gothiacup.se/gc/images/d74yTYKgjJjyyi2MqJMC5VodlIJZJHCfYeM4gnAL.png"
2682                            alt="NEH"
2683                            width="200"
2684                            height="100"
2685                            loading="lazy"
2686                            decoding="async"
2687                            class="lozad max-h-full max-w-full object-contain object-center fade"
2688                        />
2689                                                    </a>
2690                                            </div>
2691                </li>
2692                            <li class="partner-logo-cloud__item list-none flex justify-center">
2693                    <div
2694                        class="flex aspect-[2/1] w-full flex-col items-center justify-center overflow-hidden rounded-2xl bg-white p-3 shadow-sm ring-1 ring-slate-900/[0.06] transition-shadow duration-200 sm:p-4 hover:shadow-md hover:ring-slate-900/10"
2695                    >
2696                                                    <a
2697                                href="https://www.norrmejerier.se"
2698                                target="_blank"
2699                                rel="noopener noreferrer"
2700                                class="flex h-full min-h-0 w-full min-w-0 flex-1 items-center justify-center rounded-lg outline-none transition-transform duration-200 hover:scale-[1.02] focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
2701                            >
2702                                                <img
2703                            data-src="https://cdn.gothiacup.se/gc/images/OJP3qugujn6tvDpVMQxSGRvAa3EEvtKY4Y7usDxI.png"
2704                            alt="Norrmejerier"
2705                            width="200"
2706                            height="100"
2707                            loading="lazy"
2708                            decoding="async"
2709                            class="lozad max-h-full max-w-full object-contain object-center fade"
2710                        />
2711                                                    </a>
2712                                            </div>
2713                </li>
2714                            <li class="partner-logo-cloud__item list-none flex justify-center">
2715                    <div
2716                        class="flex aspect-[2/1] w-full flex-col items-center justify-center overflow-hidden rounded-2xl bg-white p-3 shadow-sm ring-1 ring-slate-900/[0.06] transition-shadow duration-200 sm:p-4 hover:shadow-md hover:ring-slate-900/10"
2717                    >
2718                                                    <a
2719                                href="https://www.polarbrod.se"
2720                                target="_blank"
2721                                rel="noopener noreferrer"
2722                                class="flex h-full min-h-0 w-full min-w-0 flex-1 items-center justify-center rounded-lg outline-none transition-transform duration-200 hover:scale-[1.02] focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
2723                            >
2724                                                <img
2725                            data-src="https://cdn.gothiacup.se/gc/images/hvvWWG4t4NQDbtUzVDIDSb7F3ymraNCuzYyAoiHN.png"
2726                            alt="Polarbröd"
2727                            width="200"
2728                            height="100"
2729                            loading="lazy"
2730                            decoding="async"
2731                            class="lozad max-h-full max-w-full object-contain object-center fade"
2732                        />
2733                                                    </a>
2734                                            </div>
2735                </li>
2736                            <li class="partner-logo-cloud__item list-none flex justify-center">
2737                    <div
2738                        class="flex aspect-[2/1] w-full flex-col items-center justify-center overflow-hidden rounded-2xl bg-white p-3 shadow-sm ring-1 ring-slate-900/[0.06] transition-shadow duration-200 sm:p-4 hover:shadow-md hover:ring-slate-900/10"
2739                    >
2740                                                    <a
2741                                href="https://seb.se"
2742                                target="_blank"
2743                                rel="noopener noreferrer"
2744                                class="flex h-full min-h-0 w-full min-w-0 flex-1 items-center justify-center rounded-lg outline-none transition-transform duration-200 hover:scale-[1.02] focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
2745                            >
2746                                                <img
2747                            data-src="https://cdn.gothiacup.se/gc/images/KUp7EyTtvjM8MFizFUS5oPthfZoDLgoP6nqqP5fa.png"
2748                            alt="SEB"
2749                            width="200"
2750                            height="100"
2751                            loading="lazy"
2752                            decoding="async"
2753                            class="lozad max-h-full max-w-full object-contain object-center fade"
2754                        />
2755                                                    </a>
2756                                            </div>
2757                </li>
2758                            <li class="partner-logo-cloud__item list-none flex justify-center">
2759                    <div
2760                        class="flex aspect-[2/1] w-full flex-col items-center justify-center overflow-hidden rounded-2xl bg-white p-3 shadow-sm ring-1 ring-slate-900/[0.06] transition-shadow duration-200 sm:p-4 hover:shadow-md hover:ring-slate-900/10"
2761                    >
2762                                                    <a
2763                                href="https://www.sj.se"
2764                                target="_blank"
2765                                rel="noopener noreferrer"
2766                                class="flex h-full min-h-0 w-full min-w-0 flex-1 items-center justify-center rounded-lg outline-none transition-transform duration-200 hover:scale-[1.02] focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
2767                            >
2768                                                <img
2769                            data-src="https://cdn.gothiacup.se/gc/images/usL2k9pEtl1srZUI6v9shScGhtiUKKFBCTzlIZkO.png"
2770                            alt="SJ"
2771                            width="200"
2772                            height="100"
2773                            loading="lazy"
2774                            decoding="async"
2775                            class="lozad max-h-full max-w-full object-contain object-center fade"
2776                        />
2777                                                    </a>
2778                                            </div>
2779                </li>
2780                            <li class="partner-logo-cloud__item list-none flex justify-center">
2781                    <div
2782                        class="flex aspect-[2/1] w-full flex-col items-center justify-center overflow-hidden rounded-2xl bg-white p-3 shadow-sm ring-1 ring-slate-900/[0.06] transition-shadow duration-200 sm:p-4 hover:shadow-md hover:ring-slate-900/10"
2783                    >
2784                                                    <a
2785                                href="https://www.triumfglass.se"
2786                                target="_blank"
2787                                rel="noopener noreferrer"
2788                                class="flex h-full min-h-0 w-full min-w-0 flex-1 items-center justify-center rounded-lg outline-none transition-transform duration-200 hover:scale-[1.02] focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
2789                            >
2790                                                <img
2791                            data-src="https://cdn.gothiacup.se/gc/images/59JswE2x4qp11AZvUlNE5Vfd2mUuvjkWQoHe387T.png"
2792                            alt="Triumf Glass"
2793                            width="200"
2794                            height="100"
2795                            loading="lazy"
2796                            decoding="async"
2797                            class="lozad max-h-full max-w-full object-contain object-center fade"
2798                        />
2799                                                    </a>
2800                                            </div>
2801                </li>
2802                            <li class="partner-logo-cloud__item list-none flex justify-center">
2803                    <div
2804                        class="flex aspect-[2/1] w-full flex-col items-center justify-center overflow-hidden rounded-2xl bg-white p-3 shadow-sm ring-1 ring-slate-900/[0.06] transition-shadow duration-200 sm:p-4 hover:shadow-md hover:ring-slate-900/10"
2805                    >
2806                                                    <a
2807                                href="https://www.mcdonalds.com/se/sv-se.html?gad_source=1&amp;gclid=CjwKCAiAxaCvBhBaEiwAvsLmWJObdU4BpxvQYZamQVC4jtJAsZ5cF50SlUeG3rX7ZYikZW6IV-IYoxoCFDsQAvD_BwE"
2808                                target="_blank"
2809                                rel="noopener noreferrer"
2810                                class="flex h-full min-h-0 w-full min-w-0 flex-1 items-center justify-center rounded-lg outline-none transition-transform duration-200 hover:scale-[1.02] focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
2811                            >
2812                                                <img
2813                            data-src="https://cdn.gothiacup.se/gc/images/JjM6AQ3thiuRSGiO4CkX0u7xsSDny5rieSB2K77Q.png"
2814                            alt="Mc Donalds"
2815                            width="200"
2816                            height="100"
2817                            loading="lazy"
2818                            decoding="async"
2819                            class="lozad max-h-full max-w-full object-contain object-center fade"
2820                        />
2821                                                    </a>
2822                                            </div>
2823                </li>
2824                            <li class="partner-logo-cloud__item list-none flex justify-center">
2825                    <div
2826                        class="flex aspect-[2/1] w-full flex-col items-center justify-center overflow-hidden rounded-2xl bg-white p-3 shadow-sm ring-1 ring-slate-900/[0.06] transition-shadow duration-200 sm:p-4 hover:shadow-md hover:ring-slate-900/10"
2827                    >
2828                                                    <a
2829                                href="https://www.volvocars.com/se/"
2830                                target="_blank"
2831                                rel="noopener noreferrer"
2832                                class="flex h-full min-h-0 w-full min-w-0 flex-1 items-center justify-center rounded-lg outline-none transition-transform duration-200 hover:scale-[1.02] focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
2833                            >
2834                                                <img
2835                            data-src="https://cdn.gothiacup.se/gc/images/8RWF0pyshRF4IGZkqJhg8cDxceQQc8QTwoymOsRT.png"
2836                            alt="Volvo Cars"
2837                            width="200"
2838                            height="100"
2839                            loading="lazy"
2840                            decoding="async"
2841                            class="lozad max-h-full max-w-full object-contain object-center fade"
2842                        />
2843                                                    </a>
2844                                            </div>
2845                </li>
2846                    </ul>
2847    </section>
2848																	</div>
2849 
2850			
2851			</div>
2852		</div>
2853	</div>
2854	
2855</div>
2856
2857	  
2858	</div> 
2859				</div>
2860	</div> 
2861		</div>
2862			</div>
2863		</div>
2864</div> 
2865						<div
2866	data-section-id="6060"
2867	class="flex lozad relative isolated
2868	
2869		no
2870		bg-gradient-to-r from-blue-700 to-blue-800
2871		
2872		
2873		
2874		
2875		
2876		
2877		my-0
2878		flex
2879		md:flex
2880		lg:flex
2881		
2882		
2883	"
2884		 >
2885	
2886
2887	
2888
2889	
2890
2891				<div class="w-full h-full relative isolate gc-style-blue-lines ">
2892						<div class="w-full h-full flex mx-auto items-start max-w-7xl py-4 md:py-6 lg:py-8 px-4 md:px-6 lg:px-8">
2893				<div class="grid w-full row-gap-0">
2894					<div
2895		class="w-full mx-auto relative isolated
2896		max-w-full
2897		
2898		
2899		my-0
2900		py-4 md:py-6 lg:py-8
2901		
2902		
2903		
2904		
2905		
2906		block
2907		md:block
2908		lg:block
2909		
2910		 
2911		"
2912	>
2913
2914	
2915	<div
2916		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
2917
2918		  				  sm:space-x-0 space-y-4
2919			  sm:space-y-0 sm:space-x-4 sm:flex-nowrap
2920			  
2921			  
2922			  
2923			  
2924			
2925			
2926			
2927			
2928			
2929
2930			 		 "
2931    >
2932							<div
2933
2934	class="relative isolated z-20 min-w-0 max-w-full
2935			w-full
2936		sm:w-1/2
2937	
2938			block
2939		md:block
2940		lg:block
2941			    	"
2942  >
2943    	
2944	<div
2945		class="lozad relative w-full min-w-0 h-full
2946		
2947		
2948		
2949		
2950		
2951		
2952		
2953		
2954		
2955		
2956		
2957		
2958	  
2959		
2960		
2961		
2962	 	"
2963				
2964	>
2965	<div class="w-full h-full  
2966	 ">
2967
2968			<div
2969			class="w-full min-w-0 h-full flex relative
2970			max-w-full mx-auto
2971			
2972			
2973			items-start
2974			py-0
2975			px-0
2976			
2977			
2978			"
2979		>
2980			<div class="flex min-w-0 flex-col w-full ">
2981				
2982					<div
2983	data-item-id="9600"
2984			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
2985						<div
2986    class="w-full
2987    mt-2
2988    mb-4
2989    "
2990>
2991    
2992    <h1
2993        class="block
2994        text-left
2995        md:text-left
2996        lg:text-left
2997        font-semibold
2998        text-sm
2999        text-blue-100
3000        leading-normal
3001        tracking-wider
3002        "
3003    >
3004        SUBSCRIBE TO OUR NEWSLETTER
3005    </h1>
3006
3007    </div>
3008					</div>
3009	<div
3010	data-item-id="8499"
3011			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
3012						<div
3013    class="text w-full relative
3014    
3015    mb-4
3016    "
3017 >
3018 	
3019 	
3020        <div
3021      class="block relative cms-item-text-color [&_p]:text-inherit [&_li]:text-inherit [&_h1]:text-inherit [&_h2]:text-inherit [&_h3]:text-inherit [&_h4]:text-inherit
3022      text-blue-200
3023      text-left
3024      md:text-left
3025      lg:text-left
3026      font-normal
3027      text-base
3028      leading-normal
3029      tracking-normal
3030      mr-5"
3031    >
3032  		<p>Get the latest news and updates to your inbox.</p>
3033	</div>
3034  </div>					</div>
3035	<div
3036	data-item-id="6832"
3037			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
3038						<newsletter-component :item="{&quot;id&quot;:6832,&quot;name&quot;:&quot;Newsletter&quot;,&quot;type&quot;:&quot;newsletter&quot;,&quot;list&quot;:null,&quot;submitText&quot;:&quot;Send&quot;,&quot;style&quot;:&quot;light&quot;,&quot;border&quot;:true,&quot;placeholder&quot;:&quot;Enter your email&quot;,&quot;marginBottom&quot;:null,&quot;marginTop&quot;:null,&quot;visible&quot;:true,&quot;visiblemd&quot;:true,&quot;visiblelg&quot;:true,&quot;class&quot;:&quot;mr-12&quot;,&quot;tags&quot;:&quot;Facebook&quot;}" >
3039	
3040</newsletter-component>					</div>
3041 
3042			
3043			</div>
3044		</div>
3045	</div>
3046	
3047</div>
3048
3049	  
3050	</div> 
3051						<div
3052
3053	class="relative isolated z-20 min-w-0 max-w-full
3054			w-full
3055		sm:w-1/4
3056	
3057			block
3058		md:block
3059		lg:block
3060			    	"
3061  >
3062    	
3063	<div
3064		class="lozad relative w-full min-w-0 h-full
3065		
3066		
3067		
3068		
3069		
3070		
3071		
3072		
3073		
3074		
3075		
3076		
3077	  
3078		
3079		
3080		
3081	 	"
3082				
3083	>
3084	<div class="w-full h-full  
3085	 ">
3086
3087			<div
3088			class="w-full min-w-0 h-full flex relative
3089			max-w-full mx-auto
3090			
3091			
3092			items-start
3093			py-0
3094			px-0
3095			
3096			
3097			"
3098		>
3099			<div class="flex min-w-0 flex-col w-full ">
3100				
3101					<div
3102	data-item-id="4064"
3103			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
3104						<div
3105    class="w-full
3106    mt-2
3107    mb-4
3108    "
3109>
3110    
3111    <h1
3112        class="block
3113        text-left
3114        md:text-left
3115        lg:text-left
3116        font-semibold
3117        text-sm
3118        text-blue-100
3119        leading-normal
3120        tracking-wider
3121        "
3122    >
3123        ABOUT US
3124    </h1>
3125
3126    </div>
3127					</div>
3128	<div
3129	data-item-id="1429"
3130			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
3131						<div class="grid w-full min-w-0 gap-3 grid-cols-1">
3132                    <div class="grid-cell relative min-w-0 min-h-0   group/cell ">
3133                            <a
3134                    href="/en/about-us"
3135                    class="flex min-h-0 min-w-0 w-full flex-1 gap-3 sm:gap-4 flex-row items-start justify-start bg-transparent rounded-[inherit] no-underline outline-none ring-offset-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-slate-500 dark:focus-visible:ring-offset-slate-900 "
3136                >
3137            
3138            
3139            
3140            <div
3141                class="flex min-w-0 flex-col
3142                items-start
3143                
3144                
3145                
3146                
3147                
3148                
3149                
3150                
3151                justify-start
3152                
3153                
3154                
3155                
3156                
3157                
3158                
3159                
3160                flex-1"
3161            >
3162                                    <h3
3163                        class="break-words text-balance font-semibold tracking-tight text-blue-200
3164                        
3165                        
3166                        
3167                        text-base
3168                        leading-normal
3169                        tracking-normal
3170                        font-normal"
3171                    >
3172                        About us
3173                    </h3>
3174                                                                                            </div>
3175
3176                            </a>
3177                    </div>
3178                    <div class="grid-cell relative min-w-0 min-h-0   group/cell ">
3179                            <a
3180                    href="/en/factsstatistics"
3181                    class="flex min-h-0 min-w-0 w-full flex-1 gap-3 sm:gap-4 flex-row items-start justify-start bg-transparent rounded-[inherit] no-underline outline-none ring-offset-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-slate-500 dark:focus-visible:ring-offset-slate-900 "
3182                >
3183            
3184            
3185            
3186            <div
3187                class="flex min-w-0 flex-col
3188                items-start
3189                
3190                
3191                
3192                
3193                
3194                
3195                
3196                
3197                justify-start
3198                
3199                
3200                
3201                
3202                
3203                
3204                
3205                
3206                flex-1"
3207            >
3208                                    <h3
3209                        class="break-words text-balance font-semibold tracking-tight text-blue-200
3210                        
3211                        
3212                        
3213                        text-base
3214                        leading-normal
3215                        tracking-normal
3216                        font-normal"
3217                    >
3218                        Facts and statistics
3219                    </h3>
3220                                                                                            </div>
3221
3222                            </a>
3223                    </div>
3224                    <div class="grid-cell relative min-w-0 min-h-0   group/cell ">
3225                            <a
3226                    href="/en/our-partners"
3227                    class="flex min-h-0 min-w-0 w-full flex-1 gap-3 sm:gap-4 flex-row items-start justify-start bg-transparent rounded-[inherit] no-underline outline-none ring-offset-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-slate-500 dark:focus-visible:ring-offset-slate-900 "
3228                >
3229            
3230            
3231            
3232            <div
3233                class="flex min-w-0 flex-col
3234                items-start
3235                
3236                
3237                
3238                
3239                
3240                
3241                
3242                
3243                justify-start
3244                
3245                
3246                
3247                
3248                
3249                
3250                
3251                
3252                flex-1"
3253            >
3254                                    <h3
3255                        class="break-words text-balance font-semibold tracking-tight text-blue-200
3256                        
3257                        
3258                        
3259                        text-base
3260                        leading-normal
3261                        tracking-normal
3262                        font-normal"
3263                    >
3264                        Partners
3265                    </h3>
3266                                                                                            </div>
3267
3268                            </a>
3269                    </div>
3270                    <div class="grid-cell relative min-w-0 min-h-0   group/cell ">
3271                            <a
3272                    href="/en/contact-us"
3273                    class="flex min-h-0 min-w-0 w-full flex-1 gap-3 sm:gap-4 flex-row items-start justify-start bg-transparent rounded-[inherit] no-underline outline-none ring-offset-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-slate-500 dark:focus-visible:ring-offset-slate-900 "
3274                >
3275            
3276            
3277            
3278            <div
3279                class="flex min-w-0 flex-col
3280                items-start
3281                
3282                
3283                
3284                
3285                
3286                
3287                
3288                
3289                justify-start
3290                
3291                
3292                
3293                
3294                
3295                
3296                
3297                
3298                flex-1"
3299            >
3300                                    <h3
3301                        class="break-words text-balance font-semibold tracking-tight text-blue-200
3302                        
3303                        
3304                        
3305                        text-base
3306                        leading-normal
3307                        tracking-normal
3308                        font-normal"
3309                    >
3310                        Contact us
3311                    </h3>
3312                                                                                            </div>
3313
3314                            </a>
3315                    </div>
3316    </div>
3317					</div>
3318 
3319			
3320			</div>
3321		</div>
3322	</div>
3323	
3324</div>
3325
3326	  
3327	</div> 
3328						<div
3329
3330	class="relative isolated z-20 min-w-0 max-w-full
3331			w-full
3332		sm:w-1/4
3333	
3334			block
3335		md:block
3336		lg:block
3337			    	"
3338  >
3339    	
3340	<div
3341		class="lozad relative w-full min-w-0 h-full
3342		
3343		
3344		
3345		
3346		
3347		
3348		
3349		
3350		
3351		
3352		
3353		
3354	  
3355		
3356		
3357		
3358	 	"
3359				
3360	>
3361	<div class="w-full h-full  
3362	 ">
3363
3364			<div
3365			class="w-full min-w-0 h-full flex relative
3366			max-w-full mx-auto
3367			
3368			
3369			items-start
3370			py-0
3371			px-0
3372			
3373			
3374			"
3375		>
3376			<div class="flex min-w-0 flex-col w-full ">
3377				
3378					<div
3379	data-item-id="8968"
3380			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
3381						<div
3382    class="w-full
3383    mt-2
3384    mb-4
3385    "
3386>
3387    
3388    <h1
3389        class="block
3390        text-left
3391        md:text-left
3392        lg:text-left
3393        font-semibold
3394        text-sm
3395        text-blue-100
3396        leading-normal
3397        tracking-wider
3398        "
3399    >
3400        YOUR PARTICIPATION
3401    </h1>
3402
3403    </div>
3404					</div>
3405	<div
3406	data-item-id="9140"
3407			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
3408						<div class="grid w-full min-w-0 gap-3 grid-cols-1">
3409                    <div class="grid-cell relative min-w-0 min-h-0   group/cell ">
3410                            <a
3411                    href="/en/document/tournament-information"
3412                    class="flex min-h-0 min-w-0 w-full flex-1 gap-3 sm:gap-4 flex-row items-start justify-start bg-transparent rounded-[inherit] no-underline outline-none ring-offset-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-slate-500 dark:focus-visible:ring-offset-slate-900 "
3413                >
3414            
3415            
3416            
3417            <div
3418                class="flex min-w-0 flex-col
3419                items-start
3420                
3421                
3422                
3423                
3424                
3425                
3426                
3427                
3428                justify-start
3429                
3430                
3431                
3432                
3433                
3434                
3435                
3436                
3437                flex-1"
3438            >
3439                                    <h3
3440                        class="break-words text-balance font-semibold tracking-tight text-blue-200
3441                        
3442                        
3443                        
3444                        text-base
3445                        leading-normal
3446                        tracking-normal
3447                        font-normal"
3448                    >
3449                        Tournament information
3450                    </h3>
3451                                                                                            </div>
3452
3453                            </a>
3454                    </div>
3455                    <div class="grid-cell relative min-w-0 min-h-0   group/cell ">
3456                            <a
3457                    href="/en/document/tournament-regulation"
3458                    class="flex min-h-0 min-w-0 w-full flex-1 gap-3 sm:gap-4 flex-row items-start justify-start bg-transparent rounded-[inherit] no-underline outline-none ring-offset-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-slate-500 dark:focus-visible:ring-offset-slate-900 "
3459                >
3460            
3461            
3462            
3463            <div
3464                class="flex min-w-0 flex-col
3465                items-start
3466                
3467                
3468                
3469                
3470                
3471                
3472                
3473                
3474                justify-start
3475                
3476                
3477                
3478                
3479                
3480                
3481                
3482                
3483                flex-1"
3484            >
3485                                    <h3
3486                        class="break-words text-balance font-semibold tracking-tight text-blue-200
3487                        
3488                        
3489                        
3490                        text-base
3491                        leading-normal
3492                        tracking-normal
3493                        font-normal"
3494                    >
3495                        Tournament regulation
3496                    </h3>
3497                                                                                            </div>
3498
3499                            </a>
3500                    </div>
3501                    <div class="grid-cell relative min-w-0 min-h-0   group/cell ">
3502                            <a
3503                    href="/en/costsfees"
3504                    class="flex min-h-0 min-w-0 w-full flex-1 gap-3 sm:gap-4 flex-row items-start justify-start bg-transparent rounded-[inherit] no-underline outline-none ring-offset-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-slate-500 dark:focus-visible:ring-offset-slate-900 "
3505                >
3506            
3507            
3508            
3509            <div
3510                class="flex min-w-0 flex-col
3511                items-start
3512                
3513                
3514                
3515                
3516                
3517                
3518                
3519                
3520                justify-start
3521                
3522                
3523                
3524                
3525                
3526                
3527                
3528                
3529                flex-1"
3530            >
3531                                    <h3
3532                        class="break-words text-balance font-semibold tracking-tight text-blue-200
3533                        
3534                        
3535                        
3536                        text-base
3537                        leading-normal
3538                        tracking-normal
3539                        font-normal"
3540                    >
3541                        Costs/Fees
3542                    </h3>
3543                                                                                            </div>
3544
3545                            </a>
3546                    </div>
3547                    <div class="grid-cell relative min-w-0 min-h-0   group/cell ">
3548                            <a
3549                    href="https://id.gothiacup.se/login"
3550                    class="flex min-h-0 min-w-0 w-full flex-1 gap-3 sm:gap-4 flex-row items-start justify-start bg-transparent rounded-[inherit] no-underline outline-none ring-offset-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-slate-500 dark:focus-visible:ring-offset-slate-900 "
3551                >
3552            
3553            
3554            
3555            <div
3556                class="flex min-w-0 flex-col
3557                items-start
3558                
3559                
3560                
3561                
3562                
3563                
3564                
3565                
3566                justify-start
3567                
3568                
3569                
3570                
3571                
3572                
3573                
3574                
3575                flex-1"
3576            >
3577                                    <h3
3578                        class="break-words text-balance font-semibold tracking-tight text-blue-200
3579                        
3580                        
3581                        
3582                        text-base
3583                        leading-normal
3584                        tracking-normal
3585                        font-normal"
3586                    >
3587                        Gothia Account
3588                    </h3>
3589                                                                                            </div>
3590
3591                            </a>
3592                    </div>
3593    </div>
3594					</div>
3595 
3596			
3597			</div>
3598		</div>
3599	</div>
3600	
3601</div>
3602
3603	  
3604	</div> 
3605				</div>
3606	</div> 
3607						<div
3608		class="w-full mx-auto relative isolated
3609		max-w-full
3610		
3611		
3612		my-4
3613		py-0
3614		
3615		border-t border-blue-600 pt-3 pb-24
3616		
3617		
3618		
3619		block
3620		md:block
3621		lg:block
3622		
3623		 
3624		"
3625	>
3626
3627	
3628	<div
3629		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
3630
3631		  								
3632			
3633			
3634			
3635			
3636
3637			 		 "
3638    >
3639							<div
3640
3641	class="relative isolated z-20 min-w-0 max-w-full
3642			w-full
3643			
3644			block
3645		md:block
3646		lg:block
3647			    	"
3648  >
3649    	
3650	<div
3651		class="lozad relative w-full min-w-0 h-full
3652		
3653		
3654		
3655		
3656		
3657		
3658		
3659		
3660		
3661		
3662		
3663		
3664	  
3665		
3666		
3667		
3668	 	"
3669				
3670	>
3671	<div class="w-full h-full  
3672	 ">
3673
3674			<div
3675			class="w-full min-w-0 h-full flex relative
3676			max-w-full mx-auto
3677			
3678			
3679			items-start
3680			py-0
3681			px-0
3682			
3683			
3684			"
3685		>
3686			<div class="flex min-w-0 flex-col w-full ">
3687				
3688					<div
3689	data-item-id="1416"
3690			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
3691						<div
3692    class="text w-full relative
3693    
3694    
3695    "
3696 >
3697 	
3698 	
3699        <div
3700      class="block relative cms-item-text-color [&_p]:text-inherit [&_li]:text-inherit [&_h1]:text-inherit [&_h2]:text-inherit [&_h3]:text-inherit [&_h4]:text-inherit
3701      text-blue-200
3702      text-center
3703      md:text-center
3704      lg:text-center
3705      font-normal
3706      text-sm
3707      leading-relaxed
3708      tracking-normal
3709      "
3710    >
3711  		<p>© 2024 Gothia Cup. All rights reserved. <a href="/en/document/integrity-policy" rel="noopener noreferrer nofollow">Integrity policy</a></p>
3712	</div>
3713  </div>					</div>
3714	<div
3715	data-item-id="9327"
3716			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
3717						<div class="w-full mt-4  ">
3718    <nav class="flex flex-wrap items-center space-x-6 justify-center" aria-label="Social media links">
3719                    <a href="https://www.facebook.com/gothiacup" target="_blank" rel="noopener noreferrer" class="social-link inline-flex shrink-0 items-center justify-center rounded-xl p-2.5 transition duration-200 ease-out hover:-translate-y-0.5 hover:bg-black/[0.06] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-400/50 focus-visible:ring-offset-2 dark:hover:bg-white/[0.08] text-blue-300 hover:text-blue-100">
3720                <span class="sr-only">Facebook</span>
3721                <svg class="shrink-0" style="width: 1.5rem; height: 1.5rem;" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
3722                    <path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987
3722h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" />
3723                </svg>
3724            </a>
3725                            <a href="https://instagram.com/gothiacup_official" target="_blank" rel="noopener noreferrer" class="social-link inline-flex shrink-0 items-center justify-center rounded-xl p-2.5 transition duration-200 ease-out hover:-translate-y-0.5 hover:bg-black/[0.06] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-400/50 focus-visible:ring-offset-2 dark:hover:bg-white/[0.08] text-blue-300 hover:text-blue-100">
3726                <span class="sr-only">Instagram</span>
3727                <svg class="shrink-0" style="width: 1.5rem; height: 1.5rem;" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
3728                    <path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd" />
3729                </svg>
3730            </a>
3731                            <a href="https://twitter.com/Gothia_Cup" target="_blank" rel="noopener noreferrer" class="social-link inline-flex shrink-0 items-center justify-center rounded-xl p-2.5 transition duration-200 ease-out hover:-translate-y-0.5 hover:bg-black/[0.06] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-400/50 focus-visible:ring-offset-2 dark:hover:bg-white/[0.08] text-blue-300 hover:text-blue-100">
3732                <span class="sr-only">X</span>
3733                <svg class="mt-0.5 shrink-0" style="width: 1.25rem; height: 1.25rem;" fill="currentColor" viewBox="0 0 512 512" aria-hidden="true">
3734                    <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" />
3735                </svg>
3736            </a>
3737                            <a href="https://www.youtube.com/user/Gothia1975" target="_blank" rel="noopener noreferrer" class="social-link inline-flex shrink-0 items-center justify-center rounded-xl p-2.5 transition duration-200 ease-out hover:-translate-y-0.5 hover:bg-black/[0.06] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-400/50 focus-visible:ring-offset-2 dark:hover:bg-white/[0.08] text-blue-300 hover:text-blue-100">
3738                <span class="sr-only">YouTube</span>
3739                <svg class="shrink-0" style="width: 1.5rem; height: 1.5rem;" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
3740                    <path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z" />
3741                    <polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02" />
3742                </svg>
3743            </a>
3744                            <a href="https://www.tiktok.com/@gothiacup" target="_blank" rel="noopener noreferrer" class="social-link inline-flex shrink-0 items-center justify-center rounded-xl p-2.5 transition duration-200 ease-out hover:-translate-y-0.5 hover:bg-black/[0.06] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-400/50 focus-visible:ring-offset-2 dark:hover:bg-white/[0.08] text-blue-300 hover:text-blue-100">
3745                <span class="sr-only">TikTok</span>
3746                <svg class="mt-0.5 shrink-0" style="width: 1.25rem; height: 1.25rem;" fill="currentColor" viewBox="0 0 448 512" aria-hidden="true">
3747                    <path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z" />
3748                </svg>
3749            </a>
3750                            <a href="https://wa.me/46735092311" target="_blank" rel="noopener noreferrer" class="social-link inline-flex shrink-0 items-center justify-center rounded-xl p-2.5 transition duration-200 ease-out hover:-translate-y-0.5 hover:bg-black/[0.06] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-400/50 focus-visible:ring-offset-2 dark:hover:bg-white/[0.08] text-blue-300 hover:text-blue-100">
3751                <span class="sr-only">WhatsApp</span>
3752                <svg class="mt-0.5 shrink-0" style="width: 1.25rem; height: 1.25rem;" fill="currentColor" viewBox="0 0 448 512" aria-hidden="true">
3753                    <path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z" />
3754                </svg>
3755            </a>
3756                    </nav>
3757</div>
3758					</div>
3759 
3760			
3761			</div>
3762		</div>
3763	</div>
3764	
3765</div>
3766
3767	  
3768	</div> 
3769				</div>
3770	</div> 
3771		</div>
3772			</div>
3773		</div>
3774</div> 
3775			
3776</div></page-component>
3777	        </div>
3778
3779        
3780        
3780<script data-cookieconsent="ignore">
3781            window.config = {"appName":"Gothia Cup","appTheme":"blue","id_url":"https:\/\/id.gothiacup.se","crew_url":"https:\/\/teamgothia.se\/api\/uppdrag\/","color":"blue","secondaryColor":"orange","menuColor":"blue","menuBgColor":"bg-blue-600","baseColor":"#005889","fm_database":"GothiaCup","hotel_catalog":"filemaker","cupId":"661795","tournamentId":"47547357","tournamentYear":"https:\/\/results.gothiacup.se\/2024","helpscout_beacon_id_sv":"20d704ed-479b-4e66-98b2-e4889139756a","helpscout_beacon_id":"8b83ca9a-b481-4cc7-91fa-5814ce54dde9","algoliaid":"SSC4BB1NN5","algoliakey":"30a5d735f65993cd710ec21a85319b06","locale":"en","locales":{"en":"EN","sv":"sv","es":"es"}};
3782        </script>
3782
3783                
3783<script async src="https://cse.google.com/cse.js?cx=14703e9c5cba14faf"></script>
3783
3784                            
3784<script type="text/javascript">!function(e,t,n){function a(){var e=t.getElementsByTagName("script")[0],n=t.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://beacon-v2.helpscout.net",e.parentNode.insertBefore(n,e)}if(e.Beacon=n=function(t,n,a){e.Beacon.readyQueue.push({method:t,options:n,data:a})},n.readyQueue=[],"complete"===t.readyState)return a();e.attachEvent?e.attachEvent("onload",a):e.addEventListener("load",a,!1)}(window,document,window.Beacon||function(){});</script>
3784
3785            
3785<script type="text/javascript">window.Beacon('init', config.helpscout_beacon_id)</script>
3785
3786                
3786<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"007d3b336b9d4b8eb1512d34ccc26e3d","r":1,"spa":2}' crossorigin="anonymous"></script>
3786
3787</body>
3788</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.