PageSourceSearch

https://gothiacup.se/en/post/gothia-cup-2027-anmal-ditt-lag-en

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