PageSourceSearch

https://gothiacup.se/

html gothiacup.se collected 2026-09-24 09:21:29 UTC 372,581 bytes, 8,788 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3    <head>
vendor: 72 bytes, lines 3-4
3
4        <script async src="https://www.googletagmanager.com/gtag/js?id=
4G-K2MW5MJNTK
vendor: 16 bytes, lines 4-5
4"></script>
5    
5<script>
6        
vendor: 151 bytes, lines 6-9
6window.dataLayer = window.dataLayer || [];
7        function gtag(){dataLayer.push(arguments);}
8        gtag('js', new Date());
9        gtag('config', '
9G-K2MW5MJNTK
vendor: 8 bytes, lines 9-10
9');
10    
10</script>
10
11    
11<script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/4d7289c298474eaf371d84f19/a250749c0433682337e76f479.js")</script>
11
12    
12<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="941cee21-f237-478e-b3d5-b9b9f0afb9f4" type="text/javascript"></script>
12
13        <meta charset="utf-8"/>
14        <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"/>
15                    <link rel="preload" as="style" href="https://gothiacup.se/build/assets/front-Bny9DCa-.css" /><link rel="preload" as="style" href="https://gothiacup.se/build/assets/front-sja4ec3v.css" /><link rel="modulepreload" as="script" href="https://gothiacup.se/build/assets/front-BW1jj2tf.js" /><link rel="modulepreload" as="script" href="https://gothiacup.se/build/assets/lodash-DAV4rYDB.js" /><link rel="stylesheet" href="https://gothiacup.se/build/assets/front-Bny9DCa-.css" /><link rel="stylesheet" href="https://gothiacup.se/build/assets/front-sja4ec3v.css" />
15<script type="module" src="https://gothiacup.se/build/assets/front-BW1jj2tf.js"></script>
15                <link rel="apple-touch-icon" sizes="180x180" href="/favicons/gothia/apple-touch-icon.png">
16        <link rel="icon" type="image/png" sizes="32x32" href="/favicons/gothia/favicon-32x32.png">
17        <link rel="icon" type="image/png" sizes="16x16" href="/favicons/gothia/favicon-16x16.png">
18        <link rel="manifest" href="/favicons/gothia/site.webmanifest">
19        <link rel="mask-icon" href="/favicons/gothia/safari-pinned-tab.svg" color="#005889">
20        <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
21        <meta name="msapplication-TileColor" content="#005889">
22        <meta name="theme-color" content="#005889">
23        <title>The World Youth Cup 2026</title>
24<meta name="description" content="Det är en vecka fylld med spännande fotbollsmatcher, nya vänskaper och oförglömliga upplevelser. Var ett av 2 000 lag från 80 nationer och upplev den äkta fotbollsglädjen på världens största ungdomsturnering i fotboll – Gothia Cup.">
25        <meta property="og:description" content="Det är en vecka fylld med spännande fotbollsmatcher, nya vänskaper och oförglömliga upplevelser. Var ett av 2 000 lag från 80 nationer och upplev den äkta fotbollsglädjen på världens största ungdomsturnering i fotboll – Gothia Cup.">
26<meta property="og:title" content="The World Youth Cup 2026">
27<meta property="og:type" content="page">
28<meta property="og:image" content="https://cdn.gothiacup.se/gc/images/BW5kNA8E5hjsD4Y4ugcMdmoiKVp4X5Y09wpEgsdL.jpg">
29
30        <meta name="twitter:image" content="https://cdn.gothiacup.se/gc/images/BW5kNA8E5hjsD4Y4ugcMdmoiKVp4X5Y09wpEgsdL.jpg">
31<meta name="twitter:title" content="The World Youth Cup 2026">
32<meta name="twitter:description" content="Det är en vecka fylld med spännande fotbollsmatcher, nya vänskaper och oförglömliga upplevelser. Var ett av 2 000 lag från 80 nationer och upplev den äkta fotbollsglädjen på världens största ungdomsturnering i fotboll – Gothia Cup.">
33        <meta name="apple-itunes-app" content="app-id=526017115, app-argument=https://gothiacup.se">
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="smart-app-banner-android"
41        class="smart-app-banner-android hidden"
42        role="region"
43        aria-label="Install app"
44    >
45        <a
46            href="https://play.google.com/store/apps/details?id=com.cupmanager.gothiacup"
47            class="smart-app-banner-android__link"
48            rel="noopener noreferrer"
49        >
50            <img
51                src="/favicons/gothia/apple-touch-icon.png"
52                alt=""
53                width="40"
54                height="40"
55                class="smart-app-banner-android__icon"
56            >
57            <span class="smart-app-banner-android__text">
58                <span class="smart-app-banner-android__title">Gothia Cup</span>
59                <span class="smart-app-banner-android__subtitle">Free – Google Play</span>
60            </span>
61            <span class="smart-app-banner-android__action">Get</span>
62        </a>
63        <button
64            type="button"
65            class="smart-app-banner-android__close"
66            aria-label="Close"
67            data-smart-app-banner-dismiss
68        >
69            <span aria-hidden="true">&times;</span>
70        </button>
71    </div>
72    
72<script data-cookieconsent="ignore">
73        (function () {
74            var banner = document.getElementById('smart-app-banner-android');
75            if (!banner) return;
76            var storageKey = 'smart-app-banner-android-dismissed';
77            if (sessionStorage.getItem(storageKey)) return;
78            if (!/Android/i.test(navigator.userAgent || '')) return;
79            banner.classList.remove('hidden');
80            document.documentElement.classList.add('has-smart-app-banner-android');
81            var close = banner.querySelector('[data-smart-app-banner-dismiss]');
82            if (close) {
83                close.addEventListener('click', function (e) {
84                    e.preventDefault();
85                    sessionStorage.setItem(storageKey, '1');
86                    banner.remove();
87                    document.documentElement.classList.remove('has-smart-app-banner-android');
88                });
89            }
90        })();
91    </script>
91
92        <div
93        id="site-alert-banner"
94        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"
95        role="region"
96        aria-label="Message"
97         data-alert-name="124"         hidden
98    >
99        <p class="text-sm text-white">
100                            <a href="https://id.gothiacup.se/registrations/new" class="text-white hover:text-white/90">
101                                        The registration is now open!
102                    <span aria-hidden="true">&rarr;</span>
103                </a>
104                    </p>
105        <div class="flex flex-1 justify-end">
106            <button
107                type="button"
108                class="-m-3 p-3 text-white focus-visible:outline-offset-[-4px]"
109                data-site-alert-dismiss
110                aria-label="Close"
111            >
112                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-5" aria-hidden="true">
113                    <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" />
114                </svg>
115            </button>
116        </div>
117    </div>
118    
118<script data-cookieconsent="ignore">
119        (function () {
120            var banner = document.getElementById('site-alert-banner');
121            if (!banner) return;
122
123            function syncSiteAlertHeight() {
124                var el = document.getElementById('site-alert-banner');
125                var height = el && el.isConnected ? el.offsetHeight : 0;
126                document.documentElement.style.setProperty('--site-alert-height', height + 'px');
127                window.dispatchEvent(new CustomEvent('site-alert:change', { detail: { height: height } }));
128            }
129
130            var alertName = banner.getAttribute('data-alert-name') || '';
131            var storageKey = 'GCalert';
132            if (alertName !== '' && localStorage.getItem(storageKey) === alertName) {
133                banner.remove();
134                syncSiteAlertHeight();
135                return;
136            }
137
138            banner.hidden = false;
139            syncSiteAlertHeight();
140            requestAnimationFrame(function () {
141                syncSiteAlertHeight();
142            });
143
144            if (typeof ResizeObserver !== 'undefined') {
145                var ro = new ResizeObserver(syncSiteAlertHeight);
146                ro.observe(banner);
147            } else {
148                window.addEventListener('resize', syncSiteAlertHeight, { passive: true });
149            }
150
151            var dismiss = banner.querySelector('[data-site-alert-dismiss]');
152            if (dismiss) {
153                dismiss.addEventListener('click', function () {
154                    if (alertName !== '') {
155                        localStorage.setItem(storageKey, alertName);
156                    }
157                    banner.remove();
158                    syncSiteAlertHeight();
159                });
160            }
161        })();
162    </script>
162
163        <div id="app" v-cloak class="undernav">
164            <nav-component v-slot="{ open, openPanel, moreOpen, theme, navGlass, setOpen, setClose, setOpenPanel, toggleMore, closeMore }">
165    <nav
166        class="mainnav shadow-md z-40 sticky top-0 transition-[background-color,backdrop-filter,border-color,box-shadow] duration-300 bg-blue-600"
167        :class="navGlass ? 'bg-opacity-55 backdrop-blur-md border-b border-white/10' : ''"
168    >
169        <div class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8">
170
171            <div class="hidden relative h-14 lg:flex justify-between border-b border-blue-400 py-1">
172                <div class="flex items-center z-20 w-2/5 ">
173                    
174                </div>
175                <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">
176                    <div class="flex-shrink-0">
177                        <a href="/en">
178                                                        <img alt="" class="w-auto h-10" src="/img/gc_liggande_neg.svg"/>
179                                                        
180                        </a>
181                    </div>
182                  
183                </div></div>
184                <div class="flex items-center flex-shrink-0 min-w-1/2 z-20">
185
186                                        <desktop-nav-search
187                        locale="en"
188                        placeholder="Search"
189                    ></desktop-nav-search>
190                    <account-component
191                    create="Create account"
192                    sign="Sign in"
193                    hi="Hi!"
194                    to="To account">
195                </account-component>
196              
197                <form class="hidden lg:block lg:flex-1d ml-4 w-6 shrink-0">
198                    <div class="flex ">
199                        <label for="desktop-currency" class="sr-only">Currency</label>
200                        <div class=" relative -">
201                                                                                                                    <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 ">
202                                    <img src="/img/Sweden.png" class="w-6 h-6" />
203                                </a>
204                                                    </div>
205                    </div>
206                </form>                 </div>
207            </div>
208            <div>
209            <div class="relatived flex items-center justify-between h-14 lg:h-14">
210                <div class="absolute pr-2 inset-y-0 right-0 flex items-center lg:hidden">
211                    <button
212                        type="button"
213                        id="mobile-menu-button"
214                        @click="open ? setClose() : setOpen()"
215                        :aria-expanded="open ? 'true' : 'false'"
216                        aria-controls="mobile-navigation-panel"
217                        aria-label="Open menu"
218                        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"
219                    >
220                        <span class="relative block h-[14px] w-[22px]" aria-hidden="true">
221                            <span
222                                class="absolute left-0 block h-0.5 w-[22px] rounded-full bg-current transition-all duration-300 ease-out motion-reduce:transition-none"
223                                :class="open ? 'top-[6px] rotate-45' : 'top-0 rotate-0'"
224                            ></span>
225                            <span
226                                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"
227                                :class="open ? 'scale-x-0 opacity-0' : 'scale-x-100 opacity-100'"
228                            ></span>
229                            <span
230                                class="absolute left-0 block h-0.5 w-[22px] rounded-full bg-current transition-all duration-300 ease-out motion-reduce:transition-none"
231                                :class="open ? 'top-[6px] -rotate-45' : 'top-[12px] rotate-0'"
232                            ></span>
233                        </span>
234                    </button>
235                </div>
236               
237                <div class="flex-1 lg:hidden lg:flex-initial lg:flex-shrink-0 flex items-center justify-center lg:items-stretch lg:justify-start">
238                    <div class="flex-shrink-0">
239                        <a href="/en">
240                                                        <img alt="" class="w-auto h-8" src="/img/gc_liggande_neg.svg"/>
241                                                        
242                        </a>
243                    </div>
244                  
245                </div>
246                <div class="hidden flex-1 items-center justify-center lg:ml-6d lg:flex">
247                    <ul role="menubar" class="flex flex-wrap items-center justify-center gap-x-0.5 gap-y-1">
248                                                    <subnav-component v-slot="{ open, setOpen, setClose, color, menuColor }">
249    <li class="menu-item dropdown ">
250                <button
251            type="button"
252            @click="open ? setClose() : setOpen()"
253            :aria-expanded="open ? 'true' : 'false'"
254            :class="[
255                open
256                    ? 'border-white/20 bg-white/10 text-white ring-1 ring-white/25'
257                    : 'ring-white/15 hover:bg-white/10'
258            ]"
259            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"
260        >
261            Your participation
262            <span
263                class="inline-flex shrink-0 text-white/65 transition-transform duration-200 ease-out group-hover:text-white"
264                :class="open ? 'rotate-180 text-white' : ''"
265            >
266                <icon
267                    :size="4"
268                    class="h-4 w-4"
269                    icon="chevrondown"
270                ></icon>
271            </span>
272        </button>
273                <div v-show="open" class="fixed inset-0 z-40" @click="setClose()">
274        </div>
275        <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">
276            <div class="absolute inset-x-0 z-50 transform shadow-lg mt-2" v-if="open">
277                					<div class="overflow-hidden rounded-b-xl bg-white ring-1 ring-black/[0.06]">
278    <div
279        class="h-1 bg-gradient-to-r from-blue-600 via-blue-500 to-blue-400"
280        aria-hidden="true"
281    ></div>
282
283    <div
284        class="relative bg-gradient-to-br from-white via-white to-slate-50/70 px-5 py-7 sm:px-8 sm:py-9"
285    >
286        <div class="mx-auto max-w-7xl">
287            <p class="mb-5 text-xs font-semibold uppercase tracking-wider text-gray-500">
288                Quick links            </p>
289            <div class="grid gap-3 sm:grid-cols-2 sm:gap-4 lg:grid-cols-4">
290                                    <a
291                        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"
292                        href="/en/document/tournament-information"
293                    >
294                        <div
295                            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"
296                        >
297                                                            <icon :size="6" icon="info"></icon>
298                                                    </div>
299                        <div class="min-w-0 flex-1 space-y-0.5">
300                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
301                                Tournament information
302                                                            </p>
303                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
304                                    The most important information about the tournament
305                                </p>
306                                                    </div>
307                    </a>
308                                    <a
309                        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"
310                        href="/en/document/tournament-regulation"
311                    >
312                        <div
313                            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"
314                        >
315                                                            <icon :size="6" icon="ball"></icon>
316                                                    </div>
317                        <div class="min-w-0 flex-1 space-y-0.5">
318                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
319                                Tournament regulation
320                                                            </p>
321                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
322                                    Rules at the matches
323                                </p>
324                                                    </div>
325                    </a>
326                                    <a
327                        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"
328                        href="/en/costsfees"
329                    >
330                        <div
331                            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"
332                        >
333                                                            <icon :size="6" icon="dollar"></icon>
334                                                    </div>
335                        <div class="min-w-0 flex-1 space-y-0.5">
336                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
337                                Costs/Fees
338                                                            </p>
339                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
340                                    What does it cost?
341                                </p>
342                                                    </div>
343                    </a>
344                                    <a
345                        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"
346                        href="/en/gothia-card-eng"
347                    >
348                        <div
349                            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"
350                        >
351                                                            <icon :size="6" icon="ticket"></icon>
352                                                    </div>
353                        <div class="min-w-0 flex-1 space-y-0.5">
354                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
355                                Gothia Card
356                                                            </p>
357                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
358                                    The Tournament Card
359                                </p>
360                                                    </div>
361                    </a>
362                                    <a
363                        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"
364                        href="/en/document/age-control"
365                    >
366                        <div
367                            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"
368                        >
369                                                            <icon :size="6" icon="identification"></icon>
370                                                    </div>
371                        <div class="min-w-0 flex-1 space-y-0.5">
372                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
373                                Player registration &amp; Age Control
374                                                            </p>
375                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
376                                    How is it done? Whats a valid ID?
377                                </p>
378                                                    </div>
379                    </a>
380                                    <a
381                        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"
382                        href="https://id.gothiacup.se/login"
383                    >
384                        <div
385                            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"
386                        >
387                                                            <icon :size="6" icon="signin"></icon>
388                                                    </div>
389                        <div class="min-w-0 flex-1 space-y-0.5">
390                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
391                                Gothia Account
392                                                            </p>
393                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
394                                    Administrate your team here
395                                </p>
396                                                    </div>
397                    </a>
398                                    <a
399                        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"
400                        href="/en/travel-to-gothenburg"
401                    >
402                        <div
403                            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"
404                        >
405                                                            <icon :size="6" icon="plane"></icon>
406                                                    </div>
407                        <div class="min-w-0 flex-1 space-y-0.5">
408                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
409                                Travel to Gothenburg
410                                                            </p>
411                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
412                                    Best ways to get here
413                                </p>
414                                                    </div>
415                    </a>
416                                    <a
417                        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"
418                        href="/en/the-week"
419                    >
420                        <div
421                            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"
422                        >
423                                                            <icon :size="6" icon="calendar"></icon>
424                                                    </div>
425                        <div class="min-w-0 flex-1 space-y-0.5">
426                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
427                                The Week
428                                                            </p>
429                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
430                                    Highlights
431                                </p>
432                                                    </div>
433                    </a>
434                            </div>
435        </div>
436    </div>
437
438            <div class="border-t border-gray-200/80 bg-gray-50">
439            <div class="mx-auto max-w-7xl px-5 py-5 sm:px-8">
440                <div class="flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:gap-x-8 sm:gap-y-2">
441                                            <a
442                            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"
443                            href="https://id.gothiacup.se/login"
444                        >
445                                                            <span
446                                    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"
447                                >
448                                    <icon :size="5" icon="signin"></icon>
449                                </span>
450                                                        <span class="group-hover:text-blue-900">Sign in</span>
451                        </a>
452                                            <a
453                            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"
454                            href="/en/blog"
455                        >
456                                                            <span
457                                    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"
458                                >
459                                    <icon :size="5" icon="book"></icon>
460                                </span>
461                                                        <span class="group-hover:text-blue-900">News</span>
462                        </a>
463                                            <a
464                            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"
465                            href="http://support.gothiacup.se/"
466                        >
467                                                            <span
468                                    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"
469                                >
470                                    <icon :size="5" icon="support"></icon>
471                                </span>
472                                                        <span class="group-hover:text-blue-900">Helpcenter</span>
473                        </a>
474                                            <a
475                            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"
476                            href="/en/registration"
477                        >
478                                                            <span
479                                    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"
480                                >
481                                    <icon :size="5" icon="pen"></icon>
482                                </span>
483                                                        <span class="group-hover:text-blue-900">Registration form</span>
484                        </a>
485                                    </div>
486            </div>
487        </div>
488    </div>
489				            </div>
490        </transition>
491    </li>
492</subnav-component>                                                    <subnav-component v-slot="{ open, setOpen, setClose, color, menuColor }">
493    <li class="menu-item dropdown ">
494                <button
495            type="button"
496            @click="open ? setClose() : setOpen()"
497            :aria-expanded="open ? 'true' : 'false'"
498            :class="[
499                open
500                    ? 'border-white/20 bg-white/10 text-white ring-1 ring-white/25'
501                    : 'ring-white/15 hover:bg-white/10'
502            ]"
503            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"
504        >
505            Tournament
506            <span
507                class="inline-flex shrink-0 text-white/65 transition-transform duration-200 ease-out group-hover:text-white"
508                :class="open ? 'rotate-180 text-white' : ''"
509            >
510                <icon
511                    :size="4"
512                    class="h-4 w-4"
513                    icon="chevrondown"
514                ></icon>
515            </span>
516        </button>
517                <div v-show="open" class="fixed inset-0 z-40" @click="setClose()">
518        </div>
519        <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">
520            <div class="absolute inset-x-0 z-50 transform shadow-lg mt-2" v-if="open">
521                	
522					<div class="overflow-hidden rounded-b-xl bg-white ring-1 ring-black/[0.06]">
523    <div
524        class="h-1 bg-gradient-to-r from-blue-600 via-blue-500 to-blue-400"
525        aria-hidden="true"
526    ></div>
527
528    <div
529        class="relative bg-gradient-to-br from-white via-white to-slate-50/70 px-4 py-7 sm:px-8 sm:py-9"
530    >
531        <div class="mx-auto max-w-7xl">
532            <p class="mb-5 text-xs font-semibold uppercase tracking-wider text-gray-500">
533                Quick links            </p>
534            <div class="grid row-gap-6 gap-x-4 sm:grid-cols-2 sm:gap-8 lg:grid-cols-4">
535                                    <a
536                        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"
537                        href="/en/opening-ceremony"
538                    >
539                        <div class="flex flex-1 flex-col space-y-4 md:h-full lg:space-y-4">
540                            <div class="flex gap-3 md:h-full lg:flex-col lg:gap-4">
541                                <div class="shrink-0">
542                                    <span
543                                        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"
544                                    >
545                                                                                    <icon :size="6" icon="sparkles"></icon>
546                                                                            </span>
547                                </div>
548                                <div class="min-w-0 flex-1 space-y-1 md:flex md:flex-col md:justify-between lg:space-y-4">
549                                    <div class="space-y-1">
550                                        <p class="text-base font-semibold leading-6 text-gray-900 group-hover:text-blue-900">
551                                            Opening Ceremony
552                                                                                    </p>
553                                                                                    <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
554                                                An evening to remember
555                                            </p>
556                                                                            </div>
557                                </div>
558                            </div>
559                            <p
560                                class="text-sm font-medium leading-5 text-blue-600 transition group-hover:text-blue-500"
561                            >
562                                Read more <span aria-hidden="true">→</span>
563                            </p>
564                        </div>
565                    </a>
566                                    <a
567                        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"
568                        href="/en/leaders-party"
569                    >
570                        <div class="flex flex-1 flex-col space-y-4 md:h-full lg:space-y-4">
571                            <div class="flex gap-3 md:h-full lg:flex-col lg:gap-4">
572                                <div class="shrink-0">
573                                    <span
574                                        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"
575                                    >
576                                                                                    <icon :size="6" icon="music"></icon>
577                                                                            </span>
578                                </div>
579                                <div class="min-w-0 flex-1 space-y-1 md:flex md:flex-col md:justify-between lg:space-y-4">
580                                    <div class="space-y-1">
581                                        <p class="text-base font-semibold leading-6 text-gray-900 group-hover:text-blue-900">
582                                            Leaders Party
583                                                                                    </p>
584                                                                                    <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
585                                                All you leaders and coaches deserves it
586                                            </p>
587                                                                            </div>
588                                </div>
589                            </div>
590                            <p
591                                class="text-sm font-medium leading-5 text-blue-600 transition group-hover:text-blue-500"
592                            >
593                                Read more <span aria-hidden="true">→</span>
594                            </p>
595                        </div>
596                    </a>
597                                    <a
598                        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"
599                        href="/en/the-finals"
600                    >
601                        <div class="flex flex-1 flex-col space-y-4 md:h-full lg:space-y-4">
602                            <div class="flex gap-3 md:h-full lg:flex-col lg:gap-4">
603                                <div class="shrink-0">
604                                    <span
605                                        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"
606                                    >
607                                                                                    <icon :size="6" icon="trophy"></icon>
608                                                                            </span>
609                                </div>
610                                <div class="min-w-0 flex-1 space-y-1 md:flex md:flex-col md:justify-between lg:space-y-4">
611                                    <div class="space-y-1">
612                                        <p class="text-base font-semibold leading-6 text-gray-900 group-hover:text-blue-900">
613                                            The Finals
614                                                                                    </p>
615                                                                                    <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
616                                                Time for the champions
617                                            </p>
618                                                                            </div>
619                                </div>
620                            </div>
621                            <p
622                                class="text-sm font-medium leading-5 text-blue-600 transition group-hover:text-blue-500"
623                            >
624                                Read more <span aria-hidden="true">→</span>
625                            </p>
626                        </div>
627                    </a>
628                                    <a
629                        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"
630                        href="/en/the-centers"
631                    >
632                        <div class="flex flex-1 flex-col space-y-4 md:h-full lg:space-y-4">
633                            <div class="flex gap-3 md:h-full lg:flex-col lg:gap-4">
634                                <div class="shrink-0">
635                                    <span
636                                        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"
637                                    >
638                                                                                    <icon :size="6" icon="users"></icon>
639                                                                            </span>
640                                </div>
641                                <div class="min-w-0 flex-1 space-y-1 md:flex md:flex-col md:justify-between lg:space-y-4">
642                                    <div class="space-y-1">
643                                        <p class="text-base font-semibold leading-6 text-gray-900 group-hover:text-blue-900">
644                                            The Centres
645                                                                                    </p>
646                                                                                    <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
647                                                Our event areas
648                                            </p>
649                                                                            </div>
650                                </div>
651                            </div>
652                            <p
653                                class="text-sm font-medium leading-5 text-blue-600 transition group-hover:text-blue-500"
654                            >
655                                Read more <span aria-hidden="true">→</span>
656                            </p>
657                        </div>
658                    </a>
659                                    <a
660                        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"
661                        href="/en/special-olympics-trophy"
662                    >
663                        <div class="flex flex-1 flex-col space-y-4 md:h-full lg:space-y-4">
664                            <div class="flex gap-3 md:h-full lg:flex-col lg:gap-4">
665                                <div class="shrink-0">
666                                    <span
667                                        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"
668                                    >
669                                                                                    <icon :size="6" icon="trophy"></icon>
670                                                                            </span>
671                                </div>
672                                <div class="min-w-0 flex-1 space-y-1 md:flex md:flex-col md:justify-between lg:space-y-4">
673                                    <div class="space-y-1">
674                                        <p class="text-base font-semibold leading-6 text-gray-900 group-hover:text-blue-900">
675                                            Special Olympics Trophy
676                                                                                    </p>
677                                                                                    <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
678                                                Founded by Kim Källström
679                                            </p>
680                                                                            </div>
681                                </div>
682                            </div>
683                            <p
684                                class="text-sm font-medium leading-5 text-blue-600 transition group-hover:text-blue-500"
685                            >
686                                Read more <span aria-hidden="true">→</span>
687                            </p>
688                        </div>
689                    </a>
690                                    <a
691                        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"
692                        href="/en/puma-trophy"
693                    >
694                        <div class="flex flex-1 flex-col space-y-4 md:h-full lg:space-y-4">
695                            <div class="flex gap-3 md:h-full lg:flex-col lg:gap-4">
696                                <div class="shrink-0">
697                                    <span
698                                        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"
699                                    >
700                                                                                    <icon :size="6" icon="trophy"></icon>
701                                                                            </span>
702                                </div>
703                                <div class="min-w-0 flex-1 space-y-1 md:flex md:flex-col md:justify-between lg:space-y-4">
704                                    <div class="space-y-1">
705                                        <p class="text-base font-semibold leading-6 text-gray-900 group-hover:text-blue-900">
706                                            Gothia Puma Trophy
707                                                                                    </p>
708                                                                                    <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
709                                                An invitation only tournament for players 17 years old
710                                            </p>
711                                                                            </div>
712                                </div>
713                            </div>
714                            <p
715                                class="text-sm font-medium leading-5 text-blue-600 transition group-hover:text-blue-500"
716                            >
717                                Read more <span aria-hidden="true">→</span>
718                            </p>
719                        </div>
720                    </a>
721                                    <a
722                        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"
723                        href="/en/gothia-app"
724                    >
725                        <div class="flex flex-1 flex-col space-y-4 md:h-full lg:space-y-4">
726                            <div class="flex gap-3 md:h-full lg:flex-col lg:gap-4">
727                                <div class="shrink-0">
728                                    <span
729                                        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"
730                                    >
731                                                                                    <icon :size="6" icon="phone"></icon>
732                                                                            </span>
733                                </div>
734                                <div class="min-w-0 flex-1 space-y-1 md:flex md:flex-col md:justify-between lg:space-y-4">
735                                    <div class="space-y-1">
736                                        <p class="text-base font-semibold leading-6 text-gray-900 group-hover:text-blue-900">
737                                            The Gothia App
738                                                                                    </p>
739                                                                                    <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
740                                                Follow the tournament
741                                            </p>
742                                                                            </div>
743                                </div>
744                            </div>
745                            <p
746                                class="text-sm font-medium leading-5 text-blue-600 transition group-hover:text-blue-500"
747                            >
748                                Read more <span aria-hidden="true">→</span>
749                            </p>
750                        </div>
751                    </a>
752                                    <a
753                        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"
754                        href="/en/the-livestream"
755                    >
756                        <div class="flex flex-1 flex-col space-y-4 md:h-full lg:space-y-4">
757                            <div class="flex gap-3 md:h-full lg:flex-col lg:gap-4">
758                                <div class="shrink-0">
759                                    <span
760                                        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"
761                                    >
762                                                                                    <icon :size="6" icon="play"></icon>
763                                                                            </span>
764                                </div>
765                                <div class="min-w-0 flex-1 space-y-1 md:flex md:flex-col md:justify-between lg:space-y-4">
766                                    <div class="space-y-1">
767                                        <p class="text-base font-semibold leading-6 text-gray-900 group-hover:text-blue-900">
768                                            Livestream
769                                                                                    </p>
770                                                                                    <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
771                                                Watch the tournemant
772                                            </p>
773                                                                            </div>
774                                </div>
775                            </div>
776                            <p
777                                class="text-sm font-medium leading-5 text-blue-600 transition group-hover:text-blue-500"
778                            >
779                                Read more <span aria-hidden="true">→</span>
780                            </p>
781                        </div>
782                    </a>
783                            </div>
784        </div>
785    </div>
786
787            <div class="border-t border-gray-200/80 bg-gray-50">
788            <div class="mx-auto max-w-7xl px-5 py-5 sm:px-8">
789                <div class="flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:gap-x-8 sm:gap-y-2">
790                                            <a
791                            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"
792                            href="https://id.gothiacup.se/login"
793                        >
794                                                            <span
795                                    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"
796                                >
797                                    <icon :size="5" icon="signin"></icon>
798                                </span>
799                                                        <span class="group-hover:text-blue-900">Sign in</span>
800                        </a>
801                                            <a
802                            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"
803                            href="/en/blog"
804                        >
805                                                            <span
806                                    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"
807                                >
808                                    <icon :size="5" icon="book"></icon>
809                                </span>
810                                                        <span class="group-hover:text-blue-900">News</span>
811                        </a>
812                                            <a
813                            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"
814                            href="http://support.gothiacup.se/"
815                        >
816                                                            <span
817                                    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"
818                                >
819                                    <icon :size="5" icon="support"></icon>
820                                </span>
821                                                        <span class="group-hover:text-blue-900">Helpcenter</span>
822                        </a>
823                                            <a
824                            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"
825                            href="/en/registration"
826                        >
827                                                            <span
828                                    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"
829                                >
830                                    <icon :size="5" icon="pen"></icon>
831                                </span>
832                                                        <span class="group-hover:text-blue-900">Registration form</span>
833                        </a>
834                                    </div>
835            </div>
836        </div>
837    </div>
838				            </div>
839        </transition>
840    </li>
841</subnav-component>                                                    <subnav-component v-slot="{ open, setOpen, setClose, color, menuColor }">
842    <li class="menu-item dropdown ">
843                <button
844            type="button"
845            @click="open ? setClose() : setOpen()"
846            :aria-expanded="open ? 'true' : 'false'"
847            :class="[
848                open
849                    ? 'border-white/20 bg-white/10 text-white ring-1 ring-white/25'
850                    : 'ring-white/15 hover:bg-white/10'
851            ]"
852            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"
853        >
854            About us
855            <span
856                class="inline-flex shrink-0 text-white/65 transition-transform duration-200 ease-out group-hover:text-white"
857                :class="open ? 'rotate-180 text-white' : ''"
858            >
859                <icon
860                    :size="4"
861                    class="h-4 w-4"
862                    icon="chevrondown"
863                ></icon>
864            </span>
865        </button>
866                <div v-show="open" class="fixed inset-0 z-40" @click="setClose()">
867        </div>
868        <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">
869            <div class="absolute inset-x-0 z-50 transform shadow-lg mt-2" v-if="open">
870                					<div class="relative overflow-hidden rounded-b-xl bg-white ring-1 ring-black/[0.06]">
871    <div
872        class="relative z-20 h-1 bg-gradient-to-r from-blue-600 via-blue-500 to-blue-400"
873        aria-hidden="true"
874    ></div>
875
876    
877    <div
878        class="pointer-events-none absolute inset-0 top-1 z-0 hidden lg:flex"
879        aria-hidden="true"
880    >
881        <div class="h-full w-1/2 bg-white"></div>
882        <div class="h-full w-1/2 bg-gray-50"></div>
883    </div>
884
885    <div
886        class="relative z-10 mx-auto grid max-w-7xl lg:grid-cols-2 lg:divide-x lg:divide-gray-200/70"
887    >
888        
889        <div
890            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"
891        >
892            <p class="mb-5 text-xs font-semibold uppercase tracking-wider text-gray-500">
893                Quick links            </p>
894            <div class="grid gap-3 sm:grid-cols-2 sm:gap-4">
895                                    <a
896                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
897                        href="/en/about-us"
898                    >
899                        <div
900                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
901                        >
902                                                            <icon :size="6" icon="ball"></icon>
903                                                    </div>
904                        <div class="min-w-0 flex-1 space-y-0.5">
905                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
906                                About us
907                                                            </p>
908                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
909                                    Since 1975
910                                </p>
911                                                    </div>
912                    </a>
913                                    <a
914                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
915                        href="/en/factsstatistics"
916                    >
917                        <div
918                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
919                        >
920                                                            <icon :size="6" icon="stats"></icon>
921                                                    </div>
922                        <div class="min-w-0 flex-1 space-y-0.5">
923                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
924                                Facts/Statistics
925                                                            </p>
926                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
927                                    Since the start in 1975
928                                </p>
929                                                    </div>
930                    </a>
931                                    <a
932                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
933                        href="/en/celebrateplanetpeoplegame"
934                    >
935                        <div
936                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
937                        >
938                                                            <icon :size="6" icon="sparkles"></icon>
939                                                    </div>
940                        <div class="min-w-0 flex-1 space-y-0.5">
941                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
942                                Celebrate
943                                                                    <sp
943an
944                                        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"
945                                    >
946                                        New
947                                    </span>
948                                                            </p>
949                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
950                                    Let&#039;s make the future more sustainable
951                                </p>
952                                                    </div>
953                    </a>
954                                    <a
955                        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"
956                        href="/en/celebrate-the-game-fair-play"
957                    >
958                        <div
959                            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"
960                        >
961                                                            <icon :size="6" icon="thumbsup"></icon>
962                                                    </div>
963                        <div class="min-w-0 flex-1 space-y-0.5">
964                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
965                                Celebrate The Game
966                                                            </p>
967                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
968                                    Our fair play project
969                                </p>
970                                                    </div>
971                    </a>
972                                    <a
973                        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"
974                        href="/en/gothia-foundation"
975                    >
976                        <div
977                            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"
978                        >
979                                                            <icon :size="6" icon="star"></icon>
980                                                    </div>
981                        <div class="min-w-0 flex-1 space-y-0.5">
982                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
983                                Gothia Cup Foundation
984                                                            </p>
985                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
986                                    Giving everyone the opportunit
987                                </p>
988                                                    </div>
989                    </a>
990                                    <a
991                        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"
992                        href="/en/gothenburg"
993                    >
994                        <div
995                            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"
996                        >
997                                                            <icon :size="6" icon="hotel"></icon>
998                                                    </div>
999                        <div class="min-w-0 flex-1 space-y-0.5">
1000                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
1001                                Gothenburg
1002                                                            </p>
1003                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
1004                                    The Host City
1005                                </p>
1006                                                    </div>
1007                    </a>
1008                                    <a
1009                        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"
1010                        href="/en/skf-meet-the-world"
1011                    >
1012                        <div
1013                            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"
1014                        >
1015                                                            <icon :size="6" icon="globe"></icon>
1016                                                    </div>
1017                        <div class="min-w-0 flex-1 space-y-0.5">
1018                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
1019                                Meet The World
1020                                                            </p>
1021                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
1022                                    An initiative from SKF
1023                                </p>
1024                                                    </div>
1025                    </a>
1026                                    <a
1027                        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"
1028                        href="/en/our-partners"
1029                    >
1030                        <div
1031                            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"
1032                        >
1033                                                            <icon :size="6" icon="heart"></icon>
1034                                                    </div>
1035                        <div class="min-w-0 flex-1 space-y-0.5">
1036                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
1037                                Partners
1038                                                            </p>
1039                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
1040                                    We do it together
1041                                </p>
1042                                                    </div>
1043                    </a>
1044                                    <a
1045                        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"
1046                        href="/en/contact-us"
1047                    >
1048                        <div
1049                            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"
1050                        >
1051                                                            <icon :size="6" icon="telephone"></icon>
1052                                                    </div>
1053                        <div class="min-w-0 flex-1 space-y-0.5">
1054                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
1055                                Contact us
1056                                                            </p>
1057                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
1058                                    Can we help?
1059                                </p>
1060                                                    </div>
1061                    </a>
1062                                    <a
1063                        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"
1064                        href="https://press.gothiacup.se/"
1065                    >
1066                        <div
1067                            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"
1068                        >
1069                                                            <icon :size="6" icon="camera"></icon>
1070                                                    </div>
1071                        <div class="min-w-0 flex-1 space-y-0.5">
1072                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
1073                                Press
1074                                                            </p>
1075                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
1076                                    Our pressroom
1077                                </p>
1078                                                    </div>
1079                    </a>
1080                            </div>
1081        </div>
1082
1083        
1084        <div
1085            class="relative min-h-[260px] bg-gray-50 lg:min-h-0 lg:bg-transparent"
1086        >
1087            <posts-component
1088                :embed="true"
1089                title="Latest news"
1090                link="View all"
1091            >
1092            </posts-component>
1093        </div>
1094    </div>
1095</div>
1096 
1097				            </div>
1098        </transition>
1099    </li>
1100</subnav-component>                                                    <subnav-component v-slot="{ open, setOpen, setClose, color, menuColor }">
1101    <li class="menu-item dropdown ">
1102                <a
1103            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"
1104            href="/en/hotel"
1105        >
1106            Hotel
1107        </a>
1108                <div v-show="open" class="fixed inset-0 z-40" @click="setClose()">
1109        </div>
1110        <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">
1111            <div class="absolute inset-x-0 z-50 transform shadow-lg mt-2" v-if="open">
1112                					<div class="overflow-hidden rounded-b-xl bg-white ring-1 ring-black/[0.06]">
1113    <div
1114        class="h-1 bg-gradient-to-r from-blue-600 via-blue-500 to-blue-400"
1115        aria-hidden="true"
1116    ></div>
1117
1118    <div
1119        class="relative bg-gradient-to-br from-white via-white to-slate-50/70 px-5 py-7 sm:px-8 sm:py-9"
1120    >
1121        <div class="mx-auto max-w-7xl">
1122            <p class="mb-5 text-xs font-semibold uppercase tracking-wider text-gray-500">
1123                Quick links            </p>
1124            <div class="grid gap-3 sm:grid-cols-2 sm:gap-4 lg:grid-cols-4">
1125                            </div>
1126        </div>
1127    </div>
1128
1129            <div class="border-t border-gray-200/80 bg-gray-50">
1130            <div class="mx-auto max-w-7xl px-5 py-5 sm:px-8">
1131                <div class="flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:gap-x-8 sm:gap-y-2">
1132                                            <a
1133                            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"
1134                            href="https://id.gothiacup.se/login"
1135                        >
1136                                                            <span
1137                                    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"
1138                                >
1139                                    <icon :size="5" icon="signin"></icon>
1140                                </span>
1141                                                        <span class="group-hover:text-blue-900">Sign in</span>
1142                        </a>
1143                                            <a
1144                            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"
1145                            href="/en/blog"
1146                        >
1147                                                            <span
1148                                    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"
1149                                >
1150                                    <icon :size="5" icon="book"></icon>
1151                                </span>
1152                                                        <span class="group-hover:text-blue-900">News</span>
1153                        </a>
1154                                            <a
1155                            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"
1156                            href="http://support.gothiacup.se/"
1157                        >
1158                                                            <span
1159                                    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"
1160                                >
1161                                    <icon :size="5" icon="support"></icon>
1162                                </span>
1163                                                        <span class="group-hover:text-blue-900">Helpcenter</span>
1164                        </a>
1165                                            <a
1166                            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"
1167                            href="/en/registration"
1168                        >
1169                                                            <span
1170                                    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"
1171                                >
1172                                    <icon :size="5" icon="pen"></icon>
1173                                </span>
1174                                                        <span class="group-hover:text-blue-900">Registration form</span>
1175                        </a>
1176                                    </div>
1177            </div>
1178        </div>
1179    </div>
1180				            </div>
1181        </transition>
1182    </li>
1183</subnav-component>                                                    <subnav-component v-slot="{ open, setOpen, setClose, color, menuColor }">
1184    <li class="menu-item dropdown ">
1185                <a
1186            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"
1187            href="/en/crew"
1188        >
1189            Crew members
1190        </a>
1191                <div v-show="open" class="fixed inset-0 z-40" @click="setClose()">
1192        </div>
1193        <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">
1194            <div class="absolute inset-x-0 z-50 transform shadow-lg mt-2" v-if="open">
1195                					<div class="overflow-hidden rounded-b-xl bg-white ring-1 ring-black/[0.06]">
1196    <div
1197        class="h-1 bg-gradient-to-r from-blue-600 via-blue-500 to-blue-400"
1198        aria-hidden="true"
1199    ></div>
1200
1201    <div
1202        class="relative bg-gradient-to-br from-white via-white to-slate-50/70 px-5 py-7 sm:px-8 sm:py-9"
1203    >
1204        <div class="mx-auto max-w-7xl">
1205            <p class="mb-5 text-xs font-semibold uppercase tracking-wider text-gray-500">
1206                Quick links            </p>
1207            <div class="grid gap-3 sm:grid-cols-2 sm:gap-4 lg:grid-cols-4">
1208                            </div>
1209        </div>
1210    </div>
1211
1212            <div class="border-t border-gray-200/80 bg-gray-50">
1213            <div class="mx-auto max-w-7xl px-5 py-5 sm:px-8">
1214                <div class="flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:gap-x-8 sm:gap-y-2">
1215                                            <a
1216                            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"
1217                            href="https://id.gothiacup.se/login"
1218                        >
1219                                                            <span
1220                                    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"
1221                                >
1222                                    <icon :size="5" icon="signin"></icon>
1223                                </span>
1224                                                        <span class="group-hover:text-blue-900">Sign in</span>
1225                        </a>
1226                                            <a
1227                            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"
1228                            href="/en/blog"
1229                        >
1230                                                            <span
1231                                    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"
1232                                >
1233                                    <icon :size="5" icon="book"></icon>
1234                                </span>
1235                                                        <span class="group-hover:text-blue-900">News</span>
1236                        </a>
1237                                            <a
1238                            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"
1239                            href="http://support.gothiacup.se/"
1240                        >
1241                                                            <span
1242                                    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"
1243                                >
1244                                    <icon :size="5" icon="support"></icon>
1245                                </span>
1246                                                        <span class="group-hover:text-blue-900">Helpcenter</span>
1247                        </a>
1248                                            <a
1249                            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"
1250                            href="/en/registration"
1251                        >
1252                                                            <span
1253                                    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"
1254                                >
1255                                    <icon :size="5" icon="pen"></icon>
1256                                </span>
1257                                                        <span class="group-hover:text-blue-900">Registration form</span>
1258                        </a>
1259                                    </div>
1260            </div>
1261        </div>
1262    </div>
1263				            </div>
1264        </transition>
1265    </li>
1266</subnav-component>                                                    <subnav-component v-slot="{ open, setOpen, setClose, color, menuColor }">
1267    <li class="menu-item dropdown ">
1268                <button
1269            type="button"
1270            @click="open ? setClose() : setOpen()"
1271            :aria-expanded="open ? 'true' : 'false'"
1272            :class="[
1273                open
1274                    ? 'border-white/20 bg-white/10 text-white ring-1 ring-white/25'
1275                    : 'ring-white/15 hover:bg-white/10'
1276            ]"
1277            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"
1278        >
1279            Schedule 2026
1280            <span
1281                class="inline-flex shrink-0 text-white/65 transition-transform duration-200 ease-out group-hover:text-white"
1282                :class="open ? 'rotate-180 text-white' : ''"
1283            >
1284                <icon
1285                    :size="4"
1286                    class="h-4 w-4"
1287                    icon="chevrondown"
1288                ></icon>
1289            </span>
1290        </button>
1291                <div v-show="open" class="fixed inset-0 z-40" @click="setClose()">
1292        </div>
1293        <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">
1294            <div class="absolute inset-x-0 z-50 transform shadow-lg mt-2" v-if="open">
1295                					<div class="overflow-hidden rounded-b-xl bg-white ring-1 ring-black/[0.06]">
1296    <div
1297        class="h-1 bg-gradient-to-r from-blue-600 via-blue-500 to-blue-400"
1298        aria-hidden="true"
1299    ></div>
1300
1301    <div
1302        class="relative bg-gradient-to-br from-white via-white to-slate-50/70 px-5 py-7 sm:px-8 sm:py-9"
1303    >
1304        <div class="mx-auto max-w-7xl">
1305            <p class="mb-5 text-xs font-semibold uppercase tracking-wider text-gray-500">
1306                Quick links            </p>
1307            <div class="grid gap-3 sm:grid-cols-2 sm:gap-4 lg:grid-cols-4">
1308                                    <a
1309                        class="group flex items-start gap-3 rounded-xl border border-gray-100/90 bg-white/90 p-3.5 shadow-sm ring-1 ring-black/[0.04] transition duration-150 ease-out hover:-translate-y-0.5 hover:border-blue-200/90 hover:bg-blue-50/50 hover:shadow-md hover:ring-blue-500/10"
1310                        href="https://results.gothiacup.se"
1311                    >
1312                        <div
1313                            class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-400 to-blue-600 text-white shadow-inner ring-1 ring-white/10 sm:h-12 sm:w-12"
1314                        >
1315                                                            <icon :size="6" icon="ball"></icon>
1316                                                    </div>
1317                        <div class="min-w-0 flex-1 space-y-0.5">
1318                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
1319                                Schedule 2026
1320                                                                    <span
1321                                        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"
1322                                    >
1323                                        Live now
1324                                    </span>
1325                                                            </p>
1326                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
1327                                    Results
1328                                </p>
1329                                                    </div>
1330                    </a>
1331                                    <a
1332                        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"
1333                        href="https://results.gothiacup.se/2026/fields-map"
1334                    >
1335                        <div
1336                            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"
1337                        >
1338                                                            <icon :size="6" icon="place"></icon>
1339                                                    </div>
1340                        <div class="min-w-0 flex-1 space-y-0.5">
1341                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
1342                                Field Map
1343                                                            </p>
1344                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
1345                                    Find the fields
1346                                </p>
1347                                                    </div>
1348                    </a>
1349                                    <a
1350                        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"
1351                        href="/en/play"
1352                    >
1353                        <div
1354                            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"
1355                        >
1356                                                            <icon :size="6" icon="play"></icon>
1357                                                    </div>
1358                        <div class="min-w-0 flex-1 space-y-0.5">
1359                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
1360                                Play
1361                                                            </p>
1362                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
1363                                    Watch more of the tournament
1364                                </p>
1365                                                    </div>
1366                    </a>
1367                                    <a
1368                        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"
1369                        href="https://results.gothiacup.se/2026/shuttle"
1370                    >
1371                        <div
1372                            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"
1373                        >
1374                                                            <icon :size="6" icon="place"></icon>
1375                                                    </div>
1376                        <div class="min-w-0 flex-1 space-y-0.5">
1377                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
1378                                Gothia Line
1379                                                            </p>
1380                                                            <p class="text-sm leading-5 text-gray-500 group-hover:text-gray-600">
1381                                    Buses
1382                                </p>
1383                                                    </div>
1384                    </a>
1385                                    <a
1386                        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"
1387                        href="/en/form/registration"
1388                    >
1389                        <div
1390                            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"
1391                        >
1392                                                            <icon :size="6" icon="pen"></icon>
1393                                                    </div>
1394                        <div class="min-w-0 flex-1 space-y-0.5">
1395                            <p class="text-[15px] font-semibold leading-snug text-gray-900 group-hover:text-blue-900">
1396                                Registration form
1397                                                            </p>
1398                                                    </div>
1399                    </a>
1400                            </div>
1401        </div>
1402    </div>
1403
1404            <div class="border-t border-gray-200/80 bg-gray-50">
1405            <div class="mx-auto max-w-7xl px-5 py-5 sm:px-8">
1406                <div class="flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:gap-x-8 sm:gap-y-2">
1407                                            <a
1408                            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"
1409                            href="https://id.gothiacup.se/login"
1410                        >
1411                                                            <span
1412                                    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"
1413                                >
1414                                    <icon :size="5" icon="signin"></icon>
1415                                </span>
1416                                                        <span class="group-hover:text-blue-900">Sign in</span>
1417                        </a>
1418                                            <a
1419                            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"
1420                            href="/en/blog"
1421                        >
1422                                                            <span
1423                                    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"
1424                                >
1425                                    <icon :size="5" icon="book"></icon>
1426                                </span>
1427                                                        <span class="group-hover:text-blue-900">News</span>
1428                        </a>
1429                                            <a
1430                            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"
1431                            href="http://support.gothiacup.se/"
1432                        >
1433                                                            <span
1434                                    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"
1435                                >
1436                                    <icon :size="5" icon="support"></icon>
1437                                </span>
1438                                                        <span class="group-hover:text-blue-900">Helpcenter</span>
1439                        </a>
1440                                            <a
1441                            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"
1442                            href="/en/registration"
1443                        >
1444                                                            <span
1445                                    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"
1446                                >
1447                                    <icon :size="5" icon="pen"></icon>
1448                                </span>
1449                                                        <span class="group-hover:text-blue-900">Registration form</span>
1450                        </a>
1451                                    </div>
1452            </div>
1453        </div>
1454    </div>
1455				            </div>
1456        </transition>
1457    </li>
1458</subnav-component>                                            </ul>
1459                </div>
1460                
1461            </div>
1462        </div>
1463        </div>
1464    </nav>
1465    <transition
1466    enter-active-class="transition-opacity duration-200 ease-out"
1467    enter-from-class="opacity-0"
1468    enter-to-class="opacity-100"
1469    leave-active-class="transition-opacity duration-150 ease-in"
1470    leave-from-class="opacity-100"
1471    leave-to-class="opacity-0"
1472>
1473    <div
1474        v-if="open"
1475        class="fixed inset-0 z-[100] bg-blue-900/45 backdrop-blur-sm lg:hidden"
1476        aria-hidden="true"
1477        @click="setClose()"
1478    ></div>
1479</transition>
1480
1481<transition
1482    enter-active-class="transition-transform duration-300 ease-out"
1483    enter-from-class="translate-x-full"
1484    enter-to-class="translate-x-0"
1485    leave-active-class="transition-transform duration-200 ease-in"
1486    leave-from-class="translate-x-0"
1487    leave-to-class="translate-x-full"
1488>
1489    <aside
1490        v-if="open"
1491        id="mobile-navigation-panel"
1492        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"
1493        role="dialog"
1494        aria-modal="true"
1495        aria-label="Main navigation"
1496    >
1497        <div class="flex h-full min-h-0 flex-col">
1498            
1499            <div class="flex shrink-0 items-center justify-between gap-3 border-b border-blue-100 bg-white px-4 py-2.5">
1500                <div class="flex min-w-0 items-center gap-3">
1501                    <img alt="" class="h-9 w-auto shrink-0" src="/img/gc_icon_pos.svg"/>
1502                    <span class="truncate text-sm font-semibold text-blue-900">
1503                        Gothia Cup
1504                    </span>
1505                </div>
1506                <button
1507                    type="button"
1508                    @click="setClose()"
1509                    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"
1510                    aria-label="Close menu"
1511                >
1512                    <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
1513                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
1514                    </svg>
1515                </button>
1516            </div>
1517
1518                            <div class="shrink-0 border-b border-blue-100 bg-blue-50/60 px-4 py-2">
1519                    <div class="flex justify-end">
1520                        <account-component
1521                            create="Create account"
1522                            sign="Sign in"
1523                            hi="Hi!"
1524                            to="To account">
1525                        </account-component>
1526                    </div>
1527                </div>
1528            
1529            
1530            <div class="mobilenavitem min-h-0 flex-1 overflow-y-auto overscroll-contain px-3 pb-5 pt-1.5">
1531                <nav class="space-y-0.5" aria-label="Main navigation">
1532                    <dl class="divide-y divide-blue-100/80">
1533                                                <div class=" py-0.5">
1534                            <dt>
1535                                                                <button
1536                                    type="button"
1537                                    :aria-expanded="openPanel === '3468' + 1 ? 'true' : 'false'"
1538                                    @click="setOpenPanel(openPanel === '3468' + 1 ? null : '3468' + 1)"
1539                                    :class="openPanel === '3468' + 1 ? 'bg-blue-50' : ''"
1540                                    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"
1541                                >
1542                                    <span class="flex min-w-0 items-center gap-2.5">
1543                                        <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">
1544                                                                                            <icon :size="5" class="text-blue-700" icon="clipboard"></icon>
1545                                                                                    </span>
1546                                        <span class="truncate leading-snug">Your participation</span>
1547                                    </span>
1548                                    <svg
1549                                        :class="{ '-rotate-180': openPanel === '3468' + 1 }"
1550                                        class="h-5 w-5 shrink-0 text-blue-500 transition-transform duration-200"
1551                                        fill="none"
1552                                        stroke="currentColor"
1553                                        viewBox="0 0 24 24"
1554                                        aria-hidden="true"
1555                                    >
1556                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
1557                                    </svg>
1558                                </button>
1559                                                            </dt>
1560                            <dd class="bg-blue-50/30 pb-1.5 pt-0.5" v-if="openPanel === '3468' + 1">
1561                                                                <a
1562                                    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"
1563                                    href="/en/document/tournament-information"
1564                                >
1565                                    <span class="flex min-w-0 items-center gap-2">
1566                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="info"></icon>
1567                                                                                <span class="truncate">Tournament information</span>
1568                                    </span>
1569                                                                    </a>
1570                                                                <a
1571                                    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"
1572                                    href="/en/document/tournament-regulation"
1573                                >
1574                                    <span class="flex min-w-0 items-center gap-2">
1575                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="ball"></icon>
1576                                                                                <span class="truncate">Tournament regulation</span>
1577                                    </span>
1578                                                                    </a>
1579                                                                <a
1580                                    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"
1581                                    href="/en/costsfees"
1582                                >
1583                                    <span class="flex min-w-0 items-center gap-2">
1584                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="dollar"></icon>
1585                                                                                <span class="truncate">Costs/Fees</span>
1586                                    </span>
1587                                                                    </a>
1588                                                                <a
1589                                    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"
1590                                    href="/en/gothia-card-eng"
1591                                >
1592                                    <span class="flex min-w-0 items-center gap-2">
1593                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="ticket"></icon>
1594                                                                                <span class="truncate">Gothia Card</span>
1595                                    </span>
1596                                                                    </a>
1597                                                                <a
1598                                    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"
1599                                    href="/en/document/age-control"
1600                                >
1601                                    <span class="flex min-w-0 items-center gap-2">
1602                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="identification"></icon>
1603                                                                                <span class="truncate">Player registration &amp; Age Control</span>
1604                                    </span>
1605                                                                    </a>
1606                                                                <a
1607                                    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"
1608                                    href="https://id.gothiacup.se/login"
1609                                >
1610                                    <span class="flex min-w-0 items-center gap-2">
1611                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="signin"></icon>
1612                                                                                <span class="truncate">Gothia Account</span>
1613                                    </span>
1614                                                                    </a>
1615                                                                <a
1616                                    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"
1617                                    href="/en/travel-to-gothenburg"
1618                                >
1619                                    <span class="flex min-w-0 items-center gap-2">
1620                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="plane"></icon>
1621                                                                                <span class="truncate">Travel to Gothenburg</span>
1622                                    </span>
1623                                                                    </a>
1624                                                                <a
1625                                    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"
1626                                    href="/en/the-week"
1627                                >
1628                                    <span class="flex min-w-0 items-center gap-2">
1629                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="calendar"></icon>
1630                                                                                <span class="truncate">The Week</span>
1631                                    </span>
1632                                                                    </a>
1633                                                            </dd>
1634                        </div>
1635                                                <div class=" py-0.5">
1636                            <dt>
1637                                                                <button
1638                                    type="button"
1639                                    :aria-expanded="openPanel === '4021' + 1 ? 'true' : 'false'"
1640                                    @click="setOpenPanel(openPanel === '4021' + 1 ? null : '4021' + 1)"
1641                                    :class="openPanel === '4021' + 1 ? 'bg-blue-50' : ''"
1642                                    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"
1643                                >
1644                                    <span class="flex min-w-0 items-center gap-2.5">
1645                                        <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">
1646                                                                                            <icon :size="5" class="text-blue-700" icon="ball"></icon>
1647                                                                                    </span>
1648                                        <span class="truncate leading-snug">Tournament</span>
1649                                    </span>
1650                                    <svg
1651                                        :class="{ '-rotate-180': openPanel === '4021' + 1 }"
1652                                        class="h-5 w-5 shrink-0 text-blue-500 transition-transform duration-200"
1653                                        fill="none"
1654                                        stroke="currentColor"
1655                                        viewBox="0 0 24 24"
1656                                        aria-hidden="true"
1657                                    >
1658                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
1659                                    </svg>
1660                                </button>
1661                                                            </dt>
1662                            <dd class="bg-blue-50/30 pb-1.5 pt-0.5" v-if="openPanel === '4021' + 1">
1663                                                                <a
1664                                    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"
1665                                    href="/en/opening-ceremony"
1666                                >
1667                                    <span class="flex min-w-0 items-center gap-2">
1668                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="sparkles"></icon>
1669                                                                                <span class="truncate">Opening Ceremony</span>
1670                                    </span>
1671                                                                    </a>
1672                                                                <a
1673                                    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"
1674                                    href="/en/leaders-party"
1675                                >
1676                                    <span class="flex min-w-0 items-center gap-2">
1677                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="music"></icon>
1678                                                                                <span class="truncate">Leaders Party</span>
1679                                    </span>
1680                                                                    </a>
1681                                                                <a
1682                                    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"
1683                                    href="/en/the-finals"
1684                                >
1685                                    <span class="flex min-w-0 items-center gap-2">
1686                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="trophy"></icon>
1687                                                                                <sp
1687an class="truncate">The Finals</span>
1688                                    </span>
1689                                                                    </a>
1690                                                                <a
1691                                    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"
1692                                    href="/en/the-centers"
1693                                >
1694                                    <span class="flex min-w-0 items-center gap-2">
1695                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="users"></icon>
1696                                                                                <span class="truncate">The Centres</span>
1697                                    </span>
1698                                                                    </a>
1699                                                                <a
1700                                    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"
1701                                    href="/en/special-olympics-trophy"
1702                                >
1703                                    <span class="flex min-w-0 items-center gap-2">
1704                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="trophy"></icon>
1705                                                                                <span class="truncate">Special Olympics Trophy</span>
1706                                    </span>
1707                                                                    </a>
1708                                                                <a
1709                                    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"
1710                                    href="/en/puma-trophy"
1711                                >
1712                                    <span class="flex min-w-0 items-center gap-2">
1713                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="trophy"></icon>
1714                                                                                <span class="truncate">Gothia Puma Trophy</span>
1715                                    </span>
1716                                                                    </a>
1717                                                                <a
1718                                    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"
1719                                    href="/en/gothia-app"
1720                                >
1721                                    <span class="flex min-w-0 items-center gap-2">
1722                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="phone"></icon>
1723                                                                                <span class="truncate">The Gothia App</span>
1724                                    </span>
1725                                                                    </a>
1726                                                                <a
1727                                    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"
1728                                    href="/en/the-livestream"
1729                                >
1730                                    <span class="flex min-w-0 items-center gap-2">
1731                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="play"></icon>
1732                                                                                <span class="truncate">Livestream</span>
1733                                    </span>
1734                                                                    </a>
1735                                                            </dd>
1736                        </div>
1737                                                <div class=" py-0.5">
1738                            <dt>
1739                                                                <button
1740                                    type="button"
1741                                    :aria-expanded="openPanel === '234' + 1 ? 'true' : 'false'"
1742                                    @click="setOpenPanel(openPanel === '234' + 1 ? null : '234' + 1)"
1743                                    :class="openPanel === '234' + 1 ? 'bg-blue-50' : ''"
1744                                    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"
1745                                >
1746                                    <span class="flex min-w-0 items-center gap-2.5">
1747                                        <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">
1748                                                                                            <icon :size="5" class="text-blue-700" icon="info"></icon>
1749                                                                                    </span>
1750                                        <span class="truncate leading-snug">About us</span>
1751                                    </span>
1752                                    <svg
1753                                        :class="{ '-rotate-180': openPanel === '234' + 1 }"
1754                                        class="h-5 w-5 shrink-0 text-blue-500 transition-transform duration-200"
1755                                        fill="none"
1756                                        stroke="currentColor"
1757                                        viewBox="0 0 24 24"
1758                                        aria-hidden="true"
1759                                    >
1760                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
1761                                    </svg>
1762                                </button>
1763                                                            </dt>
1764                            <dd class="bg-blue-50/30 pb-1.5 pt-0.5" v-if="openPanel === '234' + 1">
1765                                                                <a
1766                                    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"
1767                                    href="/en/about-us"
1768                                >
1769                                    <span class="flex min-w-0 items-center gap-2">
1770                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="ball"></icon>
1771                                                                                <span class="truncate">About us</span>
1772                                    </span>
1773                                                                    </a>
1774                                                                <a
1775                                    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"
1776                                    href="/en/factsstatistics"
1777                                >
1778                                    <span class="flex min-w-0 items-center gap-2">
1779                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="stats"></icon>
1780                                                                                <span class="truncate">Facts/Statistics</span>
1781                                    </span>
1782                                                                    </a>
1783                                                                <a
1784                                    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"
1785                                    href="/en/celebrateplanetpeoplegame"
1786                                >
1787                                    <span class="flex min-w-0 items-center gap-2">
1788                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="sparkles"></icon>
1789                                                                                <span class="truncate">Celebrate</span>
1790                                    </span>
1791                                                                        <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">
1792                                        New
1793                                    </span>
1794                                                                    </a>
1795                                                                <a
1796                                    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"
1797                                    href="/en/celebrate-the-game-fair-play"
1798                                >
1799                                    <span class="flex min-w-0 items-center gap-2">
1800                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="thumbsup"></icon>
1801                                                                                <sp
1801an class="truncate">Celebrate The Game</span>
1802                                    </span>
1803                                                                    </a>
1804                                                                <a
1805                                    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"
1806                                    href="/en/gothia-foundation"
1807                                >
1808                                    <span class="flex min-w-0 items-center gap-2">
1809                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="star"></icon>
1810                                                                                <span class="truncate">Gothia Cup Foundation</span>
1811                                    </span>
1812                                                                    </a>
1813                                                                <a
1814                                    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"
1815                                    href="/en/gothenburg"
1816                                >
1817                                    <span class="flex min-w-0 items-center gap-2">
1818                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="hotel"></icon>
1819                                                                                <span class="truncate">Gothenburg</span>
1820                                    </span>
1821                                                                    </a>
1822                                                                <a
1823                                    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"
1824                                    href="/en/skf-meet-the-world"
1825                                >
1826                                    <span class="flex min-w-0 items-center gap-2">
1827                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="globe"></icon>
1828                                                                                <span class="truncate">Meet The World</span>
1829                                    </span>
1830                                                                    </a>
1831                                                                <a
1832                                    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"
1833                                    href="/en/our-partners"
1834                                >
1835                                    <span class="flex min-w-0 items-center gap-2">
1836                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="heart"></icon>
1837                                                                                <span class="truncate">Partners</span>
1838                                    </span>
1839                                                                    </a>
1840                                                                <a
1841                                    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"
1842                                    href="/en/contact-us"
1843                                >
1844                                    <span class="flex min-w-0 items-center gap-2">
1845                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="telephone"></icon>
1846                                                                                <span class="truncate">Contact us</span>
1847                                    </span>
1848                                                                    </a>
1849                                                                <a
1850                                    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"
1851                                    href="https://press.gothiacup.se/"
1852                                >
1853                                    <span class="flex min-w-0 items-center gap-2">
1854                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="camera"></icon>
1855                                                                                <span class="truncate">Press</span>
1856                                    </span>
1857                                                                    </a>
1858                                                            </dd>
1859                        </div>
1860                                                <div class=" py-0.5">
1861                            <dt>
1862                                                                <a
1863                                    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"
1864                                    href="/en/hotel"
1865                                >
1866                                    <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">
1867                                                                            </span>
1868                                    <span class="truncate">Hotel</span>
1869                                </a>
1870                                                            </dt>
1871                            <dd class="bg-blue-50/30 pb-1.5 pt-0.5" v-if="openPanel === '967' + 1">
1872                                                            </dd>
1873                        </div>
1874                                                <div class=" py-0.5">
1875                            <dt>
1876                                                                <a
1877                                    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"
1878                                    href="/en/crew"
1879                                >
1880                                    <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">
1881                                                                                    <icon :size="5" class="text-blue-700" icon="users"></icon>
1882                                                                            </span>
1883                                    <span class="truncate">Crew members</span>
1884                                </a>
1885                                                            </dt>
1886                            <dd class="bg-blue-50/30 pb-1.5 pt-0.5" v-if="openPanel === '86' + 1">
1887                                                            </dd>
1888                        </div>
1889                                                <div class=" py-0.5">
1890                            <dt>
1891                                                                <button
1892                                    type="button"
1893                                    :aria-expanded="openPanel === '1442' + 1 ? 'true' : 'false'"
1894                                    @click="setOpenPanel(openPanel === '1442' + 1 ? null : '1442' + 1)"
1895                                    :class="openPanel === '1442' + 1 ? 'bg-blue-50' : ''"
1896                                    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"
1897                                >
1898                                    <span class="flex min-w-0 items-center gap-2.5">
1899                                        <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">
1900                                                                                            <icon :size="5" class="text-blue-700" icon="trophy"></icon>
1901                                                                                    </span>
1902                                        <span class="truncate leading-snug">Schedule 2026</span>
1903                                    </span>
1904                                    <svg
1905                                        :class="{ '-rotate-180': openPanel === '1442' + 1 }"
1906                                        class="h-5 w-5 shrink-0 text-blue-500 transition-transform duration-200"
1907                                        fill="none"
1908                                        stroke="currentColor"
1909                                        viewB
1909ox="0 0 24 24"
1910                                        aria-hidden="true"
1911                                    >
1912                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
1913                                    </svg>
1914                                </button>
1915                                                            </dt>
1916                            <dd class="bg-blue-50/30 pb-1.5 pt-0.5" v-if="openPanel === '1442' + 1">
1917                                                                <a
1918                                    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"
1919                                    href="https://results.gothiacup.se"
1920                                >
1921                                    <span class="flex min-w-0 items-center gap-2">
1922                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="ball"></icon>
1923                                                                                <span class="truncate">Schedule 2026</span>
1924                                    </span>
1925                                                                        <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">
1926                                        Live now
1927                                    </span>
1928                                                                    </a>
1929                                                                <a
1930                                    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"
1931                                    href="https://results.gothiacup.se/2026/fields-map"
1932                                >
1933                                    <span class="flex min-w-0 items-center gap-2">
1934                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="place"></icon>
1935                                                                                <span class="truncate">Field Map</span>
1936                                    </span>
1937                                                                    </a>
1938                                                                <a
1939                                    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"
1940                                    href="/en/play"
1941                                >
1942                                    <span class="flex min-w-0 items-center gap-2">
1943                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="play"></icon>
1944                                                                                <span class="truncate">Play</span>
1945                                    </span>
1946                                                                    </a>
1947                                                                <a
1948                                    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"
1949                                    href="https://results.gothiacup.se/2026/shuttle"
1950                                >
1951                                    <span class="flex min-w-0 items-center gap-2">
1952                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="place"></icon>
1953                                                                                <sp
1953an class="truncate">Gothia Line</span>
1954                                    </span>
1955                                                                    </a>
1956                                                                <a
1957                                    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"
1958                                    href="/en/form/registration"
1959                                >
1960                                    <span class="flex min-w-0 items-center gap-2">
1961                                                                                    <icon :size="5" class="shrink-0 text-blue-400" icon="pen"></icon>
1962                                                                                <span class="truncate">Registration form</span>
1963                                    </span>
1964                                                                    </a>
1965                                                            </dd>
1966                        </div>
1967                                            </dl>
1968                </nav>
1969
1970                                <div class="mt-5 rounded-2xl border border-blue-100 bg-blue-50/50 p-2">
1971                    <div class="space-y-0.5">
1972                                                <a
1973                            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"
1974                            href="https://id.gothiacup.se/login"
1975                        >
1976                                                            <icon :size="6" class="h-5 w-5 shrink-0 text-blue-500" icon="signin"></icon>
1977                                                        <span>Sign in</span>
1978                        </a>
1979                                                <a
1980                            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"
1981                            href="/en/blog"
1982                        >
1983                                                            <icon :size="6" class="h-5 w-5 shrink-0 text-blue-500" icon="book"></icon>
1984                                                        <span>News</span>
1985                        </a>
1986                                                <a
1987                            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"
1988                            href="http://support.gothiacup.se/"
1989                        >
1990                                                            <icon :size="6" class="h-5 w-5 shrink-0 text-blue-500" icon="support"></icon>
1991                                                        <span>Helpcenter</span>
1992                        </a>
1993                                                <a
1994                            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"
1995                            href="/en/registration"
1996                        >
1997                                                            <icon :size="6" class="h-5 w-5 shrink-0 text-blue-500" icon="pen"></icon>
1998                                                        <span>Registration form</span>
1999                        </a>
2000                                            </div>
2001                </div>
2002                
2003                                <div class="mt-6">
2004                    <a
2005                        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 "
2006                        href="/en/search"
2007                    >
2008                        <svg class="h-5 w-5 shrink-0 opacity-95" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
2009                            <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"/>
2010                        </svg>
2011                        Search                    </a>
2012                </div>
2013
2014                <div class="mt-6 border-t border-blue-100 pt-5">
2015                    <p class="mb-3 px-1 text-xs font-semibold uppercase tracking-wide text-blue-800/70">
2016                        Change Language                    </p>
2017                    <div class="flex flex-col gap-2">
2018                                                                                                    <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">
2019                                <img src="/img/Sweden.png" class="h-6 w-6 shrink-0 rounded-full" alt=""/>
2020                                Svenska
2021                            </a>
2022                                            </div>
2023                </div>
2024                            </div>
2025        </div>
2026    </aside>
2027</transition>
2028</nav-component>            
2029	<page-component v-slot="{ height }">
2030		<div class="relative z-0 -mt-14 lg:-mt-[7.5rem] bg-white ">
2031							<div
2032	data-section-id="15917933"
2033	class="flex lozad relative isolated
2034	
2035		bg-slate-950
2036		
2037		
2038		
2039		
2040		
2041		
2042		
2043		my-0
2044		flex
2045		md:flex
2046		lg:flex
2047		text-white overflow-hidden
2048		
2049	"
2050		 >
2051	
2052
2053	
2054
2055	
2056
2057				<div class="w-full h-full relative isolate  ">
2058						<div class="w-full h-full flex mx-auto items-start max-w-full py-0 px-0">
2059				<div class="grid w-full gap-y-8">
2060					<div
2061		class="w-full mx-auto relative isolated
2062		max-w-full
2063		
2064		
2065		mx-0
2066		py-0
2067		overflow-hidden
2068		
2069		
2070		
2071		
2072		block
2073		md:block
2074		lg:block
2075		
2076		 
2077		"
2078	>
2079
2080	
2081	<div
2082		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
2083
2084		  								
2085			
2086			items-start
2087			
2088			
2089
2090			 		 "
2091    >
2092							<div
2093
2094	class="relative isolated z-20 min-w-0 max-w-full
2095			w-full
2096			
2097			block
2098		md:block
2099		lg:block
2100			    	"
2101  >
2102    	
2103	<div
2104		class="lozad relative w-full min-w-0 h-full
2105		
2106		
2107		
2108		
2109		
2110		
2111		
2112		
2113		
2114		
2115		
2116		
2117	  
2118		
2119		
2120		
2121	 	"
2122				
2123	>
2124	<div class="w-full h-full  
2125	 ">
2126
2127			<div
2128			class="w-full min-w-0 h-full flex relative
2129			max-w-full mx-auto
2130			
2131			
2132			items-start
2133			py-0
2134			px-0
2135			
2136			
2137			"
2138		>
2139			<div class="flex min-w-0 flex-col w-full ">
2140				
2141					<div
2142	data-item-id="d1c50a48-a966-4246-b92a-eed148396d54"
2143			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
2144						<slider-component :item='{"id":"d1c50a48-a966-4246-b92a-eed148396d54","name":"Home \u2014 carousel","type":"customSlider","title":null,"height":"innerHeight","text":null,"slides":[{"id":0,"title":"MEMORIES FOR LIFE!","secondTitle":null,"text":"\u003Cp\u003EThe final whistle has blown, but the memories will last a lifetime. Thank you to every player, coach, volunteer, referee, partner and supporter who made Gothia Cup unforgettable.\u003C\/p\u003E\u003Cp\u003EWe look forward to welcoming the world back to Gothenburg next summer. \u003Cstrong\u003EWelcome to Gothia Cup 2027, 18\u201324 July.\u003C\/strong\u003E\u003C\/p\u003E","img":"https:\/\/cdn.gothiacup.se\/gc\/images\/xBSqvdZlNnCIVsBLliEhxpuv8VaK8gOCWqVhO0Ze.jpg","imgTitle":null,"imgTitlealt":null,"icon":"ball","hidden":false,"sec_icon":"play","bigicon":null,"content":"Registration 2027","sec_content":"Watch livestream","ter_content":"Get the App","url":"https:\/\/id.gothiacup.se\/registrations\/new","sec_url":"\/en\/the-livestream","ter_url":"\/en\/gothia-app","primaryCtaStyle":null,"ctaRounded":true,"imgratio":0.56,"imgalt":null,"bgvideo":"https:\/\/cf8104dbc.lwcdn.com\/token:eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJlNWIyZmQyNC05NDgwLTQyNWYtYTcxMy1iNzZiZDMxYjlmYzgiLCJuYmYiOjE3ODQ0NTY2OTUsImlzcyI6Imh0dHBzOi8vd3d3LmZsb3dwbGF5ZXIuY29tIiwiZXhwIjoxNzg0NTQzMDk1LCJpYXQiOjE3ODQ0NTY2OTV9.SChMaqUv1a84a8DoWaz2Alh32o89TLKe6r-lShcBz1UDHuAalVCRbBY7QxuB_Xsvj0LLRmN_roe_qEKgEs6gDaElyxg2l_6ufxIdaqd1Lv6qsgmr8mwngHOO6TjOhzTpHbSZcSS4PlNsPj16w2gLxW0K-wrw8-kO5ZEaTQiHrJhwWYSnUd170Hks7DkP3ydtC2GhHVGIxFjZ4unDRqcSmr4U1yaUicUpKfCv6XynlS25s2383mJDUVUUUbxC5z3XMHPTu2ru26Eb4W6cCCOAeK2P9Z7zZ-feoAbBQTHeOVRWufJkohhYS0k0870TE521ga4amgYV4HuyDYdOIhZMJTE2hsDI2a5DvYP5yUm90qzLOPc9cGtV5ALKhr13YGMCjRjKJbUZDs-Pprj03bLX2T3MxLPV6hSCeeXq8oMApQXhPhQlDZ5zYRYIAJSGGt7G2Tkgni4YzHA6_QtHVUdUwEZI4QPuKA55ycc6DCLPXM9XQCq3FKxoDqBDzsRefEiSHhg1HmgKmeQJTpJ38hWYela6rRV7TvbD3ZMcik6E_z_OMBodCyhy3Sa8xAY4nxlTQxzLSxqxaZH6qAfOYRgiNeOniJitVzx73wUmmFdPwQt-5ypsfY-ZtTgRVq13vQEFT_TJ3kgXMA--WGOeGjnqB2Y8KenWGrhWscbOpip6WII\/v-e5b2fd24-9480-425f-a713-b76bd31b9fc8.mp4","statsStripMetrics":[],"statsStripCountdownLabel":null,"statsStripCountdownEndedLabel":null}],"animate":true,"showAutoplayProgress":false,"showNav":true,"align":"left","fullBleed":true,"scrollHint":true,"ctaRounded":true,"slidesPerPage":1,"marginTop":null,"marginBottom":null,"visible":true,"visiblemd":true,"visiblelg":true,"class":"w-full max-w-full","highlightIcon":"phone","showHighlightAside":false,"highlightTitle":"The App","highlightUrl":"\/en\/gothia-app","highlightImg":"https:\/\/cdn.gothiacup.se\/gc\/images\/kTNIkPvT0qVYpzZw0Fo1oWVFKWQRUsXMNMx8fRnO.png","highlightDuration":"Download","showStatsStrip":false,"statsStripScope":"shared","statsStripPlacement":"bottom","statsStripCompact":false,"statsStripCountdownStyle":"boxes","statsStripCountdownPalette":"default","statsStripMetrics":[],"statsStripCountdownAt":null,"statsStripCountdownLabel":null,"statsStripCountdownEndedLabel":null,"scrollHintPosition":"above"}'></slider-component>
2145					</div>
2146 
2147			
2148			</div>
2149		</div>
2150	</div>
2151	
2152</div>
2153
2154	  
2155	</div> 
2156				</div>
2157	</div> 
2158		</div>
2159			</div>
2160		</div>
2161</div>									<div data-nav-scroll-sentinel class="pointer-events-none h-0 w-0 overflow-hidden" aria-hidden="true"></div>
2162										<div
2163	data-section-id="322a1620-9f31-4db3-bc3d-bf278f349aaa"
2164	class="flex lozad relative isolated
2165	
2166		bg-blue-100
2167		
2168		
2169		
2170		
2171		
2172		
2173		
2174		my-0
2175		flex
2176		md:flex
2177		lg:flex
2178		
2179		
2180	"
2181		 >
2182	
2183
2184	
2185
2186	
2187
2188				<div class="w-full h-full relative isolate  ">
2189						<div class="w-full h-full flex mx-auto items-start max-w-7xl py-4 px-6 md:px-8 lg:px-10">
2190				<div class="grid w-full gap-y-2">
2191					<div
2192		class="w-full mx-auto relative isolated
2193		max-w-full
2194		
2195		
2196		my-0
2197		py-0
2198		
2199		
2200		
2201		
2202		
2203		block
2204		md:block
2205		lg:block
2206		
2207		 
2208		"
2209	>
2210
2211	
2212	<div
2213		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
2214
2215		  								
2216			
2217			items-start
2218			
2219			
2220
2221			 		 "
2222    >
2223							<div
2224
2225	class="relative isolated z-20 min-w-0 max-w-full
2226			w-full
2227			
2228			block
2229		md:block
2230		lg:block
2231			    	"
2232  >
2233    	
2234	<div
2235		class="lozad relative w-full min-w-0 h-full
2236		
2237		
2238		
2239		
2240		
2241		
2242		
2243		
2244		
2245		
2246		
2247		
2248	  
2249		
2250		
2251		
2252	 	"
2253				
2254	>
2255	<div class="w-full h-full  
2256	 ">
2257
2258			<div
2259			class="w-full min-w-0 h-full flex relative
2260			max-w-full mx-auto
2261			
2262			
2263			items-start
2264			py-0
2265			px-0
2266			
2267			
2268			"
2269		>
2270			<div class="flex min-w-0 flex-col w-full ">
2271				
2272					<div
2273	data-item-id="97807707"
2274			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
2275						<div class="w-full   ">
2276    <nav class="flex flex-wrap items-center gap-2 sm:gap-3 justify-center md:justify-center lg:justify-center" aria-label="Social media links">
2277                    <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-600 hover:text-blue-800">
2278                <span class="sr-only">Facebook</span>
2279                <svg class="shrink-0" style="width: 1.5rem; height: 1.5rem;" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
2280                    <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
2280h-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" />
2281                </svg>
2282            </a>
2283                            <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-600 hover:text-blue-800">
2284                <span class="sr-only">Instagram</span>
2285                <svg class="shrink-0" style="width: 1.5rem; height: 1.5rem;" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
2286                    <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" />
2287                </svg>
2288            </a>
2289                            <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-600 hover:text-blue-800">
2290                <span class="sr-only">X</span>
2291                <svg class="mt-0.5 shrink-0" style="width: 1.25rem; height: 1.25rem;" fill="currentColor" viewBox="0 0 512 512" aria-hidden="true">
2292                    <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" />
2293                </svg>
2294            </a>
2295                            <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-600 hover:text-blue-800">
2296                <span class="sr-only">YouTube</span>
2297                <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">
2298                    <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" />
2299                    <polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02" />
2300                </svg>
2301            </a>
2302                            <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-600 hover:text-blue-800">
2303                <span class="sr-only">TikTok</span>
2304                <svg class="mt-0.5 shrink-0" style="width: 1.25rem; height: 1.25rem;" fill="currentColor" viewBox="0 0 448 512" aria-hidden="true">
2305                    <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" />
2306                </svg>
2307            </a>
2308                                    <a href="https://se.linkedin.com/company/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-600 hover:text-blue-800">
2309                <span class="sr-only">LinkedIn</span>
2310                <svg class="mt-0.5 shrink-0" style="width: 1.25rem; height: 1.25rem;" fill="currentColor" viewBox="0 0 448 512" aria-hidden="true">
2311                    <path d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z" />
2312                </svg>
2313            </a>
2314            </nav>
2315</div>
2316					</div>
2317 
2318			
2319			</div>
2320		</div>
2321	</div>
2322	
2323</div>
2324
2325	  
2326	</div> 
2327				</div>
2328	</div> 
2329						<div
2330		class="w-full mx-auto relative isolated
2331		max-w-md
2332		
2333		
2334		my-0
2335		py-0
2336		
2337		
2338		
2339		
2340		
2341		block
2342		md:block
2343		lg:block
2344		
2345		 
2346		"
2347	>
2348
2349	
2350	<div
2351		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
2352
2353		  										-ml-4 flex-nowrap
2354							
2355			
2356			items-start
2357			
2358			
2359
2360			 		 "
2361    >
2362							<div
2363
2364	class="relative isolated z-20 min-w-0 max-w-full
2365			w-1/2
2366					pl-4
2367			
2368			block
2369		md:block
2370		lg:block
2371			    	"
2372  >
2373    	
2374	<div
2375		class="lozad relative w-full min-w-0 h-full
2376		
2377		
2378		
2379		
2380		
2381		
2382		
2383		
2384		
2385		
2386		
2387		
2388	  
2389		
2390		
2391		
2392	 	"
2393				
2394	>
2395	<div class="w-full h-full  
2396	 ">
2397
2398			<div
2399			class="w-full min-w-0 h-full flex relative
2400			max-w-full mx-auto
2401			
2402			
2403			items-start
2404			py-0
2405			px-0
2406			
2407			
2408			"
2409		>
2410			<div class="flex min-w-0 flex-col w-full ">
2411				
2412					<div
2413	data-item-id="3426"
2414			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
2415						<image-component height="" width="150" ratio="0.3" fit="" v-slot="{ style, imgstyle, width, height }">
2416  <div class="flex h-full
2417  
2418    justify-end
2419
2420      
2421      
2422    
2423    ">
2424        <a href="https://apps.apple.com/se/app/gothia-cup/id526017115" class="w-full overflow-hidden
2425    focus:shadow-outline-blue focus:border-blue-700
2426    
2427     
2428      
2429      
2430    " :style="{ maxWidth: width + 'px' }">
2431          <div class="relative img lozadimg" :style="style">
2432        <img data-src="https://cdn.gothiacup.se/gc/images/LJcAAA6NYSRvRAWKyC1M6Y8wMVVlRY3579aV4Vww.png" alt="" class="w-full lozad load self-center" width="150" :style="imgstyle" />
2433                      </div>
2434          </a>
2435      </div>
2436</image-component>					</div>
2437 
2438			
2439			</div>
2440		</div>
2441	</div>
2442	
2443</div>
2444
2445	  
2446	</div> 
2447						<div
2448
2449	class="relative isolated z-20 min-w-0 max-w-full
2450			w-1/2
2451					pl-4
2452			
2453			block
2454		md:block
2455		lg:block
2456			    	"
2457  >
2458    	
2459	<div
2460		class="lozad relative w-full min-w-0 h-full
2461		
2462		
2463		
2464		
2465		
2466		
2467		
2468		
2469		
2470		
2471		
2472		
2473	  
2474		
2475		
2476		
2477	 	"
2478				
2479	>
2480	<div class="w-full h-full  
2481	 ">
2482
2483			<div
2484			class="w-full min-w-0 h-full flex relative
2485			max-w-full mx-auto
2486			
2487			
2488			items-start
2489			py-0
2490			px-0
2491			
2492			
2493			"
2494		>
2495			<div class="flex min-w-0 flex-col w-full ">
2496				
2497					<div
2498	data-item-id="1634"
2499			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
2500						<image-component height="" width="150" ratio="0.3" fit="" v-slot="{ style, imgstyle, width, height }">
2501  <div class="flex h-full
2502  
2503    justify-start
2504
2505      
2506      
2507    
2508    ">
2509        <a href="https://play.google.com/store/apps/details?id=com.cupmanager.gothiacup&amp;hl=en" class="w-full overflow-hidden
2510    focus:shadow-outline-blue focus:border-blue-700
2511    
2512     
2513      
2514      
2515    " :style="{ maxWidth: width + 'px' }">
2516          <div class="relative img lozadimg" :style="style">
2517        <img data-src="https://cdn.gothiacup.se/gc/images/CisDvbh0ssAATRe5O5uWlazD0LmlZTWGdfIAdylA.png" alt="" class="w-full lozad load self-center" width="150" :style="imgstyle" />
2518                      </div>
2519          </a>
2520      </div>
2521</image-component>					</div>
2522 
2523			
2524			</div>
2525		</div>
2526	</div>
2527	
2528</div>
2529
2530	  
2531	</div> 
2532				</div>
2533	</div> 
2534		</div>
2535			</div>
2536		</div>
2537</div>										<div
2538	data-section-id="5cba6205-a457-4ecc-93b7-b6860f04748f"
2539	class="flex lozad relative isolated
2540	
2541		bg-gray-100
2542		
2543		
2544		
2545		
2546		
2547		
2548		
2549		my-0
2550		hidden
2551		md:hidden
2552		lg:hidden
2553		
2554		
2555	"
2556		 >
2557	
2558
2559	
2560
2561	
2562
2563				<div class="w-full h-full relative isolate  ">
2564						<div class="w-full h-full flex mx-auto items-start max-w-7xl py-6 md:py-8 lg:py-10 px-0 lg:px-4">
2565				<div class="grid w-full gap-y-8">
2566					<div
2567		class="w-full mx-auto relative isolated
2568		max-w-full
2569		
2570		
2571		my-0
2572		py-0
2573		
2574		
2575		
2576		
2577		
2578		block
2579		md:block
2580		lg:block
2581		
2582		 
2583		"
2584	>
2585
2586	
2587	<div
2588		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
2589
2590		  								
2591			
2592			items-start
2593			
2594			
2595
2596			 		 "
2597    >
2598							<div
2599
2600	class="relative isolated z-20 min-w-0 max-w-full
2601			w-full
2602			
2603			block
2604		md:block
2605		lg:block
2606			    	"
2607  >
2608    	
2609	<div
2610		class="lozad relative w-full min-w-0 h-full
2611		
2612		
2613		
2614		
2615		
2616		
2617		
2618		
2619		
2620		
2621		
2622		
2623	  
2624		
2625		
2626		
2627	 	"
2628				
2629	>
2630	<div class="w-full h-full  
2631	 ">
2632
2633			<div
2634			class="w-full min-w-0 h-full flex relative
2635			max-w-full mx-auto
2636			
2637			
2638			items-start
2639			py-0
2640			px-0
2641			
2642			
2643			"
2644		>
2645			<div class="flex min-w-0 flex-col w-full ">
2646				
2647					<div
2648	data-item-id="1760"
2649			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
2650						<highlights-timeline-component :item='{"id":1760,"name":"Dagens highlights","type":"highlightsTimeline","title":"Week highlights","layout":"horizontal","theme":"light","cardRounded":true,"list":[{"id":8431,"title":"Heden Center","day":"Sunday-Saturday","time":"All day","description":"\u003Cp\u003EThe heart of the tournament\u003C\/p\u003E","img":"https:\/\/cdn.gothiacup.se\/gc\/images\/Pu7wC6cf9Br7r797o0AvxhWIIQjSDldEQBCzMZyQ.jpg","imgalt":null,"imgratio":0.67},{"id":514,"title":"Opening ceremony","day":"Monday","time":"20:00","description":"\u003Cp\u003EExperiance the magical opening\u003C\/p\u003E","img":"https:\/\/cdn.gothiacup.se\/gc\/files\/newsletter\/low-767148e2-fe81-4d48-b983-11b2359a735f.png","imgalt":null,"imgratio":0.67},{"id":6029,"title":"Leaders Party","day":"Tuesday","time":"19:00","description":"\u003Cp\u003EAn evening all leaders deserve\u003C\/p\u003E","img":"https:\/\/cdn.gothiacup.se\/gc\/images\/xkkyDNcmP9hkO8HVMMsBHp9Y0zxuKe7kb6r7MvoD.jpg","imgalt":null,"imgratio":0.67},{"id":758,"title":"Play off","day":"from Thursday","time":null,"description":"\u003Cp\u003EThe Play Offs starts\u003C\/p\u003E","img":"https:\/\/cdn.gothiacup.se\/gc\/images\/EKBoh3rUK2Tx0OtFoWDhZ5OKs70zNfzN0BtAndcV.jpg","imgalt":null,"imgratio":0.56},{"id":8258,"title":"GSOT - Finals","day":"Thursday","time":null,"description":"\u003Cp\u003EHeden\u003C\/p\u003E","img":"https:\/\/cdn.gothiacup.se\/gc\/images\/mS4dRmh5klYv0iYg111fukit30bwepvTTaXmInYy.jpg","imgalt":null,"imgratio":0.8},{"id":4854,"title":"Finals","day":"Saturday","time":"All day","description":"\u003Cp\u003EIts time for the champions\u003C\/p\u003E","img":"https:\/\/cdn.gothiacup.se\/gc\/images\/zFc0nqWVjnOaia8QBNb7XIijcKH1oGRqxPv0FNTg.jpg","imgalt":null,"imgratio":0.67}],"marginBottom":null,"marginTop":null,"visible":true,"visiblemd":true,"visiblelg":true}'></highlights-timeline-component>
2651					</div>
2652 
2653			
2654			</div>
2655		</div>
2656	</div>
2657	
2658</div>
2659
2660	  
2661	</div> 
2662				</div>
2663	</div> 
2664		</div>
2665			</div>
2666		</div>
2667</div>										<div
2668	data-section-id="12fdc7a2-2093-4f7e-b436-d30800e4e4f8"
2669	class="flex lozad relative isolated
2670	
2671		bg-gray-50
2672		
2673		
2674		
2675		
2676		
2677		
2678		
2679		my-0
2680		hidden
2681		md:hidden
2682		lg:hidden
2683		
2684		
2685	"
2686		 >
2687	
2688
2689	
2690
2691	
2692
2693				<div class="w-full h-full relative isolate  ">
2694						<div class="w-full h-full flex mx-auto items-start max-w-7xl py-6 md:py-8 lg:py-10 px-0 lg:px-4">
2695				<div class="grid w-full gap-y-8">
2696					<div
2697		class="w-full mx-auto relative isolated
2698		max-w-full
2699		
2700		
2701		my-0
2702		py-0
2703		overflow-hidden
2704		
2705		
2706		
2707		
2708		block
2709		md:block
2710		lg:block
2711		
2712		 
2713		"
2714	>
2715
2716	
2717	<div
2718		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
2719
2720		  								
2721			
2722			items-start
2723			
2724			
2725
2726			 		 "
2727    >
2728							<div
2729
2730	class="relative isolated z-20 min-w-0 max-w-full
2731			w-full
2732			
2733			block
2734		md:block
2735		lg:block
2736			    	"
2737  >
2738    	
2739	<div
2740		class="lozad relative w-full min-w-0 h-full
2741		
2742		
2743		
2744		
2745		
2746		
2747		
2748		
2749		
2750		
2751		
2752		
2753	  
2754		
2755		
2756		
2757	 	"
2758				
2759	>
2760	<div class="w-full h-full  
2761	 ">
2762
2763			<div
2764			class="w-full min-w-0 h-full flex relative
2765			max-w-full mx-auto
2766			
2767			
2768			items-start
2769			py-0
2770			px-0
2771			
2772			
2773			"
2774		>
2775			<div class="flex min-w-0 flex-col w-full ">
2776				
2777					<div
2778	data-item-id="5497"
2779			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
2780						<cupmanager-matches-component :item='{"id":5497,"name":"CupManager matcher","type":"cupmanagerMatches","layout":"liveCenter","listLayout":"list","theme":"light","ctaRounded":true,"mode":"live","year":"2026","categoryShortName":null,"limit":"5","resultsBaseUrl":"https:\/\/results.gothiacup.se","title":null,"link":null,"linkText":null,"showCategory":true,"visible":true,"visiblemd":true,"visiblelg":true}'></cupmanager-matches-component>
2781					</div>
2782 
2783			
2784			</div>
2785		</div>
2786	</div>
2787	
2788</div>
2789
2790	  
2791	</div> 
2792				</div>
2793	</div> 
2794		</div>
2795			</div>
2796		</div>
2797</div>										<div
2798	data-section-id="48153653"
2799	class="flex lozad relative isolated
2800	
2801		bg-blue-100
2802		
2803		
2804		
2805		
2806		
2807		
2808		
2809		my-0
2810		hidden
2811		md:hidden
2812		lg:hidden
2813		border-t-[5px] border-orange-500 border-b border-slate-200/90
2814		
2815	"
2816		 >
2817	
2818
2819	
2820
2821	
2822
2823				<div class="w-full h-full relative isolate  ">
2824						<div class="w-full h-full flex mx-auto items-start max-w-6xl py-4 md:py-6 lg:py-8 px-6 md:px-8 lg:px-10">
2825				<div class="grid w-full gap-y-0">
2826					<div
2827		class="w-full mx-auto relative isolated
2828		max-w-7xl
2829		bg-white
2830		
2831		mx-auto
2832		px-4 pt-6 pb-5 md:px-6 md:pt-7 md:pb-6
2833		
2834		
2835		
2836		rounded-t-2xl
2837		
2838		block
2839		md:block
2840		lg:block
2841		
2842		 
2843		"
2844	>
2845
2846	
2847	<div
2848		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
2849
2850		  					md:space-x-0 space-y-8
2851				md:space-y-0 md:space-x-8 md:flex-nowrap
2852				
2853				
2854				
2855				
2856			
2857			
2858			items-center
2859			
2860			
2861
2862			 		 "
2863    >
2864							<div
2865
2866	class="relative isolated z-20 min-w-0 max-w-full
2867			w-full
2868		md:w-full
2869	
2870			block
2871		md:block
2872		lg:block
2873			    	"
2874  >
2875    	
2876	<div
2877		class="lozad relative w-full min-w-0 h-full
2878		
2879		
2880		
2881		
2882		
2883		
2884		
2885		
2886		
2887		
2888		
2889		
2890	  
2891		
2892		
2893		
2894	 	"
2895				
2896	>
2897	<div class="w-full h-full  
2898	 ">
2899
2900			<div
2901			class="w-full min-w-0 h-full flex relative
2902			max-w-full mx-auto
2903			
2904			
2905			items-start
2906			py-0
2907			px-0
2908			
2909			
2910			"
2911		>
2912			<div class="flex min-w-0 flex-col w-full ">
2913				
2914					<div
2915	data-item-id="76995769"
2916			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
2917						<div
2918    class="text w-full relative
2919    
2920    mb-2
2921    "
2922 >
2923 	
2924 	
2925        <div
2926      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
2927      text-gray-600
2928      text-left
2929      md:text-left
2930      lg:text-left
2931      font-normal
2932      text-lg
2933      leading-relaxed
2934      tracking-normal
2935      "
2936    >
2937  		<span class="text-[11px] font-semibold uppercase tracking-[0.22em] text-orange-600">Gothia Cup 2026</span>
2938	</div>
2939  </div>					</div>
2940	<div
2941	data-item-id="72590816"
2942			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
2943						<div
2944    class="w-full
2945    
2946    mb-1
2947    "
2948>
2949    
2950    <h2
2951        class="block
2952        text-left
2953        md:text-left
2954        lg:text-left
2955        font-extrabold
2956        text-xl sm:text-2xl md:text-3xl
2957        text-gray-900
2958        leading-tight
2959        tracking-tight
2960        "
2961    >
2962        12–18 July · Gothenburg
2963    </h2>
2964
2965    </div>
2966					</div>
2967	<div
2968	data-item-id="19481548"
2969			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
2970						<div
2971    class="text w-full relative
2972    
2973    mb-0
2974    "
2975 >
2976 	
2977 	
2978        <div
2979      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
2980      text-gray-600
2981      text-left
2982      md:text-left
2983      lg:text-left
2984      font-normal
2985      text-sm sm:text-base
2986      leading-relaxed
2987      tracking-normal
2988      "
2989    >
2990  		The world's largest youth football tournament.
2991	</div>
2992  </div>					</div>
2993 
2994			
2995			</div>
2996		</div>
2997	</div>
2998	
2999</div>
3000
3001	  
3002	</div> 
3003						<div
3004
3005	class="relative isolated z-20 min-w-0 max-w-full
3006			w-full
3007		md:w-full
3008	
3009			block
3010		md:block
3011		lg:block
3012			    	"
3013  >
3014    	
3015	<div
3016		class="lozad relative w-full min-w-0 h-full
3017		
3018		
3019		
3020		
3021		
3022		
3023		
3024		
3025		
3026		
3027		
3028		
3029	  
3030		
3031		
3032		
3033	 	"
3034				
3035	>
3036	<div class="w-full h-full  
3037	 ">
3038
3039			<div
3040			class="w-full min-w-0 h-full flex relative
3041			max-w-full mx-auto
3042			
3043			
3044			items-end
3045			py-0
3046			px-0
3047			
3048			
3049			"
3050		>
3051			<div class="flex min-w-0 flex-col w-full ">
3052				
3053					<div
3054	data-item-id="39865834"
3055			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
3056						<div
3057    class="text w-full relative
3058    
3059    mb-3
3060    "
3061 >
3062 	
3063 	
3064        <div
3065      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
3066      text-gray-600
3067      text-left
3068      md:text-right
3069      lg:text-right
3070      font-normal
3071      text-lg
3072      leading-relaxed
3073      tracking-normal
3074      "
3075    >
3076  		<span class="text-[11px] font-semibold uppercase tracking-[0.18em] text-gray-500">Follow us</span>
3077	</div>
3078  </div>					</div>
3079	<div
3080	data-item-id="9acbf3a7-d6f7-4855-b01c-ea9a1d348f47"
3081			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
3082						<div class="w-full  mb-0 ">
3083    <nav class="flex flex-wrap items-center gap-2 sm:gap-3 justify-center md:justify-end lg:justify-end" aria-label="Social media links">
3084                    <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-600 hover:text-blue-800">
3085                <span class="sr-only">Facebook</span>
3086                <svg class="shrink-0" style="width: 1.25rem; height: 1.25rem;" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
3087                    <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.987h-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" />
3088                </svg>
3089            </a>
3090                            <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-600 hover:text-blue-800">
3091                <span class="sr-only">Instagram</span>
3092                <svg class="shrink-0" style="width: 1.25rem; height: 1.25rem;" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
3093                    <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" />
3094                </svg>
3095            </a>
3096                            <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-600 hover:text-blue-800">
3097                <span class="sr-only">X</span>
3098                <svg class="mt-0.5 shrink-0" style="width: 1rem; height: 1rem;" fill="currentColor" viewBox="0 0 512 512" aria-hidden="true">
3099                    <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" />
3100                </svg>
3101            </a>
3102                            <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-600 hover:text-blue-800">
3103                <span class="sr-only">YouTube</span>
3104                <svg class="shrink-0" style="width: 1.25rem; height: 1.25rem;" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
3105                    <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" />
3106                    <polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02" />
3107                </svg>
3108            </a>
3109                            <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-600 hover:text-blue-800">
3110                <span class="sr-only">TikTok</span>
3111                <svg class="mt-0.5 shrink-0" style="width: 1rem; height: 1rem;" fill="currentColor" viewBox="0 0 448 512" aria-hidden="true">
3112                    <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" />
3113                </svg>
3114            </a>
3115                                    <a href="https://se.linkedin.com/company/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-600 hover:text-blue-800">
3116                <span class="sr-only">LinkedIn</span>
3117                <svg class="mt-0.5 shrink-0" style="width: 1rem; height: 1rem;" fill="currentColor" viewBox="0 0 448 512" aria-hidden="true">
3118                    <path d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z" />
3119                </svg>
3120            </a>
3121            </nav>
3122</div>
3123					</div>
3124 
3125			
3126			</div>
3127		</div>
3128	</div>
3129	
3130</div>
3131
3132	  
3133	</div> 
3134				</div>
3135	</div> 
3136						<div
3137		class="w-full mx-auto relative isolated
3138		max-w-7xl
3139		bg-white
3140		
3141		mx-auto
3142		px-4 pb-6 md:px-6 md:pb-7
3143		
3144		
3145		shadow
3146		rounded-b-2xl
3147		
3148		block
3149		md:block
3150		lg:block
3151		
3152		 
3153		"
3154	>
3155
3156	
3157	<div
3158		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
3159
3160		  								
3161			
3162			items-start
3163			
3164			
3165
3166			 		 "
3167    >
3168							<div
3169
3170	class="relative isolated z-20 min-w-0 max-w-full
3171			w-full
3172			
3173			block
3174		md:block
3175		lg:block
3176			    	"
3177  >
3178    	
3179	<div
3180		class="lozad relative w-full min-w-0 h-full
3181		
3182		
3183		
3184		
3185		
3186		
3187		
3188		
3189		
3190		
3191		
3192		
3193	  
3194		
3195		
3196		
3197	 	"
3198				
3199	>
3200	<div class="w-full h-full  
3201	 ">
3202
3203			<div
3204			class="w-full min-w-0 h-full flex relative
3205			max-w-full mx-auto
3206			
3207			
3208			items-start
3209			py-0
3210			px-2 md:px-4
3211			
3212			
3213			"
3214		>
3215			<div class="flex min-w-0 flex-col w-full ">
3216				
3217					<div
3218	data-item-id="12735950"
3219			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
3220						<divider-component :item='{"id":12735950,"name":"Divider","type":"divider","variant":"gradient","color":"blue","marginTop":"mt-0","marginBottom":"mb-5","animation":null,"class":null,"visible":true,"visiblemd":true,"visiblelg":true}'></divider-component>
3221					</div>
3222	<div
3223	data-item-id="20212551"
3224			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
3225						<div class="grid w-full min-w-0 mb-0 gap-3 grid-cols-2 md:grid-cols-3 lg:grid-cols-6">
3226                    <div class="grid-cell relative min-w-0 min-h-0 overflow-hidden rounded-xl border border-slate-200/90 bg-white/90 p-3 shadow-sm ring-1 ring-slate-900/[0.04] transition-shadow duration-200 hover:shadow-md dark:border-slate-600/70 dark:bg-slate-900/45 dark:ring-white/[0.06]   group/cell ">
3227                            <a
3228                    href="http://support.gothiacup.se/"
3229                    class="flex min-h-0 min-w-0 w-full flex-1 gap-3 sm:gap-4 flex-col 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 "
3230                >
3231            
3232            
3233            
3234            <div
3235                class="flex min-w-0 flex-col
3236                
3237                items-center
3238                
3239                
3240                md:items-center
3241                
3242                
3243                lg:items-center
3244                
3245                justify-start
3246                
3247                
3248                
3249                
3250                
3251                
3252                
3253                
3254                "
3255            >
3256                                    <h3
3257                        class="break-words text-balance font-semibold tracking-tight text-gray-900
3258                        text-center
3259                        md:text-center
3260                        lg:text-center
3261                        text-sm
3262                        leading-snug
3263                        tracking-tight
3264                        font-semibold"
3265                    >
3266                        F&amp;Q
3267                    </h3>
3268                                                                                            </div>
3269
3270                            </a>
3271                    </div>
3272                    <div class="grid-cell relative min-w-0 min-h-0 overflow-hidden rounded-xl border border-slate-200/90 bg-white/90 p-3 shadow-sm ring-1 ring-slate-900/[0.04] transition-shadow duration-200 hover:shadow-md dark:border-slate-600/70 dark:bg-slate-900/45 dark:ring-white/[0.06]   group/cell ">
3273                            <a
3274                    href="https://id.gothiacup.se"
3275                    class="flex min-h-0 min-w-0 w-full flex-1 gap-3 sm:gap-4 flex-col 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 "
3276                >
3277            
3278            
3279            
3280            <div
3281                class="flex min-w-0 flex-col
3282                
3283                items-center
3284                
3285                
3286                md:items-center
3287                
3288                
3289                lg:items-center
3290                
3291                justify-start
3292                
3293                
3294                
3295                
3296                
3297                
3298                
3299                
3300                "
3301            >
3302                                    <h3
3303                        class="break-words text-balance font-semibold tracking-tight text-gray-900
3304                        text-center
3305                        md:text-center
3306                        lg:text-center
3307                        text-sm
3308                        leading-snug
3309                        tracking-tight
3310                        font-semibold"
3311                    >
3312                        Account
3313                    </h3>
3314                                                                                            </div>
3315
3316                            </a>
3317                    </div>
3318                    <div class="grid-cell relative min-w-0 min-h-0 overflow-hidden rounded-xl border border-slate-200/90 bg-white/90 p-3 shadow-sm ring-1 ring-slate-900/[0.04] transition-shadow duration-200 hover:shadow-md dark:border-slate-600/70 dark:bg-slate-900/45 dark:ring-white/[0.06]   group/cell ">
3319                            <a
3320                    href="https://gothiacup.se/en/gothia-play"
3321                    class="flex min-h-0 min-w-0 w-full flex-1 gap-3 sm:gap-4 flex-col 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 "
3322                >
3323            
3324            
3325            
3326            <div
3327                class="flex min-w-0 flex-col
3328                
3329                items-center
3330                
3331                
3332                md:items-center
3333                
3334                
3335                lg:items-center
3336                
3337                justify-start
3338                
3339                
3340                
3341                
3342                
3343                
3344                
3345                
3346                "
3347            >
3348                                    <h3
3349                        class="break-words text-balance font-semibold tracking-tight text-gray-900
3350                        text-center
3351                        md:text-center
3352                        lg:text-center
3353                        text-sm
3354                        leading-snug
3355                        tracking-tight
3356                        font-semibold"
3357                    >
3358                        Play
3359                    </h3>
3360                                                                                            </div>
3361
3362                            </a>
3363                    </div>
3364                    <div class="grid-cell relative min-w-0 min-h-0 overflow-hidden rounded-xl border border-slate-200/90 bg-white/90 p-3 shadow-sm ring-1 ring-slate-900/[0.04] transition-shadow duration-200 hover:shadow-md dark:border-slate-600/70 dark:bg-slate-900/45 dark:ring-white/[0.06]   group/cell ">
3365                            <a
3366                    href="https://gothiacup.se/en/contact-us"
3367                    class="flex min-h-0 min-w-0 w-full flex-1 gap-3 sm:gap-4 flex-col 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 "
3368                >
3369            
3370            
3371            
3372            <div
3373                class="flex min-w-0 flex-col
3374                
3375                items-center
3376                
3377                
3378                md:items-center
3379                
3380                
3381                lg:items-center
3382                
3383                justify-start
3384                
3385                
3386                
3387                
3388                
3389                
3390                
3391                
3392                "
3393            >
3394                                    <h3
3395                        class="break-words text-balance font-semibold tracking-tight text-gray-900
3396                        text-center
3397                        md:text-center
3398                        lg:text-center
3399                        text-sm
3400                        leading-snug
3401                        tracking-tight
3402                        font-semibold"
3403                    >
3404                        Contact us
3405                    </h3>
3406                                                                                            </div>
3407
3408                            </a>
3409                    </div>
3410                    <div class="grid-cell relative min-w-0 min-h-0 overflow-hidden rounded-xl border border-slate-200/90 bg-white/90 p-3 shadow-sm ring-1 ring-slate-900/[0.04] transition-shadow duration-200 hover:shadow-md dark:border-slate-600/70 dark:bg-slate-900/45 dark:ring-white/[0.06]   group/cell ">
3411                            <a
3412                    href="https://shop.gothiacup.se"
3413                    class="flex min-h-0 min-w-0 w-full flex-1 gap-3 sm:gap-4 flex-col 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 "
3414                >
3415            
3416            
3417            
3418            <div
3419                class="flex min-w-0 flex-col
3420                
3421                items-center
3422                
3423                
3424                md:items-center
3425                
3426                
3427                lg:items-center
3428                
3429                justify-start
3430                
3431                
3432                
3433                
3434                
3435                
3436                
3437                
3438                "
3439            >
3440                                    <h3
3441                        class="break-words text-balance font-semibold tracking-tight text-gray-900
3442                        text-center
3443                        md:text-center
3444                        lg:text-center
3445                        text-sm
3446                        leading-snug
3447                        tracking-tight
3448                        font-semibold"
3449                    >
3450                        Gothia Store
3451                    </h3>
3452                                                                                            </div>
3453
3454                            </a>
3455                    </div>
3456                    <div class="grid-cell relative min-w-0 min-h-0 overflow-hidden rounded-xl border border-slate-200/90 bg-white/90 p-3 shadow-sm ring-1 ring-slate-900/[0.04] transition-shadow duration-200 hover:shadow-md dark:border-slate-600/70 dark:bg-slate-900/45 dark:ring-white/[0.06]   group/cell ">
3457                            <a
3458                    href="/en/the-livestream"
3459                    class="flex min-h-0 min-w-0 w-full flex-1 gap-3 sm:gap-4 flex-col 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 "
3460                >
3461            
3462            
3463            
3464            <div
3465                class="flex min-w-0 flex-col
3466                
3467                items-center
3468                
3469                
3470                md:items-center
3471                
3472                
3473                lg:items-center
3474                
3475                justify-start
3476                
3477                
3478                
3479                
3480                
3481                
3482                
3483                
3484                "
3485            >
3486                                    <h3
3487                        class="break-words text-balance font-semibold tracking-tight text-gray-900
3488                        text-center
3489                        md:text-center
3490                        lg:text-center
3491                        text-sm
3492                        leading-snug
3493                        tracking-tight
3494                        font-semibold"
3495                    >
3496                        Livestream
3497                    </h3>
3498                                                                                            </div>
3499
3500                            </a>
3501                    </div>
3502    </div>
3503					</div>
3504 
3505			
3506			</div>
3507		</div>
3508	</div>
3509	
3510</div>
3511
3512	  
3513	</div> 
3514				</div>
3515	</div> 
3516		</div>
3517			</div>
3518		</div>
3519</div>										<div
3520	data-section-id="93996325"
3521	class="flex lozad relative isolated
3522	
3523		no
3524		
3525		
3526		
3527		
3528		
3529		
3530		
3531		my-8
3532		flex
3533		md:flex
3534		lg:flex
3535		
3536		
3537	"
3538		 >
3539	
3540
3541	
3542
3543	
3544
3545				<div class="w-full h-full relative isolate  ">
3546						<div class="w-full h-full flex mx-auto items-start max-w-3xl py-0 px-6 md:px-8 lg:px-10">
3547				<div class="grid w-full gap-y-8">
3548					<div
3549		class="w-full mx-auto relative isolated
3550		max-w-3xl
3551		
3552		
3553		mx-auto
3554		py-0
3555		overflow-hidden
3556		
3557		shadow
3558		rounded-xl
3559		
3560		block
3561		md:block
3562		lg:block
3563		
3564		 
3565		"
3566	>
3567
3568	
3569	<div
3570		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
3571
3572		  					
3573				
3574				
3575				
3576				
3577				
3578			
3579			
3580			items-start
3581			
3582			
3583
3584			 		 "
3585    >
3586							<div
3587
3588	class="relative isolated z-20 min-w-0 max-w-full
3589			w-full
3590		md:w-full
3591	
3592			block
3593		md:block
3594		lg:block
3595			    	"
3596  >
3597    	
3598	<div
3599		class="lozad relative w-full min-w-0 h-full
3600		
3601		
3602		
3603		
3604		
3605		
3606		
3607		
3608		
3609		
3610		
3611		
3612	  
3613		
3614		
3615		
3616	 	"
3617				
3618	>
3619	<div class="w-full h-full  
3620	 ">
3621
3622			<div
3623			class="w-full min-w-0 h-full flex relative
3624			max-w-full mx-auto
3625			
3626			
3627			items-start
3628			py-0
3629			px-0
3630			
3631			
3632			"
3633		>
3634			<div class="flex min-w-0 flex-col w-full ">
3635				
3636					<div
3637	data-item-id="55835585"
3638			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
3639						<div
3640class="text w-full relative
3641
3642
3643"
3644>
3645 
3646
3647<div
3648  class="block relative
3649  text-center
3650  md:text-center
3651  lg:text-center
3652  
3653  "
3654>
3655            <!-- Startsida Top [async-beta] -->
3656<script type="text/javascript">if (!window.AdButler){(function(){var s = document.createElement("script"); s.async = true; s.type = "text/javascript"; s.src = 'https://servedbyadbutler.com/app.js'; var n = document.getElementsByTagName("script")[0]; n.parentNode.insertBefore(s, n);}());}</script>
3656
3657<div class="plc905399"></div>
3658<script type="text/javascript">
3659var AdButler = AdButler || {}; AdButler.ads = AdButler.ads || [];
3660var abkw = window.abkw || '';
3661var plc905399 = window.plc905399 || 0;
3662(function(){
3663var divs = document.querySelectorAll(".plc905399:not([id])");
3664var div = divs[divs.length-1];
3665div.id = "placement_905399_"+plc905399;
3666AdButler.ads.push({handler: function(opt){ AdButler.register(178446, 905399, [768,130], 'placement_905399_'+opt.place, opt); }, opt: { place: plc905399++, keywords: abkw, domain: 'servedbyadbutler.com', click: 'CLICK_MACRO_PLACEHOLDER' }});
3667})();</script>
3667
3668</div>
3669</div>					</div>
3670 
3671			
3672			</div>
3673		</div>
3674	</div>
3675	
3676</div>
3677
3678	  
3679	</div> 
3680				</div>
3681	</div> 
3682		</div>
3683			</div>
3684		</div>
3685</div>										<div
3686	data-section-id="68621881"
3687	class="flex lozad relative isolated
3688	
3689		bg-slate-50
3690		
3691		
3692		
3693		
3694		
3695		
3696		
3697		my-0
3698		flex
3699		md:flex
3700		lg:flex
3701		border-y border-slate-200/90
3702		
3703	"
3704		 >
3705	
3706
3707	
3708
3709	
3710
3711				<div class="w-full h-full relative isolate  ">
3712						<div class="w-full h-full flex mx-auto items-start max-w-7xl py-4 md:py-6 lg:py-8 px-6 md:px-8 lg:px-10">
3713				<div class="grid w-full gap-y-8">
3714					<div
3715		class="w-full mx-auto relative isolated
3716		max-w-full
3717		
3718		
3719		my-0
3720		py-0
3721		
3722		
3723		
3724		
3725		
3726		block
3727		md:block
3728		lg:block
3729		
3730		 
3731		"
3732	>
3733
3734	
3735	<div
3736		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
3737
3738		  					
3739				
3740				
3741				
3742				
3743				
3744			
3745			
3746			items-start
3747			
3748			
3749
3750			 		 "
3751    >
3752							<div
3753
3754	class="relative isolated z-20 min-w-0 max-w-full
3755			w-full
3756		md:w-full
3757	
3758			block
3759		md:block
3760		lg:block
3761			    	"
3762  >
3763    	
3764	<div
3765		class="lozad relative w-full min-w-0 h-full
3766		
3767		
3768		
3769		
3770		
3771		
3772		
3773		
3774		
3775		
3776		
3777		
3778	  
3779		
3780		
3781		
3782	 	"
3783				
3784	>
3785	<div class="w-full h-full  
3786	 ">
3787
3788			<div
3789			class="w-full min-w-0 h-full flex relative
3790			max-w-full mx-auto
3791			
3792			
3793			items-start
3794			py-0
3795			px-0
3796			
3797			
3798			"
3799		>
3800			<div class="flex min-w-0 flex-col w-full ">
3801				
3802					<div
3803	data-item-id="40831788"
3804			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
3805						<div class="text-center md:text-center lg:text-center">
3806    <span class="inline-flex max-w-full items-center rounded-xl border font-semibold leading-snug shadow-sm ring-1 px-3 py-1 text-sm border-amber-200/90 bg-gradient-to-br from-amber-50 to-white text-amber-950 ring-amber-500/10 mb-3">
3807        NEWS
3808    </span>
3809</div>
3810					</div>
3811	<div
3812	data-item-id="45966386"
3813			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
3814						<div
3815    class="w-full
3816    
3817    mb-2
3818    "
3819>
3820    
3821    <h2
3822        class="block
3823        text-center
3824        md:text-center
3825        lg:text-center
3826        font-extrabold
3827        text-3xl md:text-4xl
3828        text-gray-900
3829        leading-tight
3830        tracking-tight
3831        "
3832    >
3833        Latest from Gothia Cup
3834    </h2>
3835
3836    </div>
3837					</div>
3838	<div
3839	data-item-id="66288908"
3840			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
3841						<div
3842    class="text w-full relative
3843    
3844    mb-8
3845    "
3846 >
3847 	
3848 	
3849        <div
3850      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
3851      text-gray-600
3852      text-center
3853      md:text-center
3854      lg:text-center
3855      font-normal
3856      text-base sm:text-lg
3857      leading-relaxed
3858      tracking-normal
3859      "
3860    >
3861  		Stay on top of the tournament — articles, schedules and updates ahead of tournament week.
3862	</div>
3863  </div>					</div>
3864	<div
3865	data-item-id="39662845"
3866			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
3867															<post-component v-slot="{ date }">
3868<section class="posts-item-grid posts-item-grid--compact mx-auto max-w-7xl" aria-label="Latest posts">
3869    <ul class="grid list-none grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-5 lg:grid-cols-3" role="list">
3870                    <li class="list-none">
3871                <article class="group flex h-full flex-row overflow-hidden rounded-xl bg-white shadow-md ring-1 ring-slate-900/[0.06] transition duration-200 hover:shadow-lg">
3872                                            <a
3873                            href="/en/post/gothia-cup-2027-anmal-ditt-lag-en"
3874                            class="lozadimg relative block w-[8.5rem] shrink-0 self-stretch overflow-hidden bg-slate-100 sm:w-[10rem]"
3875                        >
3876                            <img
3877                                class="lozad load h-full w-full object-cover transition duration-300 group-hover:scale-[1.03]"
3878                                data-src="https://cdn.gothiacup.se/gc/posts/1429/aoJhdc3qUEqgUzUKlYTh4F6pyFyJxlFqRRyPDHet.jpg"
3879                                data-srcset="https://cdn.gothiacup.se/gc/posts/1429/cd27uHvyqqdrZyiuWMAKMTPUraqpmKHE3zYaKYDu.jpg 1x, https://cdn.gothiacup.se/gc/posts/1429/ctSSurVDHxEpy31FsXrFOv3ygyWvwd9qcdzv4lWX.jpg 2x, https://cdn.gothiacup.se/gc/posts/1429/aoJhdc3qUEqgUzUKlYTh4F6pyFyJxlFqRRyPDHet.jpg 3x, https://cdn.gothiacup.se/gc/posts/1429/wrxHpE3WKLAIKijIgTzPpAYTMwgOiB2DQfJewQ7l.jpg 4x"
3880                                alt="Gothia Cup 2027 – Register Your Team"
3881                                loading="lazy"
3882                                decoding="async"
3883                            >
3884                                                    </a>
3885                    
3886                    <div class="flex min-h-0 min-w-0 flex-1 flex-col justify-center py-4 pl-4 pr-4 sm:py-4 sm:pl-5 sm:pr-5">
3887                        <div class="min-h-0 flex-1">
3888                            <p class="text-[11px] tracking-[0.16em] font-semibold uppercase text-blue-600">
3889                    <a href="/en/post/gothia-cup-2027-anmal-ditt-lag-en" class="transition hover:text-blue-800">
3890                                    Gothia Cup                            </a>
3891            </p>
3892                            <a href="/en/post/gothia-cup-2027-anmal-ditt-lag-en" class="block focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500">
3893                                <h3 class="mt-1.5 text-[0.9375rem] font-bold leading-snug line-clamp-2 sm:text-base text-slate-900 transition group-hover:text-blue-700">
3894                                    Gothia Cup 2027 – Register Your Team
3895                                </h3>
3896                                                                <p class="mt-2 line-clamp-1 text-sm leading-snug text-slate-500">
3897                                    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.
3898                                </p>
3899                                                            </a>
3900                        </div>
3901
3902                                                    <div class="mt-2.5 text-xs text-slate-500 sm:text-sm">
3903                                <time :datetime="date('2026-09-21 08:00:00')" v-html="date('2026-09-21 08:00:00')"></time>
3904                            </div>
3905                                            </div>
3906                </article>
3907            </li>
3908                    <li class="list-none">
3909                <article class="group flex h-full flex-row overflow-hidden rounded-xl bg-white shadow-md ring-1 ring-slate-900/[0.06] transition duration-200 hover:shadow-lg">
3910                                            <a
3911                            href="/en/post/thank-you-for-a-fantastic-week"
3912                            class="lozadimg relative block w-[8.5rem] shrink-0 self-stretch overflow-hidden bg-slate-100 sm:w-[10rem]"
3913                        >
3914                            <img
3915                                class="lozad load h-full w-full object-cover transition duration-300 group-hover:scale-[1.03]"
3916                                data-src="https://cdn.gothiacup.se/gc/posts/1421/tNE7AkazCd6QEgc2wQ7SfOmrLvLpp99qBOLblYfY.jpg"
3917                                data-srcset="https://cdn.gothiacup.se/gc/posts/1421/LQJgS2Fgczjc5FnE52gOMb19rjnhzZ9CoIJdxzwo.jpg 1x, https://cdn.gothiacup.se/gc/posts/1421/mS9kfEhO43irxlumbj2WxNjQ9NNSa58zbPL3m64l.jpg 2x, https://cdn.gothiacup.se/gc/posts/1421/tNE7AkazCd6QEgc2wQ7SfOmrLvLpp99qBOLblYfY.jpg 3x, https://cdn.gothiacup.se/gc/posts/1421/0
3917ZkY6QUbYzIHBZmjW3ATgiYRQan05JU4M3UrBEJ5.jpg 4x"
3918                                alt="Thank You for a Fantastic Week!"
3919                                loading="lazy"
3920                                decoding="async"
3921                            >
3922                                                    </a>
3923                    
3924                    <div class="flex min-h-0 min-w-0 flex-1 flex-col justify-center py-4 pl-4 pr-4 sm:py-4 sm:pl-5 sm:pr-5">
3925                        <div class="min-h-0 flex-1">
3926                            <p class="text-[11px] tracking-[0.16em] font-semibold uppercase text-blue-600">
3927                    <a href="/en/post/thank-you-for-a-fantastic-week" class="transition hover:text-blue-800">
3928                                    Gothia Cup                            </a>
3929            </p>
3930                            <a href="/en/post/thank-you-for-a-fantastic-week" class="block focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500">
3931                                <h3 class="mt-1.5 text-[0.9375rem] font-bold leading-snug line-clamp-2 sm:text-base text-slate-900 transition group-hover:text-blue-700">
3932                                    Thank You for a Fantastic Week!
3933                                </h3>
3934                                                                <p class="mt-2 line-clamp-1 text-sm leading-snug text-slate-500">
3935                                    Gothia Cup 2026 was a remarkable week. Players, coaches, referees, volunteers, partners, and spectators filled Gothenburg with football, joy, emotions, and memories for a lifetime.
3936                                </p>
3937                                                            </a>
3938                        </div>
3939
3940                                                    <div class="mt-2.5 text-xs text-slate-500 sm:text-sm">
3941                                <time :datetime="date('2026-07-22 09:47:36')" v-html="date('2026-07-22 09:47:36')"></time>
3942                            </div>
3943                                            </div>
3944                </article>
3945            </li>
3946                    <li class="list-none">
3947                <article class="group flex h-full flex-row overflow-hidden rounded-xl bg-white shadow-md ring-1 ring-slate-900/[0.06] transition duration-200 hover:shadow-lg">
3948                                            <a
3949                            href="/en/post/here-are-the-winners-of-gothia-cup-2026"
3950                            class="lozadimg relative block w-[8.5rem] shrink-0 self-stretch overflow-hidden bg-slate-100 sm:w-[10rem]"
3951                        >
3952                            <img
3953                                class="lozad load h-full w-full object-cover transition duration-300 group-hover:scale-[1.03]"
3954                                data-src="https://cdn.gothiacup.se/gc/posts/1419/yLAnZYcJxv5XWQmx76C1Ls6PY2IqoFWKXSF0CBOr.jpg"
3955                                data-srcset="https://cdn.gothiacup.se/gc/posts/1419/fCsv1sUtBurrGRQ8YynrP1Zm6pe9kPKCIk6keVjO.jpg 1x, https://cdn.gothiacup.se/gc/posts/1419/8Wb7QfslVxL5gCtF8UFh1j7JTuh1aI4JErxuWBXB.jpg 2x, https://cdn.gothiacup.se/gc/posts/1419/yLAnZYcJxv5XWQmx76C1Ls6PY2IqoFWKXSF0CBOr.jpg 3x, https://cdn.gothiacup.se/gc/posts/1419/tgZyckhgeSsbogB6f1gWQybJPcHF63xZawc2XwPl.jpg 4x"
3956                                alt="Here are the winners of Gothia Cup 2026"
3957                                loading="lazy"
3958                                decoding="async"
3959                            >
3960                                                    </a>
3961                    
3962                    <div class="flex min-h-0 min-w-0 flex-1 flex-col justify-center py-4 pl-4 pr-4 sm:py-4 sm:pl-5 sm:pr-5">
3963                        <div class="min-h-0 flex-1">
3964                            <p class="text-[11px] tracking-[0.16em] font-semibold uppercase text-blue-600">
3965                    <a href="/en/post/here-are-the-winners-of-gothia-cup-2026" class="transition hover:text-blue-800">
3966                                    Gothia Cup                            </a>
3967            </p>
3968                            <a href="/en/post/here-are-the-winners-of-gothia-cup-2026" class="block focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500">
3969                                <h3 class="mt-1.5 text-[0.9375rem] font-bold leading-snug line-clamp-2 sm:text-base text-slate-900 transition group-hover:text-blue-700">
3970                                    Here are the winners of Gothia Cup 2026
3971                                </h3>
3972                                                                <p class="mt-2 line-clamp-1 text-sm leading-snug text-slate-500">
3973                                    Teams from 13 different countries across three continents won various age categories in Gothia Cup 2026. Thus, the tournament truly lived up to its title as the world&#039;s largest and most international youth football event.
3974                                </p>
3975                                                            </a>
3976                        </div>
3977
3978                                                    <div class="mt-2.5 text-xs text-slate-500 sm:text-sm">
3979                                <time :datetime="date('2026-07-20 12:15:33')" v-html="date('2026-07-20 12:15:33')"></time>
3980                            </div>
3981                                            </div>
3982                </article>
3983            </li>
3984                    <li class="list-none">
3985                <article class="group flex h-full flex-row overflow-hidden rounded-xl bg-white shadow-md ring-1 ring-slate-900/[0.06] transition duration-200 hover:shadow-lg">
3986                                            <a
3987                            href="/en/post/ghananskt-guld-avslutar-gothia-cup-2026-en"
3988                            class="lozadimg relative block w-[8.5rem] shrink-0 self-stretch overflow-hidden bg-slate-100 sm:w-[10rem]"
3989                        >
3990                            <img
3991                                class="lozad load h-full w-full object-cover transition duration-300 group-hover:scale-[1.03]"
3992                                data-src="https://cdn.gothiacup.se/gc/posts/1417/u4H7UymrAHSFtkGFz4RU01AxG2dev4bkHdQfhxZR.jpg"
3993                                data-srcset="https://cdn.gothiacup.se/gc/posts/1417/IqeJfp6XUHRfdht42FcBj1rN3zPGQIu8If0Es3t5.jpg 1x, https://cdn.gothiacup.se/gc/posts/1417/6kB4ik37R6SPWhZOZ8r6V3nE56Cs0BrCXTfsUfs4.jpg 2x, https://cdn.gothiacup.se/gc/posts/1417/u4H7UymrAHSFtkGFz4RU01AxG2dev4bkHdQfhxZR.jpg 3x, https://cdn.gothiacup.se/gc/posts/1417/wym1HqJulahQxnimEvE10R5KulOPcOBbEQ6OJnz5.jpg 4x"
3994                                alt="Ghanaian Glory in the Final Match of Gothia Cup 2026"
3995                                loading="lazy"
3996                                decoding="async"
3997                            >
3998                                                    </a>
3999                    
4000                    <div class="flex min-h-0 min-w-0 flex-1 flex-col justify-center py-4 pl-4 pr-4 sm:py-4 sm:pl-5 sm:pr-5">
4001                        <div class="min-h-0 flex-1">
4002                            <p class="text-[11px] tracking-[0.16em] font-semibold uppercase text-blue-600">
4003                    <a href="/en/post/ghananskt-guld-avslutar-gothia-cup-2026-en" class="transition hover:text-blue-800">
4004                                    Gothia Cup                            </a>
4005            </p>
4006                            <a href="/en/post/ghananskt-guld-avslutar-gothia-cup-2026-en" class="block focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500">
4007                                <h3 class="mt-1.5 text-[0.9375rem] font-bold leading-snug line-clamp-2 sm:text-base text-slate-900 transition group-hover:text-blue-700">
4008                                    Ghanaian Glory in the Final Match of Gothia Cup 2026
4009                                </h3>
4010                                                                <p class="mt-2 line-clamp-1 text-sm leading-snug text-slate-500">
4011                                    The final match of Gothia Cup 2026 saw Irish side Newbridge Town FC take on Ghanaian team Accra Shooting Stars FC in the B18 category. Accra Shooting Stars FC showed their quality throughout the match and eventually claimed a 2–1 victory.
4012                                </p>
4013                                                            </a>
4014                        </div>
4015
4016                                                    <div class="mt-2.5 text-xs text-slate-500 sm:text-sm">
4017                                <time :datetime="date('2026-07-18 20:48:00')" v-html="date('2026-07-18 20:48:00')"></time>
4018                            </div>
4019                                            </div>
4020                </article>
4021            </li>
4022                    <li class="list-none">
4023                <article class="group flex h-full flex-row overflow-hidden rounded-xl bg-white shadow-md ring-1 ring-slate-900/[0.06] transition duration-200 hover:shadow-lg">
4024                                            <a
4025                            href="/en/post/engelskt-guld-i-b16-finalen-en"
4026                            class="lozadimg relative block w-[8.5rem] shrink-0 self-stretch overflow-hidden bg-slate-100 sm:w-[10rem]"
4027                        >
4028                            <img
4029                                class="lozad load h-full w-full object-cover transition duration-300 group-hover:scale-[1.03]"
4030                                data-src="https://cdn.gothiacup.se/gc/posts/1414/jEjDumrzX0e5lbgDsOhPYSLOobKK68j8fnn8GDiF.jpg"
4031                                data-srcset="https://cdn.gothiacup.se/gc/posts/1414/3bxv3m2RAW7fFn3Sy9fWYFvglXXQzFAbWu6GoJCk.jpg 1x, https://cdn.gothiacup.se/gc/posts/1414/Ne7IFMkxE7Ifq7PPPckuDszqXWKVu5x0wyJ1LYO5.jpg 2x, https://cdn.gothiacup.se/gc/posts/1414/jEjDumrzX0e5lbgDsOhPYSLOobKK68j8fnn8GDiF.jpg 3x, https://cdn.gothiacup.se/gc/posts/1414/AnrcnrINZoPf1DWZjRkG2GcoI1MyttWapPuFuPGJ.jpg 4x"
4032                                alt="English Gold in the B16 Final"
4033                                loading="lazy"
4034                                decoding="async"
4035                            >
4036                                                    </a>
4037                    
4038                    <div class="flex min-h-0 min-w-0 flex-1 flex-col justify-center py-4 pl-4 pr-4 sm:py-4 sm:pl-5 sm:pr-5">
4039                        <div class="min-h-0 flex-1">
4040                            <p class="text-[11px] tracking-[0.16em] font-semibold uppercase text-blue-600">
4041                    <a href="/en/post/engelskt-guld-i-b16-finalen-en" class="transition hover:text-blue-800">
4042                                    Gothia Cup                            </a>
4043            </p>
4044                            <a href="/en/post/engelskt-guld-i-b16-finalen-en" class="block focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500">
4045                                <h3 class="mt-1.5 text-[0.9375rem] font-bold leading-snug line-clamp-2 sm:text-base text-slate-900 transition group-hover:text-blue-700">
4046                                    English Gold in the B16 Final
4047                                </h3>
4048                                                                <p class="mt-2 line-clamp-1 text-sm leading-snug text-slate-500">
4049                                    The B16 final at Gamla Ullevi saw English side Skouted FC face American team Jersey Futbol Club Nsoromma. Skouted FC took an early lead and secured a comfortable 2–0 victory.
4050                                </p>
4051                                                            </a>
4052                        </div>
4053
4054                                                    <div class="mt-2.5 text-xs text-slate-500 sm:text-sm">
4055                                <time :datetime="date('2026-07-18 19:02:00')" v-html="date('2026-07-18 19:02:00')"></time>
4056                            </div>
4057                                            </div>
4058                </article>
4059            </li>
4060                    <li class="list-none">
4061                <article class="group flex h-full flex-row overflow-hidden rounded-xl bg-white shadow-md ring-1 ring-slate-900/[0.06] transition duration-200 hover:shadow-lg">
4062                                            <a
4063                            href="/en/post/publikfavortiernaifinal"
4064                            class="lozadimg relative block w-[8.5rem] shrink-0 self-stretch overflow-hidden bg-slate-100 sm:w-[10rem]"
4065                        >
4066                            <img
4067                                class="lozad load h-full w-full object-cover transition duration-300 group-hover:scale-[1.03]"
4068                                data-src="https://cdn.gothiacup.se/gc/posts/1407/moUzW9gMqx8Buc7ansYpH35PUwKshR0sqtHWx2M0.jpg"
4069                                data-srcset="https://cdn.gothiacup.se/gc/posts/1407/daoNxIcxmM9GZXTiJW7Spbp7LWZaI1qPZFKhQLrD.jpg 1x, https://cdn.gothiacup.se/gc/posts/1407/S5uo61BcYU6
4069hRBw4ROMZYXMuI7uqQYBokyXRRMth.jpg 2x, https://cdn.gothiacup.se/gc/posts/1407/moUzW9gMqx8Buc7ansYpH35PUwKshR0sqtHWx2M0.jpg 3x, https://cdn.gothiacup.se/gc/posts/1407/ibVUzUV8sMX5KTFsPnxYqf1TRChViXN6qcUJW2Ud.jpg 4x"
4070                                alt="Beyond Limits Secures Gold with a Clean Sheet"
4071                                loading="lazy"
4072                                decoding="async"
4073                            >
4074                                                    </a>
4075                    
4076                    <div class="flex min-h-0 min-w-0 flex-1 flex-col justify-center py-4 pl-4 pr-4 sm:py-4 sm:pl-5 sm:pr-5">
4077                        <div class="min-h-0 flex-1">
4078                            <p class="text-[11px] tracking-[0.16em] font-semibold uppercase text-blue-600">
4079                    <a href="/en/post/publikfavortiernaifinal" class="transition hover:text-blue-800">
4080                                    Gothia Cup                            </a>
4081            </p>
4082                            <a href="/en/post/publikfavortiernaifinal" class="block focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500">
4083                                <h3 class="mt-1.5 text-[0.9375rem] font-bold leading-snug line-clamp-2 sm:text-base text-slate-900 transition group-hover:text-blue-700">
4084                                    Beyond Limits Secures Gold with a Clean Sheet
4085                                </h3>
4086                                                                <p class="mt-2 line-clamp-1 text-sm leading-snug text-slate-500">
4087                                    In an intense match between two highly pressing teams, Beyond Limits triumphed over ASEC Mimosas with a score of 1-0 at Gothia Cup. Frank Memud Olamilekan emerged as the hero of the match after scoring the decisive goal in the 17th minute. – We aimed to win both the first and second halves, but it&#039;s football, and if you win one half and don&#039;t lose the other, that&#039;s good enough, says MVP and captain Labi Gabriel David.
4088                                </p>
4089                                                            </a>
4090                        </div>
4091
4092                                                    <div class="mt-2.5 text-xs text-slate-500 sm:text-sm">
4093                                <time :datetime="date('2026-07-18 18:30:00')" v-html="date('2026-07-18 18:30:00')"></time>
4094                            </div>
4095                                            </div>
4096                </article>
4097            </li>
4098            </ul>
4099</section>
4100</post-component>
4101									</div>
4102	<div
4103	data-item-id="6467678"
4104			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
4105						<div
4106	class="w-full min-w-0 max-w-full
4107	mt-6
4108	
4109	text-center
4110	md:text-center
4111	lg:text-center
4112	"
4113>
4114	<div class="inline-flex flex-wrap items-center gap-3">
4115		<span class="inline-flex w-full min-w-0 sm:w-auto">
4116			<a
4117				href="https://gothiacup.se/en/blog"
4118				class="inline-flex w-full min-w-0 select-none items-center justify-center gap-2 font-semibold whitespace-nowrap rounded-xl border shadow-sm transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 sm:w-auto px-4 py-2.5 text-sm leading-snug border-transparent bg-blue-500 text-white hover:bg-blue-600 active:bg-blue-700 focus-visible:ring-blue-600 "
4119			>More news<icon :size="5" icon="chevron" class="shrink-0 opacity-90" aria-hidden="true" /></a>
4120		</span>
4121			</div>
4122</div>
4123					</div>
4124 
4125			
4126			</div>
4127		</div>
4128	</div>
4129	
4130</div>
4131
4132	  
4133	</div> 
4134				</div>
4135	</div> 
4136		</div>
4137			</div>
4138		</div>
4139</div>										<div
4140	data-section-id="81353632"
4141	class="flex lozad relative isolated
4142	
4143		no
4144		bg-gradient-to-b from-white to-gray-100
4145		
4146		
4147		
4148		
4149		
4150		
4151		my-0
4152		flex
4153		md:flex
4154		lg:flex
4155		
4156		
4157	"
4158		 >
4159	
4160
4161	
4162
4163	
4164
4165				<div class="w-full h-full relative isolate  ">
4166						<div class="w-full h-full flex mx-auto items-stretch max-w-7xl py-8 md:py-12 lg:py-16 px-6 md:px-8 lg:px-10">
4167				<div class="grid w-full gap-y-6">
4168					<div
4169		class="w-full mx-auto relative isolated
4170		max-w-full
4171		
4172		
4173		my-0
4174		py-0
4175		
4176		
4177		
4178		
4179		
4180		block
4181		md:block
4182		lg:block
4183		
4184		 
4185		"
4186	>
4187
4188	
4189	<div
4190		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
4191
4192		  								
4193			
4194			items-stretch
4195			
4196			
4197
4198			 		 "
4199    >
4200							<div
4201
4202	class="relative isolated z-20 min-w-0 max-w-full
4203			w-full
4204			
4205			block
4206		md:block
4207		lg:block
4208			    	"
4209  >
4210    	
4211	<div
4212		class="lozad relative w-full min-w-0 h-full
4213		
4214		
4215		
4216		
4217		
4218		
4219		
4220		
4221		
4222		
4223		
4224		
4225	  
4226		
4227		
4228		
4229	 	"
4230				
4231	>
4232	<div class="w-full h-full  
4233	 ">
4234
4235			<div
4236			class="w-full min-w-0 h-full flex relative
4237			max-w-full mx-auto
4238			
4239			
4240			items-stretch
4241			py-0
4242			px-0
4243			
4244			
4245			"
4246		>
4247			<div class="flex min-w-0 flex-col w-full ">
4248				
4249					<div
4250	data-item-id="12572171"
4251			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
4252						<promo-dual-component :item='{"id":12572171,"name":"Dual column promo","type":"promoDual","liveEyebrow":"Livestream","liveBadge":"Live","liveTitle":"Follow the tournament live","liveText":"\u003Cp\u003EStream directly on your phone \u2014 \u003Cstrong\u003Elive reporting and goals in real time\u003C\/strong\u003E when your team is playing.\u003C\/p\u003E","liveCtaLabel":"Watch livestream","liveCtaUrl":"\/en\/the-livestream","liveLinkLabel":"Learn more about live streaming \u2192","liveLinkUrl":"\/en\/the-livestream","liveHeroImg":"https:\/\/cdn.gothiacup.se\/gc\/images\/QS7SPuUpzVLbl6sp5cFTXl0l9F4walnjDF8unnRX.jpg","liveHeroAlt":"Live from Gothia Cup","livePhoneImg":"https:\/\/cdn.gothiacup.se\/gc\/images\/G6n9hkdeaao6oRSdshVycRvKYRIHAAoGQP5LDudh.png","liveStatNumber":"2500+","liveStatLabel":"matches to stream","appEyebrow":"THE GOTHIA APP","appTitle":"The entire tournament in your pocket","appText":"\u003Cp\u003ESchedules, live results, streaming and push notifications \u2014 download before you travel so your team has everything in one place when tournament week begins.\u003C\/p\u003E","appPhoneImg":"https:\/\/cdn.gothiacup.se\/gc\/images\/dPdOM72b82lg0OGBqmkL8tAvp9gSrMY750iFe2Qi.png","appPhoneAlt":"The Gothia App on mobile","appLinkLabel":"Learn more about the app \u2192","appLinkUrl":"\/en\/gothia-app","appStoreUrl":"https:\/\/apps.apple.com\/se\/app\/gothia-cup\/id526017115","googlePlayUrl":"https:\/\/play.google.com\/store\/apps\/details?id=com.cupmanager.gothiacup\u0026hl=en","appStoreBadge":"https:\/\/cdn.gothiacup.se\/pc\/images\/yvFbgWrC0G0kF0zgdOHU4WHcqdWYSDugcaHR4LbG.png","googlePlayBadge":"https:\/\/cdn.gothiacup.se\/pc\/images\/CouDCx14yWKEPUiIxdFuhQXQeNXcuQM1IYMM0soO.png","showFeatures":true,"features":[{"id":22256306,"label":"Schedule","desc":"Your team, all times"},{"id":31793155,"label":"Live","desc":"Goals in real time"},{"id":34098963,"label":"Notifications","desc":"Important updates"}],"marginBottom":null,"marginTop":null,"class":null,"visible":true,"visiblemd":true,"visiblelg":true}'></promo-dual-component>
4253					</div>
4254 
4255			
4256			</div>
4257		</div>
4258	</div>
4259	
4260</div>
4261
4262	  
4263	</div> 
4264				</div>
4265	</div> 
4266		</div>
4267			</div>
4268		</div>
4269</div>										<div
4270	data-section-id="13e3b153-3803-40f7-88f8-8d6c39b70652"
4271	class="flex lozad relative isolated
4272	
4273		bg-white
4274		
4275		
4276		
4277		
4278		
4279		
4280		
4281		my-0
4282		flex
4283		md:flex
4284		lg:flex
4285		
4286		
4287	"
4288		 >
4289	
4290
4291	
4292
4293	
4294
4295				<div class="w-full h-full relative isolate  ">
4296						<div class="w-full h-full flex mx-auto items-start max-w-7xl py-6 md:py-8 lg:py-10 px-0 lg:px-4">
4297				<div class="grid w-full gap-y-8">
4298					<div
4299		class="w-full mx-auto relative isolated
4300		max-w-full
4301		
4302		
4303		my-0
4304		py-0
4305		overflow-hidden
4306		
4307		
4308		
4309		
4310		block
4311		md:block
4312		lg:block
4313		
4314		 
4315		"
4316	>
4317
4318	
4319	<div
4320		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
4321
4322		  								
4323			
4324			items-start
4325			
4326			
4327
4328			 		 "
4329    >
4330							<div
4331
4332	class="relative isolated z-20 min-w-0 max-w-full
4333			w-full
4334			
4335			block
4336		md:block
4337		lg:block
4338			    	"
4339  >
4340    	
4341	<div
4342		class="lozad relative w-full min-w-0 h-full
4343		
4344		
4345		
4346		
4347		
4348		
4349		
4350		
4351		
4352		
4353		
4354		
4355	  
4356		
4357		
4358		
4359	 	"
4360				
4361	>
4362	<div class="w-full h-full  
4363	 ">
4364
4365			<div
4366			class="w-full min-w-0 h-full flex relative
4367			max-w-full mx-auto
4368			
4369			
4370			items-start
4371			py-0
4372			px-0
4373			
4374			
4375			"
4376		>
4377			<div class="flex min-w-0 flex-col w-full ">
4378				
4379					<div
4380	data-item-id="487"
4381			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
4382						<div
4383    class="w-full
4384    
4385    mb-4
4386    "
4387>
4388    
4389    <h1
4390        class="block
4391        text-left
4392        md:text-left
4393        lg:text-left
4394        font-bold
4395        text-3xl md:text-4xl
4396        text-gray-900
4397        leading-normal
4398        tracking-normal
4399        pl-6"
4400    >
4401        Gothia Cup Store
4402    </h1>
4403
4404    </div>
4405					</div>
4406	<div
4407	data-item-id="4233"
4408			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
4409						<cards-slider-component
4410    swiper-id="cards-4233"
4411    :dark-nav='false'
4412    :slide-count="5"
4413    :visible-count="5"
4414    class="w-full min-w-0"
4415>
4416                    <div class="cards-slide-item swiper-slide !flex !h-auto items-stretch">
4417                            <article class="group relative flex min-h-0 min-w-0 flex-col overflow-hidden aspect-[3/4] sm:aspect-[4/5] rounded-xl border border-slate-200/90 bg-slate-900/40 shadow-md ring-1 ring-slate-900/[0.08] transition duration-300 hover:shadow-2xl h-full w-full max-w-none">
4418    <div class="absolute inset-0 h-full w-full overflow-hidden bg-slate-800">
4419                    <img
4420                src="https://cdn.gothiacup.se/gc/images/PHtJvTiuAvzSFeBba75g1Wyq76a6VX5EXTMusFbs.jpg"
4421                alt="Boken om Gothia Cup"
4422                loading="lazy"
4423                decoding="async"
4424                class="h-full w-full object-cover transition duration-500 group-hover:scale-[1.04]"
4425            />
4426                        <div class="pointer-events-none absolute inset-0 z-[2] bg-gradient-to-t from-slate-900/75 via-slate-900/30 to-transparent" aria-hidden="true"></div>
4427            </div>
4428    <div class="absolute inset-x-0 bottom-0 z-10 flex min-h-0 flex-col justify-end p-5 sm:p-6">
4429                    <a
4430                href="https://shop.gothiacup.se/book/99897-boken-om-gothia-cup"
4431                class="absolute bottom-4 right-4 z-20 flex size-11 items-center justify-center rounded-full bg-amber-400 text-slate-950 shadow-lg transition hover:bg-amber-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-400 "
4432                aria-label="Läs mer"
4433            >
4434                <svg class="size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
4435                    <path d="M5 12h14M13 6l6 6-6 6" />
4436                </svg>
4437            </a>
4438                                    <h3 class="text-balance text-lg font-extrabold uppercase leading-snug tracking-wide text-white sm:text-xl pr-14">
4439                Boken om Gothia Cup
4440            </h3>
4441                            <div
4442                class="mt-1.5 max-w-prose text-pretty text-sm leading-snug text-slate-200/95 prose prose-sm prose-invert max-w-none prose-p:my-1 prose-p:text-slate-200/95 prose-p:leading-snug prose-headings:text-white prose-a:text-amber-400 hover:prose-a:text-amber-300 pr-14">
4443                <p>249 SEK</p>
4444            </div>
4445            </div>
4446</article>
4447                        </div>
4448                                        <div class="cards-slide-item swiper-slide !flex !h-auto items-stretch">
4449                            <article class="group relative flex min-h-0 min-w-0 flex-col overflow-hidden aspect-[3/4] sm:aspect-[4/5] rounded-xl border border-slate-200/90 bg-slate-900/40 shadow-md ring-1 ring-slate-900/[0.08] transition duration-300 hover:shadow-2xl h-full w-full max-w-none">
4450    <div class="absolute inset-0 h-full w-full overflow-hidden bg-slate-800">
4451                    <img
4452                src="https://cdn.gothiacup.se/gc/images/IjdObTHujuDspbp3X3HZxGgSZObbJMs1EovgHN6A.jpg"
4453                alt="T-Shirt - Sand"
4454                loading="lazy"
4455                decoding="async"
4456                class="h-full w-full object-cover transition duration-500 group-hover:scale-[1.04]"
4457            />
4458                        <div class="pointer-events-none absolute inset-0 z-[2] bg-gradient-to-t from-slate-900/75 via-slate-900/30 to-transparent" aria-hidden="true"></div>
4459            </div>
4460    <div class="absolute inset-x-0 bottom-0 z-10 flex min-h-0 flex-col justify-end p-5 sm:p-6">
4461                    <a
4462                href="https://shop.gothiacup.se/clothes/88897-t-shirt-the-world-youth-cup-sand"
4463                class="absolute bottom-4 right-4 z-20 flex size-11 items-center justify-center rounded-full bg-amber-400 text-slate-950 shadow-lg transition hover:bg-amber-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-400 "
4464                aria-label="Läs mer"
4465            >
4466                <svg class="size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
4467                    <path d="M5 12h14M13 6l6 6-6 6" />
4468                </svg>
4469            </a>
4470                                    <h3 class="text-balance text-lg font-extrabold uppercase leading-snug tracking-wide text-white sm:text-xl pr-14">
4471                T-Shirt - Sand
4472            </h3>
4473                            <div
4474                class="mt-1.5 max-w-prose text-pretty text-sm leading-snug text-slate-200/95 prose prose-sm prose-invert max-w-none prose-p:my-1 prose-p:text-slate-200/95 prose-p:leading-snug prose-headings:text-white prose-a:text-amber-400 hover:prose-a:text-amber-300 pr-14">
4475                <p>299 SEK</p>
4476            </div>
4477            </div>
4478</article>
4479                        </div>
4480                                        <div class="cards-slide-item swiper-slide !flex !h-auto items-stretch">
4481                            <article class="group relative flex min-h-0 min-w-0 flex-col overflow-hidden aspect-[3/4] sm:aspect-[4/5] rounded-xl border border-slate-200/90 bg-slate-900/40 shadow-md ring-1 ring-slate-900/[0.08] transition duration-300 hover:shadow-2xl h-full w-full max-w-none">
4482    <div class="absolute inset-0 h-full w-full overflow-hidden bg-slate-800">
4483                    <img
4484                src="https://cdn.gothiacup.se/gc/images/9ExnqlOYciRL0Ng2NN6GEZ5ZgoHgsT15fYoBq9S6.jpg"
4485                alt="Back Pack - Navy"
4486                loading="lazy"
4487                decoding="async"
4488                class="h-full w-full object-cover transition duration-500 group-hover:scale-[1.04]"
4489            />
4490                        <div class="pointer-events-none absolute inset-0 z-[2] bg-gradient-to-t from-slate-900/75 via-slate-900/30 to-transparent" aria-hidden="true"></div>
4491            </div>
4492    <div class="absolute inset-x-0 bottom-0 z-10 flex min-h-0 flex-col justify-end p-5 sm:p-6">
4493                    <a
4494                href="https://shop.gothiacup.se/bags/88923-back-pack-gothia-cup-navy"
4495                class="absolute bottom-4 right-4 z-20 flex size-11 items-center justify-center rounded-full bg-amber-400 text-slate-950 shadow-lg transition hover:bg-amber-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-400 "
4496                aria-label="Läs mer"
4497            >
4498                <svg class="size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
4499                    <path d="M5 12h14M13 6l6 6-6 6" />
4500                </svg>
4501            </a>
4502                                    <h3 class="text-balance text-lg font-extrabold uppercase leading-snug tracking-wide text-white sm:text-xl pr-14">
4503                Back Pack - Navy
4504            </h3>
4505                            <div
4506                class="mt-1.5 max-w-prose text-pretty text-sm leading-snug text-slate-200/95 prose prose-sm prose-invert max-w-none prose-p:my-1 prose-p:text-slate-200/95 prose-p:leading-snug prose-headings:text-white prose-a:text-amber-400 hover:prose-a:text-amber-300 pr-14">
4507                <p>399 SEK</p>
4508            </div>
4509            </div>
4510</article>
4511                        </div>
4512                                        <div class="cards-slide-item swiper-slide !flex !h-auto items-stretch">
4513                            <article class="group relative flex min-h-0 min-w-0 flex-col overflow-hidden aspect-[3/4] sm:aspect-[4/5] rounded-xl border border-slate-200/90 bg-slate-900/40 shadow-md ring-1 ring-slate-900/[0.08] transition duration-300 hover:shadow-2xl h-full w-full max-w-none">
4514    <div class="absolute inset-0 h-full w-full overflow-hidden bg-slate-800">
4515                    <img
4516                src="https://cdn.gothiacup.se/gc/images/k9MsfmXohytQB5bP8XhElvZCmHSTaYiMVVjzDLyS.jpg"
4517                alt="Dad Cap"
4518                loading="lazy"
4519                decoding="async"
4520                class="h-full w-full object-cover transition duration-500 group-hover:scale-[1.04]"
4521            />
4522                        <div class="pointer-events-none absolute inset-0 z-[2] bg-gradient-to-t from-slate-900/75 via-slate-900/30 to-transparent" aria-hidden="true"></div>
4523            </div>
4524    <div class="absolute inset-x-0 bottom-0 z-10 flex min-h-0 flex-col justify-end p-5 sm:p-6">
4525                    <a
4526                href="https://shop.gothiacup.se/headwear/95794-dad-cap-gothia-cup-grey"
4527                class="absolute bottom-4 right-4 z-20 flex size-11 items-center justify-center rounded-full bg-amber-400 text-slate-950 shadow-lg transition hover:bg-amber-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-400 "
4528                aria-label="Läs mer"
4529            >
4530                <svg class="size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
4531                    <path d="M5 12h14M13 6l6 6-6 6" />
4532                </svg>
4533            </a>
4534                                    <h3 class="text-balance text-lg font-extrabold uppercase leading-snug tracking-wide text-white sm:text-xl pr-14">
4535                Dad Cap
4536            </h3>
4537                            <div
4538                class="mt-1.5 max-w-prose text-pretty text-sm leading-snug text-slate-200/95 prose prose-sm prose-invert max-w-none prose-p:my-1 prose-p:text-slate-200/95 prose-p:leading-snug prose-headings:text-white prose-a:text-amber-400 hover:prose-a:text-amber-300 pr-14">
4539                <p>299 SEK</p>
4540            </div>
4541            </div>
4542</article>
4543                        </div>
4544                                        <div class="cards-slide-item swiper-slide !flex !h-auto items-stretch">
4545                            <article class="group relative flex min-h-0 min-w-0 flex-col overflow-hidden aspect-[3/4] sm:aspect-[4/5] rounded-xl border border-slate-200/90 bg-slate-900/40 shadow-md ring-1 ring-slate-900/[0.08] transition duration-300 hover:shadow-2xl h-full w-full max-w-none">
4546    <div class="absolute inset-0 h-full w-full overflow-hidden bg-slate-800">
4547                    <img
4548                src="https://cdn.gothiacup.se/gc/images/HclARCoD8Kef0TxQP1fdvLgEaPBJrtxbo9lvTXYw.jpg"
4549                alt="Zip Hood - Burnt Orange"
4550                loading="lazy"
4551                decoding="async"
4552                class="h-full w-full object-cover transition duration-500 group-hover:scale-[1.04]"
4553            />
4554                        <div class="pointer-events-none absolute inset-0 z-[2] bg-gradient-to-t from-slate-900/75 via-slate-900/30 to-transparent" aria-hidden="true"></div>
4555            </div>
4556    <div class="absolute inset-x-0 bottom-0 z-10 flex min-h-0 flex-col justify-end p-5 sm:p-6">
4557                    <a
4558                href="https://shop.gothiacup.se/clothes/88900-zip-hood-gothia-cup-navy-burnt-orange"
4559                class="absolute bottom-4 right-4 z-20 flex size-11 items-center justify-center rounded-full bg-amber-400 text-slate-950 shadow-lg transition hover:bg-amber-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-400 "
4560                aria-label="Läs mer"
4561            >
4562                <svg class="size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
4563                    <path d="M5 12h14M13 6l6 6-6 6" />
4564                </svg>
4565            </a>
4566                                    <h3 class="text-balance text-lg font-extrabold uppercase leading-snug tracking-wide text-white sm:text-xl pr-14">
4567                Zip Hood - Burnt Orange
4568            </h3>
4569                            <div
4570                class="mt-1.5 max-w-prose text-pretty text-sm leading-snug text-slate-200/95 prose prose-sm prose-invert max-w-none prose-p:my-1 prose-p:text-slate-200/95 prose-p:leading-snug prose-headings:text-white prose-a:text-amber-400 hover:prose-a:text-amber-300 pr-14">
4571                <p>699 SEK</p>
4572            </div>
4573            </div>
4574</article>
4575                        </div>
4576                        </cards-slider-component>
4577					</div>
4578 
4579			
4580			</div>
4581		</div>
4582	</div>
4583	
4584</div>
4585
4586	  
4587	</div> 
4588				</div>
4589	</div> 
4590		</div>
4591			</div>
4592		</div>
4593</div>										<div
4594	data-section-id="73552130"
4595	class="flex lozad relative isolated
4596	
4597		bg-white
4598		
4599		
4600		
4601		
4602		
4603		
4604		
4605		my-0
4606		hidden
4607		md:hidden
4608		lg:hidden
4609		border-b border-slate-200/90
4610		
4611	"
4612		 >
4613	
4614
4615	
4616
4617	
4618
4619				<div class="w-full h-full relative isolate  ">
4620						<div class="w-full h-full flex mx-auto items-start max-w-7xl py-14 lg:py-20 px-6 md:px-8 lg:px-10">
4621				<div class="grid w-full gap-y-10">
4622					<div
4623		class="w-full mx-auto relative isolated
4624		max-w-full
4625		
4626		
4627		mx-auto
4628		py-0
4629		
4630		
4631		
4632		
4633		
4634		block
4635		md:block
4636		lg:block
4637		
4638		 
4639		"
4640	>
4641
4642	
4643	<div
4644		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
4645
4646		  								
4647			
4648			items-start
4649			
4650			
4651
4652			 		 "
4653    >
4654							<div
4655
4656	class="relative isolated z-20 min-w-0 max-w-full
4657			w-full
4658			
4659			block
4660		md:block
4661		lg:block
4662			    	"
4663  >
4664    	
4665	<div
4666		class="lozad relative w-full min-w-0 h-full
4667		
4668		
4669		
4670		
4671		
4672		
4673		
4674		
4675		
4676		
4677		
4678		
4679	  
4680		
4681		
4682		
4683	 	"
4684				
4685	>
4686	<div class="w-full h-full  
4687	 ">
4688
4689			<div
4690			class="w-full min-w-0 h-full flex relative
4691			max-w-3xl mx-auto
4692			
4693			
4694			items-start
4695			py-0
4696			px-0
4697			
4698			
4699			"
4700		>
4701			<div class="flex min-w-0 flex-col w-full ">
4702				
4703					<div
4704	data-item-id="42138757"
4705			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
4706						<div class="text-center md:text-center lg:text-center">
4707    <span class="inline-flex max-w-full items-center rounded-xl border font-semibold leading-snug shadow-sm ring-1 px-3 py-1 text-sm border-amber-200/90 bg-gradient-to-br from-amber-50 to-white text-amber-950 ring-amber-500/10 mb-3">
4708        OUR EVENTS
4709    </span>
4710</div>
4711					</div>
4712	<div
4713	data-item-id="89974153"
4714			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
4715						<div
4716    class="w-full
4717    
4718    mb-3
4719    "
4720>
4721    
4722    <h2
4723        class="block
4724        text-center
4725        md:text-center
4726        lg:text-center
4727        font-extrabold
4728        text-3xl md:text-4xl lg:text-[2.5rem]
4729        text-gray-900
4730        leading-tight
4731        tracking-tight
4732        "
4733    >
4734        Memories for life
4735    </h2>
4736
4737    </div>
4738					</div>
4739	<div
4740	data-item-id="60291848"
4741			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
4742						<div
4743    class="text w-full relative
4744    
4745    mb-0
4746    "
4747 >
4748 	
4749 	
4750        <div
4751      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
4752      text-gray-600
4753      text-center
4754      md:text-center
4755      lg:text-center
4756      font-normal
4757      text-base sm:text-lg
4758      leading-relaxed
4759      tracking-normal
4760      "
4761    >
4762  		<p>We believe that it is important to make the tournament a lifelong memory. With moments for everyone — moments of harmony and fellowship, moments where everyone comes together.</p>
4763	</div>
4764  </div>					</div>
4765 
4766			
4767			</div>
4768		</div>
4769	</div>
4770	
4771</div>
4772
4773	  
4774	</div> 
4775				</div>
4776	</div> 
4777						<div
4778		class="w-full mx-auto relative isolated
4779		max-w-full
4780		
4781		
4782		mx-auto
4783		py-0
4784		
4785		
4786		
4787		
4788		
4789		block
4790		md:block
4791		lg:block
4792		
4793		 
4794		"
4795	>
4796
4797	
4798	<div
4799		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
4800
4801		  								
4802			
4803			items-start
4804			
4805			
4806
4807			 		 "
4808    >
4809							<div
4810
4811	class="relative isolated z-20 min-w-0 max-w-full
4812			w-full
4813			
4814			block
4815		md:block
4816		lg:block
4817			    	"
4818  >
4819    	
4820	<div
4821		class="lozad relative w-full min-w-0 h-full
4822		
4823		
4824		
4825		
4826		
4827		
4828		
4829		
4830		
4831		
4832		
4833		
4834	  
4835		
4836		
4837		
4838	 	"
4839				
4840	>
4841	<div class="w-full h-full  
4842	 ">
4843
4844			<div
4845			class="w-full min-w-0 h-full flex relative
4846			max-w-full mx-auto
4847			
4848			
4849			items-start
4850			py-0
4851			px-0
4852			
4853			
4854			"
4855		>
4856			<div class="flex min-w-0 flex-col w-full ">
4857				
4858					<div
4859	data-item-id="56270267"
4860			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
4861						<div class="w-full min-w-0 mb-0 grid grid-cols-1 sm:grid-cols-2 gap-5 sm:gap-6 lg:gap-8 lg:grid-cols-2">
4862                                    <a
4863             href="https://gothiacup.se/en/gothia-opening-ceremony"             class="group relative flex min-h-0 min-w-0 flex-col overflow-hidden rounded-2xl transition duration-300 border border-slate-200/90 border-l-[5px] bg-white shadow-md ring-1 ring-slate-900/[0.05] dark:border-white/10 dark:bg-slate-900/90 hover:-translate-y-1 hover:shadow-xl border-l-orange-500 hover:ring-orange-500/25 no-underline text-inherit focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
4864        >
4865                        <div class="relative w-full shrink-0 overflow-hidden bg-slate-100 aspect-[5/3] sm:aspect-[16/9] dark:bg-slate-800">
4866                <img src="https://cdn.gothiacup.se/gc/images/Ciz3FY2GQUPyIJtFMUQEgAQKA8DsLcegdOZN
4866HpEV.jpg" alt="Opening Ceremony at Ullevi" loading="lazy" decoding="async"
4867                    class="h-full w-full object-cover transition duration-500 group-hover:scale-[1.04]" />
4868                                    <div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-slate-900/75 via-slate-900/30 to-transparent" aria-hidden="true"></div>
4869                                                                    <span
4870                        class="absolute left-4 top-4 z-[1] max-w-[calc(100%-2rem)] truncate rounded-full px-3 py-1 text-[0.65rem] font-bold uppercase tracking-[0.14em] shadow-md ring-1 ring-white/20 bg-orange-500/95 text-white">
4871                        Opening Ceremony
4872                    </span>
4873                                                    <span
4874                        class="absolute bottom-3 right-4 z-[1] font-mono text-3xl font-black leading-none text-white/30 tabular-nums"
4875                        aria-hidden="true">01</span>
4876                            </div>
4877                        <div class="relative flex min-h-0 min-w-0 flex-1 flex-col p-5 sm:p-6 items-start text-left">
4878                                                    <h3 class="text-balance font-semibold leading-snug text-slate-900 dark:text-white text-xl font-bold sm:text-2xl">
4879                        Opening Ceremony
4880                    </h3>
4881                                                    <div
4882                        class="mt-2 text-pretty prose prose-sm max-w-none prose-p:my-1 prose-p:leading-relaxed sm:prose-base flex-1  text-slate-600 dark:text-slate-300 prose-slate prose-headings:text-slate-900 prose-a:text-blue-600 dark:prose-invert dark:prose-headings:text-white ">
4883                        <p>The atmosphere surrounding the opening ceremony is electric enough to make you shiver with excitement. It's a memory you'll remember and smile at for the rest of your life.</p>
4884                    </div>
4885                                                    <div class="mt-4 flex w-full max-w-full flex-wrap gap-2 sm:mt-5 sm:gap-3 justify-start">
4886                                                                                    <span class="inline-flex max-w-full items-center gap-1.5 rounded-xl px-4 py-2.5 text-sm font-semibold shadow-sm transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/40 focus-visible:ring-offset-2 bg-orange-500 hover:bg-orange-600 text-white">
4887                                    Read more
4888                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
4889                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
4890                                        stroke-linejoin="round" class="h-4 w-4 shrink-0">
4891                                        <polyline points="9 18 15 12 9 6" />
4892                                    </svg>
4893                                </span>
4894                                                                                                </div>
4895                            </div>
4896        </a>
4897                                            <a
4898             href="https://gothiacup.se/en/gothia-leaders-party"             class="group relative flex min-h-0 min-w-0 flex-col overflow-hidden rounded-2xl transition duration-300 border border-slate-200/90 border-l-[5px] bg-white shadow-md ring-1 ring-slate-900/[0.05] dark:border-white/10 dark:bg-slate-900/90 hover:-translate-y-1 hover:shadow-xl border-l-violet-500 hover:ring-violet-500/25 no-underline text-inherit focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
4899        >
4900                        <div class="relative w-full shrink-0 overflow-hidden bg-slate-100 aspect-[5/3] sm:aspect-[16/9] dark:bg-slate-800">
4901                <img src="https://cdn.gothiacup.se/gc/images/kHbBjqx5sDgdIj6rGpKcJaJ4aPfj2MGppgTrSoMk.jpg" alt="Leaders Party" loading="lazy" decoding="async"
4902                    class="h-full w-full object-cover transition duration-500 group-hover:scale-[1.04]" />
4903                                    <div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-slate-900/75 via-slate-900/30 to-transparent" aria-hidden="true"></div>
4904                                                                    <sp
4904an
4905                        class="absolute left-4 top-4 z-[1] max-w-[calc(100%-2rem)] truncate rounded-full px-3 py-1 text-[0.65rem] font-bold uppercase tracking-[0.14em] shadow-md ring-1 ring-white/20 bg-violet-600/95 text-white">
4906                        Leaders Party
4907                    </span>
4908                                                    <span
4909                        class="absolute bottom-3 right-4 z-[1] font-mono text-3xl font-black leading-none text-white/30 tabular-nums"
4910                        aria-hidden="true">02</span>
4911                            </div>
4912                        <div class="relative flex min-h-0 min-w-0 flex-1 flex-col p-5 sm:p-6 items-start text-left">
4913                                                    <h3 class="text-balance font-semibold leading-snug text-slate-900 dark:text-white text-xl font-bold sm:text-2xl">
4914                        Leaders Party
4915                    </h3>
4916                                                    <div
4917                        class="mt-2 text-pretty prose prose-sm max-w-none prose-p:my-1 prose-p:leading-relaxed sm:prose-base flex-1  text-slate-600 dark:text-slate-300 prose-slate prose-headings:text-slate-900 prose-a:text-blue-600 dark:prose-invert dark:prose-headings:text-white ">
4918                        <p>The Leaders Party is our way to say thank you to all the leaders who give a lot of their time to their players. Great food, a fantastic show and great company — an evening you'll never forget.</p>
4919                    </div>
4920                                                    <div class="mt-4 flex w-full max-w-full flex-wrap gap-2 sm:mt-5 sm:gap-3 justify-start">
4921                                                                                    <span class="inline-flex max-w-full items-center gap-1.5 rounded-xl px-4 py-2.5 text-sm font-semibold shadow-sm transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/40 focus-visible:ring-offset-2 bg-violet-600 hover:bg-violet-500 text-white">
4922                                    Read more
4923                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
4924                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
4925                                        stroke-linejoin="round" class="h-4 w-4 shrink-0">
4926                                        <polyline points="9 18 15 12 9 6" />
4927                                    </svg>
4928                                </span>
4929                                                                                                </div>
4930                            </div>
4931        </a>
4932                                            <a
4933             href="https://gothiacup.se/en/gothia-finals"             class="group relative flex min-h-0 min-w-0 flex-col overflow-hidden rounded-2xl transition duration-300 border border-slate-200/90 border-l-[5px] bg-white shadow-md ring-1 ring-slate-900/[0.05] dark:border-white/10 dark:bg-slate-900/90 hover:-translate-y-1 hover:shadow-xl border-l-emerald-500 hover:ring-emerald-500/25 no-underline text-inherit focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
4934        >
4935                        <div class="relative w-full shrink-0 overflow-hidden bg-slate-100 aspect-[5/3] sm:aspect-[16/9] dark:bg-slate-800">
4936                <img src="https://cdn.gothiacup.se/gc/images/IRrZNfWqraupdhnLHC6gyko2GXypE1Qn4UJfTzo7.jpg" alt="The Finals" loading="lazy" decoding="async"
4937                    class="h-full w-full object-cover transition duration-500 group-hover:scale-[1.04]" />
4938                                    <div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-slate-900/75 via-slate-900/30 to-transparent" aria-hidden="true"></div>
4939                                                                    <span
4940                        class="absolute left-4 top-4 z-[1] max-w-[calc(100%-2rem)] truncate rounded-full px-3 py-1 text-[0.65rem] font-bold uppercase tracking-[0.14em] shadow-md ring-1 ring-white/20 bg-emerald-600/95 text-white">
4941                        The Finals
4942                    </span>
4943                                                    <span
4944                        class="absolute bottom-3 right-4 z-[1] font-mono text-3xl font-black leading-none text-white/30 tabular-nums"
4945                        aria-hidden="true">03</span>
4946                            </div>
4947                        <div class="relative flex min-h-0 min-w-0 flex-1 flex-col p-5 sm:p-6 items-start text-left">
4948                                                    <h3 class="text-balance font-semibold leading-snug text-slate-900 dark:text-white text-xl font-bold sm:text-2xl">
4949                        The Finals
4950                    </h3>
4951                                                    <div
4952                        class="mt-2 text-pretty prose prose-sm max-w-none prose-p:my-1 prose-p:leading-relaxed sm:prose-base flex-1  text-slate-600 dark:text-slate-300 prose-slate prose-headings:text-slate-900 prose-a:text-blue-600 dark:prose-invert dark:prose-headings:text-white ">
4953                        <p>After almost one week of matches it's finally time for the finals. They are played at the SKF Arena, Gamla Ullevi and Heden, every year visited by thousands of spectators.</p>
4954                    </div>
4955                                                    <div class="mt-4 flex w-full max-w-full flex-wrap gap-2 sm:mt-5 sm:gap-3 justify-start">
4956                                                                                    <span class="inline-flex max-w-full items-center gap-1.5 rounded-xl px-4 py-2.5 text-sm font-semibold shadow-sm transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/40 focus-visible:ring-offset-2 bg-emerald-600 hover:bg-emerald-500 text-white">
4957                                    Read more
4958                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
4959                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
4960                                        stroke-linejoin="round" class="h-4 w-4 shrink-0">
4961                                        <polyline points="9 18 15 12 9 6" />
4962                                    </svg>
4963                                </span>
4964                                                                                                </div>
4965                            </div>
4966        </a>
4967                                            <a
4968             href="https://gothiacup.se/en/gothia-centers"             class="group relative flex min-h-0 min-w-0 flex-col overflow-hidden rounded-2xl transition duration-300 border border-slate-200/90 border-l-[5px] bg-white shadow-md ring-1 ring-slate-900/[0.05] dark:border-white/10 dark:bg-slate-900/90 hover:-translate-y-1 hover:shadow-xl border-l-blue-500 hover:ring-blue-500/25 no-underline text-inherit focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
4969        >
4970                        <div class="relative w-full shrink-0 overflow-hidden bg-slate-100 aspect-[5/3] sm:aspect-[16/9] dark:bg-slate-800">
4971                <img src="https://cdn.gothiacup.se/gc/images/Q8sD2K34QTBk6O0tx6TeCpu8mbLHz6QfNF5QrAlp.jpg" alt="Event areas" loading="lazy" decoding="async"
4972                    class="h-full w-full object-cover transition duration-500 group-hover:scale-[1.04]" />
4973                                    <div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-slate-900/75 via-slate-900/30 to-transparent" aria-hidden="true"></div>
4974                                                                    <span
4975                        class="absolute left-4 top-4 z-[1] max-w-[calc(100%-2rem)] truncate rounded-full px-3 py-1 text-[0.65rem] font-bold uppercase tracking-[0.14em] shadow-md ring-1 ring-white/20 bg-blue-600/95 text-white">
4976                        Event areas
4977                    </span>
4978                                                    <span
4979                        class="absolute bottom-3 right-4 z-[1] font-mono text-3xl font-black leading-none text-white/30 tabular-nums"
4980                        aria-hidden="true">04</span>
4981                            </div>
4982                        <div class="relative flex min-h-0 min-w-0 flex-1 flex-col p-5 sm:p-6 items-start text-left">
4983                                                    <h3 class="text-balance font-semibold leading-snug text-slate-900 dark:text-white text-xl font-bold sm:text-2xl">
4984                        Our Centres
4985                    </h3>
4986                                                    <div
4987                        class="mt-2 text-pretty prose prose-sm max-w-none prose-p:my-1 prose-p:leading-relaxed sm:prose-base flex-1  text-slate-600 dar
4987k:text-slate-300 prose-slate prose-headings:text-slate-900 prose-a:text-blue-600 dark:prose-invert dark:prose-headings:text-white ">
4988                        <p>Heden and Kviberg — international football plus event areas with activities and competitions throughout the week.</p>
4989                    </div>
4990                                                    <div class="mt-4 flex w-full max-w-full flex-wrap gap-2 sm:mt-5 sm:gap-3 justify-start">
4991                                                                                    <span class="inline-flex max-w-full items-center gap-1.5 rounded-xl px-4 py-2.5 text-sm font-semibold shadow-sm transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/40 focus-visible:ring-offset-2 bg-blue-600 hover:bg-blue-500 text-white">
4992                                    Read more
4993                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
4994                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
4995                                        stroke-linejoin="round" class="h-4 w-4 shrink-0">
4996                                        <polyline points="9 18 15 12 9 6" />
4997                                    </svg>
4998                                </span>
4999                                                                                                </div>
5000                            </div>
5001        </a>
5002            </div>
5003					</div>
5004 
5005			
5006			</div>
5007		</div>
5008	</div>
5009	
5010</div>
5011
5012	  
5013	</div> 
5014				</div>
5015	</div> 
5016		</div>
5017			</div>
5018		</div>
5019</div>										<div
5020	data-section-id="a69ae90a-3fe8-4012-a572-12de388c5d79"
5021	class="flex lozad relative isolated
5022	
5023		bg-pcblue-600
5024		
5025		
5026		
5027		
5028		
5029		
5030		
5031		my-0
5032		flex
5033		md:flex
5034		lg:flex
5035		border-y border-gray-200 border-t-[6px] border-orange-500
5036		
5037	"
5038		 >
5039	
5040
5041	
5042
5043	
5044
5045				<div class="w-full h-full relative isolate  ">
5046						<div class="w-full h-full flex mx-auto items-center max-w-full py-12 lg:py-16 px-6 md:px-8 lg:px-10">
5047				<div class="grid w-full gap-y-8">
5048					<div
5049		class="w-full mx-auto relative isolated
5050		max-w-5xl
5051		
5052		
5053		mx-auto
5054		py-0
5055		
5056		
5057		
5058		
5059		
5060		block
5061		md:block
5062		lg:block
5063		
5064		 
5065		"
5066	>
5067
5068	
5069	<div
5070		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
5071
5072		  					md:space-x-0 space-y-8
5073				md:space-y-0 md:space-x-8 md:flex-nowrap
5074				
5075				
5076				
5077				
5078			
5079			
5080			items-center
5081			
5082			
5083
5084			 		 "
5085    >
5086							<div
5087
5088	class="relative isolated z-20 min-w-0 max-w-full
5089			w-full
5090		md:w-full
5091	
5092			block
5093		md:block
5094		lg:block
5095			    	"
5096  >
5097    	
5098	<div
5099		class="lozad relative w-full min-w-0 h-full
5100		
5101		
5102		
5103		
5104		
5105		
5106		
5107		
5108		
5109		
5110		
5111		
5112	  
5113		
5114		
5115		
5116	 	"
5117				
5118	>
5119	<div class="w-full h-full  
5120	 ">
5121
5122			<div
5123			class="w-full min-w-0 h-full flex relative
5124			max-w-xl mx-auto
5125			
5126			
5127			items-center
5128			py-0
5129			px-4
5130			
5131			
5132			"
5133		>
5134			<div class="flex min-w-0 flex-col w-full ">
5135				
5136					<div
5137	data-item-id="76761780"
5138			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
5139						<div class="text-left md:text-left lg:text-left">
5140    <span class="inline-flex max-w-full items-center rounded-xl border font-semibold leading-snug shadow-sm ring-1 px-3 py-1 text-sm border-amber-200/90 bg-gradient-to-br from-amber-50 to-white text-amber-950 ring-amber-500/10 mb-3">
5141        Eat - Play - Win
5142    </span>
5143</div>
5144					</div>
5145	<div
5146	data-item-id="94434488"
5147			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
5148						<div
5149    class="w-full
5150    
5151    mb-3
5152    "
5153>
5154    
5155    <h2
5156        class="block
5157        text-left
5158        md:text-left
5159        lg:text-left
5160        font-extrabold
5161        text-3xl md:text-4xl
5162        text-gray-100
5163        leading-tight
5164        tracking-tight
5165        "
5166    >
5167        Plate Waste Challenge
5168    </h2>
5169
5170    </div>
5171					</div>
5172	<div
5173	data-item-id="94657667"
5174			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
5175						<div
5176    class="text w-full relative
5177    
5178    mb-0
5179    "
5180 >
5181 	
5182 	
5183        <div
5184      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
5185      text-gray-100
5186      text-left
5187      md:text-left
5188      lg:text-left
5189      font-normal
5190      text-base sm:text-lg
5191      leading-relaxed
5192      tracking-normal
5193      "
5194    >
5195  		<p>If everyone takes only what they can eat and finishes their meal, together we can reduce food waste by hundreds of kilograms and make the tournament more sustainable.</p>
5196	</div>
5197  </div>					</div>
5198	<div
5199	data-item-id="35886296"
5200			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
5201						<div
5202	class="w-full min-w-0 max-w-full
5203	mt-3
5204	mb-4
5205	text-left
5206	md:text-left
5207	lg:text-left
5208	"
5209>
5210	<div class="inline-flex flex-wrap items-center gap-3">
5211		<span class="inline-flex w-full min-w-0 sm:w-auto">
5212			<a
5213				href="/en/the-plate-challenge"
5214				class="inline-flex w-full min-w-0 select-none items-center justify-center gap-2 font-semibold whitespace-nowrap rounded-xl border shadow-sm transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 sm:w-auto px-5 py-3 text-base leading-snug border-transparent bg-blue-100 text-blue-800 hover:bg-blue-50 active:bg-blue-200 focus-visible:ring-blue-500 "
5215			>Read more about the competition<icon :size="5" icon="" class="shrink-0 opacity-90" aria-hidden="true" /></a>
5216		</span>
5217			</div>
5218</div>
5219					</div>
5220	<div
5221	data-item-id="3464"
5222			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
5223						<div class="w-full min-w-0 text-left md:text-left lg:text-left">
5224                        <a
5225                href="/en/celebrateplanetpeoplegame"
5226                class="text-white hover:text-blue-100 text-base font-normal leading-normal tracking-normal  inline-flex max-w-full items-center gap-2 rounded-xl py-1 font-semibold underline-offset-4 transition hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
5227            >
5228                <span class="min-w-0">Discover our sustainability initiative, Celebrate.</span>
5229                                    <icon :size="4" icon="globe" class="shrink-0 opacity-90" />
5230                            </a>
5231            </div>
5232					</div>
5233 
5234			
5235			</div>
5236		</div>
5237	</div>
5238	
5239</div>
5240
5241	  
5242	</div> 
5243						<div
5244
5245	class="relative isolated z-20 min-w-0 max-w-full
5246			w-full
5247		md:w-full
5248	
5249			block
5250		md:block
5251		lg:block
5252			    	"
5253  >
5254    	
5255	<div
5256		class="lozad relative w-full min-w-0 h-full
5257		
5258		
5259		
5260		
5261		
5262		
5263		
5264		
5265		
5266		
5267		
5268		
5269	  
5270		
5271		
5272		
5273	 	"
5274				
5275	>
5276	<div class="w-full h-full  
5277	 ">
5278
5279			<div
5280			class="w-full min-w-0 h-full flex relative
5281			max-w-xl mx-auto
5282			
5283			
5284			items-center
5285			py-0
5286			px-4
5287			
5288			
5289			"
5290		>
5291			<div class="flex min-w-0 flex-col w-full ">
5292				
5293					<div
5294	data-item-id="530"
5295			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
5296						<image-component height="" width="" ratio="0.70868347338936" fit="" v-slot="{ style, imgstyle, width, height }">
5297  <div class="flex h-full
5298  
5299    justify-start
5300
5301      
5302      
5303    
5304    ">
5305        <div class="w-full overflow-hidden
5306     
5307      rounded-lg
5308      w-full
5309    " :style="{ maxWidth: width + 'px' }">
5310          <div class="relative img lozadimg" :style="style">
5311        <img data-src="https://cdn.gothiacup.se/pc/images/tq6PUwbqP6V0ldQNzHWZY7Tc99cLvc1egskkJdhd.png" alt="" class="w-full lozad load self-center" width="" :style="imgstyle" />
5312                      </div>
5313        </div>
5314      </div>
5315</image-component>					</div>
5316 
5317			
5318			</div>
5319		</div>
5320	</div>
5321	
5322</div>
5323
5324	  
5325	</div> 
5326				</div>
5327	</div> 
5328		</div>
5329			</div>
5330		</div>
5331</div>										<div
5332	data-section-id="96261897"
5333	class="flex lozad relative isolated
5334	
5335		bg-gradient-to-b from-slate-50 to-white
5336		
5337		
5338		
5339		
5340		
5341		
5342		
5343		my-0
5344		flex
5345		md:flex
5346		lg:flex
5347		border-b border-slate-200/90
5348		
5349	"
5350		 >
5351	
5352
5353	
5354
5355	
5356
5357				<div class="w-full h-full relative isolate  ">
5358						<div class="w-full h-full flex mx-auto items-start max-w-7xl py-14 lg:py-20 px-6 md:px-8 lg:px-10">
5359				<div class="grid w-full gap-y-8">
5360					<div
5361		class="w-full mx-auto relative isolated
5362		max-w-full
5363		
5364		
5365		mx-auto
5366		py-0
5367		
5368		
5369		
5370		
5371		
5372		block
5373		md:block
5374		lg:block
5375		
5376		 
5377		"
5378	>
5379
5380	
5381	<div
5382		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
5383
5384		  								
5385			
5386			items-start
5387			
5388			
5389
5390			 		 "
5391    >
5392							<div
5393
5394	class="relative isolated z-20 min-w-0 max-w-full
5395			w-full
5396			
5397			block
5398		md:block
5399		lg:block
5400			    	"
5401  >
5402    	
5403	<div
5404		class="lozad relative w-full min-w-0 h-full
5405		
5406		
5407		
5408		
5409		
5410		
5411		
5412		
5413		
5414		
5415		
5416		
5417	  
5418		
5419		
5420		
5421	 	"
5422				
5423	>
5424	<div class="w-full h-full  
5425	 ">
5426
5427			<div
5428			class="w-full min-w-0 h-full flex relative
5429			max-w-6xl mx-auto
5430			
5431			
5432			items-start
5433			py-0
5434			px-0
5435			
5436			
5437			"
5438		>
5439			<div class="flex min-w-0 flex-col w-full ">
5440				
5441					<div
5442	data-item-id="66443783"
5443			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
5444						<div class="text-center md:text-center lg:text-center">
5445    <span class="inline-flex max-w-full items-center rounded-xl border font-semibold leading-snug shadow-sm ring-1 px-3 py-1 text-sm border-blue-200/90 bg-gradient-to-br from-blue-50 to-white text-blue-900 ring-blue-500/10 mb-3">
5446        STATS 2026
5447    </span>
5448</div>
5449					</div>
5450	<div
5451	data-item-id="79463981"
5452			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
5453						<div
5454    class="w-full
5455    
5456    mb-2
5457    "
5458>
5459    
5460    <h2
5461        class="block
5462        text-center
5463        md:text-center
5464        lg:text-center
5465        font-extrabold
5466        text-3xl md:text-4xl
5467        text-gray-900
5468        leading-tight
5469        tracking-tight
5470        "
5471    >
5472        Gothia Cup in numbers
5473    </h2>
5474
5475    </div>
5476					</div>
5477	<div
5478	data-item-id="59219952"
5479			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
5480						<div
5481    class="text w-full relative
5482    
5483    mb-8
5484    "
5485 >
5486 	
5487 	
5488        <div
5489      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
5490      text-gray-600
5491      text-center
5492      md:text-center
5493      lg:text-center
5494      font-normal
5495      text-base
5496      leading-relaxed
5497      tracking-normal
5498      "
5499    >
5500  		Key figures from the latest edition — more numbers and history on our statistics page.
5501	</div>
5502  </div>					</div>
5503	<div
5504	data-item-id="62548823"
5505			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
5506						<metrics-component :item='{"id":62548823,"name":"Metrics","type":"metrics","list":[{"id":41143641,"value":"1964","label":"Teams","subtitle":null,"icon":"users","progress":null,"visual":"standard","accent":"blue","trend":null,"trendLabel":null,"sparkSeries":null},{"id":53572883,"value":"79","label":"Nations","subtitle":null,"icon":"globe","progress":null,"visual":"standard","accent":"emerald","trend":null,"trendLabel":null,"sparkSeries":null},{"id":17174843,"value":"5105","label":"Matches","subtitle":null,"icon":"ball","progress":null,"visual":"standard","accent":"amber","trend":null,"trendLabel":null,"sparkSeries":null},{"id":36372028,"value":"129","label":"Fields","subtitle":null,"icon":"place","progress":null,"visual":"standard","accent":"violet","trend":null,"trendLabel":null,"sparkSeries":null}
5506],"presentation":null,"theme":"light","regionAriaLabel":null,"animateCount":true,"columns":"2","columnsmd":"2","columnslg":"4","columnsxl":"4","titleColor":"text-blue-600","titleTextsize":"text-lg","titleLeading":"leading-none","titleTracking":"tracking-tight","titleFont":"font-extrabold","textColor":"text-gray-600","textTextsize":"text-xs","textLeading":"leading-snug","textTracking":"tracking-normal","textFont":"font-medium","subtitleColor":"text-gray-400","subtitleTextsize":"text-xs","subtitleLeading":"leading-normal","subtitleTracking":"tracking-wide","subtitleFont":"font-normal","marginTop":null,"marginBottom":"mb-6","iconsize":"5","iconcolor":"text-blue-600","iconmargin":"my-0","hAlign":"left","hAlignLg":null,"hAlignMd":null,"vAlign":"top","vAlignLg":null,"vAlignMd":null,"iconPlacement":"top","margin":"gap-4 sm:gap-6","visible":true,"visiblemd":true,"visiblelg":true}'></metrics-component>
5507					</div>
5508	<div
5509	data-item-id="36993788"
5510			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
5511						<div
5512	class="w-full min-w-0 max-w-full
5513	
5514	mb-0
5515	text-center
5516	md:text-center
5517	lg:text-center
5518	"
5519>
5520	<div class="inline-flex flex-wrap items-center gap-3">
5521		<span class="inline-flex w-full min-w-0 sm:w-auto">
5522			<a
5523				href="https://gothiacup.se/en/about-us"
5524				class="inline-flex w-full min-w-0 select-none items-center justify-center gap-2 font-semibold whitespace-nowrap rounded-xl border shadow-sm transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 sm:w-auto px-5 py-3 text-base leading-snug border-transparent bg-blue-500 text-white hover:bg-blue-600 active:bg-blue-700 focus-visible:ring-blue-600 "
5525			>About Gothia Cup<icon :size="5" icon="chevron" class="shrink-0 opacity-90" aria-hidden="true" /></a>
5526		</span>
5527					<span class="inline-flex w-full min-w-0 sm:w-auto">
5528				<a
5529					href="https://gothiacup.se/en/factsstatistics"
5530					class="inline-flex w-full min-w-0 select-none items-center justify-center gap-2 font-semibold whitespace-nowrap rounded-xl border shadow-sm transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 sm:w-auto px-5 py-3 text-base leading-snug border-2 border-blue-600 bg-transparent text-blue-600 hover:bg-blue-50 focus-visible:ring-blue-500 "
5531				>Stats<icon :size="5" icon="stats" class="shrink-0 opacity-90" aria-hidden="true" /></a>
5532			</span>
5533			</div>
5534</div>
5535					</div>
5536 
5537			
5538			</div>
5539		</div>
5540	</div>
5541	
5542</div>
5543
5544	  
5545	</div> 
5546				</div>
5547	</div> 
5548		</div>
5549			</div>
5550		</div>
5551</div>										<div
5552	data-section-id="99035961"
5553	class="flex lozad relative isolated
5554	
5555		bg-white
5556		
5557		
5558		
5559		
5560		
5561		
5562		
5563		my-0
5564		flex
5565		md:flex
5566		lg:flex
5567		
5568		
5569	"
5570		 >
5571	
5572
5573	
5574
5575	
5576
5577				<div class="w-full h-full relative isolate  ">
5578						<div class="w-full h-full flex mx-auto items-start max-w-7xl py-14 lg:py-20 px-0 lg:px-4">
5579				<div class="grid w-full gap-y-8">
5580					<div
5581		class="w-full mx-auto relative isolated
5582		max-w-full
5583		
5584		
5585		my-0
5586		py-0
5587		overflow-hidden
5588		
5589		
5590		
5591		
5592		block
5593		md:block
5594		lg:block
5595		
5596		 
5597		"
5598	>
5599
5600	
5601	<div
5602		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
5603
5604		  					
5605				
5606				
5607				
5608				
5609				
5610			
5611			
5612			items-start
5613			
5614			
5615
5616			 		 "
5617    >
5618							<div
5619
5620	class="relative isolated z-20 min-w-0 max-w-full
5621			w-full
5622		md:w-full
5623	
5624			block
5625		md:block
5626		lg:block
5627			    	"
5628  >
5629    	
5630	<div
5631		class="lozad relative w-full min-w-0 h-full
5632		
5633		
5634		
5635		
5636		
5637		
5638		
5639		
5640		
5641		
5642		
5643		
5644	  
5645		
5646		
5647		
5648	 	"
5649				
5650	>
5651	<div class="w-full h-full  
5652	 ">
5653
5654			<div
5655			class="w-full min-w-0 h-full flex relative
5656			max-w-full mx-auto
5657			
5658			
5659			items-start
5660			py-0
5661			px-0
5662			
5663			
5664			"
5665		>
5666			<div class="flex min-w-0 flex-col w-full ">
5667				
5668					<div
5669	data-item-id="20517584"
5670			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
5671						<play-component :item="{&quot;id&quot;:20517584,&quot;name&quot;:&quot;PlaySlider&quot;,&quot;type&quot;:&quot;playSlider&quot;,&quot;title&quot;:&quot;Gothia Play&quot;,&quot;link&quot;:&quot;https:\/\/gothiacup.se\/en\/gothia-play&quot;,&quot;linkText&quot;:&quot;More videos&quot;,&quot;visible&quot;:true,&quot;visiblemd&quot;:true,&quot;visiblelg&quot;:true}"></play-component>
5672					</div>
5673 
5674			
5675			</div>
5676		</div>
5677	</div>
5678	
5679</div>
5680
5681	  
5682	</div> 
5683				</div>
5684	</div> 
5685		</div>
5686			</div>
5687		</div>
5688</div>										<div
5689	data-section-id="99237460"
5690	class="flex lozad relative isolated
5691	
5692		no
5693		bg-gradient-to-bl from-blue-500 to-blue-700
5694		
5695		
5696		
5697		
5698		
5699		
5700		my-0
5701		flex
5702		md:flex
5703		lg:flex
5704		text-white border-y border-slate-800
5705		
5706	"
5707		 >
5708	
5709
5710	
5711
5712	
5713
5714				<div class="w-full h-full relative isolate gc-style-blue-lines-low ">
5715						<div class="w-full h-full flex mx-auto items-start max-w-7xl py-14 lg:py-20 px-6 md:px-8 lg:px-10">
5716				<div class="grid w-full gap-y-8">
5717					<div
5718		class="w-full mx-auto relative isolated
5719		max-w-full
5720		
5721		
5722		mx-auto
5723		py-0
5724		
5725		
5726		
5727		
5728		
5729		block
5730		md:block
5731		lg:block
5732		
5733		 
5734		"
5735	>
5736
5737	
5738	<div
5739		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
5740
5741		  					md:space-x-0 space-y-10
5742				md:space-y-0 md:space-x-10 md:flex-nowrap
5743				
5744				
5745				
5746				
5747			
5748			
5749			items-start
5750			
5751			
5752
5753			 		 "
5754    >
5755							<div
5756
5757	class="relative isolated z-20 min-w-0 max-w-full
5758			w-full
5759		md:w-1/2
5760	
5761			block
5762		md:block
5763		lg:block
5764			    	"
5765  >
5766    	
5767	<div
5768		class="lozad relative w-full min-w-0 h-full
5769		
5770		
5771		
5772		bg-white/5
5773		
5774		rounded-3xl
5775		
5776		
5777		
5778		
5779		
5780		
5781	  
5782		
5783		
5784		
5785	 	"
5786				
5787	>
5788	<div class="w-full h-full  
5789	 ">
5790
5791			<div
5792			class="w-full min-w-0 h-full flex relative
5793			max-w-full mx-auto
5794			
5795			rounded-3xl
5796			items-start
5797			py-4 md:py-6 lg:py-8
5798			px-4 md:px-6 lg:px-8
5799			
5800			
5801			"
5802		>
5803			<div class="flex min-w-0 flex-col w-full ">
5804				
5805					<div
5806	data-item-id="40763561"
5807			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
5808						<image-component height="" width="" ratio="" fit="object-contain" v-slot="{ style, imgstyle, width, height }">
5809  <div class="flex h-full
5810  
5811    justify-center
5812
5813      
5814      
5815    
5816    ">
5817        <div class="w-full overflow-hidden
5818     shadow-2xl shadow-black/40
5819      rounded-2xl
5820      w-full
5821    " :style="{ maxWidth: width + 'px' }">
5822          <div class="relative h-full img lozadimg" :style="style">
5823        <img data-src="https://cdn.gothiacup.se/gc/images/vObavRhf5CwcXo7BYCzcP6n1HvHBD4aLcsCrxcmc.jpg" alt="Team Steward at Gothia Cup" class="object-contain lozad load self-center" width="" :style="imgstyle" />
5824                      </div>
5825        </div>
5826      </div>
5827</image-component>					</div>
5828 
5829			
5830			</div>
5831		</div>
5832	</div>
5833	
5834</div>
5835
5836	  
5837	</div> 
5838						<div
5839
5840	class="relative isolated z-20 min-w-0 max-w-full
5841			w-full
5842		md:w-1/2
5843	
5844			block
5845		md:block
5846		lg:block
5847			    	"
5848  >
5849    	
5850	<div
5851		class="lozad relative w-full min-w-0 h-full
5852		
5853		
5854		
5855		
5856		
5857		
5858		
5859		
5860		
5861		
5862		
5863		
5864	  
5865		
5866		
5867		
5868	 	"
5869				
5870	>
5871	<div class="w-full h-full  
5872	 ">
5873
5874			<div
5875			class="w-full min-w-0 h-full flex relative
5876			max-w-full mx-auto
5877			
5878			
5879			items-start
5880			py-6 md:py-8
5881			px-0
5882			
5883			
5884			"
5885		>
5886			<div class="flex min-w-0 flex-col w-full ">
5887				
5888					<div
5889	data-item-id="34832973"
5890			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
5891						<div class="text-left md:text-left lg:text-left">
5892    <span class="inline-flex max-w-full items-center rounded-xl border font-semibold leading-snug shadow-sm ring-1 px-3 py-1 text-sm border-amber-200/90 bg-gradient-to-br from-amber-50 to-white text-amber-950 ring-amber-500/10 mb-3">
5893        CELEBRATE THE GAME
5894    </span>
5895</div>
5896					</div>
5897	<div
5898	data-item-id="30558671"
5899			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
5900						<div
5901    class="w-full
5902    
5903    mb-4
5904    "
5905>
5906    
5907    <h2
5908        class="block
5909        text-left
5910        md:text-left
5911        lg:text-left
5912        font-extrabold
5913        text-2xl md:text-3xl lg:text-4xl
5914        text-white
5915        leading-tight
5916        tracking-tight
5917        "
5918    >
5919        Team Steward
5920    </h2>
5921
5922    </div>
5923					</div>
5924	<div
5925	data-item-id="75799532"
5926			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
5927						<div
5928    class="text w-full relative
5929    
5930    mb-5
5931    "
5932 >
5933 	
5934 	
5935        <div
5936      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
5937      text-blue-100
5938      text-left
5939      md:text-left
5940      lg:text-left
5941      font-normal
5942      text-base sm:text-lg
5943      leading-relaxed
5944      tracking-normal
5945      "
5946    >
5947  		<p>The team is responsible for Fair Play. To reinforce this, one person per team is appointed who is responsible for how their own team, the leaders and supporters behave during the matches. The Team Steward is listed in the team lineup.</p>
5948	</div>
5949  </div>					</div>
5950	<div
5951	data-item-id="8075695"
5952			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
5953						<div class="w-full min-w-0 mt-0 mb-0 text-left md:text-left lg:text-left">
5954                        <a
5955                href="https://gothiacup.se/en/celebrate-the-game"
5956                class="text-blue-200 hover:text-white text-sm font-medium leading-normal tracking-normal  inline-flex max-w-full items-center gap-2 rounded-xl py-1 font-semibold underline-offset-4 transition hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
5957            >
5958                <span class="min-w-0">Read more</span>
5959                            </a>
5960            </div>
5961					</div>
5962 
5963			
5964			</div>
5965		</div>
5966	</div>
5967	
5968</div>
5969
5970	  
5971	</div> 
5972				</div>
5973	</div> 
5974		</div>
5975			</div>
5976		</div>
5977</div>										<div
5978	data-section-id="64187104"
5979	class="flex lozad relative isolated
5980	
5981		bg-blue-600
5982		
5983		
5984		
5985		
5986		
5987		
5988		
5989		my-0
5990		flex
5991		md:flex
5992		lg:flex
5993		text-white
5994		
5995	"
5996		 >
5997	
5998
5999	
6000
6001	
6002
6003				<div class="w-full h-full relative isolate  ">
6004						<div class="w-full h-full flex mx-auto items-start max-w-7xl py-14 lg:py-20 px-6 md:px-8 lg:px-10">
6005				<div class="grid w-full gap-y-8">
6006					<div
6007		class="w-full mx-auto relative isolated
6008		max-w-full
6009		
6010		
6011		mx-auto
6012		py-0
6013		
6014		
6015		
6016		
6017		
6018		block
6019		md:block
6020		lg:block
6021		
6022		 
6023		"
6024	>
6025
6026	
6027	<div
6028		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
6029
6030		  					md:space-x-0 space-y-10
6031				md:space-y-0 md:space-x-10 md:flex-nowrap
6032				
6033				
6034				
6035				
6036			
6037			
6038			items-start
6039			
6040			
6041
6042			 		 "
6043    >
6044							<div
6045
6046	class="relative isolated z-20 min-w-0 max-w-full
6047			w-full
6048		md:w-1/2
6049	
6050			block
6051		md:block
6052		lg:block
6053			    	"
6054  >
6055    	
6056	<div
6057		class="lozad relative w-full min-w-0 h-full
6058		
6059		
6060		
6061		
6062		
6063		
6064		
6065		
6066		
6067		
6068		
6069		
6070	  
6071		
6072		
6073		
6074	 	"
6075				
6076	>
6077	<div class="w-full h-full  
6078	 ">
6079
6080			<div
6081			class="w-full min-w-0 h-full flex relative
6082			max-w-full mx-auto
6083			
6084			
6085			items-start
6086			py-4 md:py-6 lg:py-8
6087			px-0 lg:px-4
6088			
6089			
6090			"
6091		>
6092			<div class="flex min-w-0 flex-col w-full ">
6093				
6094					<div
6095	data-item-id="35093906"
6096			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
6097						<div class="text-left md:text-left lg:text-left">
6098    <span class="inline-flex max-w-full items-center rounded-xl border font-semibold leading-snug shadow-sm ring-1 px-3 py-1 text-sm border-amber-200/90 bg-gradient-to-br from-amber-50 to-white text-amber-950 ring-amber-500/10 mb-3">
6099        SUPPORT
6100    </span>
6101</div>
6102					</div>
6103	<div
6104	data-item-id="94565043"
6105			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
6106						<div
6107    class="w-full
6108    
6109    mb-4
6110    "
6111>
6112    
6113    <h2
6114        class="block
6115        text-left
6116        md:text-left
6117        lg:text-left
6118        font-extrabold
6119        text-2xl md:text-3xl lg:text-4xl
6120        text-white
6121        leading-tight
6122        tracking-tight
6123        "
6124    >
6125        We are here to help
6126    </h2>
6127
6128    </div>
6129					</div>
6130	<div
6131	data-item-id="24291561"
6132			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
6133						<div
6134    class="text w-full relative
6135    
6136    mb-5
6137    "
6138 >
6139 	
6140 	
6141        <div
6142      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
6143      text-blue-100
6144      text-left
6145      md:text-left
6146      lg:text-left
6147      font-normal
6148      text-base sm:text-lg
6149      leading-relaxed
6150      tracking-normal
6151      "
6152    >
6153  		<p>We feel very proud to be able to give the best support to our teams. In our help center you will find important information about the tournament and answers to the most frequently asked questions.</p>
6154	</div>
6155  </div>					</div>
6156	<div
6157	data-item-id="94057255"
6158			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
6159						<div class="w-full min-w-0 mt-0 mb-0 text-left md:text-left lg:text-left">
6160                        <a
6161                href="http://support.gothiacup.se/"
6162                class="text-blue-200 hover:text-white text-sm font-medium leading-normal tracking-normal  inline-flex max-w-full items-center gap-2 rounded-xl py-1 font-semibold underline-offset-4 transition hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
6163            >
6164                <span class="min-w-0">To the Help center</span>
6165                            </a>
6166            </div>
6167					</div>
6168 
6169			
6170			</div>
6171		</div>
6172	</div>
6173	
6174</div>
6175
6176	  
6177	</div> 
6178						<div
6179
6180	class="relative isolated z-20 min-w-0 max-w-full
6181			w-full
6182		md:w-1/2
6183	
6184			block
6185		md:block
6186		lg:block
6187			    	"
6188  >
6189    	
6190	<div
6191		class="lozad relative w-full min-w-0 h-full
6192		
6193		
6194		
6195		bg-white/5
6196		
6197		rounded-3xl
6198		
6199		
6200		
6201		
6202		
6203		
6204	  
6205		
6206		ring-1 ring-white/15
6207		
6208	 	"
6209				
6210	>
6211	<div class="w-full h-full  
6212	 ">
6213
6214			<div
6215			class="w-full min-w-0 h-full flex relative
6216			max-w-full mx-auto
6217			
6218			rounded-3xl
6219			items-start
6220			py-4 md:py-6 lg:py-8
6221			px-4 md:px-6 lg:px-8
6222			
6223			
6224			"
6225		>
6226			<div class="flex min-w-0 flex-col w-full ">
6227				
6228					<div
6229	data-item-id="26699430"
6230			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
6231						<image-component height="" width="" ratio="" fit="object-contain" v-slot="{ style, imgstyle, width, height }">
6232  <div class="flex h-full
6233  
6234    justify-center
6235
6236      
6237      
6238    
6239    ">
6240        <div class="w-full overflow-hidden
6241     shadow-2xl shadow-black/40
6242      rounded-2xl
6243      w-full
6244    " :style="{ maxWidth: width + 'px' }">
6245          <div class="relative h-full img lozadimg" :style="style">
6246        <img data-src="https://cdn.gothiacup.se/gc/images/02UVmsoBOqfyuoSHBHy774MArDJ1YE96jZ0Aqvq0.jpg" alt="Gothia Cup Help center" class="object-contain lozad load self-center" width="" :style="imgstyle" />
6247                      </div>
6248        </div>
6249      </div>
6250</image-component>					</div>
6251 
6252			
6253			</div>
6254		</div>
6255	</div>
6256	
6257</div>
6258
6259	  
6260	</div> 
6261				</div>
6262	</div> 
6263		</div>
6264			</div>
6265		</div>
6266</div>										<div
6267	data-section-id="46720544"
6268	class="flex lozad relative isolated
6269	
6270		bg-slate-50
6271		
6272		
6273		
6274		
6275		
6276		
6277		
6278		my-0
6279		hidden
6280		md:hidden
6281		lg:hidden
6282		border-y border-slate-200/90
6283		
6284	"
6285		 >
6286	
6287
6288	
6289
6290	
6291
6292				<div class="w-full h-full relative isolate  ">
6293						<div class="w-full h-full flex mx-auto items-start max-w-7xl py-6 md:py-8 lg:py-10 px-6 md:px-8 lg:px-10">
6294				<div class="grid w-full gap-y-8">
6295					<div
6296		class="w-full mx-auto relative isolated
6297		max-w-full
6298		
6299		
6300		mx-auto
6301		py-0
6302		
6303		
6304		
6305		
6306		
6307		block
6308		md:block
6309		lg:block
6310		
6311		 
6312		"
6313	>
6314
6315	
6316	<div
6317		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
6318
6319		  								
6320			
6321			items-start
6322			
6323			
6324
6325			 		 "
6326    >
6327							<div
6328
6329	class="relative isolated z-20 min-w-0 max-w-full
6330			w-full
6331			
6332			block
6333		md:block
6334		lg:block
6335			    	"
6336  >
6337    	
6338	<div
6339		class="lozad relative w-full min-w-0 h-full
6340		
6341		
6342		
6343		
6344		
6345		
6346		
6347		
6348		
6349		
6350		
6351		
6352	  
6353		
6354		
6355		
6356	 	"
6357				
6358	>
6359	<div class="w-full h-full  
6360	 ">
6361
6362			<div
6363			class="w-full min-w-0 h-full flex relative
6364			max-w-6xl mx-auto
6365			
6366			
6367			items-start
6368			py-0
6369			px-0
6370			
6371			
6372			"
6373		>
6374			<div class="flex min-w-0 flex-col w-full ">
6375				
6376					<div
6377	data-item-id="77754724"
6378			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
6379						<testimonial-component :item="{&quot;id&quot;:77754724,&quot;name&quot;:&quot;Testimonial&quot;,&quot;type&quot;:&quot;testimonial&quot;,&quot;list&quot;:[{&quot;id&quot;:85970772,&quot;title&quot;:&quot;Dejan Kulusevski&quot;,&quot;body&quot;:&quot;Wonderful memories \u2014 a really great tournament. So many teams come together and gather around football. There is so much love and it&#039;s a really great tournament.&quot;,&quot;handle&quot;:&quot;Professional player for Tottenham Hotspur and the Swedish national team&quot;,&quot;img&quot;:&quot;https:\/\/cdn.gothiacup.se\/gc\/images\/DAtfIxmbu4uK7Zjo65GpV04xCgFtaZKNzl6oA9Ji.jpg&quot;,&quot;imgalt&quot;:&quot;dejan-kulusevski&quot;,&quot;link&quot;:null,&quot;linkText&quot;:null},{&quot;id&quot;:37823317,&quot;title&quot;:&quot;Kim K\u00e4llstr\u00f6m&quot;,&quot;body&quot;:&quot;When I was growing up I realised that not everyone has the same opportunities. It warms my heart that I have been able to help create an opportunity for young people through the Kim K\u00e4llstr\u00f6m Trophy, young people who may not always have the best conditions. Together with Gothia Cup, which has done a fantastic job.&quot;,&quot;handle&quot;:&quot;Former Swedish national team player and founder of the Kim K\u00e4llstr\u00f6m Trophy&quot;,&quot;img&quot;:&quot;https:\/\/cdn.gothiacup.se\/gc\/images\/NLCnAEWK4jXmEQhvXVoZDvU6guzgc8Ef1fd6IuHU.jpg&quot;,&quot;imgalt&quot;:null,&quot;link&quot;:null,&quot;linkText&quot;:null},{&quot;id&quot;:62893814,&quot;title&quot;:&quot;Kosovare Asllani&quot;,&quot;body&quot;:&quot;My strongest memory with the team was when we went to Gothia Cup. It was so much fun to play in a tournament where you got to face international opposition. I had a great time throughout the entire tournament.&quot;,&quot;handle&quot;:&quot;Professional player for London City Lionesses and the Swedish national team&quot;,&quot;img&quot;:&quot;https:\/\/cdn.gothiacup.se\/gc\/images\/n226JiYeiq9z5yGipXzxWzxaja6P7jO8M83JoNHC.jpg&quot;,&quot;imgalt&quot;:&quot;kosovare-asslani&quot;,&quot;link&quot;:null,&quot;linkText&quot;:null},{&quot;id&quot;:4547339,&quot;title&quot;:&quot;Fridolina Rolf\u00f6&quot;,&quot;body&quot;:&quot;It was an amazing experience to face international opposition at such a young age. It was powerful to play in Gothia Cup.&quot;,&quot;handle&quot;:&quot;Professional player for FC Barcelona and the Swedish national team&quot;,&quot;img&quot;:&quot;https:\/\/cdn.gothiacup.se\/gc\/images\/YyRTk93v3aUvjG3L9vGjPtf94Wz9xzqBKpvL9ri0.png&quot;,&quot;imgalt&quot;:&quot;fridolina-rolfo&quot;,&quot;link&quot;:null,&quot;linkText&quot;:null},{&quot;id&quot;:65911311,&quot;title&quot;:&quot;Xabi Alonso&quot;,&quot;body&quot;:&quot;Very fond memories. For us it was fantastic to be able to go there. It was a fantastic experience to play against teams from all over the world. Gothia Cup is a fantastic experience for young players.&quot;,&quot;handle&quot;:&quot;
6379Former Spanish national team player and now coach of Bayer 04 Leverkusen&quot;,&quot;img&quot;:&quot;https:\/\/cdn.gothiacup.se\/gc\/images\/8HUjqHJPHo89bm1Vr425dmMbMOt7sxil3veA6p81.jpg&quot;,&quot;imgalt&quot;:&quot;xabi-alonso&quot;,&quot;link&quot;:null,&quot;linkText&quot;:null},{&quot;id&quot;:60453698,&quot;title&quot;:&quot;Jonas Eriksson&quot;,&quot;body&quot;:&quot;In the summer of 1998 I experienced my very first international football tournament \u2014 Gothia Cup. Of all the major tournaments and great championships I have experienced, Gothia Cup will always have a special place in my heart. That week I grew enormously and when I travelled home from Gothenburg I knew what I wanted: to referee the World Cup and become one of the world&#039;s best referees.&quot;,&quot;handle&quot;:&quot;Former elite-level Swedish football referee&quot;,&quot;img&quot;:&quot;https:\/\/cdn.gothiacup.se\/gc\/images\/dFnCPVKZn7CjLVrO5LC5xnJiNVMw48aKCWqecpFb.jpg&quot;,&quot;imgalt&quot;:&quot;jonas-eriksson&quot;,&quot;link&quot;:null,&quot;linkText&quot;:null}],&quot;title&quot;:&quot;See what our visitors say about us&quot;,&quot;text&quot;:&quot;Testimonials&quot;,&quot;testTitle&quot;:null,&quot;testBody&quot;:null,&quot;testHandle&quot;:null,&quot;img&quot;:null,&quot;imgalt&quot;:null,&quot;link&quot;:null,&quot;linkText&quot;:null,&quot;class&quot;:null,&quot;marginTop&quot;:null,&quot;marginBottom&quot;:null,&quot;visible&quot;:true,&quot;visiblemd&quot;:true,&quot;visiblelg&quot;:true}"></testimonial-component>
6380					</div>
6381 
6382			
6383			</div>
6384		</div>
6385	</div>
6386	
6387</div>
6388
6389	  
6390	</div> 
6391				</div>
6392	</div> 
6393		</div>
6394			</div>
6395		</div>
6396</div>										<div
6397	data-section-id="18045407"
6398	class="flex lozad relative isolated
6399	
6400		no
6401		
6402		
6403		
6404		
6405		
6406		
6407		
6408		my-8
6409		flex
6410		md:flex
6411		lg:flex
6412		
6413		
6414	"
6415		 >
6416	
6417
6418	
6419
6420	
6421
6422				<div class="w-full h-full relative isolate  ">
6423						<div class="w-full h-full flex mx-auto items-start max-w-3xl py-0 px-6 md:px-8 lg:px-10">
6424				<div class="grid w-full gap-y-8">
6425					<div
6426		class="w-full mx-auto relative isolated
6427		max-w-3xl
6428		
6429		
6430		mx-auto
6431		py-0
6432		overflow-hidden
6433		
6434		shadow
6435		rounded-xl
6436		
6437		block
6438		md:block
6439		lg:block
6440		
6441		 
6442		"
6443	>
6444
6445	
6446	<div
6447		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
6448
6449		  					
6450				
6451				
6452				
6453				
6454				
6455			
6456			
6457			items-start
6458			
6459			
6460
6461			 		 "
6462    >
6463							<div
6464
6465	class="relative isolated z-20 min-w-0 max-w-full
6466			w-full
6467		md:w-full
6468	
6469			block
6470		md:block
6471		lg:block
6472			    	"
6473  >
6474    	
6475	<div
6476		class="lozad relative w-full min-w-0 h-full
6477		
6478		
6479		
6480		
6481		
6482		
6483		
6484		
6485		
6486		
6487		
6488		
6489	  
6490		
6491		
6492		
6493	 	"
6494				
6495	>
6496	<div class="w-full h-full  
6497	 ">
6498
6499			<div
6500			class="w-full min-w-0 h-full flex relative
6501			max-w-full mx-auto
6502			
6503			
6504			items-start
6505			py-0
6506			px-0
6507			
6508			
6509			"
6510		>
6511			<div class="flex min-w-0 flex-col w-full ">
6512				
6513					<div
6514	data-item-id="54838762"
6515			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
6516						<div
6517class="text w-full relative
6518
6519
6520"
6521>
6522 
6523
6524<div
6525  class="block relative
6526  text-center
6527  md:text-center
6528  lg:text-center
6529  
6530  "
6531>
6532            <!-- Startsida SWE [asyncbeta] -->
6533<script type="text/javascript">if (!window.AdButler){(function(){var s = document.createElement("script"); s.async = true; s.type = "text/javascript";s.src = 'https://servedbyadbutler.com/app.js';var n = document.getElementsByTagName("script")[0]; n.parentNode.insertBefore(s, n);}());}</script>
6533
6534<div class="plc466054"></div>
6535<script type="text/javascript">
6536var AdButler = AdButler || {}; AdButler.ads = AdButler.ads || [];
6537var abkw = window.abkw || '';
6538var plc466054 = window.plc466054 || 0;
6539(function(){
6540var divs = document.querySelectorAll(".plc466054:not([id])");
6541var div = divs[divs.length-1];
6542div.id = "placement_466054_"+plc466054;
6543AdButler.ads.push({handler: function(opt){ AdButler.register(178446, 466054, [768,130], 'placement_466054_'+opt.place, opt); }, opt: { place: plc466054++, keywords: abkw, domain: 'servedbyadbutler.com', click:'CLICK_MACRO_PLACEHOLDER' }});
6544})();
6545</script>
6545
6546</div>
6547</div>					</div>
6548 
6549			
6550			</div>
6551		</div>
6552	</div>
6553	
6554</div>
6555
6556	  
6557	</div> 
6558				</div>
6559	</div> 
6560		</div>
6561			</div>
6562		</div>
6563</div>										<div
6564	data-section-id="74949078"
6565	class="flex lozad relative isolated
6566	
6567		no
6568		
6569		
6570		
6571		
6572		
6573		
6574		
6575		my-0
6576		hidden
6577		md:hidden
6578		lg:hidden
6579		
6580		
6581	"
6582		 >
6583	
6584
6585	
6586
6587	
6588
6589				<div class="w-full h-full relative isolate  ">
6590						<div class="w-full h-full flex mx-auto items-start max-w-7xl py-14 lg:py-20 px-6 md:px-8 lg:px-10">
6591				<div class="grid w-full gap-y-0">
6592					<div
6593		class="w-full mx-auto relative isolated
6594		max-w-full
6595		
6596		
6597		mx-auto
6598		py-0
6599		
6600		
6601		
6602		
6603		
6604		block
6605		md:block
6606		lg:block
6607		
6608		 
6609		"
6610	>
6611
6612	
6613	<div
6614		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
6615
6616		  								
6617			
6618			items-start
6619			
6620			
6621
6622			 		 "
6623    >
6624							<div
6625
6626	class="relative isolated z-20 min-w-0 max-w-full
6627			w-full
6628			
6629			block
6630		md:block
6631		lg:block
6632			    	"
6633  >
6634    	
6635	<div
6636		class="lozad relative w-full min-w-0 h-full
6637		
6638		
6639		
6640		
6641		
6642		
6643		
6644		
6645		
6646		
6647		
6648		
6649	  
6650		
6651		
6652		
6653	 	"
6654				
6655	>
6656	<div class="w-full h-full  
6657	 ">
6658
6659			<div
6660			class="w-full min-w-0 h-full flex relative
6661			max-w-full mx-auto
6662			
6663			
6664			items-start
6665			py-0
6666			px-0
6667			
6668			
6669			"
6670		>
6671			<div class="flex min-w-0 flex-col w-full ">
6672				
6673					<div
6674	data-item-id="92471845"
6675			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
6676						<div class="w-full min-w-0 mb-0 grid grid-cols-1 sm:grid-cols-2 gap-4 sm:gap-5 lg:gap-6 lg:grid-cols-2">
6677                                <article class="group relative flex min-h-0 min-w-0 flex-col overflow-hidden aspect-[3/4] sm:aspect-[4/5] rounded-xl border border-slate-200/90 bg-slate-900/40 shadow-md ring-1 ring-slate-900/[0.08] transition duration-300 hover:shadow-2xl">
6678    <div class="absolute inset-0 h-full w-full overflow-hidden bg-slate-800">
6679                    <img
6680                src="https://cdn.gothiacup.se/gc/images/3OdBpwxC3WudJCQkmNtQO6zG5PwBrnaLKDe5VY3r.jpg"
6681                alt="Hotels in Gothenburg during Gothia Cup"
6682                loading="lazy"
6683                decoding="async"
6684                class="h-full w-full object-cover transition duration-500 group-hover:scale-[1.04]"
6685            />
6686                        <div class="pointer-events-none absolute inset-0 z-[2] bg-gradient-to-t from-slate-900/75 via-slate-900/30 to-transparent" aria-hidden="true"></div>
6687            </div>
6688    <div class="absolute inset-x-0 bottom-0 z-10 flex min-h-0 flex-col justify-end p-5 sm:p-6">
6689                    <a
6690                href="https://gothiacup.se/en/book-hotel"
6691                class="absolute bottom-4 right-4 z-20 flex size-11 items-center justify-center rounded-full bg-amber-400 text-slate-950 shadow-lg transition hover:bg-amber-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-400 "
6692                aria-label="Book here"
6693            >
6694                <svg class="size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
6695                    <path d="M5 12h14M13 6l6 6-6 6" />
6696                </svg>
6697            </a>
6698                                    <h3 class="text-balance text-lg font-extrabold uppercase leading-snug tracking-wide text-white sm:text-xl pr-14">
6699                Book your hotel stay
6700            </h3>
6701                            <div
6702                class="mt-1.5 max-w-prose text-pretty text-sm leading-snug text-slate-200/95 prose prose-sm prose-invert max-w-none prose-p:my-1 prose-p:text-slate-200/95 prose-p:leading-snug prose-headings:text-white prose-a:text-amber-400 hover:prose-a:text-amber-300 pr-14">
6703                <p>Gothia Cup offers favorable hotel rates during the tournament — the Gothia Card is included when booking a minimum of five nights.</p>
6704            </div>
6705            </div>
6706</article>
6707                                                    <article class="group relative flex min-h-0 min-w-0 flex-col overflow-hidden aspect-[3/4] sm:aspect-[4/5] rounded-xl border border-slate-200/90 bg-slate-900/40 shadow-md ring-1 ring-slate-900/[0.08] transition duration-300 hover:shadow-2xl">
6708    <div class="absolute inset-0 h-full w-full overflow-hidden bg-slate-800">
6709                    <img
6710                src="https://cdn.gothiacup.se/gc/images/CP4EK7OTm4WlJhPMXtgYBasQfcYiBjaocIzrJLWl.png"
6711                alt="Celebrate at Gothia Cup"
6712                loading="lazy"
6713                decoding="async"
6714                class="h-full w-full object-cover transition duration-500 group-hover:scale-[1.04]"
6715            />
6716                        <div class="pointer-events-none absolute inset-0 z-[2] bg-gradient-to-t from-slate-900/75 via-slate-900/30 to-transparent" aria-hidden="true"></div>
6717            </div>
6718    <div class="absolute inset-x-0 bottom-0 z-10 flex min-h-0 flex-col justify-end p-5 sm:p-6">
6719                    <a
6720                href="https://gothiacup.se/en/celebrate"
6721                class="absolute bottom-4 right-4 z-20 flex size-11 items-center justify-center rounded-full bg-amber-400 text-slate-950 shadow-lg transition hover:bg-amber-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-400 "
6722                aria-label="Read more about Celebrate"
6723            >
6724                <svg class="size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
6725                    <path d="M5 12h14M13 6l6 6-6 6" />
6726                </svg>
6727            </a>
6728                                    <h3 class="text-balance text-lg font-extrabold uppercase leading-snug tracking-wide text-white sm:text-xl pr-14">
6729                A sustainable future
6730            </h3>
6731                            <div
6732                class="mt-1.5 max-w-prose text-pretty text-sm leading-snug text-slate-200/95 prose prose-sm prose-invert max-w-none prose-p:my-1 prose-p:text-slate-200/95 prose-p:leading-snug prose-headings:text-white prose-a:text-amber-400 hover:prose-a:text-amber-300 pr-14">
6733                <p>As we build a sustainable future, Gothia Cup, the world's largest youth football tournament, can make a real difference.</p>
6734            </div>
6735            </div>
6736</article>
6737                        </div>
6738					</div>
6739 
6740			
6741			</div>
6742		</div>
6743	</div>
6744	
6745</div>
6746
6747	  
6748	</div> 
6749				</div>
6750	</div> 
6751		</div>
6752			</div>
6753		</div>
6754</div>										<div
6755	data-section-id="38207968"
6756	class="flex lozad relative isolated
6757	
6758		bg-blue-600
6759		
6760		
6761		
6762		
6763		
6764		
6765		
6766		my-0
6767		flex
6768		md:flex
6769		lg:flex
6770		border-t-[6px] border-orange-500 text-white
6771		
6772	"
6773		 >
6774	
6775
6776	
6777
6778	
6779
6780				<div class="w-full h-full relative isolate gc-style-blue-lines ">
6781						<div class="w-full h-full flex mx-auto items-center max-w-7xl py-16 lg:py-24 px-6 md:px-8 lg:px-10">
6782				<div class="grid w-full gap-y-8">
6783					<div
6784		class="w-full mx-auto relative isolated
6785		max-w-full
6786		
6787		
6788		mx-auto
6789		py-0
6790		
6791		
6792		
6793		
6794		
6795		block
6796		md:block
6797		lg:block
6798		
6799		 
6800		"
6801	>
6802
6803	
6804	<div
6805		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
6806
6807		  								
6808			
6809			items-start
6810			
6811			
6812
6813			 		 "
6814    >
6815							<div
6816
6817	class="relative isolated z-20 min-w-0 max-w-full
6818			w-full
6819			
6820			block
6821		md:block
6822		lg:block
6823			    	"
6824  >
6825    	
6826	<div
6827		class="lozad relative w-full min-w-0 h-full
6828		
6829		
6830		
6831		
6832		
6833		
6834		
6835		
6836		
6837		
6838		
6839		
6840	  
6841		
6842		
6843		
6844	 	"
6845				
6846	>
6847	<div class="w-full h-full  
6848	 ">
6849
6850			<div
6851			class="w-full min-w-0 h-full flex relative
6852			max-w-2xl mx-auto
6853			
6854			
6855			items-center
6856			py-0
6857			px-0
6858			
6859			
6860			"
6861		>
6862			<div class="flex min-w-0 flex-col w-full ">
6863				
6864					<div
6865	data-item-id="69421540"
6866			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
6867						<div class="text-center md:text-center lg:text-center">
6868    <span class="inline-flex max-w-full items-center rounded-xl border font-semibold leading-snug shadow-sm ring-1 px-3 py-1 text-sm border-amber-200/90 bg-gradient-to-br from-amber-50 to-white text-amber-950 ring-amber-500/10 mb-4">
6869        NEWSLETTER
6870    </span>
6871</div>
6872					</div>
6873	<div
6874	data-item-id="66613786"
6875			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
6876						<div
6877    class="w-full
6878    
6879    mb-3
6880    "
6881>
6882    
6883    <h2
6884        class="block
6885        text-center
6886        md:text-center
6887        lg:text-center
6888        font-extrabold
6889        text-3xl md:text-4xl
6890        text-white
6891        leading-tight
6892        tracking-tight
6893        "
6894    >
6895        Stay updated ahead of tournament week
6896    </h2>
6897
6898    </div>
6899					</div>
6900	<div
6901	data-item-id="55146933"
6902			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
6903						<div
6904    class="text w-full relative
6905    
6906    mb-8
6907    "
6908 >
6909 	
6910 	
6911        <div
6912      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
6913      text-blue-100
6914      text-center
6915      md:text-center
6916      lg:text-center
6917      font-normal
6918      text-base sm:text-lg
6919      leading-relaxed
6920      tracking-normal
6921      "
6922    >
6923  		<p class="max-w-xl mx-auto">News, schedules and important updates — straight to your inbox. No spam, just what matters for Gothia Cup.</p>
6924	</div>
6925  </div>					</div>
6926	<div
6927	data-item-id="84540697"
6928			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
6929						<newsletter-component :item="{&quot;id&quot;:84540697,&quot;name&quot;:&quot;Newsletter&quot;,&quot;type&quot;:&quot;newsletter&quot;,&quot;list&quot;:null,&quot;submitText&quot;:&quot;Subscribe&quot;,&quot;style&quot;:&quot;light&quot;,&quot;border&quot;:true,&quot;placeholder&quot;:&quot;Your email address&quot;,&quot;marginBottom&quot;:&quot;mb-0&quot;,&quot;marginTop&quot;:&quot;mt-0&quot;,&quot;visible&quot;:true,&quot;visiblemd&quot;:true,&quot;visiblelg&quot;:true,&quot;class&quot;:&quot;max-w-md mx-auto&quot;}" >
6930	
6931</newsletter-component>					</div>
6932 
6933			
6934			</div>
6935		</div>
6936	</div>
6937	
6938</div>
6939
6940	  
6941	</div> 
6942				</div>
6943	</div> 
6944		</div>
6945			</div>
6946		</div>
6947</div>							 
6948</div>
6949</page-component>
6950
6951            <page-component v-slot>
6952<div class="bg-gray-50 border-t border-gray-200">
6953	
6954						<div
6955	data-section-id="970"
6956	class="flex lozad relative isolated
6957	
6958		bg-white
6959		
6960		
6961		
6962		
6963		
6964		
6965		
6966		my-0
6967		flex
6968		md:flex
6969		lg:flex
6970		pt-8
6971		
6972	"
6973		 >
6974	
6975
6976	
6977
6978	
6979
6980				<div class="w-full h-full relative isolate  ">
6981						<div class="w-full h-full flex mx-auto items-start max-w-7xl py-4 px-4">
6982				<div class="grid w-full row-gap-0">
6983					<div
6984		class="w-full mx-auto relative isolated
6985		max-w-full
6986		
6987		
6988		my-0
6989		py-0
6990		
6991		
6992		
6993		
6994		
6995		block
6996		md:block
6997		lg:block
6998		
6999		 
7000		"
7001	>
7002
7003	
7004	<div
7005		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
7006
7007		  								
7008			
7009			
7010			
7011			
7012
7013			 		 "
7014    >
7015							<div
7016
7017	class="relative isolated z-20 min-w-0 max-w-full
7018			w-full
7019			
7020			block
7021		md:block
7022		lg:block
7023			    	"
7024  >
7025    	
7026	<div
7027		class="lozad relative w-full min-w-0 h-full
7028		
7029		
7030		
7031		
7032		
7033		
7034		
7035		
7036		
7037		
7038		
7039		
7040	  
7041		
7042		
7043		
7044	 	"
7045				
7046	>
7047	<div class="w-full h-full  
7048	 ">
7049
7050			<div
7051			class="w-full min-w-0 h-full flex relative
7052			max-w-full mx-auto
7053			
7054			
7055			items-start
7056			py-0
7057			px-0
7058			
7059			
7060			"
7061		>
7062			<div class="flex min-w-0 flex-col w-full ">
7063				
7064					<div
7065	data-item-id="8119"
7066			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
7067											<section
7068        class="partner-logo-cloud mx-auto mb-12 w-full max-w-7xl px-4 sm:mb-16 sm:px-6 lg:px-8 "
7069        style="--partner-logo-max: 200px"
7070        aria-labelledby="partner-cloud-8119"
7071    >
7072        <header class="mb-8 text-center sm:mb-10">
7073            <h2
7074                id="partner-cloud-8119"
7075                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-['']"
7076            >
7077                                    MAIN PARTNER
7078                            </h2>
7079        </header>
7080
7081        <ul
7082            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"
7083            role="list"
7084        >
7085                            <li class="partner-logo-cloud__item list-none flex justify-center">
7086                    <div
7087                        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"
7088                    >
7089                                                    <a
7090                                href="https://skf.com/"
7091                                target="_blank"
7092                                rel="noopener noreferrer"
7093                                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"
7094                            >
7095                                                <img
7096                            data-src="https://cdn.gothiacup.se/gc/images/hFnIV6Rp9cjI1qksUn8rNr44j3vt78UCeUVrO8Sx.png"
7097                            alt="SKF"
7098                            width="200"
7099                            height="100"
7100                            loading="lazy"
7101                            decoding="async"
7102                            class="lozad max-h-full max-w-full object-contain object-center fade"
7103                        />
7104                                                    </a>
7105                                            </div>
7106                </li>
7107                    </ul>
7108    </section>
7109																	</div>
7110 
7111			
7112			</div>
7113		</div>
7114	</div>
7115	
7116</div>
7117
7118	  
7119	</div> 
7120				</div>
7121	</div> 
7122		</div>
7123			</div>
7124		</div>
7125</div> 
7126						<div
7127	data-section-id="1240"
7128	class="flex lozad relative isolated
7129	
7130		no
7131		
7132		
7133		
7134		
7135		
7136		
7137		
7138		my-0
7139		flex
7140		md:flex
7141		lg:flex
7142		
7143		
7144	"
7145		 >
7146	
7147
7148	
7149
7150	
7151
7152				<div class="w-full h-full relative isolate  ">
7153						<div class="w-full h-full flex mx-auto items-start max-w-7xl py-6 md:py-8 lg:py-10 px-0">
7154				<div class="grid w-full gap-y-5">
7155					<div
7156		class="w-full mx-auto relative isolated
7157		max-w-full
7158		
7159		
7160		my-0
7161		py-0
7162		
7163		
7164		
7165		
7166		
7167		block
7168		md:block
7169		lg:block
7170		
7171		 
7172		"
7173	>
7174
7175	
7176	<div
7177		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
7178
7179		  					
7180				
7181				
7182				
7183				
7184				
7185			
7186			
7187			
7188			
7189			
7190
7191			 		 "
7192    >
7193							<div
7194
7195	class="relative isolated z-20 min-w-0 max-w-full
7196			w-full
7197		md:w-full
7198	
7199			block
7200		md:block
7201		lg:block
7202			    	"
7203  >
7204    	
7205	<div
7206		class="lozad relative w-full min-w-0 h-full
7207		
7208		
7209		
7210		
7211		
7212		
7213		
7214		
7215		
7216		
7217		
7218		
7219	  
7220		
7221		
7222		
7223	 	"
7224				
7225	>
7226	<div class="w-full h-full  
7227	 ">
7228
7229			<div
7230			class="w-full min-w-0 h-full flex relative
7231			max-w-full mx-auto
7232			
7233			
7234			items-start
7235			py-0
7236			px-0
7237			
7238			
7239			"
7240		>
7241			<div class="flex min-w-0 flex-col w-full ">
7242				
7243					<div
7244	data-item-id="5879"
7245			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
7246											<section
7247        class="partner-logo-cloud mx-auto mb-12 w-full max-w-7xl px-4 sm:mb-16 sm:px-6 lg:px-8 "
7248        style="--partner-logo-max: 200px"
7249        aria-labelledby="partner-cloud-5879"
7250    >
7251        <header class="mb-8 text-center sm:mb-10">
7252            <h2
7253                id="partner-cloud-5879"
7254                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-['']"
7255            >
7256                                    PREMIUM PARTNERS
7257                            </h2>
7258        </header>
7259
7260        <ul
7261            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 "
7262            role="list"
7263        >
7264                            <li class="partner-logo-cloud__item list-none flex justify-center">
7265                    <div
7266                        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"
7267                    >
7268                                                    <a
7269                                href="https://www.fortum.com/se/el"
7270                                target="_blank"
7271                                rel="noopener noreferrer"
7272                                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"
7273                            >
7274                                                <img
7275                            data-src="https://cdn.gothiacup.se/gc/images/qwIoxNYofPsoLjEJozyMhgsMemCkRsP9gkpuLWuR.png"
7276                            alt="Fortum"
7277                            width="200"
7278                            height="100"
7279                            loading="lazy"
7280                            decoding="async"
7281                            class="lozad max-h-full max-w-full object-contain object-center fade"
7282                        />
7283                                                    </a>
7284                                            </div>
7285                </li>
7286                            <li class="partner-logo-cloud__item list-none flex justify-center">
7287                    <div
7288                        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"
7289                    >
7290                                                    <a
7291                                href="https://www.kopparbergs.se"
7292                                target="_blank"
7293                                rel="noopener noreferrer"
7294                                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"
7295                            >
7296                                                <img
7297                            data-src="https://cdn.gothiacup.se/gc/images/WIsfnVE4Wzi7af012YQ5zdh1mZB20INMp4Zt1Hk1.png"
7298                            alt="Kopparbergs"
7299                            width="200"
7300                            height="100"
7301                            loading="lazy"
7302                            decoding="async"
7303                            class="lozad max-h-full max-w-full object-contain object-center fade"
7304                        />
7305                                                    </a>
7306                                            </div>
7307                </li>
7308                            <li class="partner-logo-cloud__item list-none flex justify-center">
7309                    <div
7310                        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"
7311                    >
7312                                                <img
7313                            data-src="https://cdn.gothiacup.se/gc/images/I2hRj6FIEuaT5mD3r5qrp0QJmy4V6aeD8z1P03Y0.png"
7314                            alt="Lego"
7315                            width="200"
7316                            height="100"
7317                            loading="lazy"
7318                            decoding="async"
7319                            class="lozad max-h-full max-w-full object-contain object-center fade"
7320                        />
7321                                            </div>
7322                </li>
7323                            <li class="partner-logo-cloud__item list-none flex justify-center">
7324                    <div
7325                        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"
7326                    >
7327                                                    <a
7328                                href="https://nordicwellness.se/"
7329                                target="_blank"
7330                                rel="noopener noreferrer"
7331                                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"
7332                            >
7333                                                <img
7334                            data-src="https://cdn.gothiacup.se/gc/images/xhtHQZ3QjzWKg1PtlwgYaUprZG4QQ2Y9DL7r295h.png"
7335                            alt="Nordic Wellness"
7336                            width="200"
7337                            height="100"
7338                            loading="lazy"
7339                            decoding="async"
7340                            class="lozad max-h-full max-w-full object-contain object-center fade"
7341                        />
7342                                                    </a>
7343                                            </div>
7344                </li>
7345                            <li class="partner-logo-cloud__item list-none flex justify-center">
7346                    <div
7347                        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"
7348                    >
7349                                                    <a
7350                                href="https://www.puma.com"
7351                                target="_blank"
7352                                rel="noopener noreferrer"
7353                                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"
7354                            >
7355                                                <img
7356                            data-src="https://cdn.gothiacup.se/gc/images/zTWwmAm3awniSJPnnklJ8fK8KaCGk3sYyW5JQA6q.png"
7357                            alt="PUMA"
7358                            width="200"
7359                            height="100"
7360                            loading="lazy"
7361                            decoding="async"
7362                            class="lozad max-h-full max-w-full object-contain object-center fade"
7363                        />
7364                                                    </a>
7365                                            </div>
7366                </li>
7367                            <li class="partner-logo-cloud__item list-none flex justify-center">
7368                    <div
7369                        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"
7370                    >
7371                                                    <a
7372                                href="https://www.sonepar.se"
7373                                target="_blank"
7374                                rel="noopener noreferrer"
7375                                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"
7376                            >
7377                                                <img
7378                            data-src="https://cdn.gothiacup.se/gc/images/XAyAjUXOmftTr46TFsLcrWEArSRRbt3mAzIydHr9.png"
7379                            alt="Sonepar"
7380                            width="200"
7381                            height="100"
7382                            loading="lazy"
7383                            decoding="async"
7384                            class="lozad max-h-full max-w-full object-contain object-center fade"
7385                        />
7386                                                    </a>
7387                                            </div>
7388                </li>
7389                    </ul>
7390    </section>
7391																	</div>
7392 
7393			
7394			</div>
7395		</div>
7396	</div>
7397	
7398</div>
7399
7400	  
7401	</div> 
7402				</div>
7403	</div> 
7404		</div>
7405			</div>
7406		</div>
7407</div> 
7408						<div
7409	data-section-id="7444"
7410	class="flex lozad relative isolated
7411	
7412		bg-white
7413		
7414		
7415		
7416		
7417		
7418		
7419		
7420		my-0
7421		flex
7422		md:flex
7423		lg:flex
7424		pb-8
7425		
7426	"
7427		 >
7428	
7429
7430	
7431
7432	
7433
7434				<div class="w-full h-full relative isolate  ">
7435						<div class="w-full h-full flex mx-auto items-start max-w-7xl py-6 md:py-8 lg:py-10 px-4">
7436				<div class="grid w-full gap-y-5">
7437					<div
7438		class="w-full mx-auto relative isolated
7439		max-w-full
7440		
7441		
7442		my-0
7443		py-0
7444		
7445		
7446		
7447		
7448		
7449		block
7450		md:block
7451		lg:block
7452		
7453		 
7454		"
7455	>
7456
7457	
7458	<div
7459		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
7460
7461		  								
7462			
7463			
7464			
7465			
7466
7467			 		 "
7468    >
7469							<div
7470
7471	class="relative isolated z-20 min-w-0 max-w-full
7472			w-full
7473			
7474			block
7475		md:block
7476		lg:block
7477			    	"
7478  >
7479    	
7480	<div
7481		class="lozad relative w-full min-w-0 h-full
7482		
7483		
7484		
7485		
7486		
7487		
7488		
7489		
7490		
7491		
7492		
7493		
7494	  
7495		
7496		
7497		
7498	 	"
7499				
7500	>
7501	<div class="w-full h-full  
7502	 ">
7503
7504			<div
7505			class="w-full min-w-0 h-full flex relative
7506			max-w-full mx-auto
7507			
7508			
7509			items-start
7510			py-0
7511			px-0
7512			
7513			
7514			"
7515		>
7516			<div class="flex min-w-0 flex-col w-full ">
7517				
7518					<div
7519	data-item-id="5879"
7520			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
7521											<section
7522        class="partner-logo-cloud mx-auto mb-12 w-full max-w-7xl px-4 sm:mb-16 sm:px-6 lg:px-8 "
7523        style="--partner-logo-max: 200px"
7524        aria-labelledby="partner-cloud-5879"
7525    >
7526        <header class="mb-8 text-center sm:mb-10">
7527            <h2
7528                id="partner-cloud-5879"
7529                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-['']"
7530            >
7531                                    OFFICIAL PARTNERS
7532                            </h2>
7533        </header>
7534
7535        <ul
7536            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 "
7537            role="list"
7538        >
7539                            <li class="partner-logo-cloud__item list-none flex justify-center">
7540                    <div
7541                        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"
7542                    >
7543                                                    <a
7544                                href="https://dxc.com/se/en"
7545                                target="_blank"
7546                                rel="noopener noreferrer"
7547                                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"
7548                            >
7549                                                <img
7550                            data-src="https://cdn.gothiacup.se/gc/images/aBkT7aupfCXySovoiyD7DR0YYklo2ky0zYSxNanD.png"
7551                            alt="DXC"
7552                            width="200"
7553                            height="100"
7554                            loading="lazy"
7555                            decoding="async"
7556                            class="lozad max-h-full max-w-full object-contain object-center fade"
7557                        />
7558                                                    </a>
7559                                            </div>
7560                </li>
7561                            <li class="partner-logo-cloud__item list-none flex justify-center">
7562                    <div
7563                        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"
7564                    >
7565                                                    <a
7566                                href="https://www.estrella.se"
7567                                target="_blank"
7568                                rel="noopener noreferrer"
7569                                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"
7570                            >
7571                                                <img
7572                            data-src="https://cdn.gothiacup.se/gc/images/a2jNw9RMSilmpTUN9DRDG1VAiNxdfzz87ZB76hr5.png"
7573                            alt="Estrella"
7574                            width="200"
7575                            height="100"
7576                            loading="lazy"
7577                            decoding="async"
7578                            class="lozad max-h-full max-w-full object-contain object-center fade"
7579                        />
7580                                                    </a>
7581                                            </div>
7582                </li>
7583                            <li class="partner-logo-cloud__item list-none flex justify-center">
7584                    <div
7585                        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"
7586                    >
7587                                                    <a
7588                                href="https://www.lansforsakringar.se/goteborg-och-bohuslan/privat/"
7589                                target="_blank"
7590                                rel="noopener noreferrer"
7591                                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"
7592                            >
7593                                                <img
7594                            data-src="https://cdn.gothiacup.se/gc/images/rVp3570jsF9mgPplLEYr5Zs7vx6J51LZSKZTC5ya.png"
7595                            alt="Länsförsäkringar"
7596                            width="200"
7597                            height="100"
7598                            loading="lazy"
7599                            decoding="async"
7600                            class="lozad max-h-full max-w-full object-contain object-center fade"
7601                        />
7602                                                    </a>
7603                                            </div>
7604                </li>
7605                            <li class="partner-logo-cloud__item list-none flex justify-center">
7606                    <div
7607                        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"
7608                    >
7609                                                    <a
7610                                href="https://www.libresse.se/?gad_source=1&amp;gclid=CjwKCAiAxaCvBhBaEiwAvsLmWIVVTdsOO5E4C37bYsUa2_kHHQSjSNFkUe8L6CRuZLDDgw1_L2NEuBoC1UUQAvD_BwE"
7611                                target="_blank"
7612                                rel="noopener noreferrer"
7613                                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"
7614                            >
7615                                                <img
7616                            data-src="https://cdn.gothiacup.se/gc/images/XOBWskLx1dwk1iEmQ7CYG0wDvjIle
7616cLFmGjPojoP.png"
7617                            alt="Libresse"
7618                            width="200"
7619                            height="100"
7620                            loading="lazy"
7621                            decoding="async"
7622                            class="lozad max-h-full max-w-full object-contain object-center fade"
7623                        />
7624                                                    </a>
7625                                            </div>
7626                </li>
7627                            <li class="partner-logo-cloud__item list-none flex justify-center">
7628                    <div
7629                        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"
7630                    >
7631                                                    <a
7632                                href="https://www.navigator.football/links-downloads"
7633                                target="_blank"
7634                                rel="noopener noreferrer"
7635                                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"
7636                            >
7637                                                <img
7638                            data-src="https://cdn.gothiacup.se/gc/images/aKufVPaA2X04IoRYlCpelVbHlgtrJUwiXpanrdrF.png"
7639                            alt="Navigator"
7640                            width="200"
7641                            height="100"
7642                            loading="lazy"
7643                            decoding="async"
7644                            class="lozad max-h-full max-w-full object-contain object-center fade"
7645                        />
7646                                                    </a>
7647                                            </div>
7648                </li>
7649                            <li class="partner-logo-cloud__item list-none flex justify-center">
7650                    <div
7651                        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"
7652                    >
7653                                                    <a
7654                                href="https://neh.com/?gad_source=1&amp;gclid=CjwKCAiAxaCvBhBaEiwAvsLmWLgzPMasejwl4cSml57IonSc1SGVXrmyy04Q-EcA4Jl4hNoaEZcdKxoC3isQAvD_BwE"
7655                                target="_blank"
7656                                rel="noopener noreferrer"
7657                                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"
7658                            >
7659                                                <img
7660                            data-src="https://cdn.gothiacup.se/gc/images/d74yTYKgjJjyyi2MqJMC5VodlIJZJHCfYeM4gnAL.png"
7661                            alt="NEH"
7662                            width="200"
7663                            height="100"
7664                            loading="lazy"
7665                            decoding="async"
7666                            class="lozad max-h-full max-w-full object-contain object-center fade"
7667                        />
7668                                                    </a>
7669                                            </div>
7670                </li>
7671                            <li class="partner-logo-cloud__item list-none flex justify-center">
7672                    <div
7673                        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"
7674                    >
7675                                                    <a
7676                                href="https://www.norrmejerier.se"
7677                                target="_blank"
7678                                rel="noopener noreferrer"
7679                                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"
7680                            >
7681                                                <img
7682                            data-src="https://cdn.gothiacup.se/gc/images/OJP3qugujn6tvDpVMQxSGRvAa3EEvtKY4Y7usDxI.png"
7683                            alt="Norrmejerier"
7684                            width="200"
7685                            height="100"
7686                            loading="lazy"
7687                            decoding="async"
7688                            class="lozad max-h-full max-w-full object-contain object-center fade"
7689                        />
7690                                                    </a>
7691                                            </div>
7692                </li>
7693                            <li class="partner-logo-cloud__item list-none flex justify-center">
7694                    <div
7695                        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"
7696                    >
7697                                                    <a
7698                                href="https://www.polarbrod.se"
7699                                target="_blank"
7700                                rel="noopener noreferrer"
7701                                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"
7702                            >
7703                                                <img
7704                            data-src="https://cdn.gothiacup.se/gc/images/hvvWWG4t4NQDbtUzVDIDSb7F3ymraNCuzYyAoiHN.png"
7705                            alt="Polarbröd"
7706                            width="200"
7707                            height="100"
7708                            loading="lazy"
7709                            decoding="async"
7710                            class="lozad max-h-full max-w-full object-contain object-center fade"
7711                        />
7712                                                    </a>
7713                                            </div>
7714                </li>
7715                            <li class="partner-logo-cloud__item list-none flex justify-center">
7716                    <div
7717                        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"
7718                    >
7719                                                    <a
7720                                href="https://seb.se"
7721                                target="_blank"
7722                                rel="noopener noreferrer"
7723                                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"
7724                            >
7725                                                <img
7726                            data-src="https://cdn.gothiacup.se/gc/images/KUp7EyTtvjM8MFizFUS5oPthfZoDLgoP6nqqP5fa.png"
7727                            alt="SEB"
7728                            width="200"
7729                            height="100"
7730                            loading="lazy"
7731                            decoding="async"
7732                            class="lozad max-h-full max-w-full object-contain object-center fade"
7733                        />
7734                                                    </a>
7735                                            </div>
7736                </li>
7737                            <li class="partner-logo-cloud__item list-none flex justify-center">
7738                    <div
7739                        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"
7740                    >
7741                                                    <a
7742                                href="https://www.sj.se"
7743                                target="_blank"
7744                                rel="noopener noreferrer"
7745                                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"
7746                            >
7747                                                <img
7748                            data-src="https://cdn.gothiacup.se/gc/images/usL2k9pEtl1srZUI6v9shScGhtiUKKFBCTzlIZkO.png"
7749                            alt="SJ"
7750                            width="200"
7751                            height="100"
7752                            loading="lazy"
7753                            decoding="async"
7754                            class="lozad max-h-full max-w-full object-contain object-center fade"
7755                        />
7756                                                    </a>
7757                                            </div>
7758                </li>
7759                            <li class="partner-logo-cloud__item list-none flex justify-center">
7760                    <div
7761                        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"
7762                    >
7763                                                    <a
7764                                href="https://www.triumfglass.se"
7765                                target="_blank"
7766                                rel="noopener noreferrer"
7767                                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"
7768                            >
7769                                                <img
7770                            data-src="https://cdn.gothiacup.se/gc/images/59JswE2x4qp11AZvUlNE5Vfd2mUuvjkWQoHe387T.png"
7771                            alt="Triumf Glass"
7772                            width="200"
7773                            height="100"
7774                            loading="lazy"
7775                            decoding="async"
7776                            class="lozad max-h-full max-w-full object-contain object-center fade"
7777                        />
7778                                                    </a>
7779                                            </div>
7780                </li>
7781                            <li class="partner-logo-cloud__item list-none flex justify-center">
7782                    <div
7783                        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"
7784                    >
7785                                                    <a
7786                                href="https://www.mcdonalds.com/se/sv-se.html?gad_source=1&amp;gclid=CjwKCAiAxaCvBhBaEiwAvsLmWJObdU4BpxvQYZamQVC4jtJAsZ5cF50SlUeG3rX7ZYikZW6IV-IYoxoCFDsQAvD_BwE"
7787                                target="_blank"
7788                                rel="noopener noreferrer"
7789                                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"
7790                            >
7791                                                <img
7792                            data-src="https://cdn.gothiacup.se/gc/images/JjM6AQ3thiuRSGiO4CkX0u7xsSDny5rieSB2K77Q.png"
7793                            alt="Mc Donalds"
7794                            width="200"
7795                            height="100"
7796                            loading="lazy"
7797                            decoding="async"
7798                            class="lozad max-h-full max-w-full object-contain object-center fade"
7799                        />
7800                                                    </a>
7801                                            </div>
7802                </li>
7803                            <li class="partner-logo-cloud__item list-none flex justify-center">
7804                    <div
7805                        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"
7806                    >
7807                                                    <a
7808                                href="https://www.volvocars.com/se/"
7809                                target="_blank"
7810                                rel="noopener noreferrer"
7811                                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"
7812                            >
7813                                                <img
7814                            data-src="https://cdn.gothiacup.se/gc/images/8RWF0pyshRF4IGZkqJhg8cDxceQQc8QTwoymOsRT.png"
7815                            alt="Volvo Cars"
7816                            width="200"
7817                            height="100"
7818                            loading="lazy"
7819                            decoding="async"
7820                            class="lozad max-h-full max-w-full object-contain object-center fade"
7821                        />
7822                                                    </a>
7823                                            </div>
7824                </li>
7825                    </ul>
7826    </section>
7827																	</div>
7828 
7829			
7830			</div>
7831		</div>
7832	</div>
7833	
7834</div>
7835
7836	  
7837	</div> 
7838				</div>
7839	</div> 
7840		</div>
7841			</div>
7842		</div>
7843</div> 
7844						<div
7845	data-section-id="6060"
7846	class="flex lozad relative isolated
7847	
7848		no
7849		bg-gradient-to-r from-blue-700 to-blue-800
7850		
7851		
7852		
7853		
7854		
7855		
7856		my-0
7857		flex
7858		md:flex
7859		lg:flex
7860		
7861		
7862	"
7863		 >
7864	
7865
7866	
7867
7868	
7869
7870				<div class="w-full h-full relative isolate gc-style-blue-lines ">
7871						<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">
7872				<div class="grid w-full row-gap-0">
7873					<div
7874		class="w-full mx-auto relative isolated
7875		max-w-full
7876		
7877		
7878		my-0
7879		py-4 md:py-6 lg:py-8
7880		
7881		
7882		
7883		
7884		
7885		block
7886		md:block
7887		lg:block
7888		
7889		 
7890		"
7891	>
7892
7893	
7894	<div
7895		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
7896
7897		  				  sm:space-x-0 space-y-4
7898			  sm:space-y-0 sm:space-x-4 sm:flex-nowrap
7899			  
7900			  
7901			  
7902			  
7903			
7904			
7905			
7906			
7907			
7908
7909			 		 "
7910    >
7911							<div
7912
7913	class="relative isolated z-20 min-w-0 max-w-full
7914			w-full
7915		sm:w-1/2
7916	
7917			block
7918		md:block
7919		lg:block
7920			    	"
7921  >
7922    	
7923	<div
7924		class="lozad relative w-full min-w-0 h-full
7925		
7926		
7927		
7928		
7929		
7930		
7931		
7932		
7933		
7934		
7935		
7936		
7937	  
7938		
7939		
7940		
7941	 	"
7942				
7943	>
7944	<div class="w-full h-full  
7945	 ">
7946
7947			<div
7948			class="w-full min-w-0 h-full flex relative
7949			max-w-full mx-auto
7950			
7951			
7952			items-start
7953			py-0
7954			px-0
7955			
7956			
7957			"
7958		>
7959			<div class="flex min-w-0 flex-col w-full ">
7960				
7961					<div
7962	data-item-id="9600"
7963			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
7964						<div
7965    class="w-full
7966    mt-2
7967    mb-4
7968    "
7969>
7970    
7971    <h1
7972        class="block
7973        text-left
7974        md:text-left
7975        lg:text-left
7976        font-semibold
7977        text-sm
7978        text-blue-100
7979        leading-normal
7980        tracking-wider
7981        "
7982    >
7983        SUBSCRIBE TO OUR NEWSLETTER
7984    </h1>
7985
7986    </div>
7987					</div>
7988	<div
7989	data-item-id="8499"
7990			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
7991						<div
7992    class="text w-full relative
7993    
7994    mb-4
7995    "
7996 >
7997 	
7998 	
7999        <div
8000      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
8001      text-blue-200
8002      text-left
8003      md:text-left
8004      lg:text-left
8005      font-normal
8006      text-base
8007      leading-normal
8008      tracking-normal
8009      mr-5"
8010    >
8011  		<p>Get the latest news and updates to your inbox.</p>
8012	</div>
8013  </div>					</div>
8014	<div
8015	data-item-id="6832"
8016			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
8017						<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;}" >
8018	
8019</newsletter-component>					</div>
8020 
8021			
8022			</div>
8023		</div>
8024	</div>
8025	
8026</div>
8027
8028	  
8029	</div> 
8030						<div
8031
8032	class="relative isolated z-20 min-w-0 max-w-full
8033			w-full
8034		sm:w-1/4
8035	
8036			block
8037		md:block
8038		lg:block
8039			    	"
8040  >
8041    	
8042	<div
8043		class="lozad relative w-full min-w-0 h-full
8044		
8045		
8046		
8047		
8048		
8049		
8050		
8051		
8052		
8053		
8054		
8055		
8056	  
8057		
8058		
8059		
8060	 	"
8061				
8062	>
8063	<div class="w-full h-full  
8064	 ">
8065
8066			<div
8067			class="w-full min-w-0 h-full flex relative
8068			max-w-full mx-auto
8069			
8070			
8071			items-start
8072			py-0
8073			px-0
8074			
8075			
8076			"
8077		>
8078			<div class="flex min-w-0 flex-col w-full ">
8079				
8080					<div
8081	data-item-id="4064"
8082			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
8083						<div
8084    class="w-full
8085    mt-2
8086    mb-4
8087    "
8088>
8089    
8090    <h1
8091        class="block
8092        text-left
8093        md:text-left
8094        lg:text-left
8095        font-semibold
8096        text-sm
8097        text-blue-100
8098        leading-normal
8099        tracking-wider
8100        "
8101    >
8102        ABOUT US
8103    </h1>
8104
8105    </div>
8106					</div>
8107	<div
8108	data-item-id="1429"
8109			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
8110						<div class="grid w-full min-w-0 gap-3 grid-cols-1">
8111                    <div class="grid-cell relative min-w-0 min-h-0   group/cell ">
8112                            <a
8113                    href="/en/about-us"
8114                    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 "
8115                >
8116            
8117            
8118            
8119            <div
8120                class="flex min-w-0 flex-col
8121                items-start
8122                
8123                
8124                
8125                
8126                
8127                
8128                
8129                
8130                justify-start
8131                
8132                
8133                
8134                
8135                
8136                
8137                
8138                
8139                flex-1"
8140            >
8141                                    <h3
8142                        class="break-words text-balance font-semibold tracking-tight text-blue-200
8143                        
8144                        
8145                        
8146                        text-base
8147                        leading-normal
8148                        tracking-normal
8149                        font-normal"
8150                    >
8151                        About us
8152                    </h3>
8153                                                                                            </div>
8154
8155                            </a>
8156                    </div>
8157                    <div class="grid-cell relative min-w-0 min-h-0   group/cell ">
8158                            <a
8159                    href="/en/factsstatistics"
8160                    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 "
8161                >
8162            
8163            
8164            
8165            <div
8166                class="flex min-w-0 flex-col
8167                items-start
8168                
8169                
8170                
8171                
8172                
8173                
8174                
8175                
8176                justify-start
8177                
8178                
8179                
8180                
8181                
8182                
8183                
8184                
8185                flex-1"
8186            >
8187                                    <h3
8188                        class="break-words text-balance font-semibold tracking-tight text-blue-200
8189                        
8190                        
8191                        
8192                        text-base
8193                        leading-normal
8194                        tracking-normal
8195                        font-normal"
8196                    >
8197                        Facts and statistics
8198                    </h3>
8199                                                                                            </div>
8200
8201                            </a>
8202                    </div>
8203                    <div class="grid-cell relative min-w-0 min-h-0   group/cell ">
8204                            <a
8205                    href="/en/our-partners"
8206                    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 "
8207                >
8208            
8209            
8210            
8211            <div
8212                class="flex min-w-0 flex-col
8213                items-start
8214                
8215                
8216                
8217                
8218                
8219                
8220                
8221                
8222                justify-start
8223                
8224                
8225                
8226                
8227                
8228                
8229                
8230                
8231                flex-1"
8232            >
8233                                    <h3
8234                        class="break-words text-balance font-semibold tracking-tight text-blue-200
8235                        
8236                        
8237                        
8238                        text-base
8239                        leading-normal
8240                        tracking-normal
8241                        font-normal"
8242                    >
8243                        Partners
8244                    </h3>
8245                                                                                            </div>
8246
8247                            </a>
8248                    </div>
8249                    <div class="grid-cell relative min-w-0 min-h-0   group/cell ">
8250                            <a
8251                    href="/en/contact-us"
8252                    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 "
8253                >
8254            
8255            
8256            
8257            <div
8258                class="flex min-w-0 flex-col
8259                items-start
8260                
8261                
8262                
8263                
8264                
8265                
8266                
8267                
8268                justify-start
8269                
8270                
8271                
8272                
8273                
8274                
8275                
8276                
8277                flex-1"
8278            >
8279                                    <h3
8280                        class="break-words text-balance font-semibold tracking-tight text-blue-200
8281                        
8282                        
8283                        
8284                        text-base
8285                        leading-normal
8286                        tracking-normal
8287                        font-normal"
8288                    >
8289                        Contact us
8290                    </h3>
8291                                                                                            </div>
8292
8293                            </a>
8294                    </div>
8295    </div>
8296					</div>
8297 
8298			
8299			</div>
8300		</div>
8301	</div>
8302	
8303</div>
8304
8305	  
8306	</div> 
8307						<div
8308
8309	class="relative isolated z-20 min-w-0 max-w-full
8310			w-full
8311		sm:w-1/4
8312	
8313			block
8314		md:block
8315		lg:block
8316			    	"
8317  >
8318    	
8319	<div
8320		class="lozad relative w-full min-w-0 h-full
8321		
8322		
8323		
8324		
8325		
8326		
8327		
8328		
8329		
8330		
8331		
8332		
8333	  
8334		
8335		
8336		
8337	 	"
8338				
8339	>
8340	<div class="w-full h-full  
8341	 ">
8342
8343			<div
8344			class="w-full min-w-0 h-full flex relative
8345			max-w-full mx-auto
8346			
8347			
8348			items-start
8349			py-0
8350			px-0
8351			
8352			
8353			"
8354		>
8355			<div class="flex min-w-0 flex-col w-full ">
8356				
8357					<div
8358	data-item-id="8968"
8359			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
8360						<div
8361    class="w-full
8362    mt-2
8363    mb-4
8364    "
8365>
8366    
8367    <h1
8368        class="block
8369        text-left
8370        md:text-left
8371        lg:text-left
8372        font-semibold
8373        text-sm
8374        text-blue-100
8375        leading-normal
8376        tracking-wider
8377        "
8378    >
8379        YOUR PARTICIPATION
8380    </h1>
8381
8382    </div>
8383					</div>
8384	<div
8385	data-item-id="9140"
8386			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
8387						<div class="grid w-full min-w-0 gap-3 grid-cols-1">
8388                    <div class="grid-cell relative min-w-0 min-h-0   group/cell ">
8389                            <a
8390                    href="/en/document/tournament-information"
8391                    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 "
8392                >
8393            
8394            
8395            
8396            <div
8397                class="flex min-w-0 flex-col
8398                items-start
8399                
8400                
8401                
8402                
8403                
8404                
8405                
8406                
8407                justify-start
8408                
8409                
8410                
8411                
8412                
8413                
8414                
8415                
8416                flex-1"
8417            >
8418                                    <h3
8419                        class="break-words text-balance font-semibold tracking-tight text-blue-200
8420                        
8421                        
8422                        
8423                        text-base
8424                        leading-normal
8425                        tracking-normal
8426                        font-normal"
8427                    >
8428                        Tournament information
8429                    </h3>
8430                                                                                            </div>
8431
8432                            </a>
8433                    </div>
8434                    <div class="grid-cell relative min-w-0 min-h-0   group/cell ">
8435                            <a
8436                    href="/en/document/tournament-regulation"
8437                    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 "
8438                >
8439            
8440            
8441            
8442            <div
8443                class="flex min-w-0 flex-col
8444                items-start
8445                
8446                
8447                
8448                
8449                
8450                
8451                
8452                
8453                justify-start
8454                
8455                
8456                
8457                
8458                
8459                
8460                
8461                
8462                flex-1"
8463            >
8464                                    <h3
8465                        class="break-words text-balance font-semibold tracking-tight text-blue-200
8466                        
8467                        
8468                        
8469                        text-base
8470                        leading-normal
8471                        tracking-normal
8472                        font-normal"
8473                    >
8474                        Tournament regulation
8475                    </h3>
8476                                                                                            </div>
8477
8478                            </a>
8479                    </div>
8480                    <div class="grid-cell relative min-w-0 min-h-0   group/cell ">
8481                            <a
8482                    href="/en/costsfees"
8483                    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 "
8484                >
8485            
8486            
8487            
8488            <div
8489                class="flex min-w-0 flex-col
8490                items-start
8491                
8492                
8493                
8494                
8495                
8496                
8497                
8498                
8499                justify-start
8500                
8501                
8502                
8503                
8504                
8505                
8506                
8507                
8508                flex-1"
8509            >
8510                                    <h3
8511                        class="break-words text-balance font-semibold tracking-tight text-blue-200
8512                        
8513                        
8514                        
8515                        text-base
8516                        leading-normal
8517                        tracking-normal
8518                        font-normal"
8519                    >
8520                        Costs/Fees
8521                    </h3>
8522                                                                                            </div>
8523
8524                            </a>
8525                    </div>
8526                    <div class="grid-cell relative min-w-0 min-h-0   group/cell ">
8527                            <a
8528                    href="https://id.gothiacup.se/login"
8529                    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 "
8530                >
8531            
8532            
8533            
8534            <div
8535                class="flex min-w-0 flex-col
8536                items-start
8537                
8538                
8539                
8540                
8541                
8542                
8543                
8544                
8545                justify-start
8546                
8547                
8548                
8549                
8550                
8551                
8552                
8553                
8554                flex-1"
8555            >
8556                                    <h3
8557                        class="break-words text-balance font-semibold tracking-tight text-blue-200
8558                        
8559                        
8560                        
8561                        text-base
8562                        leading-normal
8563                        tracking-normal
8564                        font-normal"
8565                    >
8566                        Gothia Account
8567                    </h3>
8568                                                                                            </div>
8569
8570                            </a>
8571                    </div>
8572    </div>
8573					</div>
8574 
8575			
8576			</div>
8577		</div>
8578	</div>
8579	
8580</div>
8581
8582	  
8583	</div> 
8584				</div>
8585	</div> 
8586						<div
8587		class="w-full mx-auto relative isolated
8588		max-w-full
8589		
8590		
8591		my-4
8592		py-0
8593		
8594		border-t border-blue-600 pt-3 pb-24
8595		
8596		
8597		
8598		block
8599		md:block
8600		lg:block
8601		
8602		 
8603		"
8604	>
8605
8606	
8607	<div
8608		  class="flex min-w-0 w-full max-w-full flex-wrap relative isolated
8609
8610		  								
8611			
8612			
8613			
8614			
8615
8616			 		 "
8617    >
8618							<div
8619
8620	class="relative isolated z-20 min-w-0 max-w-full
8621			w-full
8622			
8623			block
8624		md:block
8625		lg:block
8626			    	"
8627  >
8628    	
8629	<div
8630		class="lozad relative w-full min-w-0 h-full
8631		
8632		
8633		
8634		
8635		
8636		
8637		
8638		
8639		
8640		
8641		
8642		
8643	  
8644		
8645		
8646		
8647	 	"
8648				
8649	>
8650	<div class="w-full h-full  
8651	 ">
8652
8653			<div
8654			class="w-full min-w-0 h-full flex relative
8655			max-w-full mx-auto
8656			
8657			
8658			items-start
8659			py-0
8660			px-0
8661			
8662			
8663			"
8664		>
8665			<div class="flex min-w-0 flex-col w-full ">
8666				
8667					<div
8668	data-item-id="1416"
8669			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
8670						<div
8671    class="text w-full relative
8672    
8673    
8674    "
8675 >
8676 	
8677 	
8678        <div
8679      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
8680      text-blue-200
8681      text-center
8682      md:text-center
8683      lg:text-center
8684      font-normal
8685      text-sm
8686      leading-relaxed
8687      tracking-normal
8688      "
8689    >
8690  		<p>© 2024 Gothia Cup. All rights reserved. <a href="/en/document/integrity-policy" rel="noopener noreferrer nofollow">Integrity policy</a></p>
8691	</div>
8692  </div>					</div>
8693	<div
8694	data-item-id="9327"
8695			class="relative w-full min-w-0 max-w-full h-full block md:block lg:block">
8696						<div class="w-full mt-4  ">
8697    <nav class="flex flex-wrap items-center space-x-6 justify-center" aria-label="Social media links">
8698                    <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">
8699                <span class="sr-only">Facebook</span>
8700                <svg class="shrink-0" style="width: 1.5rem; height: 1.5rem;" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
8701                    <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
8701h-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" />
8702                </svg>
8703            </a>
8704                            <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">
8705                <span class="sr-only">Instagram</span>
8706                <svg class="shrink-0" style="width: 1.5rem; height: 1.5rem;" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
8707                    <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" />
8708                </svg>
8709            </a>
8710                            <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">
8711                <span class="sr-only">X</span>
8712                <svg class="mt-0.5 shrink-0" style="width: 1.25rem; height: 1.25rem;" fill="currentColor" viewBox="0 0 512 512" aria-hidden="true">
8713                    <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" />
8714                </svg>
8715            </a>
8716                            <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">
8717                <span class="sr-only">YouTube</span>
8718                <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">
8719                    <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" />
8720                    <polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02" />
8721                </svg>
8722            </a>
8723                            <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">
8724                <span class="sr-only">TikTok</span>
8725                <svg class="mt-0.5 shrink-0" style="width: 1.25rem; height: 1.25rem;" fill="currentColor" viewBox="0 0 448 512" aria-hidden="true">
8726                    <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" />
8727                </svg>
8728            </a>
8729                            <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">
8730                <span class="sr-only">WhatsApp</span>
8731                <svg class="mt-0.5 shrink-0" style="width: 1.25rem; height: 1.25rem;" fill="currentColor" viewBox="0 0 448 512" aria-hidden="true">
8732                    <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" />
8733                </svg>
8734            </a>
8735                    </nav>
8736</div>
8737					</div>
8738 
8739			
8740			</div>
8741		</div>
8742	</div>
8743	
8744</div>
8745
8746	  
8747	</div> 
8748				</div>
8749	</div> 
8750		</div>
8751			</div>
8752		</div>
8753</div> 
8754			
8755</div></page-component>
8756	        </div>
8757
8758                    
8758<script data-cookieconsent="ignore">
8759                (function () {
8760                    if (document.getElementById('cms-page-edit-fab')) {
8761                        return;
8762                    }
8763                    if (!document.cookie.split(';').some(function (c) {
8764                        return c.trim().indexOf('token=') === 0;
8765                    })) {
8766                        return;
8767                    }
8768                    var href = "https:\/\/gothiacup.se\/nova\/page\/116";
8769                    var a = document.createElement('a');
8770                    a.id = 'cms-page-edit-fab';
8771                    a.href = href;
8772                    a.target = '_self';
8773                    a.setAttribute('aria-label', 'Redigera sida i Nova');
8774                    a.className = 'fixed bottom-6 left-6 z-[100] inline-flex items-center gap-2.5 rounded-full border border-white/15 bg-slate-950/90 px-4 py-2.5 text-sm font-semibold tracking-tight text-white shadow-2xl shadow-black/30 backdrop-blur-md transition duration-200 hover:border-white/25 hover:bg-slate-900/95 hover:shadow-xl hover:-translate-y-0.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-sky-400/90 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950 active:translate-y-0 active:scale-[0.98]';
8775                    a.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 shrink-0 text-white/90" aria-hidden="true"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/></svg><span>Redigera sida</span>';
8776                    document.body.appendChild(a);
8777                })();
8778            </script>
8778
8779        
8780        
8780<script data-cookieconsent="ignore">
8781            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"}};
8782        </script>
8782
8783                
8783<script async src="https://cse.google.com/cse.js?cx=14703e9c5cba14faf"></script>
8783
8784                            
8784<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>
8784
8785            
8785<script type="text/javascript">window.Beacon('init', config.helpscout_beacon_id)</script>
8785
8786                
8786<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>
8786
8787</body>
8788</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.