<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no">
<title>Obstacle Race Calendar United States 2025-2026</title>
<meta name="csrf-token" content="PxDk6ln5VIpO077pHGx63UYDSpEAPZr5RNljfs5B">
<meta name="description" content="Explore the best obstacle runs in the United States for 2025-2026! Our updated list features 186 exciting races across  the country. Find your next race in th..">
<link rel="canonical" href="https://mudrunfun.com/obstacle-run-calender/united-states">
<link rel="alternate" hreflang="en" href="https://mudrunfun.com/obstacle-run-calender/united-states">
<meta property="og:type" content="website">
<meta property="og:title" content="Obstacle Race Calendar United States 2025-2026">
<meta property="og:description" content="Explore the best obstacle runs in the United States for 2025-2026! Our updated list features 186 exciting races across  the country. Find your next race in th..">
<meta property="og:locale" content="en">
<meta property="og:site_name" content="MudRunFun.com">
<meta property="og:url" content="https://mudrunfun.com/obstacle-run-calender/united-states">
<meta property="og:image" content="https://cdn.running.life/map-image/country_95b148e3_united-states_meta.webp">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:title" content="Obstacle Race Calendar United States 2025-2026">
<meta name="twitter:description" content="Explore the best obstacle runs in the United States for 2025-2026! Our updated list features 186 exciting races across  the country. Find your next race in th..">
<meta name="twitter:site" content="https://mudrunfun.com/obstacle-run-calender/united-states">
<meta name="twitter:image" content="https://cdn.running.life/map-image/country_95b148e3_united-states_meta.webp">

        <link rel="apple-touch-icon" sizes="180x180"
          href="/img/favicon/mudrunfun-com/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32"
          href="/img/favicon/mudrunfun-com/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16"
          href="/img/favicon/mudrunfun-com/favicon-16x16.png">
    <link rel="sitemap" type="application/xml" title="Sitemap"
          href="/sitemap_mudrunfun-com.xml">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
            href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,400;1,500;1,600;1,700&display=swap"
            rel="stylesheet">

    <!-- Display 2024 -->

    <!-- nothing -->
    






    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-YLLWFWEVFD"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }

        gtag('js', new Date());

        gtag('config', 'G-686' + 'WXRCZNZ');
    </script>


    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700">

    <style>
        @media (min-width: 1024px) {
            /* lg cls fix */
            .rl-two-col {
                display: flex;
                gap: 2rem
            }

            .rl-main {
                flex: 1
            }

            .rl-side {
                width: 300px;
                min-width: 300px
            }
        }
    </style>

    <link rel="preload" as="style" href="https://mudrunfun.com/build/assets/app-saN4vF5A.css" /><link rel="stylesheet" href="https://mudrunfun.com/build/assets/app-saN4vF5A.css" data-navigate-track="reload" />    
        <script>
        function togglePeriod(periodId) {
            Livewire.dispatch('toggle-period', [periodId]);
            document.querySelectorAll('#period-' + periodId)
                .forEach(button => {
                    button.classList.toggle('font-bold')
                });
        }
    </script>
            <script type="application/ld+json">
                {"@context":"https:\/\/schema.org","@type":"Event","name":"Central Florida Spartan Weekend","startDate":"2025-12-13","endDate":"2025-12-14","eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","eventStatus":"https:\/\/schema.org\/EventScheduled","url":"https:\/\/mudrunfun.com\/en\/event\/central-florida-spartan-trifecta-weekend","location":{"@type":"Place","address":{"@type":"PostalAddress","addressCountry":"United States","addressLocality":"Zolfo Springs","addressRegion":"Florida"},"geo":{"@type":"GeoCoordinates","latitude":27.4933718,"longitude":-81.7959155},"name":"Zolfo Springs"}}            </script>
                    <script type="application/ld+json">
                {"@context":"https:\/\/schema.org","@type":"Event","name":"Holiday Hyrox Race Sim","startDate":"2025-12-13","endDate":"2025-12-13","eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","eventStatus":"https:\/\/schema.org\/EventScheduled","url":"https:\/\/mudrunfun.com\/en\/event\/holiday-hyrox-race-sim","location":{"@type":"Place","address":{"@type":"PostalAddress","addressCountry":"United States","addressLocality":"Belmont","addressRegion":"Virginia"},"geo":{"@type":"GeoCoordinates","latitude":37.27008,"longitude":-79.93083},"name":"Belmont"}}            </script>
                    <script type="application/ld+json">
                {"@context":"https:\/\/schema.org","@type":"Event","name":"The Ultimate Ram Challenge Winter","startDate":"2026-01-02","endDate":"2026-01-02","eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","eventStatus":"https:\/\/schema.org\/EventScheduled","url":"https:\/\/mudrunfun.com\/en\/event\/the-ultimate-ram-challenge-winter","location":{"@type":"Place","address":{"@type":"PostalAddress","addressCountry":"United States","addressLocality":"Chattaroy","addressRegion":"Washington"},"geo":{"@type":"GeoCoordinates","latitude":47.8896162,"longitude":-117.3577177},"name":"Chattaroy"}}            </script>
                    <script type="application/ld+json">
                {"@context":"https:\/\/schema.org","@type":"Event","name":"INDURO - Hybrid Race - University Heights and Rosedale Hills","startDate":"2026-01-03","endDate":"2026-01-03","eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","eventStatus":"https:\/\/schema.org\/EventScheduled","url":"https:\/\/mudrunfun.com\/en\/event\/induro-hybrid-race-university-heights-and-rosedale-hills\/2026-01-03","location":{"@type":"Place","address":{"@type":"PostalAddress","addressCountry":"United States","addressLocality":"University Heights and Rosedale Hills","addressRegion":"Indiana"},"geo":{"@type":"GeoCoordinates","latitude":39.7047667,"longitude":-86.1344304},"name":"University Heights and Rosedale Hills"}}            </script>
                    <script type="application/ld+json">
                {"@context":"https:\/\/schema.org","@type":"Event","name":"The Proving Grounds Florida","startDate":"2026-01-10","endDate":"2026-01-10","eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","eventStatus":"https:\/\/schema.org\/EventScheduled","url":"https:\/\/mudrunfun.com\/en\/event\/the-proving-grounds-florida","location":{"@type":"Place","address":{"@type":"PostalAddress","addressCountry":"United States","addressLocality":"West Vero Corridor","addressRegion":"Florida"},"geo":{"@type":"GeoCoordinates","latitude":27.6391732,"longitude":-80.4795397},"name":"West Vero Corridor"}}            </script>
                    <script type="application/ld+json">
                {"@context":"https:\/\/schema.org","@type":"Event","name":"Winter Spartan Death Race","startDate":"2026-01-15","endDate":"2026-01-17","eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","eventStatus":"https:\/\/schema.org\/EventScheduled","url":"https:\/\/mudrunfun.com\/en\/event\/winter-spartan-death-race","location":{"@type":"Place","address":{"@type":"PostalAddress","addressCountry":"United States","addressLocality":"Pittsfield","addressRegion":"Vermont"},"geo":{"@type":"GeoCoordinates","latitude":43.7722884,"longitude":-72.8128828},"name":"Pittsfield"}}            </script>
                    <script type="application/ld+json">
                {"@context":"https:\/\/schema.org","@type":"Event","name":"Vermont Spartan Winter 24 Hour Hurricane Heat","startDate":"2026-01-16","endDate":"2026-01-17","eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","eventStatus":"https:\/\/schema.org\/EventScheduled","url":"https:\/\/mudrunfun.com\/en\/event\/vermont-spartan-winter-24-hour-hurricane-heat","location":{"@type":"Place","address":{"@type":"PostalAddress","addressCountry":"United States","addressLocality":"Pittsfield","addressRegion":"Vermont"},"geo":{"@type":"GeoCoordinates","latitude":43.7722884,"longitude":-72.8128828},"name":"Pittsfield"}}            </script>
                    <script type="application/ld+json">
                {"@context":"https:\/\/schema.org","@type":"Event","name":"OCR Overload","startDate":"2026-01-17","endDate":"2026-01-17","eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","eventStatus":"https:\/\/schema.org\/EventScheduled","url":"https:\/\/mudrunfun.com\/en\/event\/ocr-overload\/2026-01-17","location":{"@type":"Place","address":{"@type":"PostalAddress","addressCountry":"United States","addressLocality":"Gainesville","addressRegion":"Florida"},"geo":{"@type":"GeoCoordinates","latitude":29.6519563,"longitude":-82.324998},"name":"Gainesville"}}            </script>
                    <script type="application/ld+json">
                {"@context":"https:\/\/schema.org","@type":"Event","name":"Rox in the New Year","startDate":"2026-01-17","endDate":"2026-01-17","eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","eventStatus":"https:\/\/schema.org\/EventScheduled","url":"https:\/\/mudrunfun.com\/en\/event\/rox-in-the-new-year","location":{"@type":"Place","address":{"@type":"PostalAddress","addressCountry":"United States","addressLocality":"Fuquay-Varina","addressRegion":"North Carolina"},"geo":{"@type":"GeoCoordinates","latitude":35.5843235,"longitude":-78.8000128},"name":"Fuquay-Varina"}}            </script>
                    <script type="application/ld+json">
                {"@context":"https:\/\/schema.org","@type":"Event","name":"INDURO Hybrid Race - Muncie","startDate":"2026-01-18","endDate":"2026-01-18","eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","eventStatus":"https:\/\/schema.org\/EventScheduled","url":"https:\/\/mudrunfun.com\/en\/event\/induro-hybrid-race\/2026-01-18","location":{"@type":"Place","address":{"@type":"PostalAddress","addressCountry":"United States","addressLocality":"Muncie","addressRegion":"Indiana"},"geo":{"@type":"GeoCoordinates","latitude":40.1933767,"longitude":-85.3863599},"name":"Muncie"}}            </script>
                    <script type="application/ld+json">
                {"@context":"https:\/\/schema.org","@type":"Event","name":"Tough Sheep","startDate":"2026-01-23","endDate":"2026-01-24","eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","eventStatus":"https:\/\/schema.org\/EventScheduled","url":"https:\/\/mudrunfun.com\/en\/event\/tough-sheep","location":{"@type":"Place","address":{"@type":"PostalAddress","addressCountry":"United States","addressLocality":"Reno","addressRegion":"Nevada"},"geo":{"@type":"GeoCoordinates","latitude":39.529919,"longitude":-119.8142691},"name":"Reno"}}            </script>
                    <script type="application/ld+json">
                {"@context":"https:\/\/schema.org","@type":"Event","name":"Socal Spartan Event Weekend","startDate":"2026-01-24","endDate":"2026-01-25","eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","eventStatus":"https:\/\/schema.org\/EventScheduled","url":"https:\/\/mudrunfun.com\/en\/event\/socal-spartan-event-weekend","location":{"@type":"Place","address":{"@type":"PostalAddress","addressCountry":"United States","addressLocality":"Perris","addressRegion":"California"},"geo":{"@type":"GeoCoordinates","latitude":33.7825194,"longitude":-117.2286478},"name":"Perris"}}            </script>
                    <script type="application/ld+json">
                {"@context":"https:\/\/schema.org","@type":"Event","name":"NATIVE-X Obstacle Fitness Race","startDate":"2026-01-24","endDate":"2026-01-24","eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","eventStatus":"https:\/\/schema.org\/EventScheduled","url":"https:\/\/mudrunfun.com\/en\/event\/native-x-obstacle-fitness-race","location":{"@type":"Place","address":{"@type":"PostalAddress","addressCountry":"United States","addressLocality":"Riviera Beach","addressRegion":"Florida"},"geo":{"@type":"GeoCoordinates","latitude":26.7753405,"longitude":-80.0580969},"name":"Riviera Beach"}}            </script>
                    <script type="application/ld+json">
                {"@context":"https:\/\/schema.org","@type":"Event","name":"YMCA\u0027s Beast Obstacle Course Event","startDate":"2026-01-24","endDate":"2026-01-24","eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","eventStatus":"https:\/\/schema.org\/EventScheduled","url":"https:\/\/mudrunfun.com\/en\/event\/ymcas-beast-obstacle-course-event","location":{"@type":"Place","address":{"@type":"PostalAddress","addressCountry":"United States","addressLocality":"Port Royal","addressRegion":"South Carolina"},"geo":{"@type":"GeoCoordinates","latitude":32.3790843,"longitude":-80.6926069},"name":"Port Royal"}}            </script>
                    <script type="application/ld+json">
                {"@context":"https:\/\/schema.org","@type":"Event","name":"Abominable Snow Race","startDate":"2026-01-31","endDate":"2026-01-31","eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","eventStatus":"https:\/\/schema.org\/EventScheduled","url":"https:\/\/mudrunfun.com\/en\/event\/abominable-snow-race","location":{"@type":"Place","address":{"@type":"PostalAddress","addressCountry":"United States","addressLocality":"Lake Geneva","addressRegion":"Wisconsin"},"geo":{"@type":"GeoCoordinates","latitude":42.5916836,"longitude":-88.4334301},"name":"Lake Geneva"}}            </script>
                    <script type="application/ld+json">
                {"@context":"https:\/\/schema.org","@type":"Event","name":"Your First Mud Run Boca Raton (FL)","startDate":"2026-02-01","endDate":"2026-02-01","eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","eventStatus":"https:\/\/schema.org\/EventScheduled","url":"https:\/\/mudrunfun.com\/en\/event\/your-first-mud-run-boca-raton-fl","location":{"@type":"Place","address":{"@type":"PostalAddress","addressCountry":"United States","addressLocality":"Boca Raton","addressRegion":"Florida"},"geo":{"@type":"GeoCoordinates","latitude":26.3683064,"longitude":-80.1289321},"name":"Boca Raton"}}            </script>
                    <script type="application/ld+json">
                {"@context":"https:\/\/schema.org","@type":"Event","name":"INDURO - Hybrid Race - University Heights and Rosedale Hills","startDate":"2026-02-14","endDate":"2026-02-14","eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","eventStatus":"https:\/\/schema.org\/EventScheduled","url":"https:\/\/mudrunfun.com\/en\/event\/induro-hybrid-race-university-heights-and-rosedale-hills\/2026-02-14","location":{"@type":"Place","address":{"@type":"PostalAddress","addressCountry":"United States","addressLocality":"University Heights and Rosedale Hills","addressRegion":"Indiana"},"geo":{"@type":"GeoCoordinates","latitude":39.7047667,"longitude":-86.1344304},"name":"University Heights and Rosedale Hills"}}            </script>
                    <script type="application/ld+json">
                {"@context":"https:\/\/schema.org","@type":"Event","name":"Hybrid Classic","startDate":"2026-02-21","endDate":"2026-02-21","eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","eventStatus":"https:\/\/schema.org\/EventScheduled","url":"https:\/\/mudrunfun.com\/en\/event\/hybrid-classic","location":{"@type":"Place","address":{"@type":"PostalAddress","addressCountry":"United States","addressLocality":"Savannah","addressRegion":"Georgia"},"geo":{"@type":"GeoCoordinates","latitude":32.0808989,"longitude":-81.091203},"name":"Savannah"}}            </script>
                    <script type="application/ld+json">
                {"@context":"https:\/\/schema.org","@type":"Event","name":"Tough Mudder - Austin","startDate":"2026-02-28","endDate":"2026-03-01","eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","eventStatus":"https:\/\/schema.org\/EventScheduled","url":"https:\/\/mudrunfun.com\/en\/event\/tough-mudder-austin","location":{"@type":"Place","address":{"@type":"PostalAddress","addressCountry":"United States","addressLocality":"Austin","addressRegion":"Texas"},"geo":{"@type":"GeoCoordinates","latitude":30.267153,"longitude":-97.7430608},"name":"Austin"}}            </script>
                    <script type="application/ld+json">
                {"@context":"https:\/\/schema.org","@type":"Event","name":"Jacksonville Spartan Event Weekend","startDate":"2026-02-28","endDate":"2026-03-01","eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","eventStatus":"https:\/\/schema.org\/EventScheduled","url":"https:\/\/mudrunfun.com\/en\/event\/jacksonville-spartan-event-weekend","location":{"@type":"Place","address":{"@type":"PostalAddress","addressCountry":"United States","addressLocality":"Southwest Jacksonville","addressRegion":"Florida"},"geo":{"@type":"GeoCoordinates","latitude":30.2471417,"longitude":-81.8357698},"name":"Southwest Jacksonville"}}            </script>
        <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}</style>
