PageSourceSearch

https://www.mandurah.wa.gov.au/our-council/news-and-public-notices

html mandurah.wa.gov.au collected 2026-10-02 06:54:07 UTC 302,665 bytes, 3,427 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html lang="en" class="h-100">
5<head>
6    <meta name="viewport" content="width=device-width, initial-scale=1" />
7    <meta charset="UTF-8" />
8    <title>News and public notices - City of Mandurah</title>
9 <meta name="keywords" content="news, public notices, council updates, community information" />     <meta property="og:title" content="News and public notices" />
10    <meta property="og:description" content="Stay informed with the latest news, announcements, and public notices." />
11    <meta property="og:type" content="website" />
12    <meta property="og:url" content="https://www.mandurah.wa.gov.au/our-council/news-and-public-notices" />
13    <meta property="og:site_name" content="City of Mandurah" />
14    <meta property="og:image" content="https://www.mandurah.wa.gov.au/assets/logo.svg" />
15    <meta property="og:image:secure_url" content="https://www.mandurah.wa.gov.au/assets/logo.svg" />
16    <meta property="og:image:alt" content="News and public notices" />
17    <meta property="og:locale" content="en_AU" />
18    <meta name="twitter:card" content="summary_large_image" />
19    <meta name="twitter:site" content="@CoM_" />
20    <meta name="twitter:title" content="News and public notices" />
21    <meta name="twitter:description" content="Stay informed with the latest news, announcements, and public notices." />
22    <meta name="twitter:image" content="https://www.mandurah.wa.gov.au/assets/logo.svg" />
23    <meta name="twitter:image:alt" content="News and public notices" />
24    <link rel="icon" href="/assets/favicon.png">
25    <link rel="apple-touch-icon" sizes="300x300" href="/assets/favicon.png">
26    <meta name="theme-color" content="#ffffff" />
27    
27<script type="application/ld+json">{"@type":"WebPage","name":"News and public notices","description":"Stay informed with the latest news, announcements, and public notices.","url":"https://www.mandurah.wa.gov.au/our-council/news-and-public-notices","@context":"https://schema.org"}</script>
27
28
29    <link href="/_content/CityOfMandurah.Rcl/css/main.css" rel="stylesheet" />
30
31    
31<script>
32        function onDocumentLoad(callback) {
33            if (document.readyState === "loading") {
34                document.addEventListener("DOMContentLoaded", callback);
35            } else {
36                setTimeout(callback, 1);
37            }
38        }
39    </script>
vendor: 2 bytes, line 39
39
40<script>
41    (function (w, d, s, l, i) {
42        w[l] = w[l] || [];
43        w[l].push({
44            'gtm.start':
45                new Date().getTime(),
46            event: 'gtm.js'
47        });
48        var f = d.getElementsByTagName(s)[0],
49            j = d.createElement(s),
50            dl = l != 'dataLayer' ? '&l=' + l : '';
51        j.async = true;
52        j.src =
53            'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
54        var n = d.querySelector('[nonce]');
55        n && j.setAttribute('nonce', n.nonce || n.getAttribute('nonce'));
56        f.parentNode.insertBefore(j, f);
57    })(window, document, 'script', 'dataLayer','GTM-P6L8TF');
58</script>
58</head>
59
60<body class="group/body overflow-x-hidden" data-theme="default">
61             <noscript>
62                 <iframe src='https://www.googletagmanager.com/ns.html?id=GTM-P6L8TF'
63                         height='0'
64                         width='0'
65                         style='display:none;visibility:hidden'
66                         title='GTMNoScript'>
67                 </iframe>
68             </noscript>
69            
70    <div id="alert-ribbons-container" class="fixed top-0 left-0 right-0 z-[1001] transition-transform duration-600 ease-in-out">
71        
72    </div>
73    
74
75<header id="fdfdb85b" class="group/header site-header relative z-1000">
76    <div class="fixed w-full top-0 pl-6 lg:pl-10 pr-2 lg:pr-6 transition-all duration-600 lg:group-data-[theme=home]/body:text-white lg:group-data-[theme=default]/body:text-primary-600 bg-(--header-bg) group-data-[theme=default]/body:shadow-md">
77        <ul class="skip-menu absolute top-3 left-3 z-1005">
78                <li>
79                    <a href="#desktopMenuButton" id="skip-to-desktop-menu" class="hidden lg:inline-block sr-only focus-visible:not-sr-only focus-visible:px-4 focus-visible:text-lg focus-visible:font-semibold focus-visible:py-2 focus-visible:bg-white focus-visible:text-primary-600 focus-visible:outline-offset-0!">Skip to main menu</a>
80                </li>
81                <li>
82                    <a href="#mobileMenuButton" id="skip-to-mobile-menu" class="inline-block lg:hidden sr-only focus-visible:not-sr-only focus-visible:px-4 focus-visible:text-lg focus-visible:font-semibold focus-visible:py-2 focus-visible:bg-white focus-visible:text-primary-600 focus-visible:outline-offset-0!">Skip to main menu</a>
83                </li>
84                <li>
85                    <a href="#desktopServicesButton" id="skip-to-desktop-services" class="hidden lg:inline-block sr-only focus-visible:not-sr-only focus-visible:px-4 focus-visible:text-lg focus-visible:font-semibold focus-visible:py-2 focus-visible:bg-white focus-visible:text-primary-600 focus-visible:outline-offset-0!">Skip to services menu</a>
86                </li>
87                <li>
88                    <a href="#mobileServicesButton" id="skip-to-mobile-services" class="inline-block lg:hidden sr-only focus-visible:not-sr-only focus-visible:px-4 focus-visible:text-lg focus-visible:font-semibold focus-visible:py-2 focus-visible:bg-white focus-visible:text-primary-600 focus-visible:outline-offset-0!">Skip to services menu</a>
89                </li>
90                <li>
91                    <a href="#searchButton" id="skip-to-search" class="inline-block sr-only focus-visible:not-sr-only focus-visible:px-4 focus-visible:text-lg focus-visible:font-semibold focus-visible:py-2 focus-visible:bg-white focus-visible:text-primary-600 focus-visible:outline-offset-0!">Skip to search</a>
92                </li>
93                <li>
94                    <a href="#main-content" id="skip-to-content" class="inline-block sr-only focus-visible:not-sr-only focus-visible:px-4 focus-visible:text-lg focus-visible:font-semibold focus-visible:py-2 focus-visible:bg-white focus-visible:text-primary-600 focus-visible:outline-offset-0!">Skip to content</a>
95                </li>
96        </ul>
97        <div class="flex justify-between items-center mx-auto w-full max-w-1920 gap-7 py-5 lg:py-12">
98            <a href="/" class="flex items-center relative z-20">
99        <span class="sr-only">City of Mandurah</span>
100        <svg class="logo-mobile block w-auto h-9 lg:hidden transition-colors duration-600 delay-200 group-data-[theme=default]/body:fill-primary-600 group-data-[theme=home]/body:fill-white group-[.menu-opened]/header:fill-primary-600 group-[.menu-opening]/header:fill-primary-600" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 400 312">
101            <path class="logo-right origin-top-right" d="M87.95 0h24.098c0 158.332 128.65 288.032 287.953 288.032v24.004C227.78 312.276 88.096 172.363 87.95 0Zm224.028 0c0 53.142 44.447 88.127 88.023 88.127v23.933c-58.624 0-112.202-46.456-112.202-112.06h24.179Zm-66.43 0c-.3 87.275 72.113 154.98 154.453 154.98v23.934c-96.187 0-178.632-78.146-178.632-178.914h24.18Zm-66.78 0c0 123.64 100.43 221.46 221.233 221.46v23.8C264.468 245.358 154.769 136.498 154.769 0h24Z" />
102            <path class="logo-left origin-top-left" d="M312.05 0h-24.097c0 158.332-128.65 288.032-287.953 288.032v24.004C172.22 312.276 311.904 172.363 312.05 0ZM88.023 0c0 53.142-44.447 88.127-88.023 88.127v23.933c58.624 0 112.202-46.456 112.202-112.06h-24.18Zm66.43 0C154.752 87.275 82.338 154.98 0 154.98v23.934C96.186 178.914 178.63 100.768 178.63 0h-24.179Zm66.78 0c0 123.64-100.43 221.46-221.233 221.46v23.8C135.532 245.358 245.232 136.498 245.232 0h-24Z" />
103        </svg>
104        <svg class="logo-desktop hidden lg:block lg:w-auto lg:h-14 3xl:h-16 min-[2044px]:px-8 transition-colors duration-600 delay-200 group-data-[theme=default]/body:fill-primary-600 group-data-[theme=home]/body:fill-white group-[.menu-opened]/header:fill-primary-600 group-[.menu-opening]/header:fill-primary-600" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 2719 571">
105            <defs>
106                <clipPath id="logoClip">
107                    <rect x="0" y="0" width="726" height="571" />
108                </clipPath>
109            </defs>    
110            <g clip-path="url(#logoClip)">
111                <path class="logo-right origin-top-right" d="M159.793 0h43.783c0 287.67 233.74 523.319 523.175 523.319v43.61C413.849 567.367 160.059 313.162 159.793 0Zm407.031 0c0 96.552 80.755 160.115 159.927 160.115v43.483c-106.513 0-203.858-84.403-203.858-203.598h43.931ZM446.13 0c-.546 158.568 131.02 281.578 280.62 281.578v43.48
1116C551.993 325.064 402.2 183.083 402.2 0h43.93ZM324.799 0c0 224.637 182.468 402.366 401.952 402.366v43.242C480.505 445.782 281.195 247.998 281.195 0h43.604Z" />
112                <path class="logo-left origin-top-left" d="M566.957 0h-43.782c0 287.67-233.74 523.319-523.175 523.319v43.61C312.902 567.367 566.69 313.162 566.957 0Zm-407.03 0C159.926 96.552 79.17 160.115 0 160.115v43.483c106.512 0 203.857-84.403 203.857-203.598h-43.93ZM280.62 0C281.166 158.568 149.6 281.578 0 281.578v43.486C174.758 325.064 324.55 183.083 324.55 0h-43.93Zm121.33 0c0 224.637-182.467 402.366-401.951 402.366v43.242C246.245 445.782 445.555 247.998 445.555 0h-43.604Z" />
113            </g>
114            <path class="logo-text" d="M989.67 8.21c41.44 0 75.36 19.16 95.45 49.29l-36.73 27.32c-11.62-19.78-32.97-32.34-59.03-32.34-41.76 0-71.59 32.03-71.59 73.78s29.82 73.78 71.59 73.78c25.74 0 47.1-12.56 59.03-32.34l36.73 27.01c-20.09 30.46-54 49.6-95.45 49.6-67.82 0-116.8-51.18-116.8-118.05S921.85 8.21 989.67 8.21Zm180.22 3.45v229.2h-44.9V11.66h44.9Zm106.74 43.96h-66.56V11.66h178.03v43.96h-66.26v185.24h-45.21V55.62Zm212.87 110.52L1411 11.67h48.66l52.75 103.92 52.75-103.92h48.04l-78.81 153.53v75.66h-44.89v-74.72ZM1822.92 8.21c68.76 0 118.36 51.49 118.36 118.05s-49.6 118.05-118.36 118.05c-68.76 0-118.05-51.49-118.05-118.05S1754.16 8.21 1822.92 8.21Zm0 191.83c43 0 73.15-32.02 73.15-73.78s-30.14-73.78-73.15-73.78c-43.01 0-73.16 32.03-73.16 73.78s30.47 73.78 73.16 73.78Zm164.51-188.38h173.02v43.96h-128.13v48.04h93.75v43.95h-93.75v93.25h-44.89V11.66Zm-935.28 326.07h44.59v229.2h-44.9V435.39l-61.85 134.06-62.8-134.06v131.54h-44.27v-229.2h44.59l62.79 132.5 61.85-132.5Zm157.61 0h46.17l74.72 229.2h-45.52l-10.68-32.65h-84.77L1179 566.93h-44.58l75.34-229.2Zm22.28 66.26-28.25 86.96h56.51l-28.26-86.96Zm277.24-66.26h44.28v229.2h-44.28l-96.08-149.76v149.76h-44.58v-229.2h44.58l96.08 149.76V337.73Zm293.24 114.92c0 64.99-48.04 114.28-114.59 114.28h-76.62v-229.2h76.62c66.55 0 114.59 49.92 114.59 114.91v.01Zm-146.31 70.33h31.4c40.82 0 70.01-30.15 70.01-70.33s-29.19-70.95-70.01-70.95h-31.4v141.28Zm375.81-42.39c0 51.49-39.56 89.79-91.37 89.79s-91.99-39.25-91.99-89.79V337.74h44.89V478.4c0 27 19.47 47.72 47.1 47.72 27.63 0 46.79-20.72 46.79-47.72V337.74h44.58v142.85Zm143.17 18.21h-42.07v68.13h-44.9v-229.2h97.33c48.36 0 82.57 33.91 82.57 80.69 0 32.65-17.26 59.66-44.58 72.22l48.98 76.29h-52.75l-44.58-68.13Zm-42.07-43.63h53.06c21.97 0 37.05-15.39 37.05-36.74s-15.08-36.73-36.74-36.73h-53.37v73.47Zm242.69-117.44h46.14l74.72 229.2h-45.52l-10.68-32.65h-84.77l-10.66 32.65h-44.59l75.36-229.2Zm22.28 66.26-28.24 86.96h56.51l-28.27-86.96Zm275.04-66.26h44.89v229.2h-44.89v-93.24h-93.57v93.24h-44.89v-229.2h44.89v92h93.57v-92Z" />
115        </svg>
116            </a>
117
118            <h2 id="doItOnlineMobile" class="relative z-20 text-lg font-semibold lg:hidden text-primary-700">
119                Do it online
120            </h2>
121            <div class="menu-buttons flex items-center gap-x-4 lg:gap-x-10 transition-colors duration-600 delay-200 group-[.menu-opened]/header:text-primary-700 group-[.menu-opening]/header:text-primary-700">
122                <a href="/search"
123                   id="searchButton"
124                   class="group relative z-20 lg:group-data-[theme=home]/body:invisible lg:group-data-[theme=default]/body:visible">
125                    <span class="sr-only">Search</span>
126                    <span class="flex items-center justify-center rounded-full w-10.5 h-10.5 border-2 transition-colors duration-600 delay-200 group-data-[theme=default]/body:border-primary-600 group-data-[theme=home]/body:border-white group-[.menu-opened]/header:border-primary-600 group-[.menu-opening]/header:border-primary-600" aria-hidden="true">
127                        <svg class="w-5 h-5 transition-colors duration-600 delay-200 group-data-[theme=default]/body:fill-primary-600 group-data-[theme=home]/body:fill-white group-[.menu-opened]/header:fill-primary-600 group-[.menu-opening]/header:fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
128                        <path d="M421.335 463.916c-44.246 35.122-100.366 56.12-161.36 56.12C116.364 520.036 0 403.672 0 260.061 0 116.45 116.364.086 259.975.086 403.586.086 519.95 116.45 519.95 260.061c0 60.994-20.998 11
1287.114-56.12 161.36L631.19 588.78c11.748 11.748 11.748 30.747 0 42.37-11.75 11.624-30.748 11.75-42.371 0L421.335 463.916Zm38.621-203.855c0-110.49-89.491-199.98-199.98-199.98-110.49 0-199.982 89.49-199.982 199.98s89.492 199.98 199.981 199.98c110.49 0 199.981-89.49 199.981-199.98Z" />
129                        </svg>
130                    </span>
131                </a>
132
133                <div class="hidden lg:block relative">
134                    <button type="button"
135                            id="desktopServicesButton"
136                            class="group hidden lg:flex lg:items-center lg:gap-x-3 px-5 py-2 text-base gap-2.5 rounded-sm font-medium border-2 transition-colors duration-600 delay-200 hover:duration-300 hover:delay-0 hover:bg-secondary-300 hover:text-primary-600 hover:border-secondary-300 aria-[expanded=true]:duration-300 aria-[expanded=true]:delay-0 aria-[expanded=true]:text-primary-600 aria-[expanded=true]:border-primary-600 aria-[expanded=true]:bg-white cursor-pointer"
137                            data-collapse-toggle="desktopServices"
138                            aria-controls="desktopServices"
139                            aria-expanded="false">
140                        <span>Online Services</span>
141                        <span class="transition-transform duration-300 group-aria-[expanded=true]:-rotate-180" aria-hidden="true">
142                            <svg class="w-3 h-3 fill-white group-hover:fill-primary-600 group-aria-[expanded=true]:fill-primary-600 group-data-[theme=default]/body:fill-primary-600 transition-colors duration-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
143                            <path fill-rule="nonzero" d="M287.724 489.442c17.851 17.851 46.841 17.851 64.692 0L626.61 215.25c17.85-17.851 17.85-46.841 0-64.693-17.851-17.85-46.842-17.85-64.693 0L320 392.475 78.08 150.699c-17.85-17.85-46.841-17.85-64.692 0-17.851 17.851-17.851 46.842 0 64.693L287.58 489.585l.143-.143Z" />
144                            </svg>
145                        </span>
146                    </button>
147                    <nav id="desktopServices"
148                         class="hidden p-3 absolute z-10 top-11 right-0 w-90 bg-white rounded-lg shadow-xl">
149                        <ul class="flex flex-col gap-y-1" aria-labelledby="desktopServicesButton">
150            <li>
151                <a href="/our-city/contact-us/pay-it"
152                   
153                   class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 rounded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:lg:bg-primary-100 lg:items-center lg:focus-visible:outline-primary-600!">
154                    <span>
155                        <span class="block font-semibold text-lg">Pay it </span>
156                        <span class="block text-xs text-primary-950">Pay rates, infringements, animal renewal, or invoices</span>
157                    </span>
158                        <span class="icon com-arrow-right shrink-0 mt-1.5 w-3.5 h-3.5 lg:mt-[unset]" aria-hidden="true"></span>
159
160                </a>
161            </li>
162            <li>
163                <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/LogOn/COMO"
164                   target=&#x27;_blank&#x27;
165                   class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 rounded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:lg:bg-primary-100 lg:items-center lg:focus-visible:outline-primary-600!">
166                    <span>
167                        <span class="block font-semibold text-lg">Register </span>
168                        <span class="block text-xs text-primary-950">Sign up for City of Mandurah Online</span>
169                    </span>
170                        <svg class="shrink-0 mt-1.5 w-3.5 h-3.5 lg:mt-[unset] fill-primary-700" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
171                        <path d="M375.172 0h220.69C620.275 0 640 19.724 640 44.138v220.69c0 24.413-19.725 44.137-44.138 44.137-24.414 0-44.138-19.724-44.138-44.138V150.76L273.93 428.552c-17.242 17.24-45.242 17.24-62.483 0-17.241-17.242-17.241-45.242 0-62.483L489.24 88.276H375.172c-24.414 0-44.138-19.724-44.138-44.138C331.034 19.724 350.758 0 375.172 0ZM110.345 66.207h110.344c24.414 0 44.138 19.724 44.138 44.138 0 24.414-19.724 44.138-44.138 44.138H110.345c-12.138 0-22.07 9.93-22.07 22.069v353.103c0 12.138 9.932 22.069 22.07 22.069h353.103c12.138 0 22.069-9.931 22.069-22.069V419.31c0-24.414 19.724-44.138 44.138-44.138 24.414 0 44.138 19.724 44.138 44.138v110.345c0 60.965-49.38 110.345-110.345 110.345H110.345C49.379 640 0 590.62 0 529.655V176.552C0 115.586 49.379 66.207 110.345 66.207Z" />
172                                                        </svg>
173
174                </a>
175            </li>
176            <li>
177                <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/LogOn/COMO"
178                   target=&#x27;_blank&#x27;
179                   class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 roun
179ded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:lg:bg-primary-100 lg:items-center lg:focus-visible:outline-primary-600!">
180                    <span>
181                        <span class="block font-semibold text-lg">Request or report it </span>
182                        <span class="block text-xs text-primary-950">Request a service or let us know about an issue</span>
183                    </span>
184                        <svg class="shrink-0 mt-1.5 w-3.5 h-3.5 lg:mt-[unset] fill-primary-700" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
185                        <path d="M375.172 0h220.69C620.275 0 640 19.724 640 44.138v220.69c0 24.413-19.725 44.137-44.138 44.137-24.414 0-44.138-19.724-44.138-44.138V150.76L273.93 428.552c-17.242 17.24-45.242 17.24-62.483 0-17.241-17.242-17.241-45.242 0-62.483L489.24 88.276H375.172c-24.414 0-44.138-19.724-44.138-44.138C331.034 19.724 350.758 0 375.172 0ZM110.345 66.207h110.344c24.414 0 44.138 19.724 44.138 44.138 0 24.414-19.724 44.138-44.138 44.138H110.345c-12.138 0-22.07 9.93-22.07 22.069v353.103c0 12.138 9.932 22.069 22.07 22.069h353.103c12.138 0 22.069-9.931 22.069-22.069V419.31c0-24.414 19.724-44.138 44.138-44.138 24.414 0 44.138 19.724 44.138 44.138v110.345c0 60.965-49.38 110.345-110.345 110.345H110.345C49.379 640 0 590.62 0 529.655V176.552C0 115.586 49.379 66.207 110.345 66.207Z" />
186                                                        </svg>
187
188                </a>
189            </li>
190            <li>
191                <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/LogOn/COMO?returnUrl=%2fT1Default%2fCiAnywhere%2fWeb%2fMANDURAH%2fCompliance%2fEnquiryPortalMyEnquiry%3ff%3d%2524P1.COM.ENQP.ENQ%26h%3d70tqEtcwjM%26t%3d1A9333AD%26suite%3dPR%26pagekey%3d20260421163951"
192                   target=&#x27;_blank&#x27;
193                   class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 rounded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:lg:bg-primary-100 lg:items-center lg:focus-visible:outline-primary-600!">
194                    <span>
195                        <span class="block font-semibold text-lg">Apply for it </span>
196                        <span class="block text-xs text-primary-950">Apply for building applications, permits, and licenses</span>
197                    </span>
198                        <svg class="shrink-0 mt-1.5 w-3.5 h-3.5 lg:mt-[unset] fill-primary-700" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
199                        <path d="M375.172 0h220.69C620.275 0 640 19.724 640 44.138v220.69c0 24.413-19.725 44.137-44.138 44.137-24.414 0-44.138-19.724-44.138-44.138V150.76L273.93 428.552c-17.242 17.24-45.242 17.24-62.483 0-17.241-17.242-17.241-45.242 0-62.483L489.24 88.276H375.172c-24.414 0-44.138-19.724-44.138-44.138C331.034 19.724 350.758 0 375.172 0ZM110.345 66.207h110.344c24.414 0 44.138 19.724 44.138 44.138 0 24.414-19.724 44.138-44.138 44.138H110.345c-12.138 0-22.07 9.93-22.07 22.069v353.103c0 12.138 9.932 22.069 22.07 22.069h353.103c12.138 0 22.069-9.931 22.069-22.069V419.31c0-24.414 19.724-44.138 44.138-44.138 24.414 0 44.138 19.724 44.138 44.138v110.345c0 60.965-49.38 110.345-110.345 110.345H110.345C49.379 640 0 590.62 0 529.655V176.552C0 115.586 49.379 66.207 110.345 66.207Z" />
200                                                        </svg>
201
202                </a>
203            </li>
204            <li>
205                <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/Public/LogOn/COMO"
206                   target=&#x27;_blank&#x27;
207                   class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 rounded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:lg:bg-primary-100 lg:items-center lg:focus-visible:outline-primary-600!">
208                    <span>
209                        <span class="block font-semibold text-lg">City of Mandurah Guest </span>
210                        <span class="block text-xs text-primary-950">Pay or track requests without an account.</span>
211                    </span>
212                        <svg class="shrink-0 mt-1.5 w-3.5 h-3.5 lg:mt-[unset] fill-primary-700" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
213                        <path d="M375.172 0h220.69C620.275 0 640 19.724 640 44.138v220.69c0 24.413-19.725 44.137-44.138 44.137-24.414 0-44.138-19.724-44.138-44.138V150.76L273.93 428.552c-17.242 17.24-45.242 17.24-62.483 0-17.241-17.242-17.241-45.242 0-62.483L489.24 88.276H375.172c-24.414 0-44.138-19.724-44.138-44.138C331.034 19.724 350.758 0 375.172 0ZM110.345 66.207h110.344c24.414 0 44.138 19.724 44.138 44.138 0 24.414-19.724 44.138-44.138 44.138H110.345c-12.138 0-22.07 9.93-22.07 22.069v353.103c0 12.138 9.932 22.069 22.07 22.069h353.103c12.138 0 22.069-9.931 22.069-22.069V419.31c0-24.414 19.724-44.138 44.138-44.138 24.414 0 44.138 19.724 44.138 44.138v110.345c0 60.965-49.38 110.345-110.345 110.345H110.345C49.379 640 0 590.62 0 529.655V176.552C0 115.586 49.379 66.207 110.345 66.207Z" />
214                                                        </svg>
215
216                </a>
217            </li>
218                        </ul>
219                    </nav>
220                </div>
221
222                <button type="button"
223                        id="mobileServicesButton"
224                        class="block peer relative z-20 lg:hidden"
225                        aria-controls="mobileServices"
226                        aria-expanded="false">
227                    <span class="open-menu sr-only">Online services menu</span>
228                    <span class="close-menu sr-only">Close online services menu</span>
229                    <span class="relative block w-10.5 h-10.5">
230                        <span class="open-icon absolute inset-0 w-10.5 h-10.5 rounded-full border-2 group-data-[theme=default]/body:border-primary-600 group-data-[theme=home]/body:border-white group-[.menu-opened]/header:border-primary-600 group-[.menu-opening]/header:border-primary-600" aria-hidden="true">
231                            <svg class="absolute left-[50%] translate-x-[-50%] top-[50%] translate-y-[-50%] w-5 h-5 transition-colors duration-600 delay-200 group-data-[theme=default]/body:fill-primary-600 group-data-[theme=home]/body:fill-white group-[.menu-opened]/header:fill-primary-600 group-[.menu-opening]/header:fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
232                            <path d="M447.557 313.177c75.482 26.288 130.053 98.327 130.053 182.346v113.135c0 17.303-14.04 31.342-31.342 31.342-17.303 0-31.343-14.04-31.343-31.342V495.523c0-71.604-58.717-130.296-130.424-130.296H255.369c-71.605 0-130.296 58.59-130.296 130.296v113.135c0 17.303-14.04 31.342-31.343 31.342-17.302 0-31.342-14.04-31.342-31.342V495.523c0-84.16 54.61-156.148 130.066-182.384-33.915-33.16-54.942-79.437-54.942-130.655C137.512 81.584 219.253-.002 320-.002s182.615 81.74 182.615 182.486c0 51.243-21.091 97.534-55.057 130.693Zm-7.628-130.693c0-66.14-53.79-119.802-119.93-119.802-66.14 0-119.802 53.56-119.802 119.802 0 66.256 53.547 119.93 119.802 119.93 66.255 0 119.93-53.674 119.93-119.93Z" />
233                            </svg>
234                        </span>
235                        <span class="close-icon absolute inset-0 w-10.5 h-10.5 rounded-full border-2 border-primary-600" aria-hidden="true">
236                            <svg class="absolute left-[50%] translate-x-[-50%] top-[50%] translate-y-[-50%] w-4 h-4 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
237                            <path fill-rule="nonzero" d="M91.267 16.022c-20.808-20.809-54.602-20.809-75.411 0-20.809 20.809-20.809 54.603 0 75.412l228.731 228.564L16.023 548.73c-20.81 20.81-20.81 54.603 0 75.412 20.808 20.809 54.602 20.809 75.41 0L320 395.41l228.73 228.564c20.81 20.81 54.603 20.81 75.412 0 20.809-20.809 20.809-54.602 0-75.411L395.41 319.998 623.975 91.267c20.808-20.809 20.808-54.602 0-75.411-20.81-20.81-54.603-20.81-75.412 0L320 244.586 91.267 16.023Z" />
238                            </svg>
239                        </span>
240                    </span>
241                </button>
242
243                <button type="button"
244                        id="mobileMenuButton"
245                        class="group lg:hidden peer relative z-20"
246                        aria-controls="mobileMegaMenu"
247                        aria-expanded="false">
248                    <span class="close-menu sr-only">Close menu</span>
249                    <span class="open-menu sr-only">Menu</span>
250                    <span class="flex items-center justify-center rounded-full w-10.5 h-10.5 transition-all duration-600 delay-200 border-2 group-data-[theme=home]/body:border-white group-data-[theme=default]/body:border-primary-600 group-data-[theme=home]/body:bg-white group-data-[theme=default]/body:bg-primary-600 group-[.menu-opened]/header:border-primary-600 group-[.menu-opened]/header:bg-transparent group-[.menu-opening]/header:border-primary-600 group-[.menu-opening]/header:bg-transparent" aria-hidden="true">
251                        <span class="menu-icon relative w-5 h-4.5 flex flex-col justify-between">
252                            <span class="line-top shrink-0 h-[2px] w-5 rounded-sm origin-top-right rounded-full transition-all duration-200"></span>
253                            <span class="line-center shrink-0 h-[2px] w-5 rounded-sm transition-all duration-200 opacity-100"></span>
254                            <span class="line-bottom shrink-0 h-[2px] w-5 rounded-sm origin-bottom-right rounded-full transition-all duration-200"></span>
255                        </span>
256                    </span>
257                </button>
258
259                <button type="button"
260                        id="desktopMenuButton"
261                        class="group hidden lg:w-auto lg:flex lg:items-center peer relative z-20 font-medium cursor-pointer"
262                        aria-controls="desktopMegaMenu"
263                        aria-expanded="false">
264                    <span class="transition-colors duration-600 group-[.menu-opened]/header:text-primary-600 group-[.menu-opening]/header:text-primary-600">
265                        <span class="close-menu">Close </span>
266                        Menu
267                    </span>
268                    <span class="ml-3 shrink-0 flex items-center justify-center rounded-full w-10.5 h-10.5 transition-all duration-600 delay-200 border-2 group-data-[theme=home]/body:bg-white group-data-[theme=default]/body:bg-primary-600 group-[.menu-opened]/header:border-primary-600 group-[.menu-opened]/header:bg-transparent group-[.menu-opening]/header:border-primary-600 group-[.menu-opening]/header:bg-transparent" aria-hidden="true">
269                        <span class="menu-icon relative w-5 h-4.5 flex flex-col justify-between">
270                            <span class="line-top shrink-0 h-[2px] w-5 rounded-sm origin-top-right rounded-full transition-all duration-200"></span>
271                            <span class="line-center shrink-0 h-[2px] w-5 rounded-sm transition-all duration-200 opacity-100"></span>
272                            <span class="line-bottom shrink-0 h-[2px] w-5 rounded-sm origin-bottom-right rounded-full transition-all duration-200"></span>
273                        </span>
274                    </span>
275                </button>
276            </div>
277        <div id="megaMenu" class="group/menu invisible absolute z-10 top-0 left-0 px-4 lg:px-8 h-dvh max-h-dvh w-dvw transition-all duration-1000 will-change-[visibility]" data-color-theme="yellow">
278            <nav id="mobileServices" class="menu-panel group/services invisible absolute inset-0 z-20 mt-25 pb-6 will-change-[opacity,visibility] flex flex-col gap-6 justify-between">
279                <ul class="flex flex-col gap-y-1 pt-2 pb-4 mb-4 pl-4 pr-2 mr-2 overflow-y-auto max-h-[calc(100vh-100px)] scrollbar scrollbar--sm"
280                    style="--scrollbar-track-bg: var(--color-secondary-200); --scrollbar-thumb-bg: var(--color-primary-600); --scrollbar-thumb-bg-hover: var(--color-primary-700);"
281                    aria-labelledby="doItOnlineMobile">
282            <li>
283                <a href="/our-city/contact-us/pay-it"
284                   
285                   class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 rounded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:lg:bg-primary-100 lg:items-center lg:focus-visible:outline-primary-600!">
286                    <span>
287                        <span class="block font-semibold text-lg">Pay it </span>
288                        <span class="block text-xs text-primary-950">Pay rates, infringements, animal renewal, or invoices</span>
289                    </span>
290                        <span class="icon com-arrow-right shrink-0 mt-1.5 w-3.5 h-3.5 lg:mt-[unset]" aria-hidden="true"></span>
291
292                </a>
293            </li>
294            <li>
295                <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/LogOn/COMO"
296                   target=&#x27;_blank&#x27;
297                   class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 rounded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:lg:bg-primary-100 lg:items-center lg:focus-visible:outline-primary-600!">
298                    <span>
299                        <span class="block font-semibold text-lg">Register </span>
300                        <span class="block text-xs text-primary-950">Sign up for City of Mandurah Online</span>
301                    </span>
302                        <svg class="shrink-0 mt-1.5 w-3.5 h-3.5 lg:mt-[unset] fill-primary-700" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
303                        <path d="M375.172 0h220.69C620.275 0 640 19.724 640 44.138v220.69c0 24.413-19.725 44.137-44.138 44.137-24.414 0-44.138-19.724-44.138-44.138V150.76L273.93 428.552c-17.242 17.24-45.242 17.24-62.483 0-17.241-17.242-17.241-45.242 0-62.483L489.24 88.276H375.172c-24.414 0-44.138-19.724-44.138-44.138C331.034 19.724 350.758 0 375.172 0ZM110.345 66.207h110.344c24.414 0 44.138 19.724 44.138 44.138 0 24.414-19.724 44.138-44.138 44.138H110.345c-12.138 0-22.07 9.93-22.07 22.069v353.103c0 12.138 9.932 22.069 22.07 22.069h353.103c12.138 0 22.069-9.931 22.069-22.069V419.31c0-24.414 19.724-44.138 44.138-44.138 24.414 0 44.138 19.724 44.138 44.138v110.345c0 60.965-49.38 110.345-110.345 110.345H110.345C49.379 640 0 590.62 0 529.655V176.552C0 115.586 49.379 66.207 110.345 66.207Z" />
304                                                        </svg>
305
306                </a>
307            </li>
308            <li>
309                <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/LogOn/COMO"
310                   target=&#x27;_blank&#x27;
311                   class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 rounded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:lg:bg-primary-100 lg:items-center lg:focus-visible:outline-primary-600!">
312                    <span>
313                        <span class="block font-semibold text-lg">Request or report it </span>
314                        <span class="block text-xs text-primary-950">Request a service or let us know about an issue</span>
315                    </span>
316                        <svg class="shrink-0 mt-1.5 w-3.5 h-3.5 lg:mt-[unset] fill-primary-700" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
317                        <path d="M375.172 0h220.69C620.275 0 640 19.724 640 44.138v220.69c0 24.413-19.725 44.137-44.138 44.137-24.414 0-44.138-19.724-44.138-44.138V150.76L273.93 428.552c-17.242 17.24-45.242 17.24-62.483 0-17.241-17.242-17.241-45.242 0-62.483L489.24 88.276H375.172c-24.414 0-44.138-19.724-44.138-44.138C331.034 19.724 350.758 0 375.172 0ZM110.345 66.207h110.344c24.414 0 44.138 19.724 44.138 44.138 0 24.414-19.724 44.138-44.138 44.138H110.345c-12.138 0-22.07 9.93-22.07 22.069v353.103c0 12.138 9.932 22.069 22.07 22.069h353.103c12.138 0 22.069-9.931 22.069-22.069V419.31c0-24.414 19.724-44.138 44.138-44.138 24.414 0 44.138 19.724 44.138 44.138v110.345c0 60.965-49.38 110.345-110.345 110.345H110.345C49.379 640 0 590.62 0 529.655V176.552C0 115.586 49.379 66.207 110.345 66.207Z" />
318                                                        </svg>
319
320                </a>
321            </li>
322            <li>
323                <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/LogOn/COMO?returnUrl=%2fT1Default%2fCiAnywhere%2fWeb%2fMANDURAH%2fCompliance%2fEnquiryPortalMyEnquiry%3ff%3d%2524P1.COM.ENQP.ENQ%26h%3d70tqEtcwjM%26t%3d1A9333AD%26suite%3dPR%26pagekey%3d20260421163951"
324                   target=&#x27;_blank&#x27;
325                   class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 roun
325ded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:lg:bg-primary-100 lg:items-center lg:focus-visible:outline-primary-600!">
326                    <span>
327                        <span class="block font-semibold text-lg">Apply for it </span>
328                        <span class="block text-xs text-primary-950">Apply for building applications, permits, and licenses</span>
329                    </span>
330                        <svg class="shrink-0 mt-1.5 w-3.5 h-3.5 lg:mt-[unset] fill-primary-700" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
331                        <path d="M375.172 0h220.69C620.275 0 640 19.724 640 44.138v220.69c0 24.413-19.725 44.137-44.138 44.137-24.414 0-44.138-19.724-44.138-44.138V150.76L273.93 428.552c-17.242 17.24-45.242 17.24-62.483 0-17.241-17.242-17.241-45.242 0-62.483L489.24 88.276H375.172c-24.414 0-44.138-19.724-44.138-44.138C331.034 19.724 350.758 0 375.172 0ZM110.345 66.207h110.344c24.414 0 44.138 19.724 44.138 44.138 0 24.414-19.724 44.138-44.138 44.138H110.345c-12.138 0-22.07 9.93-22.07 22.069v353.103c0 12.138 9.932 22.069 22.07 22.069h353.103c12.138 0 22.069-9.931 22.069-22.069V419.31c0-24.414 19.724-44.138 44.138-44.138 24.414 0 44.138 19.724 44.138 44.138v110.345c0 60.965-49.38 110.345-110.345 110.345H110.345C49.379 640 0 590.62 0 529.655V176.552C0 115.586 49.379 66.207 110.345 66.207Z" />
332                                                        </svg>
333
334                </a>
335            </li>
336            <li>
337                <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/Public/LogOn/COMO"
338                   target=&#x27;_blank&#x27;
339                   class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 rounded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:lg:bg-primary-100 lg:items-center lg:focus-visible:outline-primary-600!">
340                    <span>
341                        <span class="block font-semibold text-lg">City of Mandurah Guest </span>
342                        <span class="block text-xs text-primary-950">Pay or track requests without an account.</span>
343                    </span>
344                        <svg class="shrink-0 mt-1.5 w-3.5 h-3.5 lg:mt-[unset] fill-primary-700" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
345                        <path d="M375.172 0h220.69C620.275 0 640 19.724 640 44.138v220.69c0 24.413-19.725 44.137-44.138 44.137-24.414 0-44.138-19.724-44.138-44.138V150.76L273.93 428.552c-17.242 17.24-45.242 17.24-62.483 0-17.241-17.242-17.241-45.242 0-62.483L489.24 88.276H375.172c-24.414 0-44.138-19.724-44.138-44.138C331.034 19.724 350.758 0 375.172 0ZM110.345 66.207h110.344c24.414 0 44.138 19.724 44.138 44.138 0 24.414-19.724 44.138-44.138 44.138H110.345c-12.138 0-22.07 9.93-22.07 22.069v353.103c0 12.138 9.932 22.069 22.07 22.069h353.103c12.138 0 22.069-9.931 22.069-22.069V419.31c0-24.414 19.724-44.138 44.138-44.138 24.414 0 44.138 19.724 44.138 44.138v110.345c0 60.965-49.38 110.345-110.345 110.345H110.345C49.379 640 0 590.62 0 529.655V176.552C0 115.586 49.379 66.207 110.345 66.207Z" />
346                                                        </svg>
347
348                </a>
349            </li>
350                </ul>
351                <div class="flex flex-col w-full gap-2 pl-6 pr-6 mt-auto">
352                </div>
353            </nav>
354
355            <div id="mobileMegaMenu" class="menu-panel group/mobilemenu invisible absolute z-20 inset-0 mt-25 mb-4 pb-6 will-change-[opacity,visibility] h-[calc(100%-100px)] flex flex-col gap-6 justify-between">
356                <div class="mr-2 overflow-y-auto scrollbar scrollbar--sm"
357                    style="--scrollbar-track-bg: var(--color-secondary-200); --scrollbar-thumb-bg: var(--color-primary-600); --scrollbar-thumb-bg-hover: var(--color-primary-700);">
358        <nav class="flex flex-col justify-between h-full lg:hidden pl-6 pr-2 mr-2" aria-label="main navigation">
359            <ul id="fdfdb85b-mobile-links"
360                data-accordion-group
361                data-accordion-collapse="true">
362                    <li id="mobile-0-wrapper"
363                        class="border-b-1 border-b-primary-700/30"
364                        data-accordion-wrapper>
365                            <div class="w-full h-full flex justify-between items-center gap-x-4 my-2 text-primary-700">
366                                <a href="/disability-access-and-inclusion" class="py-3 w-auto">
367                                    <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold" id="mobile-0-heading">Disability access and inclusion</span>
368                                </a>
369                                <button type="button"
370                                        class="group h-full py-3 flex-grow flex items-center justify-end transition-all"
371                                        aria-expanded="false"
372                                        aria-controls="mobile-0-body"
373                                        data-toggle-target="#mobile-0-body"
374                                        data-accordion-trigger>
375                                    <span class="sr-only">Toggle Disability access and inclusion Links</span>
376                                    <div class="shrink-0 relative h-5 w-5">
377                                        <svg class="absolute right-0 h-5 w-5 text-inherit transition-all duration-300 group-aria-[expanded=false]:-rotate-90" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
378                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" />
379                                        </svg>
380                                        <svg class="absolute right-0 h-5 w-5 text-inherit" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
381                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" />
382                                        </svg>
383                                    </div>
384                                </button>
385                            </div>
386                            <div id="mobile-0-body"
387                                 class="transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible"
388                                 style="--accordion-height: 0;"
389                                 data-accordion-target>
390                                <ul aria-labelledby="mobile-0-heading" class="py-2">
391                                        <li class="pb-4">
392                                            <a href="/disability-access-and-inclusion/website-accessibility" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
393                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Website accessibility</span>
394                                            </a>
395                                        </li>
396                                        <li class="pb-4">
397                                            <a href="/disability-access-and-inclusion/inclusive-community-activities" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
398                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Inclusive community activities</span>
399                                            </a>
400                                        </li>
401                                        <li class="pb-4">
402                                            <a href="/disability-access-and-inclusion/accessible-places-and-services" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
403                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Accessible places and services</span>
404                                            </a>
405                                        </li>
406                                        <li class="pb-4">
407                                            <a href="/disability-access-and-inclusion/resources-and-support-hub" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
408                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Resources and support hub</span>
409                                            </a>
410                                        </li>
411                                        <li class="pb-4">
412                                            <a href="/disability-access-and-inclusion/our-plan-and-advisory-group" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
413                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Our plan and advisory group</span>
414                                            </a>
415                                        </li>
416                                </ul>
417                            </div>
418                    </li>
419                    <li id="mobile-1-wrapper"
420                        class="border-b-1 border-b-primary-700/30"
421                        data-accordion-wrapper>
422                            <div class="w-full h-full flex justify-between items-center gap-x-4 my-2 text-primary-700">
423                                <a href="/my-home-property-and-rates" class="py-3 w-auto">
424                                    <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold" id="mobile-1-heading">My home, property, and rates</span>
425                                </a>
426                                <button type="button"
427                                        class="group h-full py-3 flex-grow flex items-center justify-end transition-all"
428                                        aria-expanded="false"
429                                        aria-controls="mobile-1-body"
430                                        data-toggle-target="#mobile-1-body"
431                                        data-accordion-trigger>
432                                    <span class="sr-only">Toggle My home, property, and rates Links</span>
433                                    <div class="shrink-0 relative h-5 w-5">
434                                        <svg class="absolute right-0 h-5 w-5 text-inherit transition-all duration-300 group-aria-[expanded=false]:-rotate-90" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
435                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" />
436                                        </svg>
437                                        <svg class="absolute right-0 h-5 w-5 text-inherit" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
438                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" />
439                                        </svg>
440                                    </div>
441                                </button>
442                            </div>
443                            <div id="mobile-1-body"
444                                 class="transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible"
445                                 style="--accordion-height: 0;"
446                                 data-accordion-target>
447                                <ul aria-labelledby="mobile-1-heading" class="py-2">
448                                        <li class="pb-4">
449                                            <a href="/my-home-property-and-rates/rates" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
450                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Rates</span>
451                                            </a>
452                                        </li>
453                                        <li class="pb-4">
454                                            <a href="/my-home-property-and-rates/rubbish-and-recycling" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
455                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Rubbish and recycling</span>
456                                            </a>
457                                        </li>
458                                        <li class="pb-4">
459                                            <a href="/my-home-property-and-rates/building-and-improving-your-home" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
460                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Building and improving your home</span>
461                                            </a>
462                                        </li>
463                                        <li class="pb-4">
464                                            <a href="/my-home-property-and-rates/rural-and-rural-residential-properties" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
465                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Rural and Rural-Residential properties</span>
466                                            </a>
467                                        </li>
468                                        <li class="pb-4">
469                                            <a href="/my-home-property-and-rates/trees-and-verges" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
470                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Trees and verges</span>
471                                            </a>
472                                        </li>
473                                        <li class="pb-4">
474                                            <a href="/my-home-property-and-rates/responsible-pet-ownership" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
475                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Responsible pet ownership</span>
476                                            </a>
477                                        </li>
478                                        <li class="pb-4">
479                                            <a href="/my-home-property-and-rates/home-security-and-safety" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
480                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Home security and safety</span>
481                                            </a>
482                                        </li>
483                                        <li class="pb-4">
484                                            <a href="/my-home-property-and-rates/new-to-mandurah" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
485                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">New to Mandurah</span>
486                                            </a>
487                                        </li>
488                                </ul>
489                            </div>
490                    </li>
491                    <li id="mobile-2-wrapper"
492                        class="border-b-1 border-b-primary-700/30"
493                        data-accordion-wrapper>
494                            <div class="w-full h-full flex justify-between items-center gap-x-4 my-2 text-primary-700">
495                                <a href="/community-public-health-and-safety" class="py-3 w-auto">
496                                    <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold" id="mobile-2-heading">Community, public health, and safety</span>
497                                </a>
498                                <button type="button"
499                                        class="group h-full py-3 flex-grow flex items-center justify-end transition-all"
500                                        aria-expanded="false"
501                                        aria-controls="mobile-2-body"
502                                        data-toggle-target="#mobile-2-body"
503                                        data-accordion-trigger>
504                                    <span class="sr-only">Toggle Community, public health, and safety Links</span>
505                                    <div class="shrink-0 relative h-5 w-5">
506                                        <svg class="absolute right-0 h-5 w-5 text-inherit transition-all duration-300 group-aria-[expanded=false]:-rotate-90" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
507                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" />
508                                        </svg>
509                                        <svg class="absolute right-0 h-5 w-5 text-inherit" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
510                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" />
511                                        </svg>
512                                    </div>
513                                </button>
514                            </div>
515                            <div id="mobile-2-body"
516                                 class="transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible"
517                                 style="--accordion-height: 0;"
518                                 data-accordion-target>
519                                <ul aria-labelledby="mobile-2-heading" class="py-2">
520                                        <li class="pb-4">
521                                            <a href="/community-public-health-and-safety/fire-and-emergency-management" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
522                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Fire and emergency management</span>
523                                            </a>
524                                        </li>
525                                        <li class="pb-4">
526                                            <a href="/community-public-health-and-safety/public-and-environmental-health" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
527                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Public and environmental health</span>
528                                            </a>
529                                        </li>
530                                        <li class="pb-4">
531                                            <a href="/community-public-health-and-safety/community-groups-and-support" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
532                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Community support and groups</span>
533                                            </a>
534                                        </li>
535                                        <li class="pb-4">
536                                            <a href="/community-public-health-and-safety/health-and-wellbeing" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
537                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Health and wellbeing</span>
538                                            </a>
539                                        </li>
540                                        <li class="pb-4">
541                                            <a href="/community-public-health-and-safety/noise-litter-and-nuisance" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
542                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Noise, litter, and nuisance</span>
543                                            </a>
544                                        </li>
545                                        <li class="pb-4">
546                                            <a href="/community-public-health-and-safety/youth" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
547                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Youth</span>
548                                            </a>
549                                        </li>
550                                        <li class="pb-4">
551                                            <a href="/community-public-health-and-safety/over-55" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
552                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Over 55</span>
553                                            </a>
554                                        </li>
555                                        <li class="pb-4">
556                                            <a href="/community-public-health-and-safety/crisis-support-and-homelessness" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
557                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Crisis support and homelessness</span>
558                                            </a>
559                                        </li>
560                                </ul>
561                            </div>
562                    </li>
563                    <li id="mobile-3-wrapper"
564                        class="border-b-1 border-b-primary-700/30"
565                        data-accordion-wrapper>
566                            <div class="w-full h-full flex justify-between items-center gap-x-4 my-2 text-primary-700">
567                                <a href="/facilities" class="py-3 w-auto">
568                                    <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold" id="mobile-3-heading">Facilities, parks, beaches, and reserves</span>
569                                </a>
570                                <button type="button"
571                                        class="group h-full py-3 flex-grow flex items-center justify-end transition-all"
572                                        aria-expanded="false"
573                                        aria-controls="mobile-3-body"
574                                        data-toggle-target="#mobile-3-body"
575                                        data-accordion-trigger>
576                                    <span class="sr-only">Toggle Facilities, parks, beaches, and reserves Links</span>
577                                    <div class="shrink-0 relative h-5 w-5">
578                                        <svg class="absolute right-0 h-5 w-5 text-inherit transition-all duration-300 group-aria-[expanded=false]:-rotate-90" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
579                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" />
580                                        </svg>
581                                        <svg class="absolute right-0 h-5 w-5 text-inherit" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
582                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" />
583                                        </svg>
584                                    </div>
585                                </button>
586                            </div>
587                            <div id="mobile-3-body"
588                                 class="transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible"
589                                 style="--accordion-height: 0;"
590                                 data-accordion-target>
591                                <ul aria-labelledby="mobile-3-heading" class="py-2">
592                                        <li class="pb-4">
593                                            <a href="/facilities/marc" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
594                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Mandurah Aquatic and Recreation Centre (MARC)</span>
595                                            </a>
596                                        </li>
597                                        <li class="pb-4">
598                                            <a href="/facilities/libraries" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
599                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Libraries</span>
600                                            </a>
601                                        </li>
602                                        <li class="pb-4">
603                                            <a href="/facilities/seniors-centre" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
604                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Seniors and Community Centre - Dandjoo Kaadadjan Mia</span>
605                                            </a>
606                                        </li>
607                                        <li class="pb-4">
608                                            <a href="/facilities/casm" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
609                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Contemporary Art Spaces Mandurah (CASM)</span>
610                                            </a>
611                                        </li>
612                                        <li class="pb-4">
613                                            <a href="/facilities/bdyc" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
614                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Billy Dower Youth Centre - Moorditj Mia</span>
615                                            </a>
616                                        </li>
617                                        <li class="pb-4">
618                                            <a href="/facilities/marina" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
619                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Marina</span>
620                                            </a>
621                                        </li>
622                                        <li class="pb-4">
623                                            <a href="/facilities/parks-beaches-and-reserves" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
624                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Parks, Beaches and Reserves</span>
625                                            </a>
626                                        </li>
627                                        <li class="pb-4">
628                                            <a href="/facilities/venue-hire" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
629                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Venue hire</span>
630                                            </a>
631                                        </li>
632                                </ul>
633                            </div>
634                    </li>
635                    <li id="mobile-4-wrapper"
636                        class="border-b-1 border-b-primary-700/30"
637                        data-accordion-wrapper>
638                            <div class="w-full h-full flex justify-between items-center gap-x-4 my-2 text-primary-700">
639                                <a href="/events-arts-heritage" class="py-3 w-auto">
640                                    <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold" id="mobile-4-heading">Events, arts and heritage</span>
641                                </a>
642                                <button type="button"
643                                        class="group h-full py-3 flex-grow flex items-center justify-end transition-all"
644                                        aria-expanded="false"
645                                        aria-controls="mobile-4-body"
646                                        data-toggle-target="#mobile-4-body"
647                                        data-accordion-trigger>
648                                    <span class="sr-only">Toggle Events, arts and heritage Links</span>
649                                    <div class="shrink-0 relative h-5 w-5">
650                                        <svg class="absolute right-0 h-5 w-5 text-inherit transition-all duration-300 group-aria-[expanded=false]:-rotate-90" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
651                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" />
652                                        </svg>
653                                        <svg class="absolute right-0 h-5 w-5 text-inherit" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
654                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" />
655                                        </svg>
656                                    </div>
657                                </button>
658                            </div>
659                            <div id="mobile-4-body"
660                                 class="transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible"
661                                 style="--accordion-height: 0;"
662                                 data-accordion-target>
663                                <ul aria-labelledby="mobile-4-heading" class="py-2">
664                                        <li class="pb-4">
665                                            <a href="/events-arts-heritage/whats-on" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
666                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">What&#x27;s on</span>
667                                            </a>
668                                        </li>
669                                        <li class="pb-4">
670                                            <a href="/events-arts-heritage/major-events-and-festivals" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
671                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Major events and festivals</span>
672                                            </a>
673                                        </li>
674                                        <li class="pb-4">
675                                            <a href="/events-arts-heritage/get involved" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
676                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Get involved</span>
677                                            </a>
678                                        </li>
679                                        <li class="pb-4">
680                                            <a href="/events-arts-heritage/organise-an-event" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
681                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Organise an event</span>
682                                            </a>
683                                        </li>
684                                        <li class="pb-4">
685                                            <a href="/events-arts-heritage/first-nations" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
686                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">First Nations</span>
687                                            </a>
688                                        </li>
689                                        <li class="pb-4">
690                                            <a href="/events-arts-heritage/arts-in-mandurah" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
691                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Arts in Mandurah</span>
692                                            </a>
693                                        </li>
694                                        <li class="pb-4">
695                                            <a href="/events-arts-heritage/museum" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
696                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Museum</span>
697                                            </a>
698                                        </li>
699                                        <li class="pb-4">
700                                            <a href="/events-arts-heritage/citizenship-ceremonies" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
701                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Citizenship ceremonies </span>
702                                            </a>
703                                        </li>
704                                        <li class="pb-4">
705                                            <a href="/events-arts-heritage/experience-our-city-centre" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
706                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Experience our City Centre</span>
707                                            </a>
708                                        </li>
709                                </ul>
710                            </div>
711                    </li>
712                    <li id="mobile-5-wrapper"
713                        class="border-b-1 border-b-primary-700/30"
714                        data-accordion-wrapper>
715                            <div class="w-full h-full flex justify-between items-center gap-x-4 my-2 text-primary-700">
716                                <a href="/business-development-and-investment" 
716class="py-3 w-auto">
717                                    <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold" id="mobile-5-heading">Business, development, and investment</span>
718                                </a>
719                                <button type="button"
720                                        class="group h-full py-3 flex-grow flex items-center justify-end transition-all"
721                                        aria-expanded="false"
722                                        aria-controls="mobile-5-body"
723                                        data-toggle-target="#mobile-5-body"
724                                        data-accordion-trigger>
725                                    <span class="sr-only">Toggle Business, development, and investment Links</span>
726                                    <div class="shrink-0 relative h-5 w-5">
727                                        <svg class="absolute right-0 h-5 w-5 text-inherit transition-all duration-300 group-aria-[expanded=false]:-rotate-90" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
728                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" />
729                                        </svg>
730                                        <svg class="absolute right-0 h-5 w-5 text-inherit" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
731                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" />
732                                        </svg>
733                                    </div>
734                                </button>
735                            </div>
736                            <div id="mobile-5-body"
737                                 class="transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible"
738                                 style="--accordion-height: 0;"
739                                 data-accordion-target>
740                                <ul aria-labelledby="mobile-5-heading" class="py-2">
741                                        <li class="pb-4">
742                                            <a href="/business-development-and-investment/lodge-and-track-an-application" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
743                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Lodge and track an application</span>
744                                            </a>
745                                        </li>
746                                        <li class="pb-4">
747                                            <a href="/business-development-and-investment/planning-building-and-development" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
748                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Building, planning and development</span>
749                                            </a>
750                                        </li>
751                                        <li class="pb-4">
752                                            <a href="/business-development-and-investment/start-or-grow-your-business" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
753                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Start or grow your business</span>
754                                            </a>
755                                        </li>
756                                        <li class="pb-4">
757                                            <a href="/business-development-and-investment/tenders-and-suppliers" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
758                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Tenders and suppliers</span>
759                                            </a>
760                                        </li>
761                                        <li class="pb-4">
762                                            <a href="/business-development-and-investment/signage" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
763                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Signage</span>
764                                            </a>
765                                        </li>
766                                </ul>
767                            </div>
768                    </li>
769                    <li id="mobile-6-wrapper"
770                        class="border-b-1 border-b-primary-700/30"
771                        data-accordion-wrapper>
772                            <div class="w-full h-full flex justify-between items-center gap-x-4 my-2 text-primary-700">
773                                <a href="/our-council" class="py-3 w-auto">
774                                    <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold" id="mobile-6-heading">Our council</span>
775                                </a>
776                                <button type="button"
777                                        class="group h-full py-3 flex-grow flex items-center justify-end transition-all"
778                                        aria-expanded="false"
779                                        aria-controls="mobile-6-body"
780                                        data-toggle-target="#mobile-6-body"
781                                        data-accordion-trigger>
782                                    <span class="sr-only">Toggle Our council Links</span>
783                                    <div class="shrink-0 relative h-5 w-5">
784                                        <svg class="absolute right-0 h-5 w-5 text-inherit transition-all duration-300 group-aria-[expanded=false]:-rotate-90" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
785                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" />
786                                        </svg>
787                                        <svg class="absolute right-0 h-5 w-5 text-inherit" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
788                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" />
789                                        </svg>
790                                    </div>
791                                </button>
792                            </div>
793                            <div id="mobile-6-body"
794                                 class="transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible"
795                                 style="--accordion-height: 0;"
796                                 data-accordion-target>
797                                <ul aria-labelledby="mobile-6-heading" class="py-2">
798                                        <li class="pb-4">
799                                            <a href="/our-council/mayor-and-councillors" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
800                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Mayor and Councillors</span>
801                                            </a>
802                                        </li>
803                                        <li class="pb-4">
804                                            <a href="/our-council/council-meetings" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
805                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Council meetings</span>
806                                            </a>
807                                        </li>
808                                        <li class="pb-4">
809                                            <a href="/our-council/news-and-public-notices" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
810                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">News and public notices</span>
811                                            </a>
812                                        </li>
813                                        <li class="pb-4">
814                                            <a href="/our-council/governance-and-transparency" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
815                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Governance and transparency</span>
816                                            </a>
817                                        </li>
818                                        <li class="pb-4">
819                                            <a href="/our-council/leadership-and-vision" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
820                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Leadership and vision</span>
821                                            </a>
822                                        </li>
823                                        <li class="pb-4">
824                                            <a href="/our-council/budget" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
825                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Budget </span>
826                                            </a>
827                                        </li>
828                                        <li class="pb-4">
829                                            <a href="/our-council/advisory-groups-and-committees" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
830                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Advisory groups and committees</span>
831                                            </a>
832                                        </li>
833                                        <li class="pb-4">
834                                            <a href="/our-council/elections" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
835                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Elections</span>
836                                            </a>
837                                        </li>
838                                </ul>
839                            </div>
840                    </li>
841                    <li id="mobile-7-wrapper"
842                        class="border-b-1 border-b-primary-700/30"
843                        data-accordion-wrapper>
844                            <div class="w-full h-full flex justify-between items-center gap-x-4 my-2 text-primary-700">
845                                <a href="/our-city" class="py-3 w-auto">
846                                    <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold" id="mobile-7-heading">Our city</span>
847                                </a>
848                                <button type="button"
849                                        class="group h-full py-3 flex-grow flex items-center justify-end transition-all"
850                                        aria-expanded="false"
851                                        aria-controls="mobile-7-body"
852                                        data-toggle-target="#mobile-7-body"
853                                        data-accordion-trigger>
854                                    <span class="sr-only">Toggle Our city Links</span>
855                                    <div class="shrink-0 relative h-5 w-5">
856                                        <svg class="absolute right-0 h-5 w-5 text-inherit transition-all duration-300 group-aria-[expanded=false]:-rotate-90" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
857                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" />
858                                        </svg>
859                                        <svg class="absolute right-0 h-5 w-5 text-inherit" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
860                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" />
861                                        </svg>
862                                    </div>
863                                </button>
864                            </div>
865                            <div id="mobile-7-body"
866                                 class="transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible"
867                                 style="--accordion-height: 0;"
868                                 data-accordion-target>
869                                <ul aria-labelledby="mobile-7-heading" class="py-2">
870                                        <li class="pb-4">
871                                            <a href="/our-city/contact-us" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
872                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Contact us </span>
873                                            </a>
874                                        </li>
875                                        <li class="pb-4">
876                                            <a href="/our-city/work-with-us" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
877                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Work with us</span>
878                                            </a>
879                                        </li>
880                                        <li class="pb-4">
881                                            <a href="/our-city/our-environment-wildlife-and-waterways" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
882                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Our environment, wildlife and waterways</span>
883                                            </a>
884                                        </li>
885                                        <li class="pb-4">
886                                            <a href="/our-city/multicultural-mandurah" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
887                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Multicultural Mandurah</span>
888                                            </a>
889                                        </li>
890                                        <li class="pb-4">
891                                            <a href="/our-city/ranger-services-and-parking" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
892                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Ranger Services and parking</span>
893                                            </a>
894                                        </li>
895                                        <li class="pb-4">
896                                            <a href="/our-city/cemeteries" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
897                                                <span class="text-lg md:text-xl xl:text-2xl font-medium">Cemeteries</span>
898                                            </a>
899                                        </li>
900                                </ul>
901                            </div>
902                    </li>
903                    <li id="mobile-8-wrapper"
904                        class="border-b-1 border-b-primary-700/30"
905                        data-accordion-wrapper>
906                            <a href="/disclaimer" class="w-full flex justify-between items-center gap-x-4 my-2 py-3 transition-all text-primary-700">
907                                <span class="text-lg md:text-xl xl:text-2xl font-semibold">Disclaimer</span>
908                                <span class="relative block w-fit" aria-hidden="true">
909                                    <svg class="w-3 h-3 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
910                                    <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
911                                                                                    </svg>
912                                    <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] w-3 rounded-lg bg-primary-600"></span>
913                                </span>
914                            </a>
915                    </li>
916            </ul>
917        </nav>
918                 </div>
919
920                <div class="px-6 w-full *:w-full">
921                </div>
922            </div>
923
924            <div id="desktopMegaMenu" class="menu-panel group/desktopmenu inv
924isible relative z-20 w-full h-full max-w-1920 mx-auto mt-35 lg:grid lg:grid-cols-[2fr_2fr_1.5fr] gap-x-10 overflow-y-auto will-change-[opacity,visibility]">
925        <nav class="hidden lg:col-start-1 lg:col-span-2 lg:grid lg:grid-cols-2 gap-x-10 mt-12 mb-6"
926             id="fdfdb85b-desktop-links"
927             aria-label="main navigation"
928             data-accordion-group
929             data-hover-toggle="true"
930             data-accordion-collapse="true">
931            <ul class="col-start-1 flex flex-col gap-y-8 py-2 px-2 overflow-y-auto max-h-[calc(100vh-200px)] scrollbar scrollbar--sm"
932                style="--scrollbar-track-bg: var(--color-secondary-200); --scrollbar-thumb-bg: var(--color-primary-600); --scrollbar-thumb-bg-hover: var(--color-primary-700);">
933                    <li id="desktop-0-wrapper"
934                        class="group"
935                        data-accordion-wrapper>
936                        <div class="mx-1 flex w-full rounded-lg justify-start items-center gap-x-4 transition-all text-primary-700 group-has-[button[aria-expanded=true]]:px-4 group-has-[button[aria-expanded=true]]:gap-x-8 group-has-[button[aria-expanded=true]]:bg-secondary-200">
937                                <a href="/disability-access-and-inclusion" class="shrink-0 py-2">
938                                    <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold">Disability access and inclusion</span>
939                                </a>
940                                <button type="button"
941                                        class="w-full py-2 mr-1 text-left"
942                                        aria-expanded="false"
943                                        aria-controls="desktop-0-body"
944                                        data-toggle-target="#desktop-0-body"
945                                        data-accordion-trigger>
946                                    <span class="sr-only">Toggle Disability access and inclusion Links</span>
947                                    <span class="relative block w-fit" aria-hidden="true">
948                                        <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
949                                        <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
950                                                                                        </svg>
951                                        <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-has-[button[aria-expanded=true]]:w-4"></span>
952                                    </span>
953                                </button>
954                        </div>
955                    </li>
956                    <li id="desktop-1-wrapper"
957                        class="group"
958                        data-accordion-wrapper>
959                        <div class="mx-1 flex w-full rounded-lg justify-start items-center gap-x-4 transition-all text-primary-700 group-has-[button[aria-expanded=true]]:px-4 group-has-[button[aria-expanded=true]]:gap-x-8 group-has-[button[aria-expanded=true]]:bg-secondary-200">
960                                <a href="/my-home-property-and-rates" class="shrink-0 py-2">
961                                    <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold">My home, property, and rates</span>
962                                </a>
963                                <button type="button"
964                                        class="w-full py-2 mr-1 text-left"
965                                        aria-expanded="false"
966                                        aria-controls="desktop-1-body"
967                                        data-toggle-target="#desktop-1-body"
968                                        data-accordion-trigger>
969                                    <span class="sr-only">Toggle My home, property, and rates Links</span>
970                                    <span class="relative block w-fit" aria-hidden="true">
971                                        <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
972                                        <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
973                                                                                        </svg>
974                                        <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-has-[button[aria-expanded=true]]:w-4"></span>
975                                    </span>
976                                </button>
977                        </div>
978                    </li>
979                    <li id="desktop-2-wrapper"
980                        class="group"
981                        data-accordion-wrapper>
982                        <div class="mx-1 flex w-full rounded-lg justify-start items-center gap-x-4 transition-all text-primary-700 group-has-[button[aria-expanded=true]]:px-4 group-has-[button[aria-expanded=true]]:gap-x-8 group-has-[button[aria-expanded=true]]:bg-secondary-200">
983                                <a href="/community-public-health-and-safety" class="shrink-0 py-2">
984                                    <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold">Community, public health, and safety</span>
985                                </a>
986                                <button type="button"
987                                        class="w-full py-2 mr-1 text-left"
988                                        aria-expanded="false"
989                                        aria-controls="desktop-2-body"
990                                        data-toggle-target="#desktop-2-body"
991                                        data-accordion-trigger>
992                                    <span class="sr-only">Toggle Community, public health, and safety Links</span>
993                                    <span class="relative block w-fit" aria-hidden="true">
994                                        <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
995                                        <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
996                                                                                        </svg>
997                                        <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-has-[button[aria-expanded=true]]:w-4"></span>
998                                    </span>
999                                </button>
1000                        </div>
1001                    </li>
1002                    <li id="desktop-3-wrapper"
1003                        class="group"
1004                        data-accordion-wrapper>
1005                        <div class="mx-1 flex w-full rounded-lg justify-start items-center gap-x-4 transition-all text-primary-700 group-has-[button[aria-expanded=true]]:px-4 group-has-[button[aria-expanded=true]]:gap-x-8 group-has-[button[aria-expanded=true]]:bg-secondary-200">
1006                                <a href="/facilities" class="shrink-0 py-2">
1007                                    <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold">Facilities, parks, beaches, and reserves</span>
1008                                </a>
1009                                <button type="button"
1010                                        class="w-full py-2 mr-1 text-left"
1011                                        aria-expanded="false"
1012                                        aria-controls="desktop-3-body"
1013                                        data-toggle-target="#desktop-3-body"
1014                                        data-accordion-trigger>
1015                                    <span class="sr-only">Toggle Facilities, parks, beaches, and reserves Links</span>
1016                                    <span class="relative block w-fit" aria-hidden="true">
1017                                        <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1018                                        <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1019                                                                                        </svg>
1020                                        <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-has-[button[aria-expanded=true]]:w-4"></span>
1021                                    </span>
1022                                </button>
1023                        </div>
1024                    </li>
1025                    <li id="desktop-4-wrapper"
1026                        class="group"
1027                        data-accordion-wrapper>
1028                        <div class="mx-1 flex w-full rounded-lg justify-start items-center gap-x-4 transition-all text-primary-700 group-has-[button[aria-expanded=true]]:px-4 group-has-[button[aria-expanded=true]]:gap-x-8 group-has-[button[aria-expanded=true]]:bg-secondary-200">
1029                                <a href="/events-arts-heritage" class="shrink-0 py-2">
1030                                    <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold">Events, arts and heritage</span>
1031                                </a>
1032                                <button type="button"
1033                                        class="w-full py-2 mr-1 text-left"
1034                                        aria-expanded="false"
1035                                        aria-controls="desktop-4-body"
1036                                        data-toggle-target="#desktop-4-body"
1037                                        data-accordion-trigger>
1038                                    <span class="sr-only">Toggle Events, arts and heritage Links</span>
1039                                    <span class="relative block w-fit" aria-hidden="true">
1040                                        <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1041                                        <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1042                                                                                        </svg>
1043                                        <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-has-[button[aria-expanded=true]]:w-4"></span>
1044                                    </span>
1045                                </button>
1046                        </div>
1047                    </li>
1048                    <li id="desktop-5-wrapper"
1049                        class="group"
1050                        data-accordion-wrapper>
1051                        <div class="mx-1 flex w-full rounded-lg justify-start items-center gap-x-4 transition-all text-primary-700 group-has-[button[aria-expanded=true]]:px-4 group-has-[button[aria-expanded=true]]:gap-x-8 group-has-[button[aria-expanded=true]]:bg-secondary-200">
1052                                <a href="/business-development-and-investment" 
1052class="shrink-0 py-2">
1053                                    <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold">Business, development, and investment</span>
1054                                </a>
1055                                <button type="button"
1056                                        class="w-full py-2 mr-1 text-left"
1057                                        aria-expanded="false"
1058                                        aria-controls="desktop-5-body"
1059                                        data-toggle-target="#desktop-5-body"
1060                                        data-accordion-trigger>
1061                                    <span class="sr-only">Toggle Business, development, and investment Links</span>
1062                                    <span class="relative block w-fit" aria-hidden="true">
1063                                        <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1064                                        <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1065                                                                                        </svg>
1066                                        <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-has-[button[aria-expanded=true]]:w-4"></span>
1067                                    </span>
1068                                </button>
1069                        </div>
1070                    </li>
1071                    <li id="desktop-6-wrapper"
1072                        class="group"
1073                        data-accordion-wrapper>
1074                        <div class="mx-1 flex w-full rounded-lg justify-start items-center gap-x-4 transition-all text-primary-700 group-has-[button[aria-expanded=true]]:px-4 group-has-[button[aria-expanded=true]]:gap-x-8 group-has-[button[aria-expanded=true]]:bg-secondary-200">
1075                                <a href="/our-council" class="shrink-0 py-2">
1076                                    <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold">Our council</span>
1077                                </a>
1078                                <button type="button"
1079                                        class="w-full py-2 mr-1 text-left"
1080                                        aria-expanded="false"
1081                                        aria-controls="desktop-6-body"
1082                                        data-toggle-target="#desktop-6-body"
1083                                        data-accordion-trigger>
1084                                    <span class="sr-only">Toggle Our council Links</span>
1085                                    <span class="relative block w-fit" aria-hidden="true">
1086                                        <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1087                                        <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1088                                                                                        </svg>
1089                                        <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-has-[button[aria-expanded=true]]:w-4"></span>
1090                                    </span>
1091                                </button>
1092                        </div>
1093                    </li>
1094                    <li id="desktop-7-wrapper"
1095                        class="group"
1096                        data-accordion-wrapper>
1097                        <div class="mx-1 flex w-full rounded-lg justify-start items-center gap-x-4 transition-all text-primary-700 group-has-[button[aria-expanded=true]]:px-4 group-has-[button[aria-expanded=true]]:gap-x-8 group-has-[button[aria-expanded=true]]:bg-secondary-200">
1098                                <a href="/our-city" class="shrink-0 py-2">
1099                                    <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold">Our city</span>
1100                                </a>
1101                                <button type="button"
1102                                        class="w-full py-2 mr-1 text-left"
1103                                        aria-expanded="false"
1104                                        aria-controls="desktop-7-body"
1105                                        data-toggle-target="#desktop-7-body"
1106                                        data-accordion-trigger>
1107                                    <span class="sr-only">Toggle Our city Links</span>
1108                                    <span class="relative block w-fit" aria-hidden="true">
1109                                        <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1110                                        <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1111                                                                                        </svg>
1112                                        <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-has-[button[aria-expanded=true]]:w-4"></span>
1113                                    </span>
1114                                </button>
1115                        </div>
1116                    </li>
1117                    <li id="desktop-8-wrapper"
1118                        class="group"
1119                        data-accordion-wrapper>
1120                        <div class="mx-1 flex w-full rounded-lg justify-start items-center gap-x-4 transition-all text-primary-700 group-has-[button[aria-expanded=true]]:px-4 group-has-[button[aria-expanded=true]]:gap-x-8 group-has-[button[aria-expanded=true]]:bg-secondary-200">
1121                                <a href="/disclaimer" class="rounded-lg! flex justify-start items-center gap-x-6 py-2 text-primary-700 hover:px-4 hover:gap-x-8 hover:bg-secondary-200 transition-all">
1122                                    <span class="text-lg md:text-xl xl:text-2xl font-semibold">Disclaimer</span>
1123                                    <span class="relative block w-fit" aria-hidden="true">
1124                                        <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1125                                        <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1126                                                                                        </svg>
1127                                        <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] w-4 rounded-lg bg-primary-600"></span>
1128                                    </span>
1129                                </a>
1130                        </div>
1131                    </li>
1132            </ul>
1133
1134                    <div id="desktop-0-body"
1135                         aria-labelledby="desktop-0-heading"
1136                         class="col-start-2 row-start-1 transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible bg-secondary-300"
1137                         style="--accordion-height: 0;"
1138                         data-accordion-target>
1139                        <ul class="flex flex-col gap-y-8 py-2 px-2 overflow-y-auto max-h-[calc(100vh-200px)] scrollbar scrollbar--sm"
1140                            style="--scrollbar-track-bg: var(--color-secondary-200); --scrollbar-thumb-bg: var(--color-primary-600); --scrollbar-thumb-bg-hover: var(--color-primary-700);">
1141                                <li>
1142                                    <a href="/disability-access-and-inclusion/website-accessibility" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1143                                        <span class="relative block w-fit" aria-hidden="true">
1144                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1145                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1146                                                                                                        </svg>
1147                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1148                                        </span>
1149                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Website accessibility</span>
1150                                    </a>
1151                                </li>
1152                                <li>
1153                                    <a href="/disability-access-and-inclusion/inclusive-community-activities" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1154                                        <span class="relative block w-fit" aria-hidden="true">
1155                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1156                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1157                                                                                                        </svg>
1158                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1159                                        </span>
1160                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Inclusive community activities</span>
1161                                    </a>
1162                                </li>
1163                                <li>
1164                                    <a href="/disability-access-and-inclusion/accessible-places-and-services" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1165                                        <span class="relative block w-fit" aria-hidden="true">
1166                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1167                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1168                                                                                                        </svg>
1169                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1170                                        </span>
1171                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Accessible places and services</span>
1172                                    </a>
1173                                </li>
1174                                <li>
1175                                    <a href="/disability-access-and-inclusion/resources-and-support-hub" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1176                                        <span class="relative block w-fit" aria-hidden="true">
1177                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1178                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1179                                                                                                        </svg>
1180                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1181                                        </span>
1182                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Resources and support hub</span>
1183                                    </a>
1184                                </li>
1185                                <li>
1186                                    <a href="/disability-access-and-inclusion/our-plan-and-advisory-group" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1187                                        <span class="relative block w-fit" aria-hidden="true">
1188                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1189                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1190                                                                                                        </svg>
1191                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1192                                        </span>
1193                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Our plan and advisory group</span>
1194                                    </a>
1195                                </li>
1196                        </ul>
1197                    </div>
1198                    <div id="desktop-1-body"
1199                         aria-labelledby="desktop-1-heading"
1200                         class="col-start-2 row-start-1 transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible bg-secondary-300"
1201                         style="--accordion-height: 0;"
1202                         data-accordion-target>
1203                        <ul class="flex flex-col gap-y-8 py-2 px-2 overflow-y-auto max-h-[calc(100vh-200px)] scrollbar scrollbar--sm"
1204                            style="--scrollbar-track-bg: var(--color-secondary-200); --scrollbar-thumb-bg: var(--color-primary-600); --scrollbar-thumb-bg-hover: var(--color-primary-700);">
1205                                <li>
1206                                    <a href="/my-home-property-and-rates/rates" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1207                                        <span class="relative block w-fit" aria-hidden="true">
1208                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1209                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1210                                                                                                        </svg>
1211                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1212                                        </span>
1213                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Rates</span>
1214                                    </a>
1215                                </li>
1216                                <li>
1217                                    <a href="/my-home-property-and-rates/rubbish-and-recycling" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1218                                        <span class="relative block w-fit" aria-hidden="true">
1219                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1220                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1221                                                                                                        </svg>
1222                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1223                                        </span>
1224                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Rubbish and recycling</span>
1225                                    </a>
1226                                </li>
1227                                <li>
1228                                    <a href="/my-home-property-and-rates/building-and-improving-your-home" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1229                                        <span class="relative block w-fit" aria-hidden="true">
1230                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1231                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1232                                                                                                        </svg>
1233                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1234                                        </span>
1235                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Building and improving your home</span>
1236                                    </a>
1237                                </li>
1238                                <li>
1239                                    <a href="/my-home-property-and-rates/rural-and-rural-residential-properties" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1240                                        <span class="relative block w-fit" aria-hidden="true">
1241                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1242                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1243                                                                                                        </svg>
1244                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1245                                        </span>
1246                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Rural and Rural-Residential properties</span>
1247                                    </a>
1248                                </li>
1249                                <li>
1250                                    <a href="/my-home-property-and-rates/trees-and-verges" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1251                                        <span class="relative block w-fit" aria-hidden="true">
1252                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1253                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1254                                                                                                        </svg>
1255                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1256                                        </span>
1257                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Trees and verges</span>
1258                                    </a>
1259                                </li>
1260                                <li>
1261                                    <a href="/my-home-property-and-rates/responsible-pet-ownership" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1262                                        <span class="relative block w-fit" aria-hidden="true">
1263                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1264                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-1
12647.851 64.693 0L489.585 287.58l-.143.143Z" />
1265                                                                                                        </svg>
1266                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1267                                        </span>
1268                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Responsible pet ownership</span>
1269                                    </a>
1270                                </li>
1271                                <li>
1272                                    <a href="/my-home-property-and-rates/home-security-and-safety" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1273                                        <span class="relative block w-fit" aria-hidden="true">
1274                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1275                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1276                                                                                                        </svg>
1277                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1278                                        </span>
1279                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Home security and safety</span>
1280                                    </a>
1281                                </li>
1282                                <li>
1283                                    <a href="/my-home-property-and-rates/new-to-mandurah" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1284                                        <span class="relative block w-fit" aria-hidden="true">
1285                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1286                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1287                                                                                                        </svg>
1288                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1289                                        </span>
1290                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">New to Mandurah</span>
1291                                    </a>
1292                                </li>
1293                        </ul>
1294                    </div>
1295                    <div id="desktop-2-body"
1296                         aria-labelledby="desktop-2-heading"
1297                         class="col-start-2 row-start-1 transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible bg-secondary-300"
1298                         style="--accordion-height: 0;"
1299                         data-accordion-target>
1300                        <ul class="flex flex-col gap-y-8 py-2 px-2 overflow-y-auto max-h-[calc(100vh-200px)] scrollbar scrollbar--sm"
1301                            style="--scrollbar-track-bg: var(--color-secondary-200); --scrollbar-thumb-bg: var(--color-primary-600); --scrollbar-thumb-bg-hover: var(--color-primary-700);">
1302                                <li>
1303                                    <a href="/community-public-health-and-safety/fire-and-emergency-management" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1304                                        <span class="relative block w-fit" aria-hidden="true">
1305                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1306                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1307                                                                                                        </svg>
1308                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1309                                        </span>
1310                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Fire and emergency management</span>
1311                                    </a>
1312                                </li>
1313                                <li>
1314                                    <a href="/community-public-health-and-safety/public-and-environmental-health" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1315                                        <span class="relative block w-fit" aria-hidden="true">
1316                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1317                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1318                                                                                                        </svg>
1319                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1320                                        </span>
1321                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Public and environmental health</span>
1322                                    </a>
1323                                </li>
1324                                <li>
1325                                    <a href="/community-public-health-and-safety/community-groups-and-support" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1326                                        <span class="relative block w-fit" aria-hidden="true">
1327                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1328                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1329                                                                                                        </svg>
1330                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1331                                        </span>
1332                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Community support and groups</span>
1333                                    </a>
1334                                </li>
1335                                <li>
1336                                    <a href="/community-public-health-and-safety/health-and-wellbeing" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1337                                        <span class="relative block w-fit" aria-hidden="true">
1338                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1339                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1340                                                                                                        </svg>
1341                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1342                                        </span>
1343                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Health and wellbeing</span>
1344                                    </a>
1345                                </li>
1346                                <li>
1347                                    <a href="/community-public-health-and-safety/noise-litter-and-nuisance" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1348                                        <span class="relative block w-fit" aria-hidden="true">
1349                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1350                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1351                                                                                                        </svg>
1352                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1353                                        </span>
1354                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Noise, litter, and nuisance</span>
1355                                    </a>
1356                                </li>
1357                                <li>
1358                                    <a href="/community-public-health-and-safety/youth" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1359                                        <span class="relative block w-fit" aria-hidden="true">
1360                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1361                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-1
13617.851 64.693 0L489.585 287.58l-.143.143Z" />
1362                                                                                                        </svg>
1363                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1364                                        </span>
1365                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Youth</span>
1366                                    </a>
1367                                </li>
1368                                <li>
1369                                    <a href="/community-public-health-and-safety/over-55" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1370                                        <span class="relative block w-fit" aria-hidden="true">
1371                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1372                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1373                                                                                                        </svg>
1374                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1375                                        </span>
1376                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Over 55</span>
1377                                    </a>
1378                                </li>
1379                                <li>
1380                                    <a href="/community-public-health-and-safety/crisis-support-and-homelessness" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1381                                        <span class="relative block w-fit" aria-hidden="true">
1382                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1383                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1384                                                                                                        </svg>
1385                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1386                                        </span>
1387                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Crisis support and homelessness</span>
1388                                    </a>
1389                                </li>
1390                        </ul>
1391                    </div>
1392                    <div id="desktop-3-body"
1393                         aria-labelledby="desktop-3-heading"
1394                         class="col-start-2 row-start-1 transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible bg-secondary-300"
1395                         style="--accordion-height: 0;"
1396                         data-accordion-target>
1397                        <ul class="flex flex-col gap-y-8 py-2 px-2 overflow-y-auto max-h-[calc(100vh-200px)] scrollbar scrollbar--sm"
1398                            style="--scrollbar-track-bg: var(--color-secondary-200); --scrollbar-thumb-bg: var(--color-primary-600); --scrollbar-thumb-bg-hover: var(--color-primary-700);">
1399                                <li>
1400                                    <a href="/facilities/marc" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1401                                        <span class="relative block w-fit" aria-hidden="true">
1402                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1403                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1404                                                                                                        </svg>
1405                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1406                                        </span>
1407                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Mandurah Aquatic and Recreation Centre (MARC)</span>
1408                                    </a>
1409                                </li>
1410                                <li>
1411                                    <a href="/facilities/libraries" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1412                                        <span class="relative block w-fit" aria-hidden="true">
1413                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1414                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1415                                                                                                        </svg>
1416                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1417                                        </span>
1418                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Libraries</span>
1419                                    </a>
1420                                </li>
1421                                <li>
1422                                    <a href="/facilities/seniors-centre" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1423                                        <span class="relative block w-fit" aria-hidden="true">
1424                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1425                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1426                                                                                                        </svg>
1427                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1428                                        </span>
1429                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Seniors and Community Centre - Dandjoo Kaadadjan Mia</span>
1430                                    </a>
1431                                </li>
1432                                <li>
1433                                    <a href="/facilities/casm" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1434                                        <span class="relative block w-fit" aria-hidden="true">
1435                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1436                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1437                                                                                                        </svg>
1438                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1439                                        </span>
1440                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Contemporary Art Spaces Mandurah (CASM)</span>
1441                                    </a>
1442                                </li>
1443                                <li>
1444                                    <a href="/facilities/bdyc" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1445                                        <span class="relative block w-fit" aria-hidden="true">
1446                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1447                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1448                                                                                                        </svg>
1449                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1450                                        </span>
1451                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Billy Dower Youth Centre - Moorditj Mia</span>
1452                                    </a>
1453                                </li>
1454                                <li>
1455                                    <a href="/facilities/marina" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1456                                        <span class="relative block w-fit" aria-hidden="true">
1457                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1458                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1459                                                                                                        </svg>
1460                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1461                                        </span>
1462                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Marina</span>
1463                                    </a>
1464                                </li>
1465                                <li>
1466                                    <a href="/facilities/parks-beaches-and-reserves" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1467                                        <span class="relative block w-fit" aria-hidden="true">
1468                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1469                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1470                                                                                                        </svg>
1471                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1472                                        </span>
1473                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Parks, Beaches and Reserves</span>
1474                                    </a>
1475                                </li>
1476                                <li>
1477                                    <a href="/facilities/venue-hire" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1478                                        <span class="relative block w-fit" aria-hidden="true">
1479                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1480                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1481                                                                                                        </svg>
1482                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1483                                        </span>
1484                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Venue hire</span>
1485                                    </a>
1486                                </li>
1487                        </ul>
1488                    </div>
1489                    <div id="desktop-4-body"
1490                         aria-labelledby="desktop-4-heading"
1491                         class="col-start-2 row-start-1 transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible bg-secondary-300"
1492                         style="--accordion-height: 0;"
1493                         data-accordion-target>
1494                        <ul class="flex flex-col gap-y-8 py-2 px-2 overflow-y-auto max-h-[calc(100vh-200px)] scrollbar scrollbar--sm"
1495                            style="--scrollbar-track-bg: var(--color-secondary-200); --scrollbar-thumb-bg: var(--color-primary-600); --scrollbar-thumb-bg-hover: var(--color-primary-700);">
1496                                <li>
1497                                    <a href="/events-arts-heritage/whats-on" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1498                                        <span class="relative block w-fit" aria-hidden="true">
1499                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1500                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1501                                                                                                        </svg>
1502                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1503                                        </span>
1504                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">What&#x27;s on</span>
1505                                    </a>
1506                                </li>
1507                                <li>
1508                                    <a href="/events-arts-heritage/major-events-and-festivals" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1509                                        <span class="relative block w-fit" aria-hidden="true">
1510                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1511                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1512                                                                                                        </svg>
1513                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1514                                        </span>
1515                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Major events and festivals</span>
1516                                    </a>
1517                                </li>
1518                                <li>
1519                                    <a href="/events-arts-heritage/get involved" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1520                                        <span class="relative block w-fit" aria-hidden="true">
1521                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1522                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1523                                                                                                        </svg>
1524                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1525                                        </span>
1526                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Get involved</span>
1527                                    </a>
1528                                </li>
1529                                <li>
1530                                    <a href="/events-arts-heritage/organise-an-event" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1531                                        <span class="relative block w-fit" aria-hidden="true">
1532                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1533                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1534                                                                                                        </svg>
1535                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1536                                        </span>
1537                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Organise an event</span>
1538                                    </a>
1539                                </li>
1540                                <li>
1541                                    <a href="/events-arts-heritage/first-nations" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1542                                        <span class="relative block w-fit" aria-hidden="true">
1543                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1544                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1545                                                                                                        </svg>
1546                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1547                                        </span>
1548                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">First Nations</span>
1549                                    </a>
1550                                </li>
1551                                <li>
1552                                    <a href="/events-arts-heritage/arts-in-mandurah" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1553                                        <span class="relative block w-fit" aria-hidden="true">
1554                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1555                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1556                                                                                                        </svg>
1557                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1558                                        </span>
1559                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Arts in Mandurah</span>
1560                                    </a>
1561                                </li>
1562                                <li>
1563                                    <a href="/events-arts-heritage/museum" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1564                                        <span class="relative block w-fit" aria-hidden="true">
1565                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1566                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1567                                                                                                        </svg>
1568                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1569                                        </span>
1570                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Museum</span>
1571                                    </a>
1572                                </li>
1573                                <li>
1574                                    <a href="/events-arts-heritage/citizenship-ceremonies" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1575                                        <span class="relative block w-fit" aria-hidden="true">
1576                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1577                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1578                                                                                                        </svg>
1579                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1580                                        </span>
1581                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Citizenship ceremonies </span>
1582                                    </a>
1583                                </li>
1584                                <li>
1585                                    <a href="/events-arts-heritage/experience-our-city-centre" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1586                                        <span class="relative block w-fit" aria-hidden="true">
1587                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1588                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-1
15887.851 64.693 0L489.585 287.58l-.143.143Z" />
1589                                                                                                        </svg>
1590                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1591                                        </span>
1592                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Experience our City Centre</span>
1593                                    </a>
1594                                </li>
1595                        </ul>
1596                    </div>
1597                    <div id="desktop-5-body"
1598                         aria-labelledby="desktop-5-heading"
1599                         class="col-start-2 row-start-1 transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible bg-secondary-300"
1600                         style="--accordion-height: 0;"
1601                         data-accordion-target>
1602                        <ul class="flex flex-col gap-y-8 py-2 px-2 overflow-y-auto max-h-[calc(100vh-200px)] scrollbar scrollbar--sm"
1603                            style="--scrollbar-track-bg: var(--color-secondary-200); --scrollbar-thumb-bg: var(--color-primary-600); --scrollbar-thumb-bg-hover: var(--color-primary-700);">
1604                                <li>
1605                                    <a href="/business-development-and-investment/lodge-and-track-an-application" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1606                                        <span class="relative block w-fit" aria-hidden="true">
1607                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1608                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1609                                                                                                        </svg>
1610                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1611                                        </span>
1612                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Lodge and track an application</span>
1613                                    </a>
1614                                </li>
1615                                <li>
1616                                    <a href="/business-development-and-investment/planning-building-and-development" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1617                                        <span class="relative block w-fit" aria-hidden="true">
1618                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1619                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1620                                                                                                        </svg>
1621                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1622                                        </span>
1623                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Building, planning and development</span>
1624                                    </a>
1625                                </li>
1626                                <li>
1627                                    <a href="/business-development-and-investment/start-or-grow-your-business" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1628                                        <span class="relative block w-fit" aria-hidden="true">
1629                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1630                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1631                                                                                                        </svg>
1632                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1633                                        </span>
1634                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Start or grow your business</span>
1635                                    </a>
1636                                </li>
1637                                <li>
1638                                    <a href="/business-development-and-investment/tenders-and-suppliers" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1639                                        <span class="relative block w-fit" aria-hidden="true">
1640                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1641                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1642                                                                                                        </svg>
1643                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1644                                        </span>
1645                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Tenders and suppliers</span>
1646                                    </a>
1647                                </li>
1648                                <li>
1649                                    <a href="/business-development-and-investment/signage" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1650                                        <span class="relative block w-fit" aria-hidden="true">
1651                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1652                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-1
16527.851 64.693 0L489.585 287.58l-.143.143Z" />
1653                                                                                                        </svg>
1654                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1655                                        </span>
1656                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Signage</span>
1657                                    </a>
1658                                </li>
1659                        </ul>
1660                    </div>
1661                    <div id="desktop-6-body"
1662                         aria-labelledby="desktop-6-heading"
1663                         class="col-start-2 row-start-1 transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible bg-secondary-300"
1664                         style="--accordion-height: 0;"
1665                         data-accordion-target>
1666                        <ul class="flex flex-col gap-y-8 py-2 px-2 overflow-y-auto max-h-[calc(100vh-200px)] scrollbar scrollbar--sm"
1667                            style="--scrollbar-track-bg: var(--color-secondary-200); --scrollbar-thumb-bg: var(--color-primary-600); --scrollbar-thumb-bg-hover: var(--color-primary-700);">
1668                                <li>
1669                                    <a href="/our-council/mayor-and-councillors" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1670                                        <span class="relative block w-fit" aria-hidden="true">
1671                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1672                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1673                                                                                                        </svg>
1674                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1675                                        </span>
1676                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Mayor and Councillors</span>
1677                                    </a>
1678                                </li>
1679                                <li>
1680                                    <a href="/our-council/council-meetings" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1681                                        <span class="relative block w-fit" aria-hidden="true">
1682                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1683                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1684                                                                                                        </svg>
1685                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1686                                        </span>
1687                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Council meetings</span>
1688                                    </a>
1689                                </li>
1690                                <li>
1691                                    <a href="/our-council/news-and-public-notices" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1692                                        <span class="relative block w-fit" aria-hidden="true">
1693                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1694                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1695                                                                                                        </svg>
1696                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1697                                        </span>
1698                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">News and public notices</span>
1699                                    </a>
1700                                </li>
1701                                <li>
1702                                    <a href="/our-council/governance-and-transparency" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1703                                        <span class="relative block w-fit" aria-hidden="true">
1704                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1705                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1706                                                                                                        </svg>
1707                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1708                                        </span>
1709                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Governance and transparency</span>
1710                                    </a>
1711                                </li>
1712                                <li>
1713                                    <a href="/our-council/leadership-and-vision" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1714                                        <span class="relative block w-fit" aria-hidden="true">
1715                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1716                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-1
17167.851 64.693 0L489.585 287.58l-.143.143Z" />
1717                                                                                                        </svg>
1718                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1719                                        </span>
1720                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Leadership and vision</span>
1721                                    </a>
1722                                </li>
1723                                <li>
1724                                    <a href="/our-council/budget" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1725                                        <span class="relative block w-fit" aria-hidden="true">
1726                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1727                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1728                                                                                                        </svg>
1729                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1730                                        </span>
1731                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Budget </span>
1732                                    </a>
1733                                </li>
1734                                <li>
1735                                    <a href="/our-council/advisory-groups-and-committees" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1736                                        <span class="relative block w-fit" aria-hidden="true">
1737                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1738                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1739                                                                                                        </svg>
1740                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1741                                        </span>
1742                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Advisory groups and committees</span>
1743                                    </a>
1744                                </li>
1745                                <li>
1746                                    <a href="/our-council/elections" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1747                                        <span class="relative block w-fit" aria-hidden="true">
1748                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1749                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-1
17497.851 64.693 0L489.585 287.58l-.143.143Z" />
1750                                                                                                        </svg>
1751                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1752                                        </span>
1753                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Elections</span>
1754                                    </a>
1755                                </li>
1756                        </ul>
1757                    </div>
1758                    <div id="desktop-7-body"
1759                         aria-labelledby="desktop-7-heading"
1760                         class="col-start-2 row-start-1 transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible bg-secondary-300"
1761                         style="--accordion-height: 0;"
1762                         data-accordion-target>
1763                        <ul class="flex flex-col gap-y-8 py-2 px-2 overflow-y-auto max-h-[calc(100vh-200px)] scrollbar scrollbar--sm"
1764                            style="--scrollbar-track-bg: var(--color-secondary-200); --scrollbar-thumb-bg: var(--color-primary-600); --scrollbar-thumb-bg-hover: var(--color-primary-700);">
1765                                <li>
1766                                    <a href="/our-city/contact-us" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1767                                        <span class="relative block w-fit" aria-hidden="true">
1768                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1769                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1770                                                                                                        </svg>
1771                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1772                                        </span>
1773                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Contact us </span>
1774                                    </a>
1775                                </li>
1776                                <li>
1777                                    <a href="/our-city/work-with-us" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1778                                        <span class="relative block w-fit" aria-hidden="true">
1779                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1780                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1781                                                                                                        </svg>
1782                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1783                                        </span>
1784                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Work with us</span>
1785                                    </a>
1786                                </li>
1787                                <li>
1788                                    <a href="/our-city/our-environment-wildlife-and-waterways" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1789                                        <span class="relative block w-fit" aria-hidden="true">
1790                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1791                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1792                                                                                                        </svg>
1793                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1794                                        </span>
1795                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Our environment, wildlife and waterways</span>
1796                                    </a>
1797                                </li>
1798                                <li>
1799                                    <a href="/our-city/multicultural-mandurah" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1800                                        <span class="relative block w-fit" aria-hidden="true">
1801                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1802                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1803                                                                                                        </svg>
1804                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1805                                        </span>
1806                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Multicultural Mandurah</span>
1807                                    </a>
1808                                </li>
1809                                <li>
1810                                    <a href="/our-city/ranger-services-and-parking" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1811                                        <span class="relative block w-fit" aria-hidden="true">
1812                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1813                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-1
18137.851 64.693 0L489.585 287.58l-.143.143Z" />
1814                                                                                                        </svg>
1815                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1816                                        </span>
1817                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Ranger Services and parking</span>
1818                                    </a>
1819                                </li>
1820                                <li>
1821                                    <a href="/our-city/cemeteries" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1822                                        <span class="relative block w-fit" aria-hidden="true">
1823                                            <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1824                                            <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" />
1825                                                                                                        </svg>
1826                                            <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span>
1827                                        </span>
1828                                        <span class="text-lg md:text-xl xl:text-2xl font-medium">Cemeteries</span>
1829                                    </a>
1830                                </li>
1831                        </ul>
1832                    </div>
1833        </nav>
1834
1835                <div class="hidden lg:block lg:col-start-3 lg:col-span-1">
1836                    <h2 id="doItOnline" class="md:text-lg lg:text-xl xl:text-2xl font-normal text-primary-700 px-4 flex items-center space-x-2">
1837                        <svg class="shrink-0 mt-0.5 w-5 h-5 fill-primary-700" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1838                        <path d="M447.557 313.177c75.482 26.288 130.053 98.327 130.053 182.346v113.135c0 17.303-14.04 31.342-31.342 31.342-17.303 0-31.343-14.04-31.343-31.342V495.523c0-71.604-58.717-130.296-130.424-130.296H255.369c-71.605 0-130.296 58.59-130.296 130.296v113.135c0 17.303-14.04 31.342-31.343 31.342-17.302 0-31.342-14.04-31.342-31.342V495.523c0-84.16 54.61-156.148 130.066-182.384-33.915-33.16-54.942-79.437-54.942-130.655C137.512 81.584 219.253-.002 320-.002s182.615 81.74 182.615 182.486c0 51.243-21.091 97.534-55.057 130.693Zm-7.628-130.693c0-66.14-53.79-119.802-119.93-119.802-66.14 0-119.802 53.56-119.802 119.802 0 66.256 53.547 119.93 119.802 119.93 66.255 0 119.93-53.674 119.93-119.93Z" />
1839                                                </svg>
1840                        <span>Do it online</span>
1841                    </h2>
1842                    <nav class="overflow-y-auto max-h-[calc(100vh-200px)] mb-6 mt-4 py-3 scrollbar scrollbar--sm"
1843                         style="--scrollbar-track-bg: var(--color-secondary-200); --scrollbar-thumb-bg: var(--color-primary-600); --scrollbar-thumb-bg-hover: var(--color-primary-700);">
1844                        <ul class="flex flex-col gap-y-6 pl-2 pr-4" aria-labelledby="doItOnline">
1845            <li>
1846                <a href="/our-city/contact-us/pay-it"
1847                   
1848                   class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 roun
1848ded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:bg-secondary-200 items-start lg:focus-visible:outline-offset-1!">
1849                    <span>
1850                        <span class="block lg:font-medium md:text-lg lg:text-xl xl:text-2xl mg-1 lg:mb-2">Pay it </span>
1851                        <span class="block text-xs lg:text-sm">Pay rates, infringements, animal renewal, or invoices</span>
1852                    </span>
1853                        <span class="icon com-arrow-right shrink-0 mt-1.5 w-4 h-5 mt-1.5" aria-hidden="true"></span>
1854
1855                </a>
1856            </li>
1857            <li>
1858                <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/LogOn/COMO"
1859                   target=&#x27;_blank&#x27;
1860                   class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 rounded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:bg-secondary-200 items-start lg:focus-visible:outline-offset-1!">
1861                    <span>
1862                        <span class="block lg:font-medium md:text-lg lg:text-xl xl:text-2xl mg-1 lg:mb-2">Register </span>
1863                        <span class="block text-xs lg:text-sm">Sign up for City of Mandurah Online</span>
1864                    </span>
1865                        <svg class="shrink-0 mt-1.5 w-4 h-5 mt-1.5 fill-primary-700" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1866                        <path d="M375.172 0h220.69C620.275 0 640 19.724 640 44.138v220.69c0 24.413-19.725 44.137-44.138 44.137-24.414 0-44.138-19.724-44.138-44.138V150.76L273.93 428.552c-17.242 17.24-45.242 17.24-62.483 0-17.241-17.242-17.241-45.242 0-62.483L489.24 88.276H375.172c-24.414 0-44.138-19.724-44.138-44.138C331.034 19.724 350.758 0 375.172 0ZM110.345 66.207h110.344c24.414 0 44.138 19.724 44.138 44.138 0 24.414-19.724 44.138-44.138 44.138H110.345c-12.138 0-22.07 9.93-22.07 22.069v353.103c0 12.138 9.932 22.069 22.07 22.069h353.103c12.138 0 22.069-9.931 22.069-22.069V419.31c0-24.414 19.724-44.138 44.138-44.138 24.414 0 44.138 19.724 44.138 44.138v110.345c0 60.965-49.38 110.345-110.345 110.345H110.345C49.379 640 0 590.62 0 529.655V176.552C0 115.586 49.379 66.207 110.345 66.207Z" />
1867                                                        </svg>
1868
1869                </a>
1870            </li>
1871            <li>
1872                <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/LogOn/COMO"
1873                   target=&#x27;_blank&#x27;
1874                   class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 rounded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:bg-secondary-200 items-start lg:focus-visible:outline-offset-1!">
1875                    <span>
1876                        <span class="block lg:font-medium md:text-lg lg:text-xl xl:text-2xl mg-1 lg:mb-2">Request or report it </span>
1877                        <span class="block text-xs lg:text-sm">Request a service or let us know about an issue</span>
1878                    </span>
1879                        <svg class="shrink-0 mt-1.5 w-4 h-5 mt-1.5 fill-primary-700" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1880                        <path d="M375.172 0h220.69C620.275 0 640 19.724 640 44.138v220.69c0 24.413-19.725 44.137-44.138 44.137-24.414 0-44.138-19.724-44.138-44.138V150.76L273.93 428.552c-17.242 17.24-45.242 17.24-62.483 0-17.241-17.242-17.241-45.242 0-62.483L489.24 88.276H375.172c-24.414 0-44.138-19.724-44.138-44.138C331.034 19.724 350.758 0 375.172 0ZM110.345 66.207h110.344c24.414 0 44.138 19.724 44.138 44.138 0 24.414-19.724 44.138-44.138 44.138H110.345c-12.138 0-22.07 9.93-22.07 22.069v353.103c0 12.138 9.932 22.069 22.07 22.069h353.103c12.138 0 22.069-9.931 22.069-22.069V419.31c0-24.414 19.724-44.138 44.138-44.138 24.414 0 44.138 19.724 44.138 44.138v110.345c0 60.965-49.38 110.345-110.345 110.345H110.345C49.379 640 0 590.62 0 529.655V176.552C0 115.586 49.379 66.207 110.345 66.207Z" />
1881                                                        </svg>
1882
1883                </a>
1884            </li>
1885            <li>
1886                <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/LogOn/COMO?returnUrl=%2fT1Default%2fCiAnywhere%2fWeb%2fMANDURAH%2fCompliance%2fEnquiryPortalMyEnquiry%3ff%3d%2524P1.COM.ENQP.ENQ%26h%3d70tqEtcwjM%26t%3d1A9333AD%26suite%3dPR%26pagekey%3d20260421163951"
1887                   target=&#x27;_blank&#x27;
1888                   class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 roun
1888ded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:bg-secondary-200 items-start lg:focus-visible:outline-offset-1!">
1889                    <span>
1890                        <span class="block lg:font-medium md:text-lg lg:text-xl xl:text-2xl mg-1 lg:mb-2">Apply for it </span>
1891                        <span class="block text-xs lg:text-sm">Apply for building applications, permits, and licenses</span>
1892                    </span>
1893                        <svg class="shrink-0 mt-1.5 w-4 h-5 mt-1.5 fill-primary-700" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1894                        <path d="M375.172 0h220.69C620.275 0 640 19.724 640 44.138v220.69c0 24.413-19.725 44.137-44.138 44.137-24.414 0-44.138-19.724-44.138-44.138V150.76L273.93 428.552c-17.242 17.24-45.242 17.24-62.483 0-17.241-17.242-17.241-45.242 0-62.483L489.24 88.276H375.172c-24.414 0-44.138-19.724-44.138-44.138C331.034 19.724 350.758 0 375.172 0ZM110.345 66.207h110.344c24.414 0 44.138 19.724 44.138 44.138 0 24.414-19.724 44.138-44.138 44.138H110.345c-12.138 0-22.07 9.93-22.07 22.069v353.103c0 12.138 9.932 22.069 22.07 22.069h353.103c12.138 0 22.069-9.931 22.069-22.069V419.31c0-24.414 19.724-44.138 44.138-44.138 24.414 0 44.138 19.724 44.138 44.138v110.345c0 60.965-49.38 110.345-110.345 110.345H110.345C49.379 640 0 590.62 0 529.655V176.552C0 115.586 49.379 66.207 110.345 66.207Z" />
1895                                                        </svg>
1896
1897                </a>
1898            </li>
1899            <li>
1900                <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/Public/LogOn/COMO"
1901                   target=&#x27;_blank&#x27;
1902                   class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 rounded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:bg-secondary-200 items-start lg:focus-visible:outline-offset-1!">
1903                    <span>
1904                        <span class="block lg:font-medium md:text-lg lg:text-xl xl:text-2xl mg-1 lg:mb-2">City of Mandurah Guest </span>
1905                        <span class="block text-xs lg:text-sm">Pay or track requests without an account.</span>
1906                    </span>
1907                        <svg class="shrink-0 mt-1.5 w-4 h-5 mt-1.5 fill-primary-700" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
1908                        <path d="M375.172 0h220.69C620.275 0 640 19.724 640 44.138v220.69c0 24.413-19.725 44.137-44.138 44.137-24.414 0-44.138-19.724-44.138-44.138V150.76L273.93 428.552c-17.242 17.24-45.242 17.24-62.483 0-17.241-17.242-17.241-45.242 0-62.483L489.24 88.276H375.172c-24.414 0-44.138-19.724-44.138-44.138C331.034 19.724 350.758 0 375.172 0ZM110.345 66.207h110.344c24.414 0 44.138 19.724 44.138 44.138 0 24.414-19.724 44.138-44.138 44.138H110.345c-12.138 0-22.07 9.93-22.07 22.069v353.103c0 12.138 9.932 22.069 22.07 22.069h353.103c12.138 0 22.069-9.931 22.069-22.069V419.31c0-24.414 19.724-44.138 44.138-44.138 24.414 0 44.138 19.724 44.138 44.138v110.345c0 60.965-49.38 110.345-110.345 110.345H110.345C49.379 640 0 590.62 0 529.655V176.552C0 115.586 49.379 66.207 110.345 66.207Z" />
1909                                                        </svg>
1910
1911                </a>
1912            </li>
1913                        </ul>
1914                    </nav>
1915                </div>
1916            </div>
1917
1918            <div class="graphic absolute z-10 -bottom-50 -right-50">
1919                <svg class="w-50 h-50 fill-secondary-200" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 169.13 169.13">
1920                    <path d="M42.85 0c0 23.66-19.18 42.85-42.85 42.85v13.53c31.14 0 56.38-25.24 56.38-56.38H42.85Zm37.58 0c0 44.42-36.01 80.43-80.43 80.43v13.53c51.89 0 93.96-42.07 93.96-93.96H80.43Zm37.58 0c0 65.18-52.84 118.01-118.01 118.01v13.53c72.65 0 131.54-58.89 131.54-131.54h-13.53Zm51.12 0c0 93.41-75.72 169.13-169.13 169.13v-13.54c85.94 0 155.6-69.66 155.6-155.6h13.54Z" />
1921                </svg>
1922            </div>
1923            <div class="backdrop absolute z-0"></div>
1924        </div>
1925        </div>
1926    </div>
1927</header>
1928
1929
1930<script type="text/javascript" defer>
1931    onDocumentLoad(() => new CoreSiteShared.Header('fdfdb85b', false));
1932</script>
1932
1933  
1934
1935    <main class="mt-20.5 lg:mt-38! scroll-mt-20.5 lg:scroll-mt-38 transition-[margin-top] duration-600 ease-in-out " id="main-content" tabindex="-1">
1936        
1937
1938<div class="group/page" data-page-type="content" data-page-theme="">
1939
1940
1941
1942
1943
1944
1945
1946
1947<div class="on-this-page fixed -right-0.5 top-23 lg:top-42! z-200 shadow-lg transition-all duration-600" id="OnThisPageWidget-8237fd15-container">
1948        <h2 id="on-this-page-title" class="sr-only">Table of contents</h2>
1949    <!-- A11Y: Live Region -->
1950    <div class="sr-only" aria-live="polite" aria-atomic="true" data-skip-to-heading></div>
1951
1952    <nav id="OnThisPageWidget-8237fd15-nav" aria-labelledby="on-this-page-title" class="relative transition-all has-aria-[expanded=true]:max-w-80 has-aria-[expanded=true]:min-w-35 has-aria-[expanded=true]:before:rounded-l-sm before:absolute before:inset-0 before:-bottom-4 has-aria-[expanded=true]:before:bg-primary-600">
1953        <button type="button" 
1954                class="group peer relative z-1 w-full aria-[expanded=true]:w-[calc(100%-2rem)] cursor-pointer bg-white aria-[expanded=true]:mt-4 aria-[expanded=true]:ml-4 aria-[expanded=true]:mr-0 border-2 border-r-0 border-primary-600 text-primary-600 rounded-l-sm inline-flex gap-4 p-4 aria-[expanded=true]:border-transparent aria-[expanded=true]:bg-transparent aria-[expanded=true]:p-0 aria-[expanded=true]:text-white focus-visible:aria-[expanded=false]:outline-primary-600! focus-visible:aria-[expanded=true]:outline-white! focus-visible:aria-[expanded=false]:-outline-offset-7! focus-visible:aria-[expanded=true]:outline-offset-3!"
1955                aria-expanded="false"
1956                aria-controls="anchorLinksList"
1957                aria-labelledby="toggle-label OnThisPageWidget-8237fd15-title"
1958        >
1959            <span class="shrink-0 icon com-chevron-left mb-0.5 group-aria-[expanded=true]:rotate-180" aria-hidden="true"></span>
1960            <span class="shrink-0 icon com-list group-aria-[expanded=true]:hidden!" aria-hidden="true"></span>
1961            <span id="toggle-label" class="sr-only">Toggle</span>
1962            <span id="OnThisPageWidget-8237fd15-title" class="hidden group-aria-[expanded=true]:inline-block w-full text-left text-white font-[1.25rem]">On this page</span>
1963        </button>
1964        <div class="hidden relative z-1 peer-aria-[expanded=true]:flex flex-col items-start justify-start mx-4 my-4 pr-1 relative max-h-[calc(100vh-12rem)] lg:max-h-[calc(100vh-15rem)] overflow-y-auto scrollbar scrollbar--sm"
1965             style="--scrollbar-track-bg: var(--color-primary-400); --scrollbar-thumb-bg: var(--color-primary-100); --scrollbar-thumb-bg-hover: var(--color-white);"
1966             id="anchorLinksList"
1967             aria-labelledby="on-this-page-title">
1968            <!-- will be populated automatically -->
1969        </div>
1970    </nav>
1971</div>
1972
1973<script type="text/javascript" defer>
1974    onDocumentLoad(() => {
1975        new CoreSiteShared.OnThisPage('OnThisPageWidget-8237fd15-container');
1976    });
1977</script>
1977
1978    
1979
1980
1981    
1982
1983
1984
1985
1986
1987<container class="group/theme" data-color-theme="white">
1988
1989
1990
1991
1992
1993<div id="SearchListingWidget-7e896e00">
1994
1995
1996
1997
1998
1999
2000
2001<container id="Banner-f2fb3429">
2002    <div class="group/content-banner banner relative" data-color-theme="primary-ice">
2003        <div class="upper-container relative bg-(--bg-color) text-(--text-color)">
2004            <div class="relative mx-auto w-full min-h-20 sm:max-w-3xl lg:min-h-37.5 lg:max-w-(--container-6xl) pt-16 pb-10 px-6 md:px-10 z-20">
2005                <div class="max-w-3xl">
2006
2007<nav class="flex py-3 text-inherit text-(--text-color) group-data-[page-type=event]/page:text-black" aria-label="breadcrumb">
2008    <ol class="flex flex-wrap items-center gap-2 md:gap-x-3 text-sm">
2009        
2010            <li class="inline-flex items-center">
2011                    <span class="icon icon-home text-[1.25rem]" aria-hidden="true"></span>
2012                <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2013                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path>
2014                </svg>
2015                <a href="/" class="inline-flex items-center text-sm font-medium transition-colors underline decoration-transparent hover:decoration-current">
2016                    Home
2017                </a>
2018            </li>
2019                <li>
2020                    <div class="flex items-center">
2021                        <span class="icon com-chevron-right text-xs! text-current pt-0.5" aria-hidden="true"></span>
2022                            <a href="/our-council" class="ms-2 md:ms-3 text-sm font-medium transition-colors underline decoration-transparent hover:decoration-current">Our council</a>
2023                    </div>
2024                </li>
2025                <li aria-current="page">
2026                    <div class="flex items-center">
2027                        <span class="icon com-chevron-right text-xs! text-current pt-0.5" aria-hidden="true"></span>
2028                        <span class="ms-2 md:ms-3 text-sm font-medium">News and public notices</span>
2029                    </div>
2030                </li>
2031    </ol>
2032</nav>
2033
2034                        <h1 id="Banner-f2fb3429-title" class="mb-5 leading-[110%] font-semibold text-[2.25rem] md:text-[2.5rem] lg:text-[3rem]">
2035                            News and public notices
2036                        </h1>
2037
2038                </div>
2039            </div>
2040
2041                <div class="graphic-one absolute top-0 right-0 h-[calc(100%+var(--graphic-offset))] w-full z-10">
2042                    <div class="absolute top-0 right-0 h-1/3 md:h-1/2 max-h-37 lg:max-h-50 2xl:max-h-63 aspect-square" style="--graphic-color: var(--color-pale-green);">
2043                        
2044<svg class="fill-(--graphic-color)" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 200 200">
2045    <path fill-rule="nonzero" d="M69.7450296 91.408796c3.1573284 2.5660684 6.1727544 5.3095148 9.0344528 8.2066888 5.3095148 5.380466 10.0750704 11.3167164 14.2020652 17.6904992 2.6133692 4.0323932 4.9547588 8.2421644 7.0241688 12.6056632 2.06941-4.3634988 4.4226248-8.57327 7.0241688-12.6056632 4.1269948-6.3737828 8.8925504-12.3100332 14.2020652-17.6904992 2.8616984-2.897174 5.8652992-5.6287952 9.0344528-8.2066888 19.0267468-15.4673616 43.3038824-24.7383184 69.7332044-24.7383184V0C161.946114 0 127.0735992 13.6226304 99.9938912 36.2678884 72.9260084 13.6226304 38.0534936 0 0 0v66.6704776c26.4411472 0 50.7064576 9.2709568 69.7450296 24.7383184" />
2046</svg>
2047                    </div>
2048                </div>
2049                <div class="graphic-two absolute top-0 right-0 h-[calc(100%+var(--graphic-offset))] w-full z-10 hidden lg:block">
2050                    <div class="absolute bottom-0 right-0 h-1/3 md:h-1/2 lg:max-h-50 2xl:max-h-63 aspect-square" style="--graphic-color: var(--color-beige);">
2051                        
2052<svg class="fill-(--graphic-color) rotate-(--graphic-rotation)" style="--graphic-rotation: 0deg;" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 170 170">
2053    <path fill-rule="nonzero" d="M0 169.13C0 75.72 75.72 0 169.13 0v169.13H0Z" />
2054</svg>
2055                    </div>
2056                </div>
2057        </div>
2058
2059    </div>
2060</container>
2061
2062<script type="text/javascript" defer>
2063    onDocumentLoad(() => {
2064        new CoreSiteShared.Banner('Banner-f2fb3429');
2065    });
2066</script>
2066
2067
2068    
2069
2070
2071
2072    <form class="search-form py-8 bg-off-white" id="SearchListingWidget-7e896e00-form" style="width: 100%" role="search" onsubmit="event.preventDefault();">
2073        <div class="container-lg grid grid-cols-[1fr] gap-4 items-center lg:grid-cols-[1fr_1fr]">
2074            <div class="w-full lg:order-none">
2075                    <label for="SearchListingWidget-7e896e00-input" class="sr-only">Search</label>
2076    <div class="input-wrapper flex items-center justify-between lg:max-w-2xl border-1 border-gray-400 rounded-sm pl-4 bg-white focus-within:ring-2">
2077        <input id="SearchListingWidget-7e896e00-input" class="search-input px-0 py-2 placeholder:opacity-70 w-full bg-transparent border-none focus:border-none focus:outline-none focus:ring-0" name="search-input" type="text" placeholder="">
2078        <button class="clear-button p-4" type="button" style="display: none;">
2079            <span class="sr-only">Reset search query</span>
2080            <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
2081                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" />
2082            </svg>
2083        </button>
2084    </div>
2085
2086            </div>
2087            <div class="hidden lg:block lg:col-start-2 lg:row-start-1">
2088                <span class="sr-only">Filter by Date</span>
2089                <div class="date-picker-desktop">
2090                    
2091
2092<div id="DateRangePicker-23a8704d" class="relative">
2093        <div class="drp-input-wrapper flex items-center w-full gap-x-2 p-1 pr-0 text-gray-500 border-1 border-gray-400 rounded-sm" aria-describedby="DateRangePicker-23a8704d-label" role="group">
2094            <p id="DateRangePicker-23a8704d-label" class="sr-only">Filter by Date</p>
2095            <div class="drp-date-input-wrapper flex h-full gap-x-0.5 font-normal text-sm" data-date-segment="start">
2096                <div role="spinbutton"
2097                     aria-label="Day, Start Date"
2098                     aria-valuenow="2"
2099                     aria-valuemin="1"
2100                     aria-valuemax="31"
2101                     contenteditable="true"
2102                     inputmode="numeric"
2103                     data-type="day"
2104                     tabindex="0"
2105                     class="rounded-md outline-none focus:bg-gray-200 text-gray-700 caret-transparent">
2106                    2
2107                </div>
2108                <div aria-hidden="true">/</div>
2109                <div role="spinbutton"
2110                     aria-label="Month, Start Date"
2111                     aria-valuenow="10"
2112                     aria-valuemin="1"
2113                     aria-valuemax="12"
2114                     class="rounded-md outline-none focus:bg-gray-200 text-gray-700 caret-transparent"
2115                     contenteditable="true"
2116                     inputmode="numeric"
2117                     tabindex="0"
2118                     data-type="month">
2119                    10
2120                </div>
2121                <div aria-hidden="true">/</div>
2122                <div role="spinbutton"
2123                     aria-label="Year, Start Date"
2124                     aria-valuenow="2026"
2125                     aria-valuemin="1"
2126                     aria-valuemax="9999"
2127                     class="rounded-md outline-none focus:bg-gray-200 text-gray-700 caret-transparent"
2128                     contenteditable="true"
2129                     inputmode="numeric"
2130                     tabindex="0"
2131                     data-type="year">
2132                    2026
2133                </div>
2134                <input type="hidden" name="StartDate" value="2024-04-01" />
2135            </div>
2136
2137            <span class="mx-1 hidden divider" aria-hidden="true">–</span>
2138
2139            <!-- End Date -->
2140            <div class="drp-date-input-wrapper flex hidden h-full gap-x-0.5 font-normal text-sm" data-date-segment="end">
2141                <div role="spinbutton"
2142                     aria-label="Day, End Date"
2143                     aria-valuenow="9"
2144                     aria-valuemin="1"
2145                     aria-valuemax="31"
2146                     class="rounded-md outline-none focus:bg-gray-200 text-gray-700 caret-transparent"
2147                     contenteditable="true"
2148                     inputmode="numeric"
2149                     tabindex="0"
2150                     data-type="day">
2151                    9
2152                </div>
2153                <div aria-hidden="true">/</div>
2154                <div role="spinbutton"
2155                     aria-label="Month, End Date"
2156                     aria-valuenow="10"
2157                     aria-valuemin="1"
2158                     aria-valuemax="12"
2159                     class="rounded-md outline-none focus:bg-gray-200 text-gray-700 caret-transparent"
2160                     contenteditable="true"
2161                     inputmode="numeric"
2162                     tabindex="0"
2163                     data-type="month">
2164                    10
2165                </div>
2166                <div aria-hidden="true">/</div>
2167                <div role="spinbutton"
2168                     aria-label="Year, End Date"
2169                     aria-valuenow="2024"
2170                     aria-valuemin="1"
2171                     aria-valuemax="9999"
2172                     class="rounded-md outline-none focus:bg-gray-200 text-gray-700 caret-transparent"
2173                     contenteditable="true"
2174                     inputmode="numeric"
2175                     tabindex="0"
2176                     data-type="year">
2177                    2026
2178                </div>
2179                <input type="hidden" name="EndDate" value="2024-04-08" />
2180            </div>
2181
2182            <!-- Calendar button -->
2183            <button type="button"
2184                    class="drp-input-button cursor-pointer ml-auto px-2 w-8 h-8 flex items-center justify-center rounded-full hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-primary-600"
2185                    aria-haspopup="dialog"
2186                    id="DateRangePicker-23a8704d-input__button">
2187                <span class="sr-only">Open calendar</span>
2188                <span class="icon com-calendar" aria-hidden="true"></span>
2189            </button>
2190        </div>
2191    <div class="drp-container group flex flex-col gap-4 items-start md:flex-row md:items-start md:min-w-lg py-3 md:p-3 justify-between bg-white rounded-sm shadow-md/30 z-100" role=&#x27;dialog&#x27; aria-labelledby="DateRangePicker-23a8704d-dialog__label" style="display: none">
2192        <span class="sr-only" id="DateRangePicker-23a8704d-dialog__label">Date range picker</span>
2193        <fieldset id="datefilter-element" aria-describedby="DateRangePicker-23a8704d-dialog__label">
2194            <legend class="filter-label sr-only font-medium text-lg group-not-[.hidden]/modal:lg:px-3">
2195                
2196            </legend>
2197            <div class="flex flex-col min-w-max gap-2 pr-6 ">
2198                    <label class="drp-radio-label flex items-center gap-3">
2199                        <input type="radio" name="date-range-option" value="Anytime"
2200                               checked
2201                               data-is-default="true"
2202                               class="peer mt-1 w-[18px] h-[18px] transition-colors border-primary-950! text-primary-600 focus:ring-transparent focus-visible:ring-primary-600" />
2203                        <span>Anytime</span>
2204                        <span class="selected-range sr-only"></span>
2205                    </label>
2206                    <label class="drp-radio-label flex items-center gap-3">
2207                        <input type="radio" name="date-range-option" value="Custom"
2208                               
2209                               data-is-default="false"
2210                               class="peer mt-1 w-[18px] h-[18px] transition-colors border-primary-950! text-primary-600 focus:ring-transparent focus-visible:ring-primary-600" />
2211                        <span>Custom</span>
2212                        <span class="selected-range sr-only"></span>
2213                    </label>
2214                    <label class="drp-radio-label flex items-center gap-3">
2215                        <input type="radio" name="date-range-option" value="PastWeek"
2216                               
2217                               data-is-default="false"
2218                               class="peer mt-1 w-[18px] h-[18px] transition-colors border-primary-950! text-primary-600 focus:ring-transparent focus-visible:ring-primary-600" />
2219                        <span>Past week</span>
2220                        <span class="selected-range sr-only"></span>
2221                    </label>
2222                    <label class="drp-radio-label flex items-center gap-3">
2223                        <input type="radio" name="date-range-option" value="PastMonth"
2224                               
2225                               data-is-default="false"
2226                               class="peer mt-1 w-[18px] h-[18px] transition-colors border-primary-950! text-primary-600 focus:ring-transparent focus-visible:ring-primary-600" />
2227                        <span>Past month</span>
2228                        <span class="selected-range sr-only"></span>
2229                    </label>
2230                    <label class="drp-radio-label flex items-center gap-3">
2231                        <input type="radio" name="date-range-option" value="PastYear"
2232                               
2233                               data-is-default="false"
2234                               class="peer mt-1 w-[18px] h-[18px] transition-colors border-primary-950! text-primary-600 focus:ring-transparent focus-visible:ring-primary-600" />
2235                        <span>Past year</span>
2236                        <span class="selected-range sr-only"></span>
2237                    </label>
2238            </div>
2239        </fieldset>
2240        <div class="drp-calendar-panel relative w-full max-w-md bg-white flex-col border-l-1 border-l-gray-300 group-[.embedded]:border-none! pl-3 group-[.embedded]:p-0">
2241                <div class="sr-only focus-within:not-sr-only">
2242                    <label class="drp-radio-label">
2243                        <input type="radio" name="date-selection-option" value="Single" />
2244                        <span>Single date</span>
2245                    </label>
2246                    <label class="drp-radio-label">
2247                        <input type="radio" name="date-selection-option" value="Range" checked />
2248                        <span>Date range</span>
2249                    </label>
2250                </div>
2251            <div class="drp-calendar-header flex items-center justify-between mb-4">
2252                <div class="flex items-center gap-1">
2253                    <button type="button" class="drp-prev-year-btn text-gray-600 hover:text-gray-900 px-2 hover:font-medium disabled:text-gray-300 disabled:pointer-events-none">
2254                        <span aria-hidden="true">&#171;</span>
2255                        <span class="sr-only">Go to previous year</span>
2256                    </button>
2257                    <button type="button" class="drp-prev-month-btn text-gray-600 hover:text-gray-900 px-2 hover:font-medium disabled:text-gray-300 disabled:pointer-events-none">
2258                        <span aria-hidden="true">&#8249;</span>
2259                        <span class="sr-only">Go to previous month</span>
2260                    </button>
2261                </div>
2262                <button type="button" class="drp-month-btn cursor-pointer font-medium text-gray-800 hover:font-medium disabled:pointer-events-none">
2263                    October 2026
2264                </button>
2265                <div class="flex items-center gap-1">
2266                    <button type="button" class="drp-next-month-btn text-gray-600 hover:text-gray-900 px-2 hover:font-medium">
2267                        <span aria-hidden="true">&#8250;</span>
2268                        <span class="sr-only">Go to next month</span>
2269                    </button>
2270                    <button type="button" class="drp-next-year-btn text-gray-600 hover:text-gray-900 px-2 hover:font-medium">
2271                        <span aria-hidden="true">&#187;</span>
2272                        <span class="sr-only">Go to next year</span>
2273                    </button>
2274                </div>
2275            </div>
2276        </div>
2277    </div>
2278</div>
2279
2280
2281                </div>
2282            </div>
2283            <button type="submit" data-value="Search" id="SearchListingWidget-7e896e00-search-btn" class="cursor-pointer font-medium row-start-1 col-start-2 md:col-start-2 lg:col-start-3 text-center transition-all inline-flex items-center justify-center  rounded-sm font-normal p-3 md:px-5 md:py-3 text-base gap-2.5 text-white bg-primary-600 hover:bg-primary-700 active:bg-primary-800 disabled:bg-grey-200 disabled:text-grey-300">
2284                <span class="pointer-events-none hidden md:inline pb-0.5 leading-none">
2285                    Search
2286                </span>
2287                <span class="pointer-events-none icon icon com-search"></span>
2288            </button>
2289            <div class="w-full *:w-full md:col-start-1 md:col-span-3 col-span-2 md:col-span-0 md:col-start-3 lg:col-start-4">
2290                <button type="button" id="SearchListingWidget-7e896e00-filter"
2291                        class="cursor-pointer font-medium text-center transition-all inline-flex items-center justify-center flex-row-reverse rounded-sm font-normal border-1 p-3 text-base gap-2.5 text-primary-700 border-primary-700 bg-transparent hover:text-white hover:bg-primary-600 hover:border-primary-600 active:text-white active:bg-primary-700 active:border-primary-700 disabled:bg-grey-200 disabled:text-grey-300"
2292                        data-modal-target="SearchListingWidget-7e896e00-filter-modal"
2293                        data-modal-toggle="SearchListingWidget-7e896e00-filter-modal"
2294                        aria-haspopup="true"
2295                        >
2296                    <span class="pointer-events-none pb-0.5 leading-none">
2297                        Filters
2298                    </span>
2299                    <span class="pointer-events-none icon icon com-adjustments"></span>
2300                </button>
2301            </div>
2302        </div>
2303    </form>
2304
2305<script type="text/javascript" defer>
2306    onDocumentLoad(() => {
2307        new CoreSiteShared.SearchInput('SearchListingWidget-7e896e00-form', 'article-search');
2308    });
2309</script>
2309        <div class="container-lg gap-x-8 pb-28" data-color-theme="white">
2310            <h2 class="sr-only">Search Results</h2>
2311            <div class="mt-10 mb-6">
2312        <div class="results-indicator" aria-live="polite" aria-atomic="true">
2313            <p>Showing <span class="font-medium result-count">0</span> results</p>
2314        </div>
2315            </div>
2316            <div class="w-full search-results" style="--accent-color:var(--color-yellow);">
2317                
2318
2319<ul class="grid sm:grid-cols-2 gap-4 group/listing" data-listing-style="grid">
2320        <li class="w-full listing-item animate-pulse ">
2321                <article class="h-125 lg:h-88">
2322                    <div class="h-full min-h-85 w-full group relative">
2323                        <div class="h-full min-h-85 rounded-md bg-primary-50 grid gap-6 grid-rows-[160px_auto] grid-cols-1 lg:grid-rows-1 lg:grid-cols-[minmax(150px,_2fr)_3fr]">
2324                            <div class="h-full p-6 pt-0 lg:pl-0 lg:pt-6 row-start-2 row-span-1 lg:row-start-1 lg:row-span-1 lg:col-start-2 lg:col-span-1 grid items-start">
2325                                <div class="mb-2 bg-gray-300 h-8 w-full rounded"></div>
2326                            </div>
2327                            <div class="overflow-hidden bg-gray-300 rounded-t-md lg:rounded-l-md lg:rounded-tr-none row-start-1 row-span-1 lg:col-start-1 lg:col-span-1">
2328                            </div>
2329                        </div>
2330                    </div>
2331                </article>
2332        </li>
2333        <li class="w-full listing-item animate-pulse ">
2334                <article class="h-125 lg:h-88">
2335                    <div class="h-full min-h-85 w-full group relative">
2336                        <div class="h-full min-h-85 rounded-md bg-primary-50 grid gap-6 grid-rows-[160px_auto] grid-cols-1 lg:grid-rows-1 lg:grid-cols-[minmax(150px,_2fr)_3fr]">
2337                            <div class="h-full p-6 pt-0 lg:pl-0 lg:pt-6 row-start-2 row-span-1 lg:row-start-1 lg:row-span-1 lg:col-start-2 lg:col-span-1 grid items-start">
2338                                <div class="mb-2 bg-gray-300 h-8 w-full rounded"></div>
2339                            </div>
2340                            <div class="overflow-hidden bg-gray-300 rounded-t-md lg:rounded-l-md lg:rounded-tr-none row-start-1 row-span-1 lg:col-start-1 lg:col-span-1">
2341                            </div>
2342                        </div>
2343                    </div>
2344                </article>
2345        </li>
2346        <li class="w-full listing-item animate-pulse ">
2347                <article class="h-125 lg:h-88">
2348                    <div class="h-full min-h-85 w-full group relative">
2349                        <div class="h-full min-h-85 rounded-md bg-primary-50 grid gap-6 grid-rows-[160px_auto] grid-cols-1 lg:grid-rows-1 lg:grid-cols-[minmax(150px,_2fr)_3fr]">
2350                            <div class="h-full p-6 pt-0 lg:pl-0 lg:pt-6 row-start-2 row-span-1 lg:row-start-1 lg:row-span-1 lg:col-start-2 lg:col-span-1 grid items-start">
2351                                <div class="mb-2 bg-gray-300 h-8 w-full rounded"></div>
2352                            </div>
2353                            <div class="overflow-hidden bg-gray-300 rounded-t-md lg:rounded-l-md lg:rounded-tr-none row-start-1 row-span-1 lg:col-start-1 lg:col-span-1">
2354                            </div>
2355                        </div>
2356                    </div>
2357                </article>
2358        </li>
2359        <li class="w-full listing-item animate-pulse ">
2360                <article class="h-125 lg:h-88">
2361                    <div class="h-full min-h-85 w-full group relative">
2362                        <div class="h-full min-h-85 rounded-md bg-primary-50 grid gap-6 grid-rows-[160px_auto] grid-cols-1 lg:grid-rows-1 lg:grid-cols-[minmax(150px,_2fr)_3fr]">
2363                            <div class="h-full p-6 pt-0 lg:pl-0 lg:pt-6 row-start-2 row-span-1 lg:row-start-1 lg:row-span-1 lg:col-start-2 lg:col-span-1 grid items-start">
2364                                <div class="mb-2 bg-gray-300 h-8 w-full rounded"></div>
2365                            </div>
2366                            <div class="overflow-hidden bg-gray-300 rounded-t-md lg:rounded-l-md lg:rounded-tr-none row-start-1 row-span-1 lg:col-start-1 lg:col-span-1">
2367                            </div>
2368                        </div>
2369                    </div>
2370                </article>
2371        </li>
2372        <li class="w-full listing-item animate-pulse ">
2373                <article class="h-125 lg:h-88">
2374                    <div class="h-full min-h-85 w-full group relative">
2375                        <div class="h-full min-h-85 rounded-md bg-primary-50 grid gap-6 grid-rows-[160px_auto] grid-cols-1 lg:grid-rows-1 lg:grid-cols-[minmax(150px,_2fr)_3fr]">
2376                            <div class="h-full p-6 pt-0 lg:pl-0 lg:pt-6 row-start-2 row-span-1 lg:row-start-1 lg:row-span-1 lg:col-start-2 lg:col-span-1 grid items-start">
2377                                <div class="mb-2 bg-gray-300 h-8 w-full rounded"></div>
2378                            </div>
2379                            <div class="overflow-hidden bg-gray-300 rounded-t-md lg:rounded-l-md lg:rounded-tr-none row-start-1 row-span-1 lg:col-start-1 lg:col-span-1">
2380                            </div>
2381                        </div>
2382                    </div>
2383                </article>
2384        </li>
2385        <li class="w-full listing-item animate-pulse ">
2386                <article class="h-125 lg:h-88">
2387                    <div class="h-full min-h-85 w-full group relative">
2388                        <div class="h-full min-h-85 rounded-md bg-primary-50 grid gap-6 grid-rows-[160px_auto] grid-cols-1 lg:grid-rows-1 lg:grid-cols-[minmax(150px,_2fr)_3fr]">
2389                            <div class="h-full p-6 pt-0 lg:pl-0 lg:pt-6 row-start-2 row-span-1 lg:row-start-1 lg:row-span-1 lg:col-start-2 lg:col-span-1 grid items-start">
2390                                <div class="mb-2 bg-gray-300 h-8 w-full rounded"></div>
2391                            </div>
2392                            <div class="overflow-hidden bg-gray-300 rounded-t-md lg:rounded-l-md lg:rounded-tr-none row-start-1 row-span-1 lg:col-start-1 lg:col-span-1">
2393                            </div>
2394                        </div>
2395                    </div>
2396                </article>
2397        </li>
2398        <li class="w-full listing-item animate-pulse ">
2399                <article class="h-125 lg:h-88">
2400                    <div class="h-full min-h-85 w-full group relative">
2401                        <div class="h-full min-h-85 rounded-md bg-primary-50 grid gap-6 grid-rows-[160px_auto] grid-cols-1 lg:grid-rows-1 lg:grid-cols-[minmax(150px,_2fr)_3fr]">
2402                            <div class="h-full p-6 pt-0 lg:pl-0 lg:pt-6 row-start-2 row-span-1 lg:row-start-1 lg:row-span-1 lg:col-start-2 lg:col-span-1 grid items-start">
2403                                <div class="mb-2 bg-gray-300 h-8 w-full rounded"></div>
2404                            </div>
2405                            <div class="overflow-hidden bg-gray-300 rounded-t-md lg:rounded-l-md lg:rounded-tr-none row-start-1 row-span-1 lg:col-start-1 lg:col-span-1">
2406                            </div>
2407                        </div>
2408                    </div>
2409                </article>
2410        </li>
2411        <li class="w-full listing-item animate-pulse ">
2412                <article class="h-125 lg:h-88">
2413                    <div class="h-full min-h-85 w-full group relative">
2414                        <div class="h-full min-h-85 rounded-md bg-primary-50 grid gap-6 grid-rows-[160px_auto] grid-cols-1 lg:grid-rows-1 lg:grid-cols-[minmax(150px,_2fr)_3fr]">
2415                            <div class="h-full p-6 pt-0 lg:pl-0 lg:pt-6 row-start-2 row-span-1 lg:row-start-1 lg:row-span-1 lg:col-start-2 lg:col-span-1 grid items-start">
2416                                <div class="mb-2 bg-gray-300 h-8 w-full rounded"></div>
2417                            </div>
2418                            <div class="overflow-hidden bg-gray-300 rounded-t-md lg:rounded-l-md lg:rounded-tr-none row-start-1 row-span-1 lg:col-start-1 lg:col-span-1">
2419                            </div>
2420                        </div>
2421                    </div>
2422                </article>
2423        </li>
2424</ul>
2425
2426<div class="skeleton-template hidden">
2427        <li class="w-full listing-item animate-pulse ">
2428                <article class="h-125 lg:h-88">
2429                    <div class="h-full min-h-85 w-full group relative">
2430                        <div class="h-full min-h-85 rounded-md bg-primary-50 grid gap-6 grid-rows-[160px_auto] grid-cols-1 lg:grid-rows-1 lg:grid-cols-[minmax(150px,_2fr)_3fr]">
2431                            <div class="h-full p-6 pt-0 lg:pl-0 lg:pt-6 row-start-2 row-span-1 lg:row-start-1 lg:row-span-1 lg:col-start-2 lg:col-span-1 grid items-start">
2432                                <div class="mb-2 bg-gray-300 h-8 w-full rounded"></div>
2433                            </div>
2434                            <div class="overflow-hidden bg-gray-300 rounded-t-md lg:rounded-l-md lg:rounded-tr-none row-start-1 row-span-1 lg:col-start-1 lg:col-span-1">
2435                            </div>
2436                        </div>
2437                    </div>
2438                </article>
2439        </li>
2440</div>
2441
2442
2443
2444            </div>
2445        </div>
2446        <div class="hidden no-results-container min-h-60">
2447            
2448        </div>
2449
2450
2451    <div id="SearchListingWidget-7e896e00-filter-modal"
2452         class="search-filters-modal group/modal hidden fixed inset-0 z-[1050] overflow-y-hidden overflow-x-hidden flex justify-center items-center"
2453         aria-labelledby="SearchListingWidget-7e896e00-filter-modal--header"
2454         aria-hidden="true">
2455        <div class="relative p-5 w-full max-w-200" data-color-theme="white">
2456            <div class="flex flex-col relative bg-white shadow-sm w-full [@media(min-height:600px)]:min-h-[500px] h-[calc(100dvh-32px)] max-h-[900px]">
2457                <div class="flex items-start justify-between gap-x-4 px-6 py-5">
2458                    <h2 id="SearchListingWidget-7e896e00-filter-modal--header" class="text-2xl font-semibold modal-title">Filter by</h2>
2459                    <div class="w-fit ml-auto pb-2 lg:pb-4 border-b-2 border-b-primary-600">
2460                        <button type="button"
2461                                aria-label="Close modal"
2462                                data-modal-hide="SearchListingWidget-7e896e00-filter-modal"
2463                                class="shrink-0 cursor-pointer rounded-full! flex items-center justify-center border-2 border-primary-600 p-2.5 text-primary-600">
2464                            <svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
2465                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" />
2466                            </svg>
2467                        </button>
2468                    </div>
2469                </div>
2470
2471                <div class="mr-4 mb-6 pb-3 pl-6 pr-2 h-full overflow-y-auto">
2472
2473
2474<div id="SearchListingWidget-7e896e00-filters" class="search-filter-container">
2475
2476        <div class="pb-6">
2477                <fieldset class="filter-group group-not-[.hidden]/modal:lg:px-3" aria-describedby="SearchListingWidget-7e896e00-filter-modal--header" id="Category-element" style="--grid-rows:repeat(3,auto)">
2478                    <legend class="filter-label font-medium text-lg mb-3">
2479                        Article tags
2480                    </legend>
2481                            <div class="filter-options checkbox-group flex flex-col gap-2 items-start sm:grid sm:grid-rows-[var(--grid-rows)] sm:grid-flow-col">
2482                                    <div class="filter-option flex items-center gap-3">
2483                                        <input type="checkbox"
2484                                               class="peer mt-1 w-[18px] h-[18px] transition-[background-color] border-primary-950! text-primary-600 checked:bg-primary-600 ring-transparent roun
2484ded-sm focus-visible:ring-primary-600 hover:bg-primary-300"
2485                                               id="SearchListingWidget-7e896e00-filters-3b83a0dc-706b-4525-b6dc-9362c0538aee"
2486                                               name="Category"
2487                                               value="3b83a0dc-706b-4525-b6dc-9362c0538aee"
2488                                                />
2489                                        <label for="SearchListingWidget-7e896e00-filters-3b83a0dc-706b-4525-b6dc-9362c0538aee">
2490                                            <span>Events</span>
2491                                            <span class="sr-only">results</span>
2492                                        </label>
2493                                    </div>
2494                                    <div class="filter-option flex items-center gap-3">
2495                                        <input type="checkbox"
2496                                               class="peer mt-1 w-[18px] h-[18px] transition-[background-color] border-primary-950! text-primary-600 checked:bg-primary-600 ring-transparent rounded-sm focus-visible:ring-primary-600 hover:bg-primary-300"
2497                                               id="SearchListingWidget-7e896e00-filters-408ed107-ee1e-4725-87a9-a7d37c79c2fa"
2498                                               name="Category"
2499                                               value="408ed107-ee1e-4725-87a9-a7d37c79c2fa"
2500                                                />
2501                                        <label for="SearchListingWidget-7e896e00-filters-408ed107-ee1e-4725-87a9-a7d37c79c2fa">
2502                                            <span>General News</span>
2503                                            <span class="sr-only">results</span>
2504                                        </label>
2505                                    </div>
2506                                    <div class="filter-option flex items-center gap-3">
2507                                        <input type="checkbox"
2508                                               class="peer mt-1 w-[18px] h-[18px] transition-[background-color] border-primary-950! text-primary-600 checked:bg-primary-600 ring-transparent rounded-sm focus-visible:ring-primary-600 hover:bg-primary-300"
2509                                               id="SearchListingWidget-7e896e00-filters-a7ee1bfe-eae7-48a7-8c9f-375320514650"
2510                                               name="Category"
2511                                               value="a7ee1bfe-eae7-48a7-8c9f-375320514650"
2512                                                />
2513                                        <label for="SearchListingWidget-7e896e00-filters-a7ee1bfe-eae7-48a7-8c9f-375320514650">
2514                                            <span>Mayor&#x27;s Updates</span>
2515                                            <span class="sr-only">results</span>
2516                                        </label>
2517                                    </div>
2518                                    <div class="filter-option flex items-center gap-3">
2519                                        <input type="checkbox"
2520                                               class="peer mt-1 w-[18px] h-[18px] transition-[background-color] border-primary-950! text-primary-600 checked:bg-primary-600 ring-transparent rounded-sm focus-visible:ring-primary-600 hover:bg-primary-300"
2521                                               id="SearchListingWidget-7e896e00-filters-b37841c3-91af-4bf5-9579-1aa41ef0517d"
2522                                               name="Category"
2523                                               value="b37841c3-91af-4bf5-9579-1aa41ef0517d"
2524                                                />
2525                                        <label for="SearchListingWidget-7e896e00-filters-b37841c3-91af-4bf5-9579-1aa41ef0517d">
2526                                            <span>Media Statement</span>
2527                                            <span class="sr-only">results</span>
2528                                        </label>
2529                                    </div>
2530                                    <div class="filter-option flex items-center gap-3">
2531                                        <input type="checkbox"
2532                                               class="peer mt-1 w-[18px] h-[18px] transition-[background-color] border-primary-950! text-primary-600 checked:bg-primary-600 ring-transparent roun
2532ded-sm focus-visible:ring-primary-600 hover:bg-primary-300"
2533                                               id="SearchListingWidget-7e896e00-filters-ac1d5811-f2b6-40a0-9714-4e53811563b8"
2534                                               name="Category"
2535                                               value="ac1d5811-f2b6-40a0-9714-4e53811563b8"
2536                                                />
2537                                        <label for="SearchListingWidget-7e896e00-filters-ac1d5811-f2b6-40a0-9714-4e53811563b8">
2538                                            <span>Press Releases</span>
2539                                            <span class="sr-only">results</span>
2540                                        </label>
2541                                    </div>
2542                                    <div class="filter-option flex items-center gap-3">
2543                                        <input type="checkbox"
2544                                               class="peer mt-1 w-[18px] h-[18px] transition-[background-color] border-primary-950! text-primary-600 checked:bg-primary-600 ring-transparent rounded-sm focus-visible:ring-primary-600 hover:bg-primary-300"
2545                                               id="SearchListingWidget-7e896e00-filters-a1d04ae0-24c6-4c74-a71e-56f443f4fef5"
2546                                               name="Category"
2547                                               value="a1d04ae0-24c6-4c74-a71e-56f443f4fef5"
2548                                                />
2549                                        <label for="SearchListingWidget-7e896e00-filters-a1d04ae0-24c6-4c74-a71e-56f443f4fef5">
2550                                            <span>Public Notices</span>
2551                                            <span class="sr-only">results</span>
2552                                        </label>
2553                                    </div>
2554                            </div>
2555                </fieldset>
2556        </div>
2557</div>
2558<script type="text/javascript" defer>
2559    onDocumentLoad(() => {
2560            const filters = document.querySelectorAll("#SearchListingWidget-7e896e00-filters .filter-group");
2561            filters.forEach(el => new CoreSiteShared.SearchFilter(el, 'article-search'));
2562    });
2563</script>
2563
2564
2565                    <div class="block lg:hidden lg:col-start-2 lg:row-start-1 py-5 border-t border-gray-300">
2566                        <div class="filter-label font-medium text-lg mb-3">
2567                            Filter by Date
2568                        </div>
2569                        <div class="date-picker-mobile group-not-[.hidden]/modal:lg:px-3">
2570                            
2571
2572<div id="DateRangePicker-d97cbb76" class="relative">
2573        <div class="drp-input-wrapper flex items-center w-full gap-x-2 p-1 pr-0 text-gray-500 border-1 border-gray-400 rounded-sm" aria-describedby="DateRangePicker-d97cbb76-label" role="group">
2574            <p id="DateRangePicker-d97cbb76-label" class="sr-only">Filter by Date</p>
2575            <div class="drp-date-input-wrapper flex h-full gap-x-0.5 font-normal text-sm" data-date-segment="start">
2576                <div role="spinbutton"
2577                     aria-label="Day, Start Date"
2578                     aria-valuenow="2"
2579                     aria-valuemin="1"
2580                     aria-valuemax="31"
2581                     contenteditable="true"
2582                     inputmode="numeric"
2583                     data-type="day"
2584                     tabindex="0"
2585                     class="rounded-md outline-none focus:bg-gray-200 text-gray-700 caret-transparent">
2586                    2
2587                </div>
2588                <div aria-hidden="true">/</div>
2589                <div role="spinbutton"
2590                     aria-label="Month, Start Date"
2591                     aria-valuenow="10"
2592                     aria-valuemin="1"
2593                     aria-valuemax="12"
2594                     class="rounded-md outline-none focus:bg-gray-200 text-gray-700 caret-transparent"
2595                     contenteditable="true"
2596                     inputmode="numeric"
2597                     tabindex="0"
2598                     data-type="month">
2599                    10
2600                </div>
2601                <div aria-hidden="true">/</div>
2602                <div role="spinbutton"
2603                     aria-label="Year, Start Date"
2604                     aria-valuenow="2026"
2605                     aria-valuemin="1"
2606                     aria-valuemax="9999"
2607                     class="rounded-md outline-none focus:bg-gray-200 text-gray-700 caret-transparent"
2608                     contenteditable="true"
2609                     inputmode="numeric"
2610                     tabindex="0"
2611                     data-type="year">
2612                    2026
2613                </div>
2614                <input type="hidden" name="StartDate" value="2024-04-01" />
2615            </div>
2616
2617            <span class="mx-1 hidden divider" aria-hidden="true">–</span>
2618
2619            <!-- End Date -->
2620            <div class="drp-date-input-wrapper flex hidden h-full gap-x-0.5 font-normal text-sm" data-date-segment="end">
2621                <div role="spinbutton"
2622                     aria-label="Day, End Date"
2623                     aria-valuenow="9"
2624                     aria-valuemin="1"
2625                     aria-valuemax="31"
2626                     class="rounded-md outline-none focus:bg-gray-200 text-gray-700 caret-transparent"
2627                     contenteditable="true"
2628                     inputmode="numeric"
2629                     tabindex="0"
2630                     data-type="day">
2631                    9
2632                </div>
2633                <div aria-hidden="true">/</div>
2634                <div role="spinbutton"
2635                     aria-label="Month, End Date"
2636                     aria-valuenow="10"
2637                     aria-valuemin="1"
2638                     aria-valuemax="12"
2639                     class="rounded-md outline-none focus:bg-gray-200 text-gray-700 caret-transparent"
2640                     contenteditable="true"
2641                     inputmode="numeric"
2642                     tabindex="0"
2643                     data-type="month">
2644                    10
2645                </div>
2646                <div aria-hidden="true">/</div>
2647                <div role="spinbutton"
2648                     aria-label="Year, End Date"
2649                     aria-valuenow="2024"
2650                     aria-valuemin="1"
2651                     aria-valuemax="9999"
2652                     class="rounded-md outline-none focus:bg-gray-200 text-gray-700 caret-transparent"
2653                     contenteditable="true"
2654                     inputmode="numeric"
2655                     tabindex="0"
2656                     data-type="year">
2657                    2026
2658                </div>
2659                <input type="hidden" name="EndDate" value="2024-04-08" />
2660            </div>
2661
2662            <!-- Calendar button -->
2663            <button type="button"
2664                    class="drp-input-button cursor-pointer ml-auto px-2 w-8 h-8 flex items-center justify-center rounded-full hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-primary-600"
2665                    aria-haspopup="dialog"
2666                    id="DateRangePicker-d97cbb76-input__button">
2667                <span class="sr-only">Open calendar</span>
2668                <span class="icon com-calendar" aria-hidden="true"></span>
2669            </button>
2670        </div>
2671    <div class="drp-container group flex flex-col gap-4 items-start md:flex-row md:items-start md:min-w-lg py-3 md:p-3 justify-between bg-white rounded-sm shadow-md/30 z-100" role=&#x27;dialog&#x27; aria-labelledby="DateRangePicker-d97cbb76-dialog__label" style="display: none">
2672        <span class="sr-only" id="DateRangePicker-d97cbb76-dialog__label">Date range picker</span>
2673        <fieldset id="datefilter-element" aria-describedby="DateRangePicker-d97cbb76-dialog__label">
2674            <legend class="filter-label sr-only font-medium text-lg group-not-[.hidden]/modal:lg:px-3">
2675                
2676            </legend>
2677            <div class="flex flex-col min-w-max gap-2 pr-6 ">
2678                    <label class="drp-radio-label flex items-center gap-3">
2679                        <input type="radio" name="date-range-option" value="Anytime"
2680                               checked
2681                               data-is-default="true"
2682                               class="peer mt-1 w-[18px] h-[18px] transition-colors border-primary-950! text-primary-600 focus:ring-transparent focus-visible:ring-primary-600" />
2683                        <span>Anytime</span>
2684                        <span class="selected-range sr-only"></span>
2685                    </label>
2686                    <label class="drp-radio-label flex items-center gap-3">
2687                        <input type="radio" name="date-range-option" value="Custom"
2688                               
2689                               data-is-default="false"
2690                               class="peer mt-1 w-[18px] h-[18px] transition-colors border-primary-950! text-primary-600 focus:ring-transparent focus-visible:ring-primary-600" />
2691                        <span>Custom</span>
2692                        <span class="selected-range sr-only"></span>
2693                    </label>
2694                    <label class="drp-radio-label flex items-center gap-3">
2695                        <input type="radio" name="date-range-option" value="PastWeek"
2696                               
2697                               data-is-default="false"
2698                               class="peer mt-1 w-[18px] h-[18px] transition-colors border-primary-950! text-primary-600 focus:ring-transparent focus-visible:ring-primary-600" />
2699                        <span>Past week</span>
2700                        <span class="selected-range sr-only"></span>
2701                    </label>
2702                    <label class="drp-radio-label flex items-center gap-3">
2703                        <input type="radio" name="date-range-option" value="PastMonth"
2704                               
2705                               data-is-default="false"
2706                               class="peer mt-1 w-[18px] h-[18px] transition-colors border-primary-950! text-primary-600 focus:ring-transparent focus-visible:ring-primary-600" />
2707                        <span>Past month</span>
2708                        <span class="selected-range sr-only"></span>
2709                    </label>
2710                    <label class="drp-radio-label flex items-center gap-3">
2711                        <input type="radio" name="date-range-option" value="PastYear"
2712                               
2713                               data-is-default="false"
2714                               class="peer mt-1 w-[18px] h-[18px] transition-colors border-primary-950! text-primary-600 focus:ring-transparent focus-visible:ring-primary-600" />
2715                        <span>Past year</span>
2716                        <span class="selected-range sr-only"></span>
2717                    </label>
2718            </div>
2719        </fieldset>
2720        <div class="drp-calendar-panel relative w-full max-w-md bg-white flex-col border-l-1 border-l-gray-300 group-[.embedded]:border-none! pl-3 group-[.embedded]:p-0">
2721                <div class="sr-only focus-within:not-sr-only">
2722                    <label class="drp-radio-label">
2723                        <input type="radio" name="date-selection-option" value="Single" />
2724                        <span>Single date</span>
2725                    </label>
2726                    <label class="drp-radio-label">
2727                        <input type="radio" name="date-selection-option" value="Range" checked />
2728                        <span>Date range</span>
2729                    </label>
2730                </div>
2731            <div class="drp-calendar-header flex items-center justify-between mb-4">
2732                <div class="flex items-center gap-1">
2733                    <button type="button" class="drp-prev-year-btn text-gray-600 hover:text-gray-900 px-2 hover:font-medium disabled:text-gray-300 disabled:pointer-events-none">
2734                        <span aria-hidden="true">&#171;</span>
2735                        <span class="sr-only">Go to previous year</span>
2736                    </button>
2737                    <button type="button" class="drp-prev-month-btn text-gray-600 hover:text-gray-900 px-2 hover:font-medium disabled:text-gray-300 disabled:pointer-events-none">
2738                        <span aria-hidden="true">&#8249;</span>
2739                        <span class="sr-only">Go to previous month</span>
2740                    </button>
2741                </div>
2742                <button type="button" class="drp-month-btn cursor-pointer font-medium text-gray-800 hover:font-medium disabled:pointer-events-none">
2743                    October 2026
2744                </button>
2745                <div class="flex items-center gap-1">
2746                    <button type="button" class="drp-next-month-btn text-gray-600 hover:text-gray-900 px-2 hover:font-medium">
2747                        <span aria-hidden="true">&#8250;</span>
2748                        <span class="sr-only">Go to next month</span>
2749                    </button>
2750                    <button type="button" class="drp-next-year-btn text-gray-600 hover:text-gray-900 px-2 hover:font-medium">
2751                        <span aria-hidden="true">&#187;</span>
2752                        <span class="sr-only">Go to next year</span>
2753                    </button>
2754                </div>
2755            </div>
2756        </div>
2757    </div>
2758</div>
2759
2760
2761                        </div>
2762                    </div>
2763                </div>
2764
2765                <div class="px-6 py-5 flex flex-col justify-between items-center md:flex-row md:justify-end w-full gap-4">
2766                    <button type="button" class="cursor-pointer search-filter-clear-btn text-red-600 disabled:text-gray-300" disabled>Clear filters</button>
2767                    <button id="search-filter-show-btn"
2768                            class="w-full cursor-pointer bg-primary-600 text-white p-3 rounded md:w-fit">
2769                        Show results
2770                    </button>
2771                </div>
2772            </div>
2773        </div>
2774    </div>
2775</div>
2776
2777<script type="text/javascript" defer>
2778    onDocumentLoad(() => {
2779        const container = document.getElementById('SearchListingWidget-7e896e00');
2780        const isEventSearch = false;
2781        if (container) {
2782            const defaultSortValue = 'Newest';
2783
2784            const searchController = new CoreSiteShared.SearchController(container, 'article-search', 12, 1, defaultSortValue, false, 'PublishedDate');
2785            if (isEventSearch) {
2786                const toggleFilterEl = container.querySelector("#toggle-filter");
2787                const toggleFilter = new CoreSiteShared.SearchFilter(toggleFilterEl, 'article-search')
2788            }
2789        }
2790    });
2791</script>
2791
2792
2793
2794    
2795
2796</container>
2797    
2798
2799
2800
2801</div>
2802    </main>
2803    
2804<div class="w-full flex flex-wrap pt-8 lg:pt-0 justify-between items-center bg-(--bg-color) text-(--text-color) min-h-[290px]" data-color-theme="ice-blue">
2805    <div class="w-full relative z-1 container-lg flex-shrink-0">
2806        
2807
2808
2809
2810
2811
2812<container>
2813    <div class="form-widget form-widget--feedback text-primary-950 relative z-1"
2814         data-feedback-widget="Form-7b38ac4e"
2815         data-page-url="https://www.mandurah.wa.gov.au/our-council/news-and-public-notices"
2816         data-positive-heading="Amazing, thank you!"
2817         data-positive-message="We're glad you found this page helpful. Your feedback helps us keep improving and ensures our information stays clear and up to date."
2818         data-negative-heading="Sorry about that!"
2819         data-negative-message="What were you looking for? Please do not share any personal information.">
2820
2821        <div data-feedback-initial class="feedback-initial bg-primary-ice rounded-lg">
2822            <h2 id="Form-7b38ac4e-feedback-question" class="text-3xl font-semibold mb-2">Did you find this page helpful?</h3>
2823
2824                <div class="mb-4 text-md fr-view">
2825                    Your feedback helps the City ensure our information is clear, up to date, and meets your needs.
2826                </div>
2827
2828                <div class="flex gap-3 mt-6">
2829
2830
2831
2832
2833
2834
2835<container id="feedback-af1c7296">
2836    <button type="button"
2837            
2838            id="feedback-af1c7296"
2839            class="transition-all inline-flex items-center justify-center flex-row-reverse rounded-sm font-(--button-tertiary-weight) border-(length:--button-tertiary-border) text-start text-primary-950 border-primary-950 hover:bg-(--theme-color) hover:border-(--theme-color) bg-transparent hover:text-white active:text-white active:bg-primary-700 active:border-primary-700 disabled:bg-grey-200 disabled:text-grey-300 px-5 py-3 text-base gap-2.5"
2840            style="--theme-color: var(--color-leaf-green); --theme-color-whiter: var(--color-leaf-green-whiter);"
2841            
2842            
2843            aria-describedby="Form-7b38ac4e-feedback-question"
2844            onclick="CoreSiteShared.FeedbackForm.handleFeedback(this, &#x27;positive&#x27;)"
2845        >
2846        <span class="pointer-events-none    ">
2847Yes        </span>
2848            <span class="pointer-events-none icon com-thumbs-up   "></span>
2849    </button>
2850</container>
2851
2852
2853    
2854
2855
2856
2857
2858
2859
2860
2861<container id="feedback-0743ed12">
2862    <button type="button"
2863            
2864            id="feedback-0743ed12"
2865            class="transition-all inline-flex items-center justify-center flex-row-reverse rounded-sm font-(--button-tertiary-weight) border-(length:--button-tertiary-border) text-start text-primary-950 border-primary-950 hover:bg-(--theme-color) hover:border-(--theme-color) bg-transparent hover:text-white active:text-white active:bg-primary-700 active:border-primary-700 disabled:bg-grey-200 disabled:text-grey-300 px-5 py-3 text-base gap-2.5"
2866            style="--theme-color: var(--color-bottle-brush); --theme-color-whiter: var(--color-bottle-brush-whiter);"
2867            
2868            
2869            aria-describedby="Form-7b38ac4e-feedback-question"
2870            onclick="CoreSiteShared.FeedbackForm.handleFeedback(this, &#x27;negative&#x27;)"
2871        >
2872        <span class="pointer-events-none    ">
2873No        </span>
2874            <span class="pointer-events-none icon com-thumbs-down   "></span>
2875    </button>
2876</container>
2877
2878
2879    
2880
2881                </div>
2882        </div>
2883
2884        <div data-feedback-response class="feedback-response rounded-lg hidden focus-visible:outline-offset-3 focus-visible:outline-primary-600 focus-visible:outline-3" tabindex="-1">
2885            <div class="mb-6">
2886                <h2 data-feedback-heading id="Form-7b38ac4e-feedback-heading" class="text-3xl font-semibold mb-2"></h2>
2887                <div data-feedback-message class="fr-view text-md mb-4"></div>
2888            </div>
2889
2890                <div class="rounded-lg">
2891                    
2892
2893
2894
2895
2896
2897
2898
2899
2900
2901
2902
2903
2904
2905<div id="form-FeedbackForm_2025_11_11_05_45-ce09_wrapper-7ef640be-233b-4b85-b5a9-69b80a5fd16e">
2905<form action="/Kentico.Components/en-AU/Kentico.FormWidget/KenticoFormWidget/FormSubmit?formName=FeedbackForm_2025_11_11_05_45&amp;prefix=form-FeedbackForm_2025_11_11_05_45-ce09&amp;displayValidationErrors=False&amp;afterSubmitMode=DisplayMessage&amp;hash=34771710874ae231332a0439ab4d58fce437e553367d789b970b458f9e612f4d" data-ktc-ajax-update="form-FeedbackForm_2025_11_11_05_45-ce09_wrapper-7ef640be-233b-4b85-b5a9-69b80a5fd16e" id="form-FeedbackForm_2025_11_11_05_45-ce09" method="post" novalidate="" onsubmit="window.kentico.updatableFormHelper.submitForm(event);"><input name="__Kentico_DC_Page" type="hidden" value="CfDJ8A60G2ypFFROgJdkBbKdIyr6vkOxAt6KqjXnOIUTWcgm5lvtD9qL/I0Y3/dJFAjoEiEL/35JBw2Iet26kcDQXaQAmf7hRiqLnQnxdCLkJSmqy7TyIY9akoECj6poN2YnQQ==" />
2906
2907
2908<div class="ktc-default-section">
2909    
2910<div class="field-wrapper mb-5 custom-field" data-ktc-component="CustomTextInputComponent">
2911
2912
2913
2914
2915
2916
2917
2918
2919<label class="field-label block mb-2 text-sm font-medium text-gray-900 after:ml-1 after:content-[&#x27;(optional)&#x27;] hidden" for="field-FeedbackType-3d4c8f20">Feedback type</label>
2920
2921
2922
2923
2924
2925
2926
2927
2928
2929<input class="hidden" data-ktc-field="FeedbackType" data-ktc-notobserved-element="" id="field-FeedbackType-3d4c8f20" name="form-FeedbackForm_2025_11_11_05_45-ce09.FeedbackType.Value" type="text" value="" />
2930
2931
2932
2933    
2933<script>
2934        onDocumentLoad(() => {
2935            new CoreSiteShared.GenericValidationHandling("FeedbackType", "FeedbackForm_2025_11_11_05_45-ce09");
2936        });
2937    </script>
2937
2938
2939
2940
2941
2942
2943
2944
2945
2946
2947</div>
2948
2949<div class="field-wrapper mb-5 custom-field" data-ktc-component="CustomTextInputComponent">
2950
2951
2952
2953
2954
2955
2956
2957
2958<label class="field-label block mb-2 text-sm font-medium text-gray-900 after:ml-1 after:content-[&#x27;(optional)&#x27;] hidden" for="field-PageURL-19dea6e9">Page URL</label>
2959
2960
2961
2962
2963
2964
2965
2966
2967
2968<input class="hidden" data-ktc-field="PageURL" data-ktc-notobserved-element="" id="field-PageURL-19dea6e9" name="form-FeedbackForm_2025_11_11_05_45-ce09.PageURL.Value" type="text" value="" />
2969
2970
2971
2972    
2972<script>
2973        onDocumentLoad(() => {
2974            new CoreSiteShared.GenericValidationHandling("PageURL", "FeedbackForm_2025_11_11_05_45-ce09");
2975        });
2976    </script>
2976
2977
2978
2979
2980
2981
2982
2983
2984
2985
2986</div>
2987
2988<div class="field-wrapper mb-5" data-ktc-component="CustomInlineTextSubmitComponent">
2989
2990
2991
2992
2993
2994
2995
2996
2997
2998
2999
3000
3001
3002
3003
3004
3005
3006
3007<div class="form-widget form-widget--inline-text-submit" data-form-widget>
3008    <div class="flex flex-row gap-3">
3009        <div class="flex-1 items-center flex bg-white rounded-sm shadow-md p-1">
3010            <label for="field-FeedbackMessage-c80a3ff4" class="sr-only">Optional feedback</label>
3011            <input aria-describedby="field-FeedbackMessage-c80a3ff4-description" class="w-full h-full text-gray-900 placeholder-gray-500 border-0 focus:border-0  form-field" data-ktc-field="FeedbackMessage" data-ktc-notobserved-element="" id="field-FeedbackMessage-c80a3ff4" name="form-FeedbackForm_2025_11_11_05_45-ce09.FeedbackMessage.Value" placeholder="Optional message" type="text" value="" />
3012        </div>
3013
3014
3015
3016
3017
3018
3019<container id="Button-59177361">
3020    <button type="submit"
3021            data-value="Submit"
3022            id="Button-59177361"
3023            class="transition-all inline-block flex-row-reverse rounded-sm font-normal text-start text-white bg-primary-600 hover:bg-primary-700 active:bg-primary-800 disabled:bg-grey-200 disabled:text-grey-300 px-5 py-3 text-base gap-2.5"
3024            style="--theme-color: var(--color-beige); --theme-color-whiter: var(--color-beige-whiter);"
3025            
3026            
3027            
3028        >
3029        <span class="pointer-events-none    ">
3030Submit        </span>
3031    </button>
3032</container>
3033
3034
3035    
3036
3037    </div>
3038</div>
3039
3040    
3040<script type="text/javascript">
3041        if (document.readyState === "loading") {
3042            onDocumentLoad(() => {
3043                const textSubmitComponent = document.getElementById('field-FeedbackMessage-c80a3ff4');
3044                if (textSubmitComponent) {
3045                    const textSubmitForm = textSubmitComponent.closest('form');
3046                    if (textSubmitForm) {
3047                        const defaultSubmit = textSubmitForm.querySelector('input[type=submit]');
3048                        if (defaultSubmit) {
3049                            defaultSubmit.style.display = "none";
3050                        }
3051                    }
3052                }
3053            });
3054        } else {
3055            const textSubmitComponent = document.getElementById('field-FeedbackMessage-c80a3ff4');
3056            if (textSubmitComponent) {
3057                const textSubmitForm = textSubmitComponent.closest('form');
3058                if (textSubmitForm) {
3059                    const defaultSubmit = textSubmitForm.querySelector('input[type=submit]');
3060                    if (defaultSubmit) {
3061                        defaultSubmit.style.display = "none";
3062                    }
3063                }
3064            }
3065        }
3066    </script>
3066
3067
3068
3069
3070
3071
3072<div class="field-explanation mt-2 text-sm text-gray-700" id="description-FeedbackMessage-c80a3ff4">Press ENTER to submit</div>
3073
3074
3075
3076</div>
3077
3078</div><input class="text-white bg-blue-700 hover:bg-blue-800 outline-offset-3 focus:outline-black font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center" type="submit" value="Submit" /><input name="__RequestVerificationToken" type="hidden" value="CfDJ8A60G2ypFFROgJdkBbKdIyqFvz-XJHY7UwLK6w_19RU-8zmtWlP3DKtdbO1D10q1fYvQFfzbvFjNcIFlUweSBqYniHj5lZYt2hgDFzoX9QSYyQcBW5TXnR_ptv6EaLNbdusQHwYQ-Cv1_BimMVbq3bs" />
3078<script type="text/javascript">
3079if (document.readyState === 'complete') {
3080  window.kentico.updatableFormHelper.registerEventListeners({"formId":"form-FeedbackForm_2025_11_11_05_45-ce09","targetAttributeName":"data-ktc-ajax-update","unobservedAttributeName":"data-ktc-notobserved-element"});
3081} else {
3082    document.addEventListener('DOMContentLoaded', function(event) {
3083      window.kentico.updatableFormHelper.registerEventListeners({"formId":"form-FeedbackForm_2025_11_11_05_45-ce09","targetAttributeName":"data-ktc-ajax-update","unobservedAttributeName":"data-ktc-notobserved-element"});
3084    });
3085}</script>
3085</form></div>
3086    
3087
3088
3089                </div>
3090        </div>
3091
3092        <div data-feedback-thankyou class="feedback-thankyou bg-primary-ice rounded-lg hidden focus-visible:outline-offset-3 focus-visible:outline-primary-600 focus-visible:outline-3" tabindex="-1">
3093            <h2 class="text-3xl font-semibold mb-3">Thanks for letting us know, we really appreciate you taking the time to help us improve.</h2>
3094
3095                <div class="fr-view max-w-2xl">
3096                    <p>If you need to contact the City of Mandurah, please head to our <a href="/our-city/contact-us" >contact us page</a></p>
3097                </div>
3098        </div>
3099    </div>
3100
3101    
3101<script type="text/javascript" defer>
3102        onDocumentLoad(() => new CoreSiteShared.FeedbackForm('Form-7b38ac4e'));
3103    </script>
3103
3104</container>
3105    
3106
3107
3108    </div>
3109
3110    <div class="relative z-0 lg:absolute lg:right-0 lg:w-auto lg:flex-1 flex flex-wrap gap-0 justify-end items-start ml-auto">
3111        <div class="h-[145px] w-[145px] aspect-square z-10 ml-auto" style="--graphic-color: var(--color-primary-600);">
3112            
3113<svg class="fill-(--graphic-color) rotate-(--graphic-rotation)" style="--graphic-rotation: 0deg;" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 170 170">
3114    <path fill-rule="nonzero" d="M169.13 42.84c-23.66 0-42.85-19.18-42.85-42.85h-13.53c0 31.14 25.24 56.38 56.38 56.38V42.84Zm0 37.58c-44.42 0-80.43-36.01-80.43-80.43H75.17c0 51.89 42.07 93.96 93.96 93.96V80.42Zm0 37.58C103.95 118 51.12 65.16 51.12-.01H37.59c0 72.65 58.89 131.54 131.54 131.54V118Zm0 51.12C75.72 169.12 0 93.4 0-.01h13.54c0 85.94 69.66 155.6 155.6 155.6v13.54l-.01-.01Z" />
3115</svg>
3116        </div>
3117
3118        <div class="w-full flex gap-0 justify-end">
3119            <div class="h-[145px] w-[145px] z-10 aspect-square" style="--graphic-color: var(--color-galah);">
3120                
3121<svg class="fill-(--graphic-color) rotate-(--graphic-rotation)" style="--graphic-rotation: 0deg;" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 170 170">
3122    <path fill-rule="nonzero" d="M169.13 169.13H0V56.38L84.57 0l84.56 56.38v112.75Z" />
3123</svg>
3124            </div>
3125            <div class="h-[145px] w-[145px] z-10 aspect-square" style="--graphic-color: var(--color-leaf-green);">
3126                
3127<svg class="fill-(--graphic-color)" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640">
3128    <circle cx="320" cy="320" r="320" />
3129</svg>
3130            </div>
3131        </div>
3132    </div>
3133</div>
3134
3135<footer id="Footer-1f88ee18" class="group/theme px-4 xs:px-5 lg:px-10" data-color-theme="primary-gold">
3136    <div class="mx-auto w-full max-w-1920">
3137        <h2 class="sr-only">Footer</h2>
3138
3139        <div class="w-full py-8 px-4 flex items-center justify-end">
3140            
3141
3142
3143
3144
3145
3146<container id="Button-921ff7f4">
3147    <button type="button"
3148            
3149            id="Button-921ff7f4"
3150            class="transition-all inline-flex items-center justify-center  rounded-sm font-normal text-start text-primary-700 bg-secondary-300 hover:bg-secondary-200 active:bg-secondary-400 disabled:bg-grey-200 disabled:text-grey-300 px-5 py-3 text-base gap-2.5"
3151            style="--theme-color: var(--color-beige); --theme-color-whiter: var(--color-beige-whiter);"
3152            
3153            
3154            
3155            onclick="window.scrollTo({ top: 0, behavior: &#x27;smooth&#x27; }); const logo = document.querySelector(&#x27;.site-header &gt; div:not(.skip-menu) a&#x27;); if (logo) logo.focus();"
3156        >
3157        <span class="pointer-events-none    ">
3158Back to top        </span>
3159            <span class="pointer-events-none icon com-arrow-up   "></span>
3160    </button>
3161</container>
3162
3163
3164    
3165
3166
3167        </div>
3168        <div class="flex flex-col-reverse lg:flex-row gap-y-14 lg:gap-x-25 pt-10 mb-8 lg:mb-20">
3169            <div class="basis-1/2 flex flex-col gap-y-6">
3170                <a href="/" class="w-fit">
3171                    <img src="/getContentAsset/b42ebbf4-6ab1-4d97-9150-84217deef9d9/41ddb5f3-2169-420f-929b-9b4ac40bcdee/com-logo 1.png?language=en" class="h-11 lg:h-12.5 me-3" alt="CityOfMandurah Logo" />
3172                </a>
3173
3174                    <div class="max-w-3xl fr-view">
3175                        <p>The City of Mandurah acknowledges the Bindjareb people as traditional custodians of this land. We acknowledge and respect their continuing culture and the unique contribution they make to the life of this community.</p>
3176                    </div>
3177
3178                    <div class="flex gap-x-5">
3179                            <a href="https://www.facebook.com/CityofMandurah" class="transition-colors text-white hover:text-secondary-300" target="_blank">
3180                                <span class="icon icon com-social--facebook text-2xl!" aria-hidden="true"></span>
3181                                <span class="sr-only">Follow us on Facebook (external)</span>
3182                            </a>
3183                            <a href="https://www.instagram.com/city_of_mandurah" class="transition-colors text-white hover:text-secondary-300" target="_blank">
3184                                <span class="icon icon com-social--instagram text-2xl!" aria-hidden="true"></span>
3185                                <span class="sr-only">Follow us on Instagram (external)</span>
3186                            </a>
3187                            <a href="https://x.com/CityofMandurah" class="transition-colors text-white hover:text-secondary-300" target="_blank">
3188                                <span class="icon icon com-social--x text-2xl!" aria-hidden="true"></span>
3189                                <span class="sr-only">Follow us on X (external)</span>
3190                            </a>
3191                            <a href="https://www.youtube.com/user/CityofMandurah" class="transition-colors text-white hover:text-secondary-300" target="_blank">
3192                                <span class="icon icon com-social--youtube text-2xl!" aria-hidden="true"></span>
3193                                <span class="sr-only">Follow us on Youtube (external)</span>
3194                            </a>
3195                    </div>
3196            </div>
3197
3198            <div class="basis-1/2">
3199                    <h3 class="text-3xl text-secondary-300 font-medium mb-2">Love Mandurah? Stay in the Loop.</h3>
3200                    <p class="mb-8"><p class="body--md">From local events and projects to important community updates, get the news that matters to you delivered straight to your inbox.</p><p class="body--md"><br></p></p>
3201
3202
3203
3204
3205
3206
3207<container id="Button-43cd494a">
3208        <a href="https://mandurah.us1.list-manage.com/subscribe?u=f555c7e5f434cce57eb0a6bd4&amp;id=d538c68387"
3209           id="Button-43cd494a"
3210           class="transition-all inline-flex items-center justify-center  rounded-sm font-normal text-start text-primary-700 bg-secondary-300 hover:bg-secondary-200 active:bg-secondary-400 disabled:bg-grey-200 disabled:text-grey-300 px-5 py-3 text-base gap-2.5"
3211           style=""
3212           target="_blank"
3213           
3214        >
3215        <span class="pointer-events-none    ">
3216Subscribe                <span class="sr-only"> (external)</span>
3217        </span>
3218            <span class="pointer-events-none icon icon com-external-link   "></span>
3219        </a>
3220</container>
3221
3222
3223    
3224
3225            </div>
3226        </div>
3227
3228        <div class="pb-20">
3229            <div class="mb-16">
3230                    <div id="Footer-1f88ee18-links"
3231                         class="lg:grid lg:grid-cols-6 gap-10"
3232                         data-accordion-group
3233                         data-accordion-collapse="true">
3234                            <div id="dcc4c73e-wrapper"
3235                                 class="border-b-1 border-b-white/30 lg:border-b-0"
3236                                 data-accordion-wrapper>
3237                                <h3 id="dcc4c73e-heading" class="font-medium text-lg py-3 lg:py-0 lg:mb-5">
3238                                        <span class="hidden lg:block">Quick links</span>
3239
3240                                    <button type="button"
3241                                            class="group flex w-full items-center justify-between gap-3 py-3 lg:hidden"
3242                                            aria-expanded="false"
3243                                            aria-controls="dcc4c73e-body"
3244                                            data-toggle-target="#dcc4c73e-body"
3245                                            data-accordion-trigger>
3246                                        <span>Quick links</span>
3247
3248                                        <div class="shrink-0 relative h-5 w-5">
3249                                            <svg class="absolute right-0 h-5 w-5 text-white transition-all duration-300 group-aria-[expanded=false]:-rotate-90" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3250                                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" />
3251                                            </svg>
3252                                            <svg class="absolute right-0 h-5 w-5 text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3253                                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" />
3254                                            </svg>
3255                                        </div>
3256                                    </button>
3257                                </h3>
3258                                <div id="dcc4c73e-body"
3259                                     class="invisible transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) lg:h-auto lg:visible"
3260                                     style="--accordion-height: 0;"
3261                                     data-accordion-target>
3262                                        <ul aria-labelledby="dcc4c73e-heading" class="pt-1.5 pb-6 lg:pb-1.5">
3263                                                <li class="mb-4">
3264                                                    <a href="/our-city/contact-us" class="underline decoration-transparent underline-offset-2 transition hover:decoration-white">
3265                                                        Contact us
3266                                                    </a>
3267                                                </li>
3268                                                <li class="mb-4">
3269                                                    <a href="/our-city/work-with-us" class="underline decoration-transparent underline-offset-2 transition hover:decoration-white">
3270                                                        Work with us
3271                                                    </a>
3272                                                </li>
3273                                                <li class="mb-4">
3274                                                    <a href="/search" class="underline decoration-transparent underline-offset-2 transition hover:decoration-white">
3275                                                        Search
3276                                                    </a>
3277                                                </li>
3278                                                <li class="mb-4">
3279                                                    <a href="/our-council/news-and-public-notices" class="underline decoration-transparent underline-offset-2 transition hover:decoration-white">
3280                                                        News
3281                                                    </a>
3282                                                </li>
3283                                        </ul>
3284                                </div>
3285                            </div>
3286                            <div id="6bc52109-wrapper"
3287                                 class="border-b-1 border-b-white/30 lg:border-b-0"
3288                                 data-accordion-wrapper>
3289                                <h3 id="6bc52109-heading" class="font-medium text-lg py-3 lg:py-0 lg:mb-5">
3290                                        <span class="hidden lg:block">Do it online</span>
3291
3292                                    <button type="button"
3293                                            class="group flex w-full items-center justify-between gap-3 py-3 lg:hidden"
3294                                            aria-expanded="false"
3295                                            aria-controls="6bc52109-body"
3296                                            data-toggle-target="#6bc52109-body"
3297                                            data-accordion-trigger>
3298                                        <span>Do it online</span>
3299
3300                                        <div class="shrink-0 relative h-5 w-5">
3301                                            <svg class="absolute right-0 h-5 w-5 text-white transition-all duration-300 group-aria-[expanded=false]:-rotate-90" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3302                                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" />
3303                                            </svg>
3304                                            <svg class="absolute right-0 h-5 w-5 text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
3305                                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" />
3306                                            </svg>
3307                                        </div>
3308                                    </button>
3309                                </h3>
3310                                <div id="6bc52109-body"
3311                                     class="invisible transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) lg:h-auto lg:visible"
3312                                     style="--accordion-height: 0;"
3313                                     data-accordion-target>
3314                                        <ul aria-labelledby="6bc52109-heading" class="pt-1.5 pb-6 lg:pb-1.5">
3315                                                <li class="mb-4">
3316                                                    <a href="/our-city/contact-us" class="underline decoration-transparent underline-offset-2 transition hover:decoration-white">
3317                                                        Pay it
3318                                                    </a>
3319                                                </li>
3320                                                <li class="mb-4">
3321                                                    <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/LogOn/COMO" class="underline decoration-transparent underline-offset-2 transition hover:decoration-white">
3322                                                        Register
3323                                                    </a>
3324                                                </li>
3325                                                <li class="mb-4">
3326                                                    <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/LogOn/COMO" class="underline decoration-transparent underline-offset-2 transition hover:decoration-white">
3327                                                        Request or report it
3328                                                    </a>
3329                                                </li>
3330                                                <li class="mb-4">
3331                                                    <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/LogOn/COMO?returnUrl=%2fT1Default%2fCiAnywhere%2fWeb%2fMANDURAH%2fCompliance%2fEnquiryPortalMyEnquiry%3ff%3d%2524P1.COM.ENQP.ENQ%26h%3d70tqEtcwjM%26t%3d1A9333AD%26suite%3dPR%26pagekey%3d20260421163951" class="underline decoration-transparent underline-offset-2 transition hover:decoration-white">
3332                                                        Apply for it
3333                                                    </a>
3334                                                </li>
3335                                                <li class="mb-4">
3336                                                    <a href="https://maps.mandurah.wa.gov.au/IntraMaps910/?_ga=2.6385649
33361.575867645.1776661626-2030698444.1762474873" class="underline decoration-transparent underline-offset-2 transition hover:decoration-white">
3337                                                        Online mapping
3338                                                    </a>
3339                                                </li>
3340                                        </ul>
3341                                </div>
3342                            </div>
3343                    </div>
3344            </div>
3345
3346            <div class="text-center lg:text-left lg:pt-8 lg:border-t-1 lg:border-t-white lg:flex lg:items-center lg:justify-between lg:gap-x-10">
3347                <span class="text-sm">
3348<p>© 2026 All contents copyright © City of Mandurah. All right reserved.</p>                </span>
3349                    <ul class="flex flex-wrap justify-center lg:justify-end gap-x-5 gap-y-3 text-sm mt-5 lg:mt-0">
3350                            <li>
3351                                <a href="/" class="underline underline-offset-2 transition decoration-transparent hover:decoration-white">Home</a>
3352                            </li>
3353                            <li>
3354                                <a href="/disability-access-and-inclusion/website-accessibility" class="underline underline-offset-2 transition decoration-transparent hover:decoration-white">Website accessibility</a>
3355                            </li>
3356                            <li>
3357                                <a href="/sitemap" class="underline underline-offset-2 transition decoration-transparent hover:decoration-white">Sitemap</a>
3358                            </li>
3359                            <li>
3360                                <a href="/privacy" class="underline underline-offset-2 transition decoration-transparent hover:decoration-white">Privacy</a>
3361                            </li>
3362                            <li>
3363                                <a href="/disclaimer" class="underline underline-offset-2 transition decoration-transparent hover:decoration-white">Disclaimer</a>
3364                            </li>
3365                    </ul>
3366            </div>
3367        </div>
3368    </div>
3369</footer>
3370
3371<script type="text/javascript" defer>
3372    onDocumentLoad(() => {
3373        const accordionGroup = document.getElementById("Footer-1f88ee18-links");
3374        if (!accordionGroup) return;
3375
3376        const autoCollapse = accordionGroup.getAttribute('data-accordion-collapse') == "true";
3377
3378        accordionGroup.querySelectorAll('[data-accordion-wrapper]').forEach(accordion => {
3379            new CoreSiteShared.Accordion(accordion.id, accordionGroup, autoCollapse);
3380        });
3381    });
3382</script>
3382
3383    
3384            <div id="Modal-1"
3385                 aria-hidden="true"
3386                 aria-labelledby="Modal-1-header"
3387                 class="hidden overflow-y-hidden overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-full max-h-full">
3388                <div class="relative p-4 w-full max-h-full small">
3389                    <div class="flex flex-col relative bg-white rounded-lg shadow-sm [@media(min-height:600px)]:min-h-[500px] h-[calc(100dvh-32px)] max-h-[700px]">
3390                        <div class="flex items-center justify-between gap-x-4 p-4 md:p-5 border-b rounded-t border-gray-200">
3391                            <h2 id="Modal-1-header" class="text-xl font-semibold text-gray-900">
3392                                Modal-12
3393                            </h2>
3394                            <button type="button"
3395                                    aria-label="Close modal"
3396                                    data-modal-hide="Modal-1"
3397                                    class="flex-none text-gray-500 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm min-w-6 min-h-6 w-8 h-8 ms-auto inline-flex justify-center items-center">
3398                                <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
3399                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" />
3400                                </svg>
3401                            </button>
3402                        </div>
3403
3404                        <div class="mr-2 my-4 ml-4 md:ml-5 pr-2 space-y-4 h-full overflow-y-auto">
3405                                <container>
3406                                </container>
3407                        </div>
3408                    </div>
3409                </div>
3410
3411
3412            </div>
3413            
3413<script type="text/javascript" defer>
3414                document.addEventListener('DOMContentLoaded', () => {
3415                    new CoreSiteShared.Modal('Modal-1');
3416                });
3417            </script>
3417
3418
3419
3420    
3420<script src="/_content/CityOfMandurah.Rcl/js/vendors.js"></script>
3420
3421    
3421<script src="/_content/CityOfMandurah.Rcl/js/main-website.js" defer></script>
3421
3422
3423    
3423<script src="/_content/Kentico.Content.Web.Rcl/Content/Bundles/Public/systemFormComponents.min.js"></script>
3423
3424
3425
3426<script src="/_content/Kentico.Xperience.TagManager/js/xperience-tag-manager.js?v=TtMOjnP7C3BlwtJokJNEQ6vzf8k5yEol-AKk2EPFSpU" type="module"></script>
3426</body>
3427</html>

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