</head>
<body class="bg-white">

    <div>
        <nav x-data="{ expanded: false }">
        <div class="h-[64px] w-full bg-gradient-to-r from-sky-900 via-sky-800 to-sky-600 text-white border-b border-white/10 shadow-md flex items-center gap-x-2 lg:gap-x-3 xl:gap-x-6 px-3 md:px-6 font-semibold">
            

            <div>
                <a class="block md:hidden" href="/en">
                                            <img src="/img/favicon/mudrunfun-com/apple-touch-icon.png"
                             class="w-10 h-10" alt="logo"/>
                                    </a>

                <a class="hidden md:block" href="/en">
                                            <img src="/img/favicon/mudrunfun-com/apple-touch-icon.png"
                             class="w-10 h-10" alt="logo"/>
                                    </a>
            </div>
                            <a href="/en">
                    <img src="/img/favicon/mudrunfun-com/mudrunfun-logo-3.webp"
                         class="h-5" alt="logo"/>
                </a>
            
            <div class="grow hidden md:block"></div>

                            <a href="/obstacle-run-calender/united-states"
                   class="hidden text-nowrap lg:block px-3.5 py-2 rounded-full text-sm text-white/90 hover:text-white hover:bg-white/15 transition-colors">Calendar</a>
                            <a href="/en/about-us"
                   class="hidden text-nowrap lg:block px-3.5 py-2 rounded-full text-sm text-white/90 hover:text-white hover:bg-white/15 transition-colors">About us</a>
                            <a href="/en/contact"
                   class="hidden text-nowrap lg:block px-3.5 py-2 rounded-full text-sm text-white/90 hover:text-white hover:bg-white/15 transition-colors">Contact</a>
            
            <div class="grow "></div>
            <button
                    class="flex items-center px-3.5 md:px-3 md:pr-4 py-1.5 rounded-full fill-white text-white  focus:outline-none
                     hover:bg-white/10
                     focus:ring-2 focus:ring-white/60 focus:ring-offset-2 focus:ring-offset-sky-800 transition text-sm"
                    onclick="Livewire.dispatch('openModal', {component: 'add-race-modal'})">

                <div class="w-6 ">
                    <svg viewBox="0 0 24 24"><title>plus-circle-outline</title>
                        <path
                                d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z"/>
                    </svg>

                </div>
                <div class=" pt-0.5 pl-2">Event</div>
            </button>

                        <button @click="expanded = ! expanded"
                    class="text-white/90 fill-white hover:bg-white/10 hover:fill-white rounded-full px-2 py-1 focus:outline-none focus:ring-2 focus:ring-white/50 lg:hidden">
                <svg xmlns="http://www.w3.org/2000/svg" class="p-0.5" height="32px"
                     viewBox="0 0 32 32" width="32px" xml:space="preserve"><script xmlns=""/>
                    <path
                            d="M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2  s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2  S29.104,22,28,22z"/></svg>
            </button>
            
            
            
            
        </div>

        <div id="mobile" x-show="expanded" x-collapse style="display: none;">
            <div class="bg-white/95 my-3 mx-4 p-5 rounded-2xl border border-white/20 shadow-md backdrop-blur">
                <ul class="grid grid-cols-1 gap-3 ">
                    

                                            <a href="/obstacle-run-calender/united-states"
                           class="px-4 py-2 rounded-full text-slate-700 bg-slate-100 hover:bg-slate-200 hover:text-slate-900 transition font-medium">Calendar</a>
                                            <a href="/en/about-us"
                           class="px-4 py-2 rounded-full text-slate-700 bg-slate-100 hover:bg-slate-200 hover:text-slate-900 transition font-medium">About us</a>
                                            <a href="/en/contact"
                           class="px-4 py-2 rounded-full text-slate-700 bg-slate-100 hover:bg-slate-200 hover:text-slate-900 transition font-medium">Contact</a>
                                    </ul>

            </div>
        </div>
    </nav>

    </div>


<main>
    <section class="pt-3 md:pt-4 lg:pt-5 xl:pt-5 pb-8 max-w-2xl lg:max-w-5xl xl:max-w-6xl mx-auto">

    <!-- Main Content -->
    <!-- Background Accent -->
<div class="absolute inset-0 -z-10 overflow-hidden" aria-hidden="true">
    <div class="pointer-events-none [mask-image:radial-gradient(ellipse_at_center,white_30%,transparent_70%)]">
        <div class="mx-auto max-w-7xl">
            <div class="h-28"></div>
            <div class="h-56 bg-[radial-gradient(ellipse_at_top,theme(colors.emerald.100),transparent_60%)] -mt-[100px]"></div>
        </div>
    </div>
</div>    
    <div class=" flex flex-col gap-6 xl:gap-8 lg:flex-row lg:items-start lg:px-2 xl:px-0">
        <!-- Main Content -->
        <div class="space-y-3 lg:space-y-5 grow lg:max-w-[682px] xl:max-w-[818px]">
            <div>
                
                <div class="padding-x">
                    
                    <div class="flex gap-2">
    <div class="grow">
        


        <div class="-mx-0.5 lg:mx-0">
            <div wire:snapshot="{&quot;data&quot;:{&quot;searchText&quot;:&quot;&quot;,&quot;hidden&quot;:true,&quot;countryCode&quot;:&quot;USA&quot;,&quot;searchCountryCode&quot;:&quot;USA&quot;,&quot;distanceFromLocation&quot;:30,&quot;location&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Country&quot;,&quot;key&quot;:10,&quot;s&quot;:&quot;mdl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;QZnhBUUB8lykFLcHhxhg&quot;,&quot;name&quot;:&quot;search-results&quot;,&quot;path&quot;:&quot;obstacle-run-calender\/united-states&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;5c45d820a5741a40d5a91f2d9d5ff490616b21687caccfb20b1c18f54838462b&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;set-default-distance&quot;]}" wire:id="QZnhBUUB8lykFLcHhxhg">
    <div x-data="{show: false}" @click.outside="show = false">
        <div class="flex align-middle rounded-lg w-full border border-slate-300 h-[46px] placeholder-slate-400 ring-cyan-500
                        text-[16px] focus:ring-cyan-500">

            
            <div class="flex grow" @click="show=true ; document.getElementById('searchInput').focus()">
                                    <div class="cursor-pointer flex rounded-lg items-center justify-center h-8 object-center bg-sky-100/90 text-cyan-800 m-1.5 text-[16px]
            px-2 text-nowrap
            "> United States
                        <svg class="size-4 ml-1.5 fill-cyan-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>close</title>
    <path d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"/>
</svg>
                    </div>
                
                <label class="w-full">
                    <input
                            id="searchInput"
                            wire:model.live.debounce.300ms="searchText"
                            @click="show =true"
                            type="text"
                            class="border-0 px-2 lg:px-3 outline-0 my-1.5 h-8 focus:border-0 w-full focus:ring-0 placeholder-slate-400"
                            placeholder="Search by location or event"/>
                </label>
            </div>

                        <div x-show="show"
                 style="display: none"
                 class=" absolute z-30 bg-white w-[calc(100%-2rem)] md:w-[630px] shadow-xl mt-[50px] rounded-xl border-slate-200 border py-2 -ml-1">
                <div>
                    
                                            <div class="d-flex text-sm flex-stack fw-bold text-gray-400 px-2">Recently Searched..</div>

                        
                                                                                <a href="https://mudrunfun.com/obstacle-run-calender/united-states" class="flex py-3 px-2 group hover:bg-slate-50">
    <div class="flex-none">
        <div class=" p-2 bg-gray-100 rounded-md fill-gray-400 group-hover:fill-sky-500">
            <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24">
    <defs>
        <style>.cls-1 {
                opacity: 0.3;
            }</style>
    </defs>
    <g id="gen011-020">
        <g id="gen018">
            <path class="cls-1"
                  d="M18,15.33,13.1,20.77a1.47,1.47,0,0,1-2.2,0L6,15.33a7.94,7.94,0,0,1-2-6.39A8,8,0,0,1,20,10,7.94,7.94,0,0,1,18,15.33Z"/>
            <circle cx="12" cy="10" r="3"/>
        </g>
    </g>
</svg>
        </div>
    </div>
    <div class="flex-auto ml-4" style="line-height: 19px;">
                                <span class="font-medium text-gray-600 group-hover:text-sky-500"
                                      style="font-size: 15px">United States</span>
        <br/>
        <span class="text-xs font-medium text-gray-400">
                    Events in the United States
                        </span>
    </div>
</a>
                        
                    
                </div>


            </div>
        </div>
    </div>
</div>        </div>
    </div>
    <div class="hidden lg:flex">
        <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg ps-4 pe-4 inline-flex  bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-800 dark:text-white       h-[46px] border border-slate-300 active:scale-95 hover:bg-slate-50/90" data-flux-button="data-flux-button" onclick="window.dispatchEvent(new Event('toggle-map'))" id="map-button">
        <svg class="shrink-0 [:where(&amp;)]:size-6 text-cyan-700" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
</svg>

                    <div class=" text-cyan-800 font-medium">Map</div>
    </button>
    </div>
</div>
                    <div class=" my-3 flex justify-around lg:hidden">
                        <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-8 text-sm rounded-md px-3 inline-flex  bg-white hover:bg-zinc-50 dark:bg-zinc-700 dark:hover:bg-zinc-600/75 text-zinc-800 dark:text-white border border-zinc-200 hover:border-zinc-200 border-b-zinc-300/80 dark:border-zinc-600 dark:hover:border-zinc-600 shadow-xs [[data-flux-button-group]_&amp;]:border-s-0 [:is([data-flux-button-group]&gt;&amp;:first-child,_[data-flux-button-group]_:first-child&gt;&amp;)]:border-s-[1px]   active:scale-95 bg-green" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target" onclick="window.dispatchEvent(new Event('toggle-map'))">
        <svg class="shrink-0 [:where(&amp;)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path fill-rule="evenodd" d="m7.539 14.841.003.003.002.002a.755.755 0 0 0 .912 0l.002-.002.003-.003.012-.009a5.57 5.57 0 0 0 .19-.153 15.588 15.588 0 0 0 2.046-2.082c1.101-1.362 2.291-3.342 2.291-5.597A5 5 0 0 0 3 7c0 2.255 1.19 4.235 2.292 5.597a15.591 15.591 0 0 0 2.046 2.082 8.916 8.916 0 0 0 .189.153l.012.01ZM8 8.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" clip-rule="evenodd"/>
</svg>

                
                    
            
            <span>Kaart</span>
    </button>
                        <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-8 text-sm rounded-md px-3 inline-flex  bg-white hover:bg-zinc-50 dark:bg-zinc-700 dark:hover:bg-zinc-600/75 text-zinc-800 dark:text-white border border-zinc-200 hover:border-zinc-200 border-b-zinc-300/80 dark:border-zinc-600 dark:hover:border-zinc-600 shadow-xs [[data-flux-button-group]_&amp;]:border-s-0 [:is([data-flux-button-group]&gt;&amp;:first-child,_[data-flux-button-group]_:first-child&gt;&amp;)]:border-s-[1px]   active:scale-95" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target" onclick="document.getElementById('search-filters').classList.toggle('hidden');">
        <svg class="shrink-0 [:where(&amp;)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
  <path d="M7.25 13.25V7.5h1.5v5.75a.75.75 0 0 1-1.5 0ZM8.75 2.75V5h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.75V2.75a.75.75 0 0 1 1.5 0ZM2.25 9.5a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 0-1.5H4.5V2.75a.75.75 0 0 0-1.5 0V9.5h-.75ZM10 10.25a.75.75 0 0 1 .75-.75h.75V2.75a.75.75 0 0 1 1.5 0V9.5h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1-.75-.75ZM3 12v1.25a.75.75 0 0 0 1.5 0V12H3ZM11.5 13.25V12H13v1.25a.75.75 0 0 1-1.5 0Z"/>
</svg>

                
                    
            
            <span>Filters</span>
    </button>
                    </div>

                    <div class="hidden lg:hidden" id="search-filters">
                        <div class="space-y-3">
    
    <div x-data="{ expanded: false }">


    <button @click="expanded = ! expanded"
            class="cursor-pointer w-full flex bg-slate-100 shadow py-1 px-2 text-md font-oswald text-cyan-800">
        <div class="">Period</div>
        <div class="grow"></div>
        <div x-show="expanded" style="display: none">▼</div>
        <div x-show="!expanded"
        >▲
        </div>
    </button>
    <ul class="ml-1 mt-1" x-show="expanded" x-collapse style="display: none">
        <li class=" text-sm grid grid-cols-3">
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('2025')"
                        id="period-2025">
                    2025
                </button>
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('2026')"
                        id="period-2026">
                    2026
                </button>
                    </li>
        <li class=" text-sm grid grid-cols-3">
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('1')"
                        id="period-1">
                    January
                </button>
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('2')"
                        id="period-2">
                    February
                </button>
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('3')"
                        id="period-3">
                    March
                </button>
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('4')"
                        id="period-4">
                    April
                </button>
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('5')"
                        id="period-5">
                    May
                </button>
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('6')"
                        id="period-6">
                    June
                </button>
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('7')"
                        id="period-7">
                    July
                </button>
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('8')"
                        id="period-8">
                    August
                </button>
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('9')"
                        id="period-9">
                    September
                </button>
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('10')"
                        id="period-10">
                    October
                </button>
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('11')"
                        id="period-11">
                    November
                </button>
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('12')"
                        id="period-12">
                    December
                </button>
                    </li>
    </ul>

</div>
            <div x-data="{ expanded: true }">


    <button @click="expanded = ! expanded"
            class="w-full flex flex- bg-slate-100 shadow py-1 px-2 text-md font-oswald text-cyan-800">
        <div class="">Regions</div>
        <div class="grow"></div>
        <div x-show="expanded">▼</div>
        <div x-show="!expanded"
             style="display: none">▲
        </div>
    </button>
    <ul class="ml-1 mt-1 grid grid-cols-2" x-show="expanded" x-collapse>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/alabama"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Alabama</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                1
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/alaska"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Alaska</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/arizona"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Arizona</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                3
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/arkansas"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Arkansas</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                2
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/california"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">California</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                17
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/colorado"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Colorado</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                3
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/connecticut"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Connecticut</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                2
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/delaware"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Delaware</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/district-of-columbia"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">District of Columbia</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/florida"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Florida</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                23
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/georgia"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Georgia</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                8
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/hawaii"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Hawaii</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                1
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/idaho"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Idaho</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                2
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/illinois"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Illinois</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                7
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/indiana"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Indiana</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                11
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/iowa"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Iowa</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                2
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/kansas"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Kansas</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/kentucky"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Kentucky</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                4
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/louisiana"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Louisiana</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/maine"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Maine</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                3
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/maryland"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Maryland</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                3
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/massachusetts"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Massachusetts</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                3
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/michigan"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Michigan</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                4
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/minnesota"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Minnesota</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                1
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/mississippi"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Mississippi</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/missouri"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Missouri</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                4
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/montana"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Montana</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                1
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/nebraska"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Nebraska</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/nevada"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Nevada</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                2
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/new-hampshire"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">New Hampshire</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/new-jersey"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">New Jersey</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                4
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/new-mexico"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">New Mexico</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/new-york"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">New York</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                6
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/north-carolina"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">North Carolina</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                12
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/north-dakota"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">North Dakota</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/ohio"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Ohio</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                3
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/oklahoma"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Oklahoma</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                2
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/oregon"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Oregon</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                1
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/pennsylvania"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Pennsylvania</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                4
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/puerto-rico"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Puerto Rico</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/rhode-island"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Rhode Island</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                1
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/south-carolina"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">South Carolina</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                4
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/south-dakota"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">South Dakota</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/tennessee"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Tennessee</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                5
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/texas"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Texas</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                15
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/utah"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Utah</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                3
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/vermont"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Vermont</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                7
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/virginia"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Virginia</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                6
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/washington"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Washington</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                4
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/west-virginia"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">West Virginia</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                2
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/wisconsin"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Wisconsin</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                1
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/wyoming"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Wyoming</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
        
    </ul>

</div>    
    </div>                    </div>
                </div>
            </div>

            <div wire:snapshot="{&quot;data&quot;:{&quot;myRaces&quot;:false,&quot;location&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Country&quot;,&quot;key&quot;:10,&quot;s&quot;:&quot;mdl&quot;}],&quot;categorySlug&quot;:&quot;obstacle-run-calender&quot;,&quot;min&quot;:null,&quot;max&quot;:null,&quot;period&quot;:null,&quot;type&quot;:null,&quot;distance&quot;:30,&quot;page&quot;:1,&quot;paginators&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;rihINQneUipnsuZoCUrN&quot;,&quot;name&quot;:&quot;v2-race-list.race-list&quot;,&quot;path&quot;:&quot;obstacle-run-calender\/united-states&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;d604c9639188be48eca638c1c58511b4621b9f78638bf84d1862a05e281a05db&quot;}" wire:effects="{&quot;url&quot;:{&quot;min&quot;:{&quot;as&quot;:null,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;max&quot;:{&quot;as&quot;:null,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;period&quot;:{&quot;as&quot;:null,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;type&quot;:{&quot;as&quot;:null,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;distance&quot;:{&quot;as&quot;:&quot;distance&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;page&quot;:{&quot;as&quot;:&quot;page&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null}},&quot;listeners&quot;:[&quot;update-period&quot;,&quot;update-type&quot;,&quot;update-min-max&quot;,&quot;set-default-distance&quot;,&quot;reset-page&quot;,&quot;update-distance-from-location&quot;,&quot;toggle-period&quot;,&quot;toggle-type&quot;]}" wire:id="rihINQneUipnsuZoCUrN" class="mt-3 space-y-3">

    <section class="space-y-3 padding-x">
                                    <h1 class="">Obstacle Race Calendar United States 2025-2026</h1>
            
                            <div class="lg:min-h-[134px]" id="header-image">
                    <img src="https://cdn.running.life/map-image/country_95b148e3_united-states_header.webp"
                         alt="Header image"
                         class="rounded-xl border border-slate-100 w-full aspect-[14/3]"/>
                </div>
                    
        <div class="flex flex-wrap gap-x-3 gap-y-2
hidden

">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
</div>
                    <div wire:ignore>
                <div id="mapContainer" class="w-full bg-white rounded-xl hidden lg:mt-0 mb-5" style="height: 450px;">

    <div id='map' class="w-full h-[450px] rounded-xl"></div>


</div>
            </div>

            <p>Explore the best obstacle runs in the United States for 2025-2026! Our updated list features 186 exciting races across  the country. Find your next race in the United States below and join the running community at these great events!</p>
        
        
    </section>

    
    <div class="space-y-5 mt-2">
        
                    <div class="padding-x space-y-3">
                                                    <div class="text-xl text-primary-450/80  pt-3 font-oswald">
                        December 2025
                    </div>
                
                
                <section wire:key="event:45615">
                    <div class="event-card-row group">
        <div class="flex w-full">
            <div class="min-w-[95px] w-[95px] lg:min-w-[103px] lg:w-[103px]">
                <a href="https://mudrunfun.com/en/event/central-florida-spartan-trifecta-weekend"
                   class="ml-1.5 lg:ml-2 mt-1 inline-block group-hover:scale-105 transition ease-in-out duration-300">
                    
                    <div class="event-calendar">
    <div>
        <div class="bg-red-700!">Dec</div>
        <div class="text-xl py-3">13-14</div>
        <div>Sa - Su</div>
    </div>
</div>                </a>
            </div>
            <div class="grow space-y-0.5">
                <div class="flex items-center gap-1">
                    <a href="https://mudrunfun.com/en/event/central-florida-spartan-trifecta-weekend" class="inline-block">

                        <h2 class="event-card-title flex items-center gap-1">
                            Central Florida Spartan Weekend

                                                    </h2>
                    </a>
                    
                                    </div>
                <div>
                    <div class="event-card-flag">
    <img alt="flag" class="w-4 h-4 rounded-xl inline -mt-0.5"
         src="/img/flags/usa.svg"/>
</div>

                    <a href="https://mudrunfun.com/obstacle-run-calender/united-states/florida/zolfo-springs"
                       class="event-card-location">
                                                    Zolfo Springs, Florida
                        
                    </a>
                </div>

                <div class="pt-1">
                    <div class="flex flex-wrap gap-2 event-card-distances">
    
                                            
    
                                            <a href="https://mudrunfun.com/en/event/central-florida-spartan-trifecta-weekend" class="label-distance">5 km</a>
                            <a href="https://mudrunfun.com/en/event/central-florida-spartan-trifecta-weekend" class="label-distance">10 km</a>
                            <a href="https://mudrunfun.com/en/event/central-florida-spartan-trifecta-weekend" class="label-distance">Half Marathon</a>
                    
    </div>
                </div>

                
            </div>
        </div>

        
        
    </div>
    
                    <div class="text-[16px] text-slate-600 px-2 mt-3 space-y-3 -mb-2">
                                Take on muddy farmland and marsh at Skipper Ranch in Sebring, Florida for a weekend of Spartan racing with Sprint, Super and Beast, or score a Trifecta medal by completing all three. Enjoy tough obstacles, live music and festival vibes.
            </div>
        
            </section>

                
            </div>

                                <div class="padding-x space-y-3">
                                                    <div class="h-[1px] bg-slate-200 w-[80%] mx-auto"></div>
                
                
                <section wire:key="event:108198">
                    <div class="event-card-row group">
        <div class="flex w-full">
            <div class="min-w-[95px] w-[95px] lg:min-w-[103px] lg:w-[103px]">
                <a href="https://mudrunfun.com/en/event/holiday-hyrox-race-sim"
                   class="ml-1.5 lg:ml-2 mt-1 inline-block group-hover:scale-105 transition ease-in-out duration-300">
                    
                    <div class="event-calendar">
    <div>
        <div class="bg-red-700!">Dec</div>
        <div class="text-2xl">13</div>
        <div>Sa</div>
    </div>
</div>                </a>
            </div>
            <div class="grow space-y-0.5">
                <div class="flex items-center gap-1">
                    <a href="https://mudrunfun.com/en/event/holiday-hyrox-race-sim" class="inline-block">

                        <h2 class="event-card-title flex items-center gap-1">
                            Holiday Hyrox Race Sim

                                                    </h2>
                    </a>
                    
                                    </div>
                <div>
                    <div class="event-card-flag">
    <img alt="flag" class="w-4 h-4 rounded-xl inline -mt-0.5"
         src="/img/flags/usa.svg"/>
</div>

                    <a href="https://mudrunfun.com/obstacle-run-calender/united-states/virginia/belmont"
                       class="event-card-location">
                                                    Belmont, Virginia
                        
                    </a>
                </div>

                <div class="pt-1">
                    <div class="flex flex-wrap gap-2 event-card-distances">
    
                                            
    
                                    
    </div>
                </div>

                
            </div>
        </div>

        
        
    </div>
    
                    <div class="text-[16px] text-slate-600 px-2 mt-3 space-y-3 -mb-2">
                                Join the HOLIDAY HYROX RACE SIM in downtown Roanoke on Dec 13, 2025 for a festive indoor fitness challenge. Individuals or teams of two rotate through eight five minute zones focusing on distance and reps, no running required.
            </div>
        
            </section>

                
            </div>

                                <div class="padding-x space-y-3">
                                                    <div class="text-xl text-primary-450/80  pt-3 font-oswald">
                        January 2026
                    </div>
                
                
                <section wire:key="event:111413">
                    <div class="event-card-row group">
        <div class="flex w-full">
            <div class="min-w-[95px] w-[95px] lg:min-w-[103px] lg:w-[103px]">
                <a href="https://mudrunfun.com/en/event/the-ultimate-ram-challenge-winter"
                   class="ml-1.5 lg:ml-2 mt-1 inline-block group-hover:scale-105 transition ease-in-out duration-300">
                    
                    <div class="event-calendar">
    <div>
        <div class="bg-red-700!">Jan</div>
        <div class="text-2xl">2</div>
        <div>Fr</div>
    </div>
</div>                </a>
            </div>
            <div class="grow space-y-0.5">
                <div class="flex items-center gap-1">
                    <a href="https://mudrunfun.com/en/event/the-ultimate-ram-challenge-winter" class="inline-block">

                        <h2 class="event-card-title flex items-center gap-1">
                            The Ultimate Ram Challenge Winter

                                                    </h2>
                    </a>
                    
                                    </div>
                <div>
                    <div class="event-card-flag">
    <img alt="flag" class="w-4 h-4 rounded-xl inline -mt-0.5"
         src="/img/flags/usa.svg"/>
</div>

                    <a href="https://mudrunfun.com/obstacle-run-calender/united-states/washington/chattaroy"
                       class="event-card-location">
                                                    Chattaroy, Washington
                        
                    </a>
                </div>

                <div class="pt-1">
                    <div class="flex flex-wrap gap-2 event-card-distances">
    
                                            
    
                                    
    </div>
                </div>

                
            </div>
        </div>

        
        
    </div>
    
                    <div class="text-[16px] text-slate-600 px-2 mt-3 space-y-3 -mb-2">
                                Take on the Ultimate Ram Challenge Winter Edition in Chattaroy on January 2, 2026, an obstacle course with 15 challenges and snowy surprises. Choose a competitive race for prize money or an open wave start and support Ram Nation Boosters.
            </div>
        
            </section>

                
            </div>

                            <div class="h-[1px] bg-slate-200 w-[80%] mx-auto padding-x"></div>
                <div class="mt-4" wire:key="race-promotion-2" wire:ignore>

                                            <!-- Display 2024 -->
    <div>
        <ins class="adsbygoogle"
             style="display:block"
             data-ad-client="ca-pub-1820771848081016"
             data-ad-slot="9877335185"
             data-ad-format="auto"
             data-full-width-responsive="true"></ins>
        <script>
            (adsbygoogle = window.adsbygoogle || []).push({});
        </script>
    </div>
    
    
    
    

                    
                </div>
                                <div class="padding-x space-y-3">
                                                    <div class="h-[1px] bg-slate-200 w-[80%] mx-auto"></div>
                
                
                <section wire:key="event:117144">
                    <div class="event-card-row group">
        <div class="flex w-full">
            <div class="min-w-[95px] w-[95px] lg:min-w-[103px] lg:w-[103px]">
                <a href="https://mudrunfun.com/en/event/induro-hybrid-race-university-heights-and-rosedale-hills/2026-01-03"
                   class="ml-1.5 lg:ml-2 mt-1 inline-block group-hover:scale-105 transition ease-in-out duration-300">
                    
                    <div class="event-calendar">
    <div>
        <div class="bg-red-700!">Jan</div>
        <div class="text-2xl">3</div>
        <div>Sa</div>
    </div>
</div>                </a>
            </div>
            <div class="grow space-y-0.5">
                <div class="flex items-center gap-1">
                    <a href="https://mudrunfun.com/en/event/induro-hybrid-race-university-heights-and-rosedale-hills/2026-01-03" class="inline-block">

                        <h2 class="event-card-title flex items-center gap-1">
                            INDURO - Hybrid Race - University Heights and Rosedale Hills

                                                    </h2>
                    </a>
                    
                                    </div>
                <div>
                    <div class="event-card-flag">
    <img alt="flag" class="w-4 h-4 rounded-xl inline -mt-0.5"
         src="/img/flags/usa.svg"/>
</div>

                    <a href="https://mudrunfun.com/obstacle-run-calender/united-states/indiana/university-heights-and-rosedale-hills"
                       class="event-card-location">
                                                    University Heights and Rosedale Hills, Indiana
                        
                    </a>
                </div>

                <div class="pt-1">
                    <div class="flex flex-wrap gap-2 event-card-distances">
    
                                            
    
                                    
    </div>
                </div>

                
            </div>
        </div>

        
        
    </div>
    
                    <div class="text-[16px] text-slate-600 px-2 mt-3 space-y-3 -mb-2">
                                INDURO Hybrid Race 3 blends quick indoor track laps with eight strength stations for a high energy winter test at University of Indianapolis on Jan 3, 2026. Compete solo or as a two person team and claim a finisher medal.
            </div>
        
            </section>

                
            </div>

                                <div class="padding-x space-y-3">
                                                    <div class="h-[1px] bg-slate-200 w-[80%] mx-auto"></div>
                
                
                <section wire:key="event:113389">
                    <div class="event-card-row group">
        <div class="flex w-full">
            <div class="min-w-[95px] w-[95px] lg:min-w-[103px] lg:w-[103px]">
                <a href="https://mudrunfun.com/en/event/the-proving-grounds-florida"
                   class="ml-1.5 lg:ml-2 mt-1 inline-block group-hover:scale-105 transition ease-in-out duration-300">
                    
                    <div class="event-calendar">
    <div>
        <div class="bg-red-700!">Jan</div>
        <div class="text-2xl">10</div>
        <div>Sa</div>
    </div>
</div>                </a>
            </div>
            <div class="grow space-y-0.5">
                <div class="flex items-center gap-1">
                    <a href="https://mudrunfun.com/en/event/the-proving-grounds-florida" class="inline-block">

                        <h2 class="event-card-title flex items-center gap-1">
                            The Proving Grounds Florida

                                                    </h2>
                    </a>
                    
                                    </div>
                <div>
                    <div class="event-card-flag">
    <img alt="flag" class="w-4 h-4 rounded-xl inline -mt-0.5"
         src="/img/flags/usa.svg"/>
</div>

                    <a href="https://mudrunfun.com/obstacle-run-calender/united-states/florida/west-vero-corridor"
                       class="event-card-location">
                                                    West Vero Corridor, Florida
                        
                    </a>
                </div>

                <div class="pt-1">
                    <div class="flex flex-wrap gap-2 event-card-distances">
    
                                            
    
                                    
    </div>
                </div>

                
            </div>
        </div>

        
        
    </div>
    
                    <div class="text-[16px] text-slate-600 px-2 mt-3 space-y-3 -mb-2">
                                Test your marksmanship and fitness at Proving Grounds Florida 1 in Vero Beach on January 10, 2026. This one day two gun match blends shooting and fitness tasks across 5 to 6 stages with targets from 1 to 500 yards and awards afterward.
            </div>
        
            </section>

                
            </div>

                                <div class="padding-x space-y-3">
                                                    <div class="h-[1px] bg-slate-200 w-[80%] mx-auto"></div>
                
                
                <section wire:key="event:56438">
                    <div class="event-card-row group">
        <div class="flex w-full">
            <div class="min-w-[95px] w-[95px] lg:min-w-[103px] lg:w-[103px]">
                <a href="https://mudrunfun.com/en/event/winter-spartan-death-race"
                   class="ml-1.5 lg:ml-2 mt-1 inline-block group-hover:scale-105 transition ease-in-out duration-300">
                    
                    <div class="event-calendar">
    <div>
        <div class="bg-red-700!">Jan</div>
        <div class="text-xl py-3">15-17</div>
        <div>Th - Sa</div>
    </div>
</div>                </a>
            </div>
            <div class="grow space-y-0.5">
                <div class="flex items-center gap-1">
                    <a href="https://mudrunfun.com/en/event/winter-spartan-death-race" class="inline-block">

                        <h2 class="event-card-title flex items-center gap-1">
                            Winter Spartan Death Race

                                                    </h2>
                    </a>
                    
                                    </div>
                <div>
                    <div class="event-card-flag">
    <img alt="flag" class="w-4 h-4 rounded-xl inline -mt-0.5"
         src="/img/flags/usa.svg"/>
</div>

                    <a href="https://mudrunfun.com/obstacle-run-calender/united-states/vermont/pittsfield"
                       class="event-card-location">
                                                    Pittsfield, Vermont
                        
                    </a>
                </div>

                <div class="pt-1">
                    <div class="flex flex-wrap gap-2 event-card-distances">
    
                                            
    
                                    
    </div>
                </div>

                
            </div>
        </div>

        
        
    </div>
    
                    <div class="text-[16px] text-slate-600 px-2 mt-3 space-y-3 -mb-2">
                                The 2026 Winter Spartan Death Race at Riverside Farm is a brutal winter endurance challenge designed to push physical and mental limits in harsh conditions. Spots are limited and require an application; team entries can secure the same start time and..
            </div>
        
            </section>

                
            </div>

                                <div class="padding-x space-y-3">
                                                    <div class="h-[1px] bg-slate-200 w-[80%] mx-auto"></div>
                
                
                <section wire:key="event:56314">
                    <div class="event-card-row group">
        <div class="flex w-full">
            <div class="min-w-[95px] w-[95px] lg:min-w-[103px] lg:w-[103px]">
                <a href="https://mudrunfun.com/en/event/vermont-spartan-winter-24-hour-hurricane-heat"
                   class="ml-1.5 lg:ml-2 mt-1 inline-block group-hover:scale-105 transition ease-in-out duration-300">
                    
                    <div class="event-calendar">
    <div>
        <div class="bg-red-700!">Jan</div>
        <div class="text-xl py-3">16-17</div>
        <div>Fr - Sa</div>
    </div>
</div>                </a>
            </div>
            <div class="grow space-y-0.5">
                <div class="flex items-center gap-1">
                    <a href="https://mudrunfun.com/en/event/vermont-spartan-winter-24-hour-hurricane-heat" class="inline-block">

                        <h2 class="event-card-title flex items-center gap-1">
                            Vermont Spartan Winter 24 Hour Hurricane Heat

                                                    </h2>
                    </a>
                    
                                    </div>
                <div>
                    <div class="event-card-flag">
    <img alt="flag" class="w-4 h-4 rounded-xl inline -mt-0.5"
         src="/img/flags/usa.svg"/>
</div>

                    <a href="https://mudrunfun.com/obstacle-run-calender/united-states/vermont/pittsfield"
                       class="event-card-location">
                                                    Pittsfield, Vermont
                        
                    </a>
                </div>

                <div class="pt-1">
                    <div class="flex flex-wrap gap-2 event-card-distances">
    
                                            
    
                                            <a href="https://mudrunfun.com/en/event/vermont-spartan-winter-24-hour-hurricane-heat" class="label-distance">24 hr</a>
                    
    </div>
                </div>

                
            </div>
        </div>

        
        
    </div>
    
                    <div class="text-[16px] text-slate-600 px-2 mt-3 space-y-3 -mb-2">
                                Team based 24 hour Hurricane Heat at Riverside Farm in Vermont. Work together through tough physical and mental missions, earn a finisher tee and wedge, and celebrate in a lively festival with music and food.
            </div>
        
            </section>

                
            </div>

                                <div class="padding-x space-y-3">
                                                    <div class="h-[1px] bg-slate-200 w-[80%] mx-auto"></div>
                
                
                <section wire:key="event:97296">
                    <div class="event-card-row group">
        <div class="flex w-full">
            <div class="min-w-[95px] w-[95px] lg:min-w-[103px] lg:w-[103px]">
                <a href="https://mudrunfun.com/en/event/ocr-overload/2026-01-17"
                   class="ml-1.5 lg:ml-2 mt-1 inline-block group-hover:scale-105 transition ease-in-out duration-300">
                    
                    <div class="event-calendar">
    <div>
        <div class="bg-red-700!">Jan</div>
        <div class="text-2xl">17</div>
        <div>Sa</div>
    </div>
</div>                </a>
            </div>
            <div class="grow space-y-0.5">
                <div class="flex items-center gap-1">
                    <a href="https://mudrunfun.com/en/event/ocr-overload/2026-01-17" class="inline-block">

                        <h2 class="event-card-title flex items-center gap-1">
                            OCR Overload

                                                    </h2>
                    </a>
                    
                                    </div>
                <div>
                    <div class="event-card-flag">
    <img alt="flag" class="w-4 h-4 rounded-xl inline -mt-0.5"
         src="/img/flags/usa.svg"/>
</div>

                    <a href="https://mudrunfun.com/obstacle-run-calender/united-states/florida/gainesville"
                       class="event-card-location">
                                                    Gainesville, Florida
                        
                    </a>
                </div>

                <div class="pt-1">
                    <div class="flex flex-wrap gap-2 event-card-distances">
    
                                            
    
                                            <a href="https://mudrunfun.com/en/event/ocr-overload/2026-01-17" class="label-distance">5 mi</a>
                    
    </div>
                </div>

                
            </div>
        </div>

        
        
    </div>
    
                    <div class="text-[16px] text-slate-600 px-2 mt-3 space-y-3 -mb-2">
                                OCR OVERLOAD January in Gainesville on Jan 17 offers a muddy 4.3 mile course with 23 plus obstacles, a 50 yard Ninja run and a 5 mile trail race. Stick around for food and drinks for 21 and over.
            </div>
        
            </section>

                
            </div>

                                <div class="padding-x space-y-3">
                                                    <div class="h-[1px] bg-slate-200 w-[80%] mx-auto"></div>
                
                
                <section wire:key="event:116496">
                    <div class="event-card-row group">
        <div class="flex w-full">
            <div class="min-w-[95px] w-[95px] lg:min-w-[103px] lg:w-[103px]">
                <a href="https://mudrunfun.com/en/event/rox-in-the-new-year"
                   class="ml-1.5 lg:ml-2 mt-1 inline-block group-hover:scale-105 transition ease-in-out duration-300">
                    
                    <div class="event-calendar">
    <div>
        <div class="bg-red-700!">Jan</div>
        <div class="text-2xl">17</div>
        <div>Sa</div>
    </div>
</div>                </a>
            </div>
            <div class="grow space-y-0.5">
                <div class="flex items-center gap-1">
                    <a href="https://mudrunfun.com/en/event/rox-in-the-new-year" class="inline-block">

                        <h2 class="event-card-title flex items-center gap-1">
                            Rox in the New Year

                                                    </h2>
                    </a>
                    
                                    </div>
                <div>
                    <div class="event-card-flag">
    <img alt="flag" class="w-4 h-4 rounded-xl inline -mt-0.5"
         src="/img/flags/usa.svg"/>
</div>

                    <a href="https://mudrunfun.com/obstacle-run-calender/united-states/north-carolina/fuquay-varina"
                       class="event-card-location">
                                                    Fuquay-Varina, North Carolina
                        
                    </a>
                </div>

                <div class="pt-1">
                    <div class="flex flex-wrap gap-2 event-card-distances">
    
                                            
    
                                            <a href="https://mudrunfun.com/en/event/rox-in-the-new-year" class="label-distance">4 km</a>
                    
    </div>
                </div>

                
            </div>
        </div>

        
        
    </div>
    
                    <div class="text-[16px] text-slate-600 px-2 mt-3 space-y-3 -mb-2">
                                Start 2026 strong at ROX in the New Year in Fuquay Varina on January 17, a HYROX style 4 km challenge mixing four 1 km runs with Ski Erg, burpee broad jumps, rowing and wall balls. Waves, partner options and a finisher patch.
            </div>
        
            </section>

                
            </div>

                            <div class="h-[1px] bg-slate-200 w-[80%] mx-auto padding-x"></div>
                <div class="mt-4" wire:key="race-promotion-8" wire:ignore>

                                            <!-- Display 2024 -->
    <div>
        <ins class="adsbygoogle"
             style="display:block"
             data-ad-client="ca-pub-1820771848081016"
             data-ad-slot="9877335185"
             data-ad-format="auto"
             data-full-width-responsive="true"></ins>
        <script>
            (adsbygoogle = window.adsbygoogle || []).push({});
        </script>
    </div>
    
    
    
    

                    
                </div>
                                <div class="padding-x space-y-3">
                                                    <div class="h-[1px] bg-slate-200 w-[80%] mx-auto"></div>
                
                
                <section wire:key="event:117145">
                    <div class="event-card-row group">
        <div class="flex w-full">
            <div class="min-w-[95px] w-[95px] lg:min-w-[103px] lg:w-[103px]">
                <a href="https://mudrunfun.com/en/event/induro-hybrid-race/2026-01-18"
                   class="ml-1.5 lg:ml-2 mt-1 inline-block group-hover:scale-105 transition ease-in-out duration-300">
                    
                    <div class="event-calendar">
    <div>
        <div class="bg-red-700!">Jan</div>
        <div class="text-2xl">18</div>
        <div>Su</div>
    </div>
</div>                </a>
            </div>
            <div class="grow space-y-0.5">
                <div class="flex items-center gap-1">
                    <a href="https://mudrunfun.com/en/event/induro-hybrid-race/2026-01-18" class="inline-block">

                        <h2 class="event-card-title flex items-center gap-1">
                            INDURO Hybrid Race - Muncie

                                                    </h2>
                    </a>
                    
                                    </div>
                <div>
                    <div class="event-card-flag">
    <img alt="flag" class="w-4 h-4 rounded-xl inline -mt-0.5"
         src="/img/flags/usa.svg"/>
</div>

                    <a href="https://mudrunfun.com/obstacle-run-calender/united-states/indiana/muncie"
                       class="event-card-location">
                                                    Muncie, Indiana
                        
                    </a>
                </div>

                <div class="pt-1">
                    <div class="flex flex-wrap gap-2 event-card-distances">
    
                                            
    
                                    
    </div>
                </div>

                
            </div>
        </div>

        
        
    </div>
    
                    <div class="text-[16px] text-slate-600 px-2 mt-3 space-y-3 -mb-2">
                                INDURO Hybrid Race #4 mixes indoor running with strength stations on a 200 meter track at Ball State, alternating laps with sled, ski and row workouts. Chip timed, team friendly, and finishes earn a tee and medal.
            </div>
        
            </section>

                
            </div>

                                <div class="padding-x space-y-3">
                                                    <div class="h-[1px] bg-slate-200 w-[80%] mx-auto"></div>
                
                
                <section wire:key="event:118271">
                    <div class="event-card-row group">
        <div class="flex w-full">
            <div class="min-w-[95px] w-[95px] lg:min-w-[103px] lg:w-[103px]">
                <a href="https://mudrunfun.com/en/event/tough-sheep"
                   class="ml-1.5 lg:ml-2 mt-1 inline-block group-hover:scale-105 transition ease-in-out duration-300">
                    
                    <div class="event-calendar">
    <div>
        <div class="bg-red-700!">Jan</div>
        <div class="text-xl py-3">23-24</div>
        <div>Fr - Sa</div>
    </div>
</div>                </a>
            </div>
            <div class="grow space-y-0.5">
                <div class="flex items-center gap-1">
                    <a href="https://mudrunfun.com/en/event/tough-sheep" class="inline-block">

                        <h2 class="event-card-title flex items-center gap-1">
                            Tough Sheep

                                                    </h2>
                    </a>
                    
                                    </div>
                <div>
                    <div class="event-card-flag">
    <img alt="flag" class="w-4 h-4 rounded-xl inline -mt-0.5"
         src="/img/flags/usa.svg"/>
</div>

                    <a href="https://mudrunfun.com/obstacle-run-calender/united-states/nevada/reno"
                       class="event-card-location">
                                                    Reno, Nevada
                        
                    </a>
                </div>

                <div class="pt-1">
                    <div class="flex flex-wrap gap-2 event-card-distances">
    
                                            
    
                                    
    </div>
                </div>

                
            </div>
        </div>

        
        
    </div>
    
                    <div class="text-[16px] text-slate-600 px-2 mt-3 space-y-3 -mb-2">
                                TOUGH SHEEP comes to Reno Jan 23 and 24 with a completion focused Hunt Workout and a timed Pro Competition for backcountry racers. Finishers can win a Dall&#039;s Sheep hunt and pros compete for cash while funding wild sheep conservation.
            </div>
        
            </section>

                
            </div>

                                <div class="padding-x space-y-3">
                                                    <div class="h-[1px] bg-slate-200 w-[80%] mx-auto"></div>
                
                
                <section wire:key="event:55450">
                    <div class="event-card-row group">
        <div class="flex w-full">
            <div class="min-w-[95px] w-[95px] lg:min-w-[103px] lg:w-[103px]">
                <a href="https://mudrunfun.com/en/event/socal-spartan-event-weekend"
                   class="ml-1.5 lg:ml-2 mt-1 inline-block group-hover:scale-105 transition ease-in-out duration-300">
                    
                    <div class="event-calendar">
    <div>
        <div class="bg-red-700!">Jan</div>
        <div class="text-xl py-3">24-25</div>
        <div>Sa - Su</div>
    </div>
</div>                </a>
            </div>
            <div class="grow space-y-0.5">
                <div class="flex items-center gap-1">
                    <a href="https://mudrunfun.com/en/event/socal-spartan-event-weekend" class="inline-block">

                        <h2 class="event-card-title flex items-center gap-1">
                            Socal Spartan Event Weekend

                                                    </h2>
                    </a>
                    
                                    </div>
                <div>
                    <div class="event-card-flag">
    <img alt="flag" class="w-4 h-4 rounded-xl inline -mt-0.5"
         src="/img/flags/usa.svg"/>
</div>

                    <a href="https://mudrunfun.com/obstacle-run-calender/united-states/california/perris"
                       class="event-card-location">
                                                    Perris, California
                        
                    </a>
                </div>

                <div class="pt-1">
                    <div class="flex flex-wrap gap-2 event-card-distances">
    
                                            
    
                                            <a href="https://mudrunfun.com/en/event/socal-spartan-event-weekend" class="label-distance">5 km</a>
                            <a href="https://mudrunfun.com/en/event/socal-spartan-event-weekend" class="label-distance">10 km</a>
                            <a href="https://mudrunfun.com/en/event/socal-spartan-event-weekend" class="label-distance">Half Marathon</a>
                    
    </div>
                </div>

                
            </div>
        </div>

        
        
    </div>
    
                    <div class="text-[16px] text-slate-600 px-2 mt-3 space-y-3 -mb-2">
                                SoCal Spartan Trifecta Weekend returns Jan 24 and 25, 2026 at Lake Perris State Recreation Area in Perris, California. Flat and fast courses across sprint, super and beast distances with iconic obstacles, camping and festival fun.
            </div>
        
            </section>

                
            </div>

                                <div class="padding-x space-y-3">
                                                    <div class="h-[1px] bg-slate-200 w-[80%] mx-auto"></div>
                
                
                <section wire:key="event:62034">
                    <div class="event-card-row group">
        <div class="flex w-full">
            <div class="min-w-[95px] w-[95px] lg:min-w-[103px] lg:w-[103px]">
                <a href="https://mudrunfun.com/en/event/native-x-obstacle-fitness-race"
                   class="ml-1.5 lg:ml-2 mt-1 inline-block group-hover:scale-105 transition ease-in-out duration-300">
                    
                    <div class="event-calendar">
    <div>
        <div class="bg-red-700!">Jan</div>
        <div class="text-2xl">24</div>
        <div>Sa</div>
    </div>
</div>                </a>
            </div>
            <div class="grow space-y-0.5">
                <div class="flex items-center gap-1">
                    <a href="https://mudrunfun.com/en/event/native-x-obstacle-fitness-race" class="inline-block">

                        <h2 class="event-card-title flex items-center gap-1">
                            NATIVE-X Obstacle Fitness Race

                                                    </h2>
                    </a>
                    
                                    </div>
                <div>
                    <div class="event-card-flag">
    <img alt="flag" class="w-4 h-4 rounded-xl inline -mt-0.5"
         src="/img/flags/usa.svg"/>
</div>

                    <a href="https://mudrunfun.com/obstacle-run-calender/united-states/florida/riviera-beach"
                       class="event-card-location">
                                                    Riviera Beach, Florida
                        
                    </a>
                </div>

                <div class="pt-1">
                    <div class="flex flex-wrap gap-2 event-card-distances">
    
                                            
    
                                            <a href="https://mudrunfun.com/en/event/native-x-obstacle-fitness-race" class="label-distance">3 km</a>
                            <a href="https://mudrunfun.com/en/event/native-x-obstacle-fitness-race" class="label-distance">5 km</a>
                    
    </div>
                </div>

                
            </div>
        </div>

        
        
    </div>
    
                    <div class="text-[16px] text-slate-600 px-2 mt-3 space-y-3 -mb-2">
                                Push your limits at NATIVE X Obstacle Fitness Race in West Palm Beach on Jan 24 2026, with short interval laps through four obstacle zones. Choose competitive or for fun 2.5k and 5k races, plus a mile kids event and free spectator access.
            </div>
        
            </section>

                
            </div>

                                <div class="padding-x space-y-3">
                                                    <div class="h-[1px] bg-slate-200 w-[80%] mx-auto"></div>
                
                
                <section wire:key="event:108927">
                    <div class="event-card-row group">
        <div class="flex w-full">
            <div class="min-w-[95px] w-[95px] lg:min-w-[103px] lg:w-[103px]">
                <a href="https://mudrunfun.com/en/event/ymcas-beast-obstacle-course-event"
                   class="ml-1.5 lg:ml-2 mt-1 inline-block group-hover:scale-105 transition ease-in-out duration-300">
                    
                    <div class="event-calendar">
    <div>
        <div class="bg-red-700!">Jan</div>
        <div class="text-2xl">24</div>
        <div>Sa</div>
    </div>
</div>                </a>
            </div>
            <div class="grow space-y-0.5">
                <div class="flex items-center gap-1">
                    <a href="https://mudrunfun.com/en/event/ymcas-beast-obstacle-course-event" class="inline-block">

                        <h2 class="event-card-title flex items-center gap-1">
                            YMCA&#039;s Beast Obstacle Course Event

                                                    </h2>
                    </a>
                    
                                    </div>
                <div>
                    <div class="event-card-flag">
    <img alt="flag" class="w-4 h-4 rounded-xl inline -mt-0.5"
         src="/img/flags/usa.svg"/>
</div>

                    <a href="https://mudrunfun.com/obstacle-run-calender/united-states/south-carolina/port-royal"
                       class="event-card-location">
                                                    Port Royal, South Carolina
                        
                    </a>
                </div>

                <div class="pt-1">
                    <div class="flex flex-wrap gap-2 event-card-distances">
    
                                            
    
                                            <a href="https://mudrunfun.com/en/event/ymcas-beast-obstacle-course-event" class="label-distance">3 km</a>
                            <a href="https://mudrunfun.com/en/event/ymcas-beast-obstacle-course-event" class="label-distance">5 km</a>
                    
    </div>
                </div>

                
            </div>
        </div>

        
        
    </div>
    
                    <div class="text-[16px] text-slate-600 px-2 mt-3 space-y-3 -mb-2">
                                Conquer the YMCA Beast Obstacle Course in Port Royal on January 24, 2026. This family friendly run and walk winds through downtown with kid, tween, and adult courses packed with fun climbing and running obstacles. Join the challenge!
            </div>
        
            </section>

                
            </div>

                                <div class="padding-x space-y-3">
                                                    <div class="h-[1px] bg-slate-200 w-[80%] mx-auto"></div>
                
                
                <section wire:key="event:77979">
                    <div class="event-card-row group">
        <div class="flex w-full">
            <div class="min-w-[95px] w-[95px] lg:min-w-[103px] lg:w-[103px]">
                <a href="https://mudrunfun.com/en/event/abominable-snow-race"
                   class="ml-1.5 lg:ml-2 mt-1 inline-block group-hover:scale-105 transition ease-in-out duration-300">
                    
                    <div class="event-calendar">
    <div>
        <div class="bg-red-700!">Jan</div>
        <div class="text-2xl">31</div>
        <div>Sa</div>
    </div>
</div>                </a>
            </div>
            <div class="grow space-y-0.5">
                <div class="flex items-center gap-1">
                    <a href="https://mudrunfun.com/en/event/abominable-snow-race" class="inline-block">

                        <h2 class="event-card-title flex items-center gap-1">
                            Abominable Snow Race

                                                    </h2>
                    </a>
                    
                                    </div>
                <div>
                    <div class="event-card-flag">
    <img alt="flag" class="w-4 h-4 rounded-xl inline -mt-0.5"
         src="/img/flags/usa.svg"/>
</div>

                    <a href="https://mudrunfun.com/obstacle-run-calender/united-states/wisconsin/lake-geneva"
                       class="event-card-location">
                                                    Lake Geneva, Wisconsin
                        
                    </a>
                </div>

                <div class="pt-1">
                    <div class="flex flex-wrap gap-2 event-card-distances">
    
                                            
    
                                            <a href="https://mudrunfun.com/en/event/abominable-snow-race" class="label-distance">2 mi</a>
                            <a href="https://mudrunfun.com/en/event/abominable-snow-race" class="label-distance">5 km</a>
                            <a href="https://mudrunfun.com/en/event/abominable-snow-race" class="label-distance">10 km</a>
                            <a href="https://mudrunfun.com/en/event/abominable-snow-race" class="label-distance">20 km</a>
                    
    </div>
                </div>

                
            </div>
        </div>

        
        
    </div>
    
                    <div class="text-[16px] text-slate-600 px-2 mt-3 space-y-3 -mb-2">
                                Take on the Abominable Snow Race at Lake Geneva for winter obstacle course fun with routes for kids to seasoned racers, plus a finisher shirt and medal for all. Enjoy food trucks, craft beer, fire pits and live music in the festival area.
            </div>
        
            </section>

                
            </div>

                            <div class="h-[1px] bg-slate-200 w-[80%] mx-auto padding-x"></div>
                <div class="mt-4" wire:key="race-promotion-14" wire:ignore>

                                            <!-- Display 2024 -->
    <div>
        <ins class="adsbygoogle"
             style="display:block"
             data-ad-client="ca-pub-1820771848081016"
             data-ad-slot="9877335185"
             data-ad-format="auto"
             data-full-width-responsive="true"></ins>
        <script>
            (adsbygoogle = window.adsbygoogle || []).push({});
        </script>
    </div>
    
    
    
    

                    
                </div>
                                <div class="padding-x space-y-3">
                                                    <div class="text-xl text-primary-450/80  pt-3 font-oswald">
                        February 2026
                    </div>
                
                
                <section wire:key="event:78764">
                    <div class="event-card-row group">
        <div class="flex w-full">
            <div class="min-w-[95px] w-[95px] lg:min-w-[103px] lg:w-[103px]">
                <a href="https://mudrunfun.com/en/event/your-first-mud-run-boca-raton-fl"
                   class="ml-1.5 lg:ml-2 mt-1 inline-block group-hover:scale-105 transition ease-in-out duration-300">
                    
                    <div class="event-calendar">
    <div>
        <div class="bg-red-700!">Feb</div>
        <div class="text-2xl">1</div>
        <div>Su</div>
    </div>
</div>                </a>
            </div>
            <div class="grow space-y-0.5">
                <div class="flex items-center gap-1">
                    <a href="https://mudrunfun.com/en/event/your-first-mud-run-boca-raton-fl" class="inline-block">

                        <h2 class="event-card-title flex items-center gap-1">
                            Your First Mud Run Boca Raton (FL)

                                                    </h2>
                    </a>
                    
                                    </div>
                <div>
                    <div class="event-card-flag">
    <img alt="flag" class="w-4 h-4 rounded-xl inline -mt-0.5"
         src="/img/flags/usa.svg"/>
</div>

                    <a href="https://mudrunfun.com/obstacle-run-calender/united-states/florida/boca-raton"
                       class="event-card-location">
                                                    Boca Raton, Florida
                        
                    </a>
                </div>

                <div class="pt-1">
                    <div class="flex flex-wrap gap-2 event-card-distances">
    
                                            
    
                                            <a href="https://mudrunfun.com/en/event/your-first-mud-run-boca-raton-fl" class="label-distance">2 mi</a>
                    
    </div>
                </div>

                
            </div>
        </div>

        
        
    </div>
    
                    <div class="text-[16px] text-slate-600 px-2 mt-3 space-y-3 -mb-2">
                                Get muddy and make memories at Your First Mud Run Boca Raton on Feb 1, 2026. Short family friendly courses welcome ages 5 and up, and a dog friendly option lets the whole crew join the fun.
            </div>
        
            </section>

                
            </div>

                                <div class="padding-x space-y-3">
                                                    <div class="h-[1px] bg-slate-200 w-[80%] mx-auto"></div>
                
                
                <section wire:key="event:117146">
                    <div class="event-card-row group">
        <div class="flex w-full">
            <div class="min-w-[95px] w-[95px] lg:min-w-[103px] lg:w-[103px]">
                <a href="https://mudrunfun.com/en/event/induro-hybrid-race-university-heights-and-rosedale-hills/2026-02-14"
                   class="ml-1.5 lg:ml-2 mt-1 inline-block group-hover:scale-105 transition ease-in-out duration-300">
                    
                    <div class="event-calendar">
    <div>
        <div class="bg-red-700!">Feb</div>
        <div class="text-2xl">14</div>
        <div>Sa</div>
    </div>
</div>                </a>
            </div>
            <div class="grow space-y-0.5">
                <div class="flex items-center gap-1">
                    <a href="https://mudrunfun.com/en/event/induro-hybrid-race-university-heights-and-rosedale-hills/2026-02-14" class="inline-block">

                        <h2 class="event-card-title flex items-center gap-1">
                            INDURO - Hybrid Race - University Heights and Rosedale Hills

                                                    </h2>
                    </a>
                    
                                    </div>
                <div>
                    <div class="event-card-flag">
    <img alt="flag" class="w-4 h-4 rounded-xl inline -mt-0.5"
         src="/img/flags/usa.svg"/>
</div>

                    <a href="https://mudrunfun.com/obstacle-run-calender/united-states/indiana/university-heights-and-rosedale-hills"
                       class="event-card-location">
                                                    University Heights and Rosedale Hills, Indiana
                        
                    </a>
                </div>

                <div class="pt-1">
                    <div class="flex flex-wrap gap-2 event-card-distances">
    
                                            
    
                                    
    </div>
                </div>

                
            </div>
        </div>

        
        
    </div>
    
                    <div class="text-[16px] text-slate-600 px-2 mt-3 space-y-3 -mb-2">
                                INDURO Hybrid Race #5 brings running and functional stations together on the U Indianapolis indoor track on Feb 14. Race solo or pair up for a fast paced mix of laps and eight strength stations with medals and shirts for finishers.
            </div>
        
            </section>

                
            </div>

                                <div class="padding-x space-y-3">
                                                    <div class="h-[1px] bg-slate-200 w-[80%] mx-auto"></div>
                
                
                <section wire:key="event:109678">
                    <div class="event-card-row group">
        <div class="flex w-full">
            <div class="min-w-[95px] w-[95px] lg:min-w-[103px] lg:w-[103px]">
                <a href="https://mudrunfun.com/en/event/hybrid-classic"
                   class="ml-1.5 lg:ml-2 mt-1 inline-block group-hover:scale-105 transition ease-in-out duration-300">
                    
                    <div class="event-calendar">
    <div>
        <div class="bg-red-700!">Feb</div>
        <div class="text-2xl">21</div>
        <div>Sa</div>
    </div>
</div>                </a>
            </div>
            <div class="grow space-y-0.5">
                <div class="flex items-center gap-1">
                    <a href="https://mudrunfun.com/en/event/hybrid-classic" class="inline-block">

                        <h2 class="event-card-title flex items-center gap-1">
                            Hybrid Classic

                                                    </h2>
                    </a>
                    
                                    </div>
                <div>
                    <div class="event-card-flag">
    <img alt="flag" class="w-4 h-4 rounded-xl inline -mt-0.5"
         src="/img/flags/usa.svg"/>
</div>

                    <a href="https://mudrunfun.com/obstacle-run-calender/united-states/georgia/savannah"
                       class="event-card-location">
                                                    Savannah, Georgia
                        
                    </a>
                </div>

                <div class="pt-1">
                    <div class="flex flex-wrap gap-2 event-card-distances">
    
                                            
    
                                    
    </div>
                </div>

                
            </div>
        </div>

        
        
    </div>
    
                    <div class="text-[16px] text-slate-600 px-2 mt-3 space-y-3 -mb-2">
                                Test speed and strength at The Hybrid Classic in Savannah, pairing repeated 800 m runs with intense strength movements in fast paced team relays. Pairs and quads compete in Open and Advanced divisions at the waterfront venue.
            </div>
        
            </section>

                
            </div>

                                <div class="padding-x space-y-3">
                                                    <div class="h-[1px] bg-slate-200 w-[80%] mx-auto"></div>
                
                
                <section wire:key="event:59603">
                    <div class="event-card-row group">
        <div class="flex w-full">
            <div class="min-w-[95px] w-[95px] lg:min-w-[103px] lg:w-[103px]">
                <a href="https://mudrunfun.com/en/event/tough-mudder-austin"
                   class="ml-1.5 lg:ml-2 mt-1 inline-block group-hover:scale-105 transition ease-in-out duration-300">
                    
                    <div class="event-calendar">
    <div>
        <div class="bg-red-700!">Feb-Mar</div>
        <div class="text-xl py-3">28-1</div>
        <div>Sa - Su</div>
    </div>
</div>                </a>
            </div>
            <div class="grow space-y-0.5">
                <div class="flex items-center gap-1">
                    <a href="https://mudrunfun.com/en/event/tough-mudder-austin" class="inline-block">

                        <h2 class="event-card-title flex items-center gap-1">
                            Tough Mudder - Austin

                                                    </h2>
                    </a>
                    
                                    </div>
                <div>
                    <div class="event-card-flag">
    <img alt="flag" class="w-4 h-4 rounded-xl inline -mt-0.5"
         src="/img/flags/usa.svg"/>
</div>

                    <a href="https://mudrunfun.com/obstacle-run-calender/united-states/texas/austin"
                       class="event-card-location">
                                                    Austin, Texas
                        
                    </a>
                </div>

                <div class="pt-1">
                    <div class="flex flex-wrap gap-2 event-card-distances">
    
                                            
    
                                            <a href="https://mudrunfun.com/en/event/tough-mudder-austin" class="label-distance">5 km</a>
                            <a href="https://mudrunfun.com/en/event/tough-mudder-austin" class="label-distance">15 km</a>
                    
    </div>
                </div>

                
            </div>
        </div>

        
        
    </div>
    
        
            </section>

                
            </div>

                                <div class="padding-x space-y-3">
                                                    <div class="h-[1px] bg-slate-200 w-[80%] mx-auto"></div>
                
                
                <section wire:key="event:60143">
                    <div class="event-card-row group">
        <div class="flex w-full">
            <div class="min-w-[95px] w-[95px] lg:min-w-[103px] lg:w-[103px]">
                <a href="https://mudrunfun.com/en/event/jacksonville-spartan-event-weekend"
                   class="ml-1.5 lg:ml-2 mt-1 inline-block group-hover:scale-105 transition ease-in-out duration-300">
                    
                    <div class="event-calendar">
    <div>
        <div class="bg-red-700!">Feb-Mar</div>
        <div class="text-xl py-3">28-1</div>
        <div>Sa - Su</div>
    </div>
</div>                </a>
            </div>
            <div class="grow space-y-0.5">
                <div class="flex items-center gap-1">
                    <a href="https://mudrunfun.com/en/event/jacksonville-spartan-event-weekend" class="inline-block">

                        <h2 class="event-card-title flex items-center gap-1">
                            Jacksonville Spartan Event Weekend

                                                    </h2>
                    </a>
                    
                                    </div>
                <div>
                    <div class="event-card-flag">
    <img alt="flag" class="w-4 h-4 rounded-xl inline -mt-0.5"
         src="/img/flags/usa.svg"/>
</div>

                    <a href="https://mudrunfun.com/obstacle-run-calender/united-states/florida/southwest-jacksonville"
                       class="event-card-location">
                                                    Southwest Jacksonville, Florida
                        
                    </a>
                </div>

                <div class="pt-1">
                    <div class="flex flex-wrap gap-2 event-card-distances">
    
                                            
    
                                            <a href="https://mudrunfun.com/en/event/jacksonville-spartan-event-weekend" class="label-distance">5 km</a>
                            <a href="https://mudrunfun.com/en/event/jacksonville-spartan-event-weekend" class="label-distance">10 km</a>
                    
    </div>
                </div>

                
            </div>
        </div>

        
        
    </div>
    
                    <div class="text-[16px] text-slate-600 px-2 mt-3 space-y-3 -mb-2">
                                Join the Jacksonville Spartan Weekend Feb 28 to Mar 1, 2026 at Diamond D Ranch for off road trail courses loaded with rugged obstacles. Sprint, Super and Kids races plus a festival with music and beer gardens.
            </div>
        
            </section>

                
            </div>

                            <div class="mt-7 padding-x">
            <nav role="navigation" aria-label="Pagination Navigation" class="flex items-center justify-between">


        <div class="flex-1 md:flex md:items-center md:justify-between">


                <span class="relative z-0 inline-flex justify-between w-full  rounded-md">
                    
                                            <span aria-disabled="true" aria-label="Previous">
                            <span
                                    class="h-12 relative inline-flex items-center px-2 pr-5 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-md leading-5 disabled: opacity-30"
                                    aria-hidden="true">
                                <svg class="w-7 h-7" fill="currentColor" viewBox="0 0 20 20">
                                    <path fill-rule="evenodd"
                                          d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
                                          clip-rule="evenodd"/>
                                </svg>

                                Previous
                            </span>
                        </span>
                    
                    
                                            
                        
                        
                                                                                                                        <span aria-current="page">
                                        <span
                                                class="rounded-md h-12 relative hidden md:inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-cyan-700 bg-white  border border-cyan-600 cursor-default leading-5">1</span>
                                    </span>
                                                                                                                                <a href="https://mudrunfun.com/obstacle-run-calender/united-states?page=2"
                                       class=" rounded-md relative hidden md:inline-flex opacity-80 hover:opacity-90 items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:border-cyan-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150"
                                       aria-label="Go to page 2">
                                        2
                                    </a>
                                                                                                                                <a href="https://mudrunfun.com/obstacle-run-calender/united-states?page=3"
                                       class=" rounded-md relative hidden md:inline-flex opacity-80 hover:opacity-90 items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:border-cyan-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150"
                                       aria-label="Go to page 3">
                                        3
                                    </a>
                                                                                                                                <a href="https://mudrunfun.com/obstacle-run-calender/united-states?page=4"
                                       class=" rounded-md relative hidden md:inline-flex opacity-80 hover:opacity-90 items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:border-cyan-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150"
                                       aria-label="Go to page 4">
                                        4
                                    </a>
                                                                                                                                <a href="https://mudrunfun.com/obstacle-run-calender/united-states?page=5"
                                       class=" rounded-md relative hidden md:inline-flex opacity-80 hover:opacity-90 items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:border-cyan-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150"
                                       aria-label="Go to page 5">
                                        5
                                    </a>
                                                                                                                                <a href="https://mudrunfun.com/obstacle-run-calender/united-states?page=6"
                                       class=" rounded-md relative hidden md:inline-flex opacity-80 hover:opacity-90 items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:border-cyan-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150"
                                       aria-label="Go to page 6">
                                        6
                                    </a>
                                                                                                                                
                                                    <span aria-disabled="true">
                                <span
                                        class="hidden md:inline-flex h-12 rounded-md relative  items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 cursor-default leading-5 opacity-80">...</span>
                            </span>
                        
                        
                                                                    
                        
                        
                                                                                                                        <a href="https://mudrunfun.com/obstacle-run-calender/united-states?page=9"
                                       class=" rounded-md relative hidden md:inline-flex opacity-80 hover:opacity-90 items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:border-cyan-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150"
                                       aria-label="Go to page 9">
                                        9
                                    </a>
                                                                                                                                <a href="https://mudrunfun.com/obstacle-run-calender/united-states?page=10"
                                       class=" rounded-md relative hidden md:inline-flex opacity-80 hover:opacity-90 items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:border-cyan-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150"
                                       aria-label="Go to page 10">
                                        10
                                    </a>
                                                                                                        
                    
                                            <a href="https://mudrunfun.com/obstacle-run-calender/united-states?page=2" rel="next"
                           class="relative inline-flex items-center px-2 py-2 pl-5 text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-md leading-5 hover:border-cyan-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150"
                           aria-label="Next">
                            Next
                            <svg class="w-7 h-7" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd"
                                      d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
                                      clip-rule="evenodd"/>
                            </svg>
                        </a>
                                    </span>

        </div>
    </nav>

        </div>
    </div>
</div>
        </div>
        <!-- Right / Sidebar -->
        <aside class="w-full lg:w-[300px] lg:max-w-[300px] lg:shrink-0 space-y-5">
            <div class="padding-x">
                <div class="hidden lg:block">
                    <div class="space-y-3">
    
    <div x-data="{ expanded: false }">


    <button @click="expanded = ! expanded"
            class="cursor-pointer w-full flex bg-slate-100 shadow py-1 px-2 text-md font-oswald text-cyan-800">
        <div class="">Period</div>
        <div class="grow"></div>
        <div x-show="expanded" style="display: none">▼</div>
        <div x-show="!expanded"
        >▲
        </div>
    </button>
    <ul class="ml-1 mt-1" x-show="expanded" x-collapse style="display: none">
        <li class=" text-sm grid grid-cols-3">
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('2025')"
                        id="period-2025">
                    2025
                </button>
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('2026')"
                        id="period-2026">
                    2026
                </button>
                    </li>
        <li class=" text-sm grid grid-cols-3">
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('1')"
                        id="period-1">
                    January
                </button>
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('2')"
                        id="period-2">
                    February
                </button>
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('3')"
                        id="period-3">
                    March
                </button>
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('4')"
                        id="period-4">
                    April
                </button>
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('5')"
                        id="period-5">
                    May
                </button>
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('6')"
                        id="period-6">
                    June
                </button>
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('7')"
                        id="period-7">
                    July
                </button>
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('8')"
                        id="period-8">
                    August
                </button>
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('9')"
                        id="period-9">
                    September
                </button>
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('10')"
                        id="period-10">
                    October
                </button>
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('11')"
                        id="period-11">
                    November
                </button>
                            <button class="flex w-full px-3 py-3 md:py-2 cursor-pointer
                  hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400 text-cyan-700 text-left
                                    "
                        onclick="togglePeriod('12')"
                        id="period-12">
                    December
                </button>
                    </li>
    </ul>

</div>
            <div x-data="{ expanded: true }">


    <button @click="expanded = ! expanded"
            class="w-full flex flex- bg-slate-100 shadow py-1 px-2 text-md font-oswald text-cyan-800">
        <div class="">Regions</div>
        <div class="grow"></div>
        <div x-show="expanded">▼</div>
        <div x-show="!expanded"
             style="display: none">▲
        </div>
    </button>
    <ul class="ml-1 mt-1 grid grid-cols-2" x-show="expanded" x-collapse>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/alabama"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Alabama</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                1
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/alaska"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Alaska</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/arizona"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Arizona</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                3
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/arkansas"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Arkansas</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                2
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/california"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">California</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                17
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/colorado"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Colorado</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                3
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/connecticut"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Connecticut</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                2
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/delaware"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Delaware</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/district-of-columbia"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">District of Columbia</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/florida"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Florida</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                23
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/georgia"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Georgia</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                8
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/hawaii"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Hawaii</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                1
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/idaho"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Idaho</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                2
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/illinois"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Illinois</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                7
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/indiana"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Indiana</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                11
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/iowa"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Iowa</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                2
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/kansas"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Kansas</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/kentucky"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Kentucky</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                4
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/louisiana"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Louisiana</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/maine"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Maine</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                3
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/maryland"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Maryland</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                3
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/massachusetts"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Massachusetts</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                3
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/michigan"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Michigan</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                4
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/minnesota"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Minnesota</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                1
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/mississippi"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Mississippi</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/missouri"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Missouri</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                4
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/montana"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Montana</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                1
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/nebraska"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Nebraska</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/nevada"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Nevada</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                2
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/new-hampshire"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">New Hampshire</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/new-jersey"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">New Jersey</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                4
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/new-mexico"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">New Mexico</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/new-york"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">New York</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                6
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/north-carolina"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">North Carolina</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                12
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/north-dakota"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">North Dakota</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/ohio"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Ohio</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                3
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/oklahoma"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Oklahoma</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                2
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/oregon"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Oregon</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                1
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/pennsylvania"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Pennsylvania</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                4
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/puerto-rico"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Puerto Rico</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/rhode-island"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Rhode Island</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                1
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/south-carolina"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">South Carolina</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                4
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/south-dakota"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">South Dakota</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/tennessee"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Tennessee</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                5
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/texas"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Texas</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                15
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/utah"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Utah</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                3
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/vermont"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Vermont</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                7
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/virginia"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Virginia</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                6
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/washington"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Washington</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                4
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/west-virginia"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">West Virginia</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                2
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/wisconsin"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Wisconsin</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                            <div class="ml-2 text-xs bg-primary-400/70 rounded-md px-1 py-0.5 text-white">
                                1
                            </div>
                                            </div>
                </a>
            </li>
                    <li class=" text-sm  flex">
                <a href="https://mudrunfun.com/obstacle-run-calender/united-states/wyoming"
                   class="flex w-full px-2 py-3 md:py-2 cursor-pointer   hover:bg-slate-100 border-l border-slate-200 hover:border-slate-400">
                    <div class="text-cyan-700 text-sm">Wyoming</div>
                    <div class="flex-grow"></div>
                    <div>
                                                                    </div>
                </a>
            </li>
        
    </ul>

</div>    
    </div>                </div>


                <hr class="lg:hidden"/>
            </div>

            <!-- Display 2024 -->

            <ins class="adsbygoogle"
             style="display:block"
             data-ad-client="ca-pub-1820771848081016"
             data-ad-slot="9877335185"
             data-ad-format="auto"
             data-full-width-responsive="true"></ins>
        <script>
            (adsbygoogle = window.adsbygoogle || []).push({});
        </script>
    

            <div class="padding-x">
                
                <div class=" space-y-3">
                    <div class="h-[1px] bg-slate-200 w-[80%] mx-auto mt-5"></div>
                    <div class="text-lg font-medium mt-5 text-primary-500">Articles</div>

                    
                    <div class="group px-3">
        <a href="https://mudrunfun.com/what-is-a-mudrun" class="aspect[16/9]">
            <img loading="lazy" decoding="async"
                 class="group-hover:scale-[102%] transform ease-out transition duration-300 w-full rounded-xl"
                 src="/article-images/what-is-a-mudrun_800.webp"/>
        </a>
        <a href="https://mudrunfun.com/what-is-a-mudrun">
            <div
                    class="mt-2 text-[15px] font-medium text-primary-550 group-hover:text-primary-400">What is a Mud Run? Diving into the Muddy World of Racing</div>
        </a>

    </div>
    <div class="group px-3">
        <a href="https://mudrunfun.com/guides/6-ways-yoga-can-benefit-your-ocr-practice" class="aspect[16/9]">
            <img loading="lazy" decoding="async"
                 class="group-hover:scale-[102%] transform ease-out transition duration-300 w-full rounded-xl"
                 src="/article-images/yoga-benefit-ocr_800.webp"/>
        </a>
        <a href="https://mudrunfun.com/guides/6-ways-yoga-can-benefit-your-ocr-practice">
            <div
                    class="mt-2 text-[15px] font-medium text-primary-550 group-hover:text-primary-400">Discover the 6 Unbeatable Advantages of Yoga for OCR</div>
        </a>

    </div>
    <div class="group px-3">
        <a href="https://mudrunfun.com/guides/easy-rope-climbing-techniques" class="aspect[16/9]">
            <img loading="lazy" decoding="async"
                 class="group-hover:scale-[102%] transform ease-out transition duration-300 w-full rounded-xl"
                 src="/article-images/how-to-climb-a-rope_800.webp"/>
        </a>
        <a href="https://mudrunfun.com/guides/easy-rope-climbing-techniques">
            <div
                    class="mt-2 text-[15px] font-medium text-primary-550 group-hover:text-primary-400">Ascending to New Heights: What is the easiest way to climb a rope?</div>
        </a>

    </div>
    <div class="group px-3">
        <a href="https://mudrunfun.com/choose-epic-mud-run-team-name" class="aspect[16/9]">
            <img loading="lazy" decoding="async"
                 class="group-hover:scale-[102%] transform ease-out transition duration-300 w-full rounded-xl"
                 src="/article-images/mud-run-team-name_800.webp"/>
        </a>
        <a href="https://mudrunfun.com/choose-epic-mud-run-team-name">
            <div
                    class="mt-2 text-[15px] font-medium text-primary-550 group-hover:text-primary-400">How To Choose An Epic Name For Your Mud Run Team</div>
        </a>

    </div>

                </div>
            </div>
        </aside>
    </div>
</section>
</main>

<footer class="bg-gradient-to-b from-primary-450 to-primary-500 mt-8">
    <div class="w-full max-w-screen-xl mx-auto p-4 md:py-8">
        <span
                class="block text-sm text-white sm:text-center ">© 2025                 mudrunfun.com
             - All Rights Reserved. | <a href="/privacy-policy">Privacy Policy</a></span>
    </div>
</footer>


    <script defer type="module">

        let map = null;
        let mapVisible = false;
        let mapboxLoaded = false;

        window.addEventListener('toggle-map', function () {
            let toggleMap = function () {
                mapboxLoaded = true;
                mapboxgl.accessToken = 'pk.eyJ1IjoiZ290cmFpbHJ1biIsImEiOiJjbGFucm1nemEwczFwNDF0YXhneDJ0dmx2In0.0QQAxKWAg_askpKl6i7AqQ';

                if (mapVisible === true) {
                    document.getElementById('mapContainer').classList.add('hidden');
                    if (document.getElementById('header-image')) {
                        document.getElementById('header-image').classList.remove('hidden');
                    }

                    const mapButton = document.getElementById('map-button');
                    mapButton.classList.remove('border-cyan-600', 'bg-cyan-50');
                    mapButton.classList.add('border-slate-300', 'bg-slate-50');
                    mapVisible = false;
                    return;
                }

                mapVisible = true;
                document.getElementById('mapContainer').classList.remove('hidden');

                if (document.getElementById('header-image')) {
                    document.getElementById('header-image').classList.add('hidden');
                }

                const mapButton = document.getElementById('map-button');
                mapButton.classList.remove('border-slate-300', 'bg-slate-50');
                mapButton.classList.add('border-cyan-600', 'bg-cyan-50');

                if (map !== null) {
                    window.dispatchEvent(new Event('reload'));
                    return;
                }

                map = new mapboxgl.Map({
                    //      cooperativeGestures: true,
                    container: 'map', // container ID
                    //     style: 'mapbox://styles/mapbox/streets-v12', // style URL
                    style: 'mapbox://styles/mapbox/light-v11',
                    center: [-98.5795, 39.8283],
                    zoom: 3.00, // starting zoom
                });

                map.on('load', function () {
                    if (map == null) return;

                    map.dragPan.disable();
                    map.dragPan.enable({
                        touchMode: 'cooperative'
                    });


                    // 3. Disable rotation via touch gestures to ensure pinch-to-zoom requires two fingers
                    map.touchZoomRotate.disableRotation();

                    window.dispatchEvent(new Event('reload'));
                });
            }

            if (mapboxLoaded) {
                toggleMap();
            } else {
                // add css
                let linkElem = document.createElement('link');
                document.getElementsByTagName('head')[0].appendChild(linkElem);
                linkElem.rel = 'stylesheet';
                linkElem.type = 'text/css';
                linkElem.href = 'https://api.mapbox.com/mapbox-gl-js/v2.14.1/mapbox-gl.css';
                // add script
                var script = document.createElement('script');
                script.src = 'https://api.mapbox.com/mapbox-gl-js/v2.14.1/mapbox-gl.js';
                script.onload = toggleMap;
                document.head.appendChild(script);
            }


        })


        window.addEventListener('reload', function () {
            if (map === null) return;

            if (typeof map.getLayer('places') !== 'undefined')
                map.removeLayer('places');
            if (typeof map.getLayer('places-labels') !== 'undefined')
                map.removeLayer('places-labels');
            if (typeof map.getSource('places') !== 'undefined')
                map.removeSource('places');

            const urlSearchParams = new URLSearchParams(window.location.search);
            const params = Object.fromEntries(urlSearchParams.entries());

            map.addSource('places', {
                    'type': 'geojson',
                    'data': 'https://mudrunfun.com/en/map/united-states?min=' + (params.min ?? '') + ('&max=' + (params.max ?? '')) + '&distance=' + (params.distance ?? '') + '&period=' + (params.period ?? '') + '&label=' + (params.label ?? '')
                }
            );
// Add a layer showing the places.
            map.addLayer({
                'id': 'places',
                'type': 'circle',
                'source': 'places',
                'paint': {
                    'circle-color': '#0284C7',// '#4264fb',
                    'circle-radius': 11,
                    'circle-stroke-width': 2,
                    'circle-stroke-color': '#ffffff'
                }
            });

            map.addLayer({
                'id': 'places-labels',
                'type': 'symbol',
                'source': 'places',
                'layout': {
                    'text-field': ['get', 'title'],
                    'text-variable-anchor': ['top', 'bottom', 'left', 'right'],
                    'text-radial-offset': 0.8,
                    'text-justify': 'auto',
                    'icon-image': ['get', 'icon']
                }
            });

            // Create a popup, but don't add it to the map yet.
            const popup = new mapboxgl.Popup({
                closeButton: false,
                closeOnClick: false
            });

            map.on('click', 'places', (e) => {
// Copy coordinates array.
                const coordinates = e.features[0].geometry.coordinates.slice();
                const description = e.features[0].properties.description;

// Ensure that if the map is zoomed out such that multiple
// copies of the feature are visible, the popup appears
// over the copy being pointed to.
                while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) {
                    coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360;
                }

                new mapboxgl.Popup()
                    .setLngLat(coordinates)
                    .setHTML(description)
                    .addTo(map);
            });

            map.on('mouseenter', 'places', () => {
                map.getCanvas().style.cursor = 'pointer';
            });

// Change it back to a pointer when it leaves.
            map.on('mouseleave', 'places', () => {
                map.getCanvas().style.cursor = '';
            });
        });


    </script>

    <script async src="https://scripts.simpleanalyticscdn.com/latest.js"></script>

<div wire:snapshot="{&quot;data&quot;:{&quot;activeComponent&quot;:null,&quot;components&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;Novw2pfBWX2uCq5TuRSh&quot;,&quot;name&quot;:&quot;livewire-ui-modal&quot;,&quot;path&quot;:&quot;obstacle-run-calender\/united-states&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;a91e61a681c767039fb7f0636eaa29c1a8bc540a64f6244366ea04d58ffa46a8&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;openModal&quot;,&quot;destroyComponent&quot;]}" wire:id="Novw2pfBWX2uCq5TuRSh">
            <script>(()=>{var t,e={646:()=>{function t(t){return function(t){if(Array.isArray(t))return e(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,o){if(t){if("string"==typeof t)return e(t,o);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?e(t,o):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function e(t,e){(null==e||e>t.length)&&(e=t.length);for(var o=0,n=Array(e);o<e;o++)n[o]=t[o];return n}window.LivewireUIModal=function(){return{show:!1,showActiveComponent:!0,activeComponent:!1,componentHistory:[],modalWidth:null,listeners:[],getActiveComponentModalAttribute:function(t){if(void 0!==this.$wire.get("components")[this.activeComponent])return this.$wire.get("components")[this.activeComponent].modalAttributes[t]},closeModalOnEscape:function(t){if(!1!==this.getActiveComponentModalAttribute("closeOnEscape")&&this.closingModal("closingModalOnEscape")){var e=!0===this.getActiveComponentModalAttribute("closeOnEscapeIsForceful");this.closeModal(e)}},closeModalOnClickAway:function(t){!1!==this.getActiveComponentModalAttribute("closeOnClickAway")&&this.closingModal("closingModalOnClickAway")&&this.closeModal(!0)},closingModal:function(t){var e=this.$wire.get("components")[this.activeComponent].name,o={id:this.activeComponent,closing:!0};return Livewire.dispatchTo(e,t,o),o.closing},closeModal:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(!1!==this.show){if(!0===this.getActiveComponentModalAttribute("dispatchCloseEvent")){var n=this.$wire.get("components")[this.activeComponent].name;Livewire.dispatch("modalClosed",{name:n})}if(!0===this.getActiveComponentModalAttribute("destroyOnClose")&&Livewire.dispatch("destroyComponent",{id:this.activeComponent}),e>0)for(var i=0;i<e;i++){if(o){var s=this.componentHistory[this.componentHistory.length-1];Livewire.dispatch("destroyComponent",{id:s})}this.componentHistory.pop()}var r=this.componentHistory.pop();r&&!t&&r?this.setActiveModalComponent(r,!0):this.setShowPropertyTo(!1)}},setActiveModalComponent:function(t){var e=this,o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(this.setShowPropertyTo(!0),this.activeComponent!==t){!1!==this.activeComponent&&!1===o&&this.componentHistory.push(this.activeComponent);var n=50;!1===this.activeComponent?(this.activeComponent=t,this.showActiveComponent=!0,this.modalWidth=this.getActiveComponentModalAttribute("maxWidthClass")):(this.showActiveComponent=!1,n=400,setTimeout((function(){e.activeComponent=t,e.showActiveComponent=!0,e.modalWidth=e.getActiveComponentModalAttribute("maxWidthClass")}),300)),this.$nextTick((function(){var o,i=null===(o=e.$refs[t])||void 0===o?void 0:o.querySelector("[autofocus]");i&&setTimeout((function(){i.focus()}),n)}))}},focusables:function(){return t(this.$el.querySelectorAll("a, button, input:not([type='hidden']), textarea, select, details, [tabindex]:not([tabindex='-1'])")).filter((function(t){return!t.hasAttribute("disabled")}))},firstFocusable:function(){return this.focusables()[0]},lastFocusable:function(){return this.focusables().slice(-1)[0]},nextFocusable:function(){return this.focusables()[this.nextFocusableIndex()]||this.firstFocusable()},prevFocusable:function(){return this.focusables()[this.prevFocusableIndex()]||this.lastFocusable()},nextFocusableIndex:function(){return(this.focusables().indexOf(document.activeElement)+1)%(this.focusables().length+1)},prevFocusableIndex:function(){return Math.max(0,this.focusables().indexOf(document.activeElement))-1},setShowPropertyTo:function(t){var e=this;this.show=t,t?document.body.classList.add("overflow-y-hidden"):(document.body.classList.remove("overflow-y-hidden"),setTimeout((function(){e.activeComponent=!1,e.$wire.resetState()}),300))},init:function(){var t=this;this.modalWidth=this.getActiveComponentModalAttribute("maxWidthClass"),this.listeners.push(Livewire.on("closeModal",(function(e){var o,n,i;t.closeModal(null!==(o=null==e?void 0:e.force)&&void 0!==o&&o,null!==(n=null==e?void 0:e.skipPreviousModals)&&void 0!==n?n:0,null!==(i=null==e?void 0:e.destroySkipped)&&void 0!==i&&i)}))),this.listeners.push(Livewire.on("activeModalComponentChanged",(function(e){var o=e.id;t.setActiveModalComponent(o)})))},destroy:function(){this.listeners.forEach((function(t){t()}))}}}},761:()=>{}},o={};function n(t){var i=o[t];if(void 0!==i)return i.exports;var s=o[t]={exports:{}};return e[t](s,s.exports,n),s.exports}n.m=e,t=[],n.O=(e,o,i,s)=>{if(!o){var r=1/0;for(u=0;u<t.length;u++){for(var[o,i,s]=t[u],a=!0,c=0;c<o.length;c++)(!1&s||r>=s)&&Object.keys(n.O).every((t=>n.O[t](o[c])))?o.splice(c--,1):(a=!1,s<r&&(r=s));if(a){t.splice(u--,1);var l=i();void 0!==l&&(e=l)}}return e}s=s||0;for(var u=t.length;u>0&&t[u-1][2]>s;u--)t[u]=t[u-1];t[u]=[o,i,s]},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t={931:0,994:0};n.O.j=e=>0===t[e];var e=(e,o)=>{var i,s,[r,a,c]=o,l=0;if(r.some((e=>0!==t[e]))){for(i in a)n.o(a,i)&&(n.m[i]=a[i]);if(c)var u=c(n)}for(e&&e(o);l<r.length;l++)s=r[l],n.o(t,s)&&t[s]&&t[s][0](),t[s]=0;return n.O(u)},o=self.webpackChunk=self.webpackChunk||[];o.forEach(e.bind(null,0)),o.push=e.bind(null,o.push.bind(o))})(),n.O(void 0,[994],(()=>n(646)));var i=n.O(void 0,[994],(()=>n(761)));i=n.O(i)})();</script>
        
    <div
            x-data="LivewireUIModal()"
            x-on:close.stop="setShowPropertyTo(false)"
            x-on:keydown.escape.window="show && closeModalOnEscape()"
            x-show="show"
            class="fixed inset-0 z-10 overflow-y-auto"
            style="display: none;"
    >
        <div class="flex items-end justify-center min-h-dvh px-4 pt-4 pb-10 text-center sm:block sm:p-0">
            <div
                    x-show="show"
                    x-on:click="closeModalOnClickAway()"
                    x-transition:enter="ease-out duration-300"
                    x-transition:enter-start="opacity-0"
                    x-transition:enter-end="opacity-100"
                    x-transition:leave="ease-in duration-200"
                    x-transition:leave-start="opacity-100"
                    x-transition:leave-end="opacity-0"
                    class="fixed inset-0 transition-all transform"
            >
                <div class="absolute inset-0 bg-gray-500 opacity-75"></div>
            </div>

            <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>

            <div
                    x-show="show && showActiveComponent"
                    x-transition:enter="ease-out duration-300"
                    x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                    x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
                    x-transition:leave="ease-in duration-200"
                    x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
                    x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                    x-bind:class="modalWidth"
                    class="inline-block w-full align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:w-full"
                    id="modal-container"
                    x-trap.noscroll.inert="show && showActiveComponent"
                    aria-modal="true"
            >
                                            </div>
        </div>
    </div>
</div>
<script src="/flux/flux.min.js?id=e62a78b2" data-navigate-once></script>
<script src="/livewire/livewire.min.js?id=df3a17f2"   data-csrf="PxDk6ln5VIpO077pHGx63UYDSpEAPZr5RNljfs5B" data-update-uri="/livewire/update" data-navigate-once="true"></script>
</body>
</html>
