https://ymca.org.uk/

ID da verificação: 8f72e260-17c7-4219-8a19-224111eb28a2Concluído
URL enviado:: https://ymca.org.uk/
Relatório concluído:: 19 de dez. de 2024, 10:58:36
Links · 14 encontrado(s)

Os links de saída identificados na página
Link	Texto
https://www.cookieyes.com/product/cookie-consent
https://accessibe.com/blog/knowledgebase/screen-reader-guide	Accessibility Screen-Reader Guide, Feedback, and Issue Reporting
https://www.instagram.com/ymcaenglandandwales/	Follow our story @ymcaenglandandwales
https://www.instagram.com/p/DDHy_-tCzgH/	Today is International Day of Persons With Disabil
https://www.instagram.com/reel/DDHx9ntoOxz/	180 years ago, YMCA was founded! Over the past 18
https://www.instagram.com/p/DDEzqAEtNqH/	Last week marked #WelshCharitiesWeek and it's fant
https://www.instagram.com/reel/DC_1JqByVNR/	Wishing you a very happy St Andrew’s Day from al
https://www.instagram.com/p/DC66rCJsB9d/	Why YMCA Because of Idris who found hope and
https://www.instagram.com/p/DC4dTyvAQkn/
https://www.facebook.com/YMCAEnglandandWales/
Variáveis JavaScript · 97 encontrada(s)

Variáveis JavaScript globais carregadas no objeto janela de uma página são variáveis declaradas fora das funções e acessíveis de qualquer lugar no código dentro do escopo atual
Nome	Tipo
0	object
1	object
2	object
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
cookieyes	object
_wpemojiSettings	object
$	undefined
jQuery	function
Mensagens de registro do console · 2 encontrada(s)

Mensagens registradas no console web
Tipo	Categoria	Log
log	other	URL https://ymca.org.uk/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1 Texto JQMIGRATE: Migrate is installed, version 3.4.1
warning	other	URL https://maps.googleapis.com/maps/api/js?key=AIzaSyCapDjjhBfhBsOuMqwNB0XkwDhoNMJijiI&ver=9 Texto Google Maps JavaScript API has been loaded directly without loading=async. This can result in suboptimal performance. For best-practice loading patterns please see https://goo.gle/js-api-loading
HTML

O corpo HTML bruto da página
<!DOCTYPE html><html><head><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
	<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
	<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/zIriijn3uj5Vpknvt_LnfNbF/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-8mJgBUBw4uTWF9Ooxgb4sUuO9jKtaVm1I+8vb0qpxxX3cafec7ovH+goM3yD4UyO"></script><script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/2963ad878637237e7c33ac4e/script.js"></script><script src="https://cdn-cookieyes.com/client_data/2963ad878637237e7c33ac4e/banner.js" async="" id="cookieyes-banner"></script><link rel="alternate" href="https://ymca.org.uk/" hreflang="en">
<link rel="alternate" href="https://ymca.org.uk/cy/cartref/" hreflang="cy">

	<!-- This site is optimized with the Yoast SEO plugin v23.9 - https://yoast.com/wordpress/plugins/seo/ -->
	<title>YMCA England &amp; Wales | Supporting Young People</title>
	<meta name="description" content="YMCA England &amp; Wales are proud to support young people with a wide range of services to help them reach their potential. Learn more about YMCA.">
	<link rel="canonical" href="https://ymca.org.uk/">
	<meta property="og:locale" content="en_GB">
	<meta property="og:locale:alternate" content="cy_GB">
	<meta property="og:type" content="website">
	<meta property="og:title" content="YMCA England &amp; Wales | Supporting Young People">
	<meta property="og:description" content="YMCA England &amp; Wales are proud to support young people with a wide range of services to help them reach their potential. Learn more about YMCA.">
	<meta property="og:url" content="https://ymca.org.uk/">
	<meta property="og:site_name" content="YMCA England and Wales">
	<meta property="article:publisher" content="https://www.facebook.com/YMCAEnglandandWales/">
	<meta property="article:modified_time" content="2024-12-19T10:12:07+00:00">
	<meta property="og:image" content="https://ymca.org.uk/wp-content/uploads/2024/06/ymca-video-background-general-multi.png">
	<meta property="og:image:width" content="1920">
	<meta property="og:image:height" content="1080">
	<meta property="og:image:type" content="image/png">
	<meta name="twitter:card" content="summary_large_image">
	<meta name="twitter:site" content="@YMCAEng_Wales">
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://ymca.org.uk/","url":"https://ymca.org.uk/","name":"YMCA England & Wales | Supporting Young People","isPartOf":{"@id":"https://ymca.org.uk/#website"},"about":{"@id":"https://ymca.org.uk/#organization"},"datePublished":"2023-09-01T10:37:02+00:00","dateModified":"2024-12-19T10:12:07+00:00","description":"YMCA England & Wales are proud to support young people with a wide range of services to help them reach their potential. Learn more about YMCA.","breadcrumb":{"@id":"https://ymca.org.uk/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https://ymca.org.uk/"]}]},{"@type":"BreadcrumbList","@id":"https://ymca.org.uk/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://ymca.org.uk/#website","url":"https://ymca.org.uk/","name":"YMCA England and Wales","description":"","publisher":{"@id":"https://ymca.org.uk/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://ymca.org.uk/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https://ymca.org.uk/#organization","name":"YMCA England & Wales","alternateName":"YMCA","url":"https://ymca.org.uk/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https://ymca.org.uk/#/schema/logo/image/","url":"https://ymca.org.uk/wp-content/uploads/2024/08/ymca-standard-logo-RGB-5BSCREEN5D_grey.png","contentUrl":"https://ymca.org.uk/wp-content/uploads/2024/08/ymca-standard-logo-RGB-5BSCREEN5D_grey.png","width":1280,"height":377,"caption":"YMCA England & Wales"},"image":{"@id":"https://ymca.org.uk/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/YMCAEnglandandWales/","https://x.com/YMCAEng_Wales","https://www.linkedin.com/company/ymca-england-wales/","https://www.instagram.com/ymcaenglandandwales/","https://www.youtube.com/c/ymcaenglandandwales"]}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel="dns-prefetch" href="//maps.googleapis.com">
<link rel="dns-prefetch" href="//www.google.com">
<script type="text/javascript">
/* <![CDATA[ */
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/ymca.org.uk\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.1"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
/* ]]> */
</script>
<link rel="stylesheet" id="default-css" href="https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website/assets/css/main.css?ver=6.7.1" type="text/css" media="all">
<link rel="stylesheet" id="swiper-styles-css" href="https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website/assets/css/swiper-bundle.min.css?ver=https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website/assets/css/swiper-bundle.min.css" type="text/css" media="all">
<link rel="stylesheet" id="aos-styles-css" href="https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website/assets/css/aos.min.css?ver=https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website/assets/css/aos.min.css" type="text/css" media="all">
<link rel="stylesheet" id="tmce-styles-css" href="https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website/assets/css/tmce.css?ver=https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website/assets/css/tmce.css" type="text/css" media="all">
<link rel="stylesheet" id="sbi_styles-css" href="https://ymca.org.uk/wp-content/plugins/instagram-feed/css/sbi-styles.min.css?ver=6.6.1" type="text/css" media="all">
<style id="wp-emoji-styles-inline-css" type="text/css">

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
</style>
<link rel="stylesheet" id="wp-block-library-css" href="https://ymca.org.uk/wp-includes/css/dist/block-library/style.min.css?ver=6.7.1" type="text/css" media="all">
<style id="classic-theme-styles-inline-css" type="text/css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id="global-styles-inline-css" type="text/css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<script type="text/javascript" src="https://ymca.org.uk/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://ymca.org.uk/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<link rel="https://api.w.org/" href="https://ymca.org.uk/wp-json/"><link rel="alternate" title="JSON" type="application/json" href="https://ymca.org.uk/wp-json/wp/v2/pages/7"><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://ymca.org.uk/xmlrpc.php?rsd">
<meta name="generator" content="WordPress 6.7.1">
<link rel="shortlink" href="https://ymca.org.uk/">
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://ymca.org.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fymca.org.uk%2F">
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://ymca.org.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fymca.org.uk%2F&amp;format=xml">
<link rel="icon" href="https://ymca.org.uk/wp-content/uploads/2023/09/cropped-favicon-32x32.png" sizes="32x32">
<link rel="icon" href="https://ymca.org.uk/wp-content/uploads/2023/09/cropped-favicon-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" href="https://ymca.org.uk/wp-content/uploads/2023/09/cropped-favicon-180x180.png">
<meta name="msapplication-TileImage" content="https://ymca.org.uk/wp-content/uploads/2023/09/cropped-favicon-270x270.png">

    <!-- Google tag (gtag.js) -->

<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-03XHFJ7PDP');
</script>

<meta name="google-site-verification" content="BEY2__DMddzTyBlCiWQxoLgguccZs_ooWMh-bz9AgEs"><script src="https://acsbapp.com/apps/app/dist/js/app.js" async=""></script><script src="https://ymca.org.uk/wp-includes/js/wp-emoji-release.min.js?ver=6.7.1" defer=""></script><style id="cky-style">.cky-overlay{background: #000000; opacity: 0.4; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999999;}.cky-hide{display: none;}.cky-btn-revisit-wrapper{display: flex; align-items: center; justify-content: center; background: #0056a7; width: 45px; height: 45px; border-radius: 50%; position: fixed; z-index: 999999; cursor: pointer;}.cky-revisit-bottom-left{bottom: 15px; left: 15px;}.cky-revisit-bottom-right{bottom: 15px; right: 15px;}.cky-btn-revisit-wrapper .cky-btn-revisit{display: flex; align-items: center; justify-content: center; background: none; border: none; cursor: pointer; position: relative; margin: 0; padding: 0;}.cky-btn-revisit-wrapper .cky-btn-revisit img{max-width: fit-content; margin: 0; height: 30px; width: 30px;}.cky-revisit-bottom-left:hover::before{content: attr(data-tooltip); position: absolute; background: #4e4b66; color: #ffffff; left: calc(100% + 7px); font-size: 12px; line-height: 16px; width: max-content; padding: 4px 8px; border-radius: 4px;}.cky-revisit-bottom-left:hover::after{position: absolute; content: ""; border: 5px solid transparent; left: calc(100% + 2px); border-left-width: 0; border-right-color: #4e4b66;}.cky-revisit-bottom-right:hover::before{content: attr(data-tooltip); position: absolute; background: #4e4b66; color: #ffffff; right: calc(100% + 7px); font-size: 12px; line-height: 16px; width: max-content; padding: 4px 8px; border-radius: 4px;}.cky-revisit-bottom-right:hover::after{position: absolute; content: ""; border: 5px solid transparent; right: calc(100% + 2px); border-right-width: 0; border-left-color: #4e4b66;}.cky-revisit-hide{display: none;}.cky-consent-container{position: fixed; width: 440px; box-sizing: border-box; z-index: 9999999; border-radius: 6px;}.cky-consent-container .cky-consent-bar{background: #ffffff; border: 1px solid; padding: 20px 26px; box-shadow: 0 -1px 10px 0 #acabab4d; border-radius: 6px;}.cky-box-bottom-left{bottom: 40px; left: 40px;}.cky-box-bottom-right{bottom: 40px; right: 40px;}.cky-box-top-left{top: 40px; left: 40px;}.cky-box-top-right{top: 40px; right: 40px;}.cky-custom-brand-logo-wrapper .cky-custom-brand-logo{width: 100px; height: auto; margin: 0 0 12px 0;}.cky-notice .cky-title{color: #212121; font-weight: 700; font-size: 18px; line-height: 24px; margin: 0 0 12px 0; word-break: break-word;}.cky-notice-des *,.cky-preference-content-wrapper *,.cky-dma-content-wrapper *,.cky-accordion-header-des *,.cky-gpc-wrapper .cky-gpc-desc *{font-size: 14px;}.cky-notice-des{color: #212121; font-size: 14px; line-height: 24px; font-weight: 400;}.cky-notice-des img{min-height: 25px; min-width: 25px;}.cky-consent-bar .cky-notice-des p,.cky-gpc-wrapper .cky-gpc-desc p,.cky-preference-body-wrapper .cky-preference-content-wrapper p,.cky-accordion-header-wrapper .cky-accordion-header-des p,.cky-cookie-des-table li div:last-child p{color: inherit; margin-top: 0; word-break: break-word;}.cky-notice-des P:last-child,.cky-preference-content-wrapper p:last-child,.cky-cookie-des-table li div:last-child p:last-child,.cky-gpc-wrapper .cky-gpc-desc p:last-child{margin-bottom: 0;}.cky-notice-des a.cky-policy,.cky-notice-des button.cky-policy,.cky-dma-content-wrapper a.cky-policy,.cky-dma-content-wrapper button.cky-policy{font-size: 14px; color: #1863dc; white-space: nowrap; cursor: pointer; background: transparent; border: 1px solid; text-decoration: underline;}.cky-notice-des button.cky-policy,.cky-dma-content-wrapper button.cky-policy{padding: 0;}.cky-notice-des a.cky-policy:focus-visible,.cky-notice-des button.cky-policy:focus-visible,.cky-dma-content-wrapper a.cky-policy:focus-visible,.cky-dma-content-wrapper button.cky-policy:focus-visible,.cky-preference-content-wrapper .cky-show-desc-btn:focus-visible,.cky-accordion-header .cky-accordion-btn:focus-visible,.cky-preference-header .cky-btn-close:focus-visible,.cky-switch input[type="checkbox"]:focus-visible,.cky-footer-wrapper a:focus-visible,.cky-btn:focus-visible{outline: 2px solid #1863dc; outline-offset: 2px;}.cky-btn:focus:not(:focus-visible),.cky-accordion-header .cky-accordion-btn:focus:not(:focus-visible),.cky-preference-content-wrapper .cky-show-desc-btn:focus:not(:focus-visible),.cky-btn-revisit-wrapper .cky-btn-revisit:focus:not(:focus-visible),.cky-preference-header .cky-btn-close:focus:not(:focus-visible),.cky-consent-bar .cky-banner-btn-close:focus:not(:focus-visible){outline: 0;}button.cky-show-desc-btn:not(:hover):not(:active){color: #1863dc; background: transparent;}button.cky-accordion-btn:not(:hover):not(:active),button.cky-banner-btn-close:not(:hover):not(:active),button.cky-btn-revisit:not(:hover):not(:active),button.cky-btn-close:not(:hover):not(:active){background: transparent;}.cky-consent-bar button:hover,.cky-modal.cky-modal-open button:hover,.cky-consent-bar button:focus,.cky-modal.cky-modal-open button:focus{text-decoration: none;}.cky-notice-btn-wrapper{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 16px;}.cky-notice-btn-wrapper .cky-btn{text-shadow: none; box-shadow: none;}.cky-btn{flex: auto; max-width: 100%; font-size: 14px; font-family: inherit; line-height: 24px; padding: 8px; font-weight: 500; border-radius: 2px; cursor: pointer; text-align: center; text-transform: none; min-height: 0; overflow-wrap: break-word;}.cky-btn:hover{opacity: 0.8;}.cky-btn-customize{color: #1863dc; background: transparent; border: 2px solid #1863dc;}.cky-btn-reject{color: #1863dc; background: transparent; border: 2px solid #1863dc;}.cky-btn-accept{background: #1863dc; color: #ffffff; border: 2px solid #1863dc;}.cky-btn:last-child{margin-right: 0;}@media (max-width: 576px){.cky-box-bottom-left{bottom: 0; left: 0;}.cky-box-bottom-right{bottom: 0; right: 0;}.cky-box-top-left{top: 0; left: 0;}.cky-box-top-right{top: 0; right: 0;}}@media (max-width: 440px){.cky-box-bottom-left, .cky-box-bottom-right, .cky-box-top-left, .cky-box-top-right{width: 100%; max-width: 100%;}.cky-consent-container .cky-consent-bar{padding: 20px 0;}.cky-custom-brand-logo-wrapper, .cky-notice .cky-title, .cky-notice-des, .cky-notice-btn-wrapper{padding: 0 24px;}.cky-notice-des{max-height: 40vh; overflow-y: scroll;}.cky-notice-btn-wrapper{gap: 10px; flex-direction: column;}.cky-btn{width: 100%;}.cky-notice-btn-wrapper .cky-btn-customize{order: 2;}.cky-notice-btn-wrapper .cky-btn-reject{order: 3;}.cky-notice-btn-wrapper .cky-btn-accept{order: 1;}}@media (max-width: 352px){.cky-notice .cky-title{font-size: 16px;}.cky-notice-des *{font-size: 12px;}.cky-notice-des, .cky-btn{font-size: 12px;}}.cky-modal.cky-modal-open{display: flex; visibility: visible; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; transition: all 1s ease; max-height: 100%;}.cky-modal{box-shadow: 0 32px 68px rgba(0, 0, 0, 0.3); margin: 0 auto; position: fixed; max-width: 100%; background: #ffffff; top: 50%; box-sizing: border-box; border-radius: 6px; z-index: 999999999; color: #212121; -webkit-transform: translate(-50%, 100%); -moz-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); -o-transform: translate(-50%, 100%); transform: translate(-50%, 100%); visibility: hidden; transition: all 0s ease;}.cky-preference-center{max-height: 79vh; overflow: hidden; width: 845px; overflow: hidden; flex: 1 1 0; display: flex; flex-direction: column; border-radius: 6px;}.cky-preference-header{display: flex; align-items: center; justify-content: space-between; padding: 22px 24px; border-bottom: 1px solid;}.cky-preference-header .cky-preference-title{font-size: 18px; font-weight: 700; line-height: 24px; word-break: break-word;}.cky-preference-header .cky-btn-close{margin: 0; cursor: pointer; vertical-align: middle; padding: 0; background: none; border: none; width: auto; height: auto; min-height: 0; line-height: 0; text-shadow: none; box-shadow: none;}.cky-preference-header .cky-btn-close img{margin: 0; height: 10px; width: 10px;}.cky-preference-body-wrapper{padding: 0 24px; flex: 1; overflow: auto; box-sizing: border-box;}.cky-preference-content-wrapper,.cky-gpc-wrapper .cky-gpc-desc{font-size: 14px; line-height: 24px; font-weight: 400; padding: 12px 0;}.cky-preference-content-wrapper img{min-height: 25px; min-width: 25px;}.cky-preference-content-wrapper .cky-show-desc-btn{font-size: 14px; font-family: inherit; color: #1863dc; text-decoration: none; line-height: 24px; padding: 0; margin: 0; white-space: nowrap; cursor: pointer; background: transparent; border-color: transparent; text-transform: none; min-height: 0; text-shadow: none; box-shadow: none;}.cky-accordion-wrapper{margin-bottom: 10px;}.cky-accordion{border-bottom: 1px solid;}.cky-accordion:last-child{border-bottom: none;}.cky-accordion .cky-accordion-item{display: flex; margin-top: 10px;}.cky-accordion .cky-accordion-body{display: none;}.cky-accordion.cky-accordion-active .cky-accordion-body{display: block; padding: 0 22px; margin-bottom: 16px;}.cky-accordion-header-wrapper{cursor: pointer; width: 100%;}.cky-accordion-item .cky-accordion-header{display: flex; justify-content: space-between; align-items: center;}.cky-accordion-header .cky-accordion-btn{font-size: 16px; font-family: inherit; color: #212121; line-height: 24px; background: none; border: none; font-weight: 700; padding: 0; margin: 0; cursor: pointer; text-transform: none; min-height: 0; text-shadow: none; box-shadow: none;}.cky-accordion-header .cky-always-active{color: #008000; font-weight: 600; line-height: 24px; font-size: 14px;}.cky-accordion-header-des{font-size: 14px; line-height: 24px; margin: 10px 0 16px 0;}.cky-accordion-chevron{margin-right: 22px; position: relative; cursor: pointer;}.cky-accordion-chevron-hide{display: none;}.cky-accordion .cky-accordion-chevron i::before{content: ""; position: absolute; border-right: 1.4px solid; border-bottom: 1.4px solid; border-color: inherit; height: 6px; width: 6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); transition: all 0.2s ease-in-out; top: 8px;}.cky-accordion.cky-accordion-active .cky-accordion-chevron i::before{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}.cky-audit-table{background: #f4f4f4; border-radius: 6px;}.cky-audit-table .cky-empty-cookies-text{color: inherit; font-size: 12px; line-height: 24px; margin: 0; padding: 10px; word-break: break-word;}.cky-audit-table .cky-cookie-des-table{font-size: 12px; line-height: 24px; font-weight: normal; padding: 15px 10px; border-bottom: 1px solid; border-bottom-color: inherit; margin: 0;}.cky-audit-table .cky-cookie-des-table:last-child{border-bottom: none;}.cky-audit-table .cky-cookie-des-table li{list-style-type: none; display: flex; padding: 3px 0;}.cky-audit-table .cky-cookie-des-table li:first-child{padding-top: 0;}.cky-cookie-des-table li div:first-child{width: 100px; font-weight: 600; word-break: break-word; word-wrap: break-word;}.cky-cookie-des-table li div:last-child{flex: 1; word-break: break-word; word-wrap: break-word; margin-left: 8px;}.cky-footer-shadow{display: block; width: 100%; height: 40px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); position: absolute; bottom: calc(100% - 1px);}.cky-footer-wrapper{position: relative;}.cky-prefrence-btn-wrapper{display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: center; padding: 22px 24px; border-top: 1px solid;}.cky-prefrence-btn-wrapper .cky-btn{flex: auto; max-width: 100%; text-shadow: none; box-shadow: none;}.cky-btn-preferences{color: #1863dc; background: transparent; border: 2px solid #1863dc;}.cky-preference-header,.cky-preference-body-wrapper,.cky-accordion-wrapper,.cky-accordion,.cky-accordion-wrapper,.cky-footer-wrapper,.cky-prefrence-btn-wrapper{border-color: inherit;}.cky-preference-body-wrapper .cky-dma-content-wrapper{font-size: 14px; line-height: 24px; font-weight: 400; padding: 4px 0 12px;}.cky-preference-body-wrapper .cky-dma-content-wrapper p{color: inherit; word-break: break-word;}.cky-preference-body-wrapper .cky-dma-content-wrapper p:first-child{margin-top: 0;}.cky-preference-body-wrapper .cky-dma-content-wrapper p:last-child{margin-bottom: 0;}.cky-preference-body-wrapper .cky-horizontal-separator{border-bottom: 1px solid; border-color: inherit;}@media (max-width: 845px){.cky-modal{max-width: calc(100% - 16px);}}@media (max-width: 576px){.cky-modal{max-width: 100%;}.cky-preference-center{max-height: 100vh;}.cky-prefrence-btn-wrapper{flex-direction: column; gap: 10px;}.cky-accordion.cky-accordion-active .cky-accordion-body{padding-right: 0;}.cky-prefrence-btn-wrapper .cky-btn{width: 100%;}.cky-prefrence-btn-wrapper .cky-btn-reject{order: 3;}.cky-prefrence-btn-wrapper .cky-btn-accept{order: 1; margin-top: 0;}.cky-prefrence-btn-wrapper .cky-btn-preferences{order: 2;}}@media (max-width: 425px){.cky-accordion-chevron{margin-right: 15px;}.cky-accordion.cky-accordion-active .cky-accordion-body{padding: 0 15px;}}@media (max-width: 352px){.cky-preference-header .cky-preference-title{font-size: 16px;}.cky-preference-header{padding: 16px 24px;}.cky-preference-content-wrapper *, .cky-accordion-header-des *, .cky-dma-content-wrapper *{font-size: 12px;}.cky-preference-content-wrapper, .cky-preference-body-wrapper .cky-dma-content-wrapper, .cky-preference-content-wrapper .cky-show-more, .cky-accordion-header .cky-always-active, .cky-accordion-header-des, .cky-preference-content-wrapper .cky-show-desc-btn, .cky-notice-des a.cky-policy, .cky-dma-content-wrapper a.cky-policy{font-size: 12px;}.cky-accordion-header .cky-accordion-btn{font-size: 14px;}}.cky-switch{display: flex;}.cky-switch input[type="checkbox"]{position: relative; width: 44px; height: 24px; margin: 0; background: #d0d5d2; -webkit-appearance: none; border-radius: 50px; cursor: pointer; outline: 0; border: none; top: 0;}.cky-switch input[type="checkbox"]:checked{background: #1863dc;}.cky-switch input[type="checkbox"]:before{position: absolute; content: ""; height: 20px; width: 20px; left: 2px; bottom: 2px; border-radius: 50%; background-color: white; -webkit-transition: 0.4s; transition: 0.4s; margin: 0;}.cky-switch input[type="checkbox"]:after{display: none;}.cky-switch input[type="checkbox"]:checked:before{-webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}@media (max-width: 425px){.cky-switch input[type="checkbox"]{width: 38px; height: 21px;}.cky-switch input[type="checkbox"]:before{height: 17px; width: 17px;}.cky-switch input[type="checkbox"]:checked:before{-webkit-transform: translateX(17px); -ms-transform: translateX(17px); transform: translateX(17px);}}.cky-consent-bar .cky-banner-btn-close{position: absolute; right: 9px; top: 5px; background: none; border: none; cursor: pointer; padding: 0; margin: 0; min-height: 0; line-height: 0; height: auto; width: auto; text-shadow: none; box-shadow: none;}.cky-consent-bar .cky-banner-btn-close img{height: 9px; width: 9px; margin: 0;}.cky-notice-group{font-size: 14px; line-height: 24px; font-weight: 400; color: #212121;}.cky-notice-btn-wrapper .cky-btn-do-not-sell{font-size: 14px; line-height: 24px; padding: 6px 0; margin: 0; font-weight: 500; background: none; border-radius: 2px; border: none; cursor: pointer; text-align: left; color: #1863dc; background: transparent; border-color: transparent; box-shadow: none; text-shadow: none; word-break: break-word;}.cky-consent-bar .cky-banner-btn-close:focus-visible,.cky-notice-btn-wrapper .cky-btn-do-not-sell:focus-visible,.cky-opt-out-btn-wrapper .cky-btn:focus-visible,.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:focus-visible{outline: 2px solid #1863dc; outline-offset: 2px;}@media (max-width: 440px){.cky-consent-container{width: 100%;}}@media (max-width: 352px){.cky-notice-des a.cky-policy, .cky-notice-btn-wrapper .cky-btn-do-not-sell{font-size: 12px;}}.cky-opt-out-wrapper{padding: 12px 0;}.cky-opt-out-wrapper .cky-opt-out-checkbox-wrapper{display: flex; align-items: center;}.cky-opt-out-checkbox-wrapper .cky-opt-out-checkbox-label{font-size: 16px; font-weight: 700; line-height: 24px; margin: 0 0 0 12px; cursor: pointer; word-break: break-word;}.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox{background-color: #ffffff; border: 1px solid #000000; width: 20px; height: 18.5px; margin: 0; -webkit-appearance: none; position: relative; display: flex; align-items: center; justify-content: center; border-radius: 2px; cursor: pointer;}.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked{background-color: #1863dc; border: none;}.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked::after{left: 6px; bottom: 4px; width: 7px; height: 13px; border: solid #ffffff; border-width: 0 3px 3px 0; border-radius: 2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); content: ""; position: absolute; box-sizing: border-box;}.cky-opt-out-checkbox-wrapper.cky-disabled .cky-opt-out-checkbox-label,.cky-opt-out-checkbox-wrapper.cky-disabled input[type="checkbox"].cky-opt-out-checkbox{cursor: no-drop;}.cky-gpc-wrapper{margin: 0 0 0 32px;}.cky-footer-wrapper .cky-opt-out-btn-wrapper{display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: center; padding: 22px 24px;}.cky-opt-out-btn-wrapper .cky-btn{flex: auto; max-width: 100%; text-shadow: none; box-shadow: none;}.cky-opt-out-btn-wrapper .cky-btn-cancel{border: 1px solid #dedfe0; background: transparent; color: #858585;}.cky-opt-out-btn-wrapper .cky-btn-confirm{background: #1863dc; color: #ffffff; border: 1px solid #1863dc;}@media (max-width: 440px){.cky-footer-wrapper .cky-opt-out-btn-wrapper{gap: 10px;}}@media (max-width: 352px){.cky-opt-out-checkbox-wrapper .cky-opt-out-checkbox-label{font-size: 14px;}.cky-gpc-wrapper .cky-gpc-desc, .cky-gpc-wrapper .cky-gpc-desc *{font-size: 12px;}.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox{width: 16px; height: 16px;}.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked::after{left: 5px; bottom: 4px; width: 3px; height: 9px;}.cky-gpc-wrapper{margin: 0 0 0 28px;}}.video-placeholder-youtube{background-size: 100% 100%; background-position: center; background-repeat: no-repeat; background-color: #b2b0b059; position: relative; display: flex; align-items: center; justify-content: center; max-width: 100%;}.video-placeholder-text-youtube{text-align: center; align-items: center; padding: 10px 16px; background-color: #000000cc; color: #ffffff; border: 1px solid; border-radius: 2px; cursor: pointer;}.video-placeholder-normal{background-image: url("https://cdn-cookieyes.com/assets/images/cky-placeholder.svg"); background-size: 80px; background-position: center; background-repeat: no-repeat; background-color: #b2b0b059; position: relative; display: flex; align-items: flex-end; justify-content: center; max-width: 100%;}.video-placeholder-text-normal{align-items: center; padding: 10px 16px; text-align: center; border: 1px solid; border-radius: 2px; cursor: pointer;}.cky-rtl{direction: rtl; text-align: right;}.cky-rtl .cky-banner-btn-close{left: 9px; right: auto;}.cky-rtl .cky-notice-btn-wrapper .cky-btn:last-child{margin-right: 8px;}.cky-rtl .cky-notice-btn-wrapper .cky-btn:first-child{margin-right: 0;}.cky-rtl .cky-notice-btn-wrapper{margin-left: 0; margin-right: 15px;}.cky-rtl .cky-prefrence-btn-wrapper .cky-btn{margin-right: 8px;}.cky-rtl .cky-prefrence-btn-wrapper .cky-btn:first-child{margin-right: 0;}.cky-rtl .cky-accordion .cky-accordion-chevron i::before{border: none; border-left: 1.4px solid; border-top: 1.4px solid; left: 12px;}.cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-chevron i::before{-webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}@media (max-width: 768px){.cky-rtl .cky-notice-btn-wrapper{margin-right: 0;}}@media (max-width: 576px){.cky-rtl .cky-notice-btn-wrapper .cky-btn:last-child{margin-right: 0;}.cky-rtl .cky-prefrence-btn-wrapper .cky-btn{margin-right: 0;}.cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-body{padding: 0 22px 0 0;}}@media (max-width: 425px){.cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-body{padding: 0 15px 0 0;}}.cky-rtl .cky-opt-out-btn-wrapper .cky-btn{margin-right: 12px;}.cky-rtl .cky-opt-out-btn-wrapper .cky-btn:first-child{margin-right: 0;}.cky-rtl .cky-opt-out-checkbox-wrapper .cky-opt-out-checkbox-label{margin: 0 12px 0 0;}@supports not (gap: 10px){.cky-btn{margin: 0 8px 0 0;}@media (max-width: 440px){.cky-notice-btn-wrapper{margin-top: 0;}.cky-btn{margin: 10px 0 0 0;}.cky-notice-btn-wrapper .cky-btn-accept{margin-top: 16px;}}@media (max-width: 576px){.cky-prefrence-btn-wrapper .cky-btn{margin: 10px 0 0 0;}}@media (max-width: 425px){.cky-notice-btn-wrapper{margin-top: 0;}}} </style><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/59/3a/common.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/59/3a/util.js"></script></head>
<body class="home page-template-default page page-id-7  bg-white" style="" data-aos-easing="ease" data-aos-duration="400" data-aos-delay="0"><div class="cky-overlay cky-hide"></div>  <div class="cky-consent-container cky-box-bottom-left" tabindex="0"> <div class="cky-consent-bar" data-cky-tag="notice" style="border-color: #f4f4f4; background-color: #FFFFFF;">   <div class="cky-notice"> <p class="cky-title" role="heading" aria-level="1" data-cky-tag="title" style="color: #212121;"> We value your privacy </p> <div class="cky-notice-group"> <div class="cky-notice-des" data-cky-tag="description" style="color: #212121;"> <p>We use cookies to enhance your browsing experience, serve personalized ads or content, and analyze our traffic. By clicking "Accept All", you consent to our use of cookies.</p> </div>  <div class="cky-notice-btn-wrapper" data-cky-tag="notice-buttons"> <button class="cky-btn cky-btn-customize" aria-label="Customize" data-cky-tag="settings-button" style="color: #af126d; border-color: #af126d; background-color: transparent;">Customize</button> <button class="cky-btn cky-btn-reject" aria-label="Reject All" data-cky-tag="reject-button" style="color: #af126d; border-color: #af126d; background-color: transparent;">Reject All</button> <button class="cky-btn cky-btn-accept" aria-label="Accept All" data-cky-tag="accept-button" style="color: #FFFFFF; border-color: #af126d; background-color: #af126d;">Accept All</button>  </div> </div> </div> </div> </div> <div class="cky-modal" tabindex="0"> <div class="cky-preference-center" data-cky-tag="detail" style="color: #212121; border-color: #f4f4f4; background-color: #FFFFFF;"> <div class="cky-preference-header"> <span class="cky-preference-title" role="heading" aria-level="1" data-cky-tag="detail-title" style="color: #212121;">Customize Consent Preferences</span> <button class="cky-btn-close" aria-label="Close" data-cky-tag="detail-close"> <img src="https://cdn-cookieyes.com/assets/images/close.svg" alt="Close"> </button> </div> <div class="cky-preference-body-wrapper"> <div class="cky-preference-content-wrapper" data-cky-tag="detail-description" style="color: #212121;"><p>We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.</p><p>The cookies that are categorized as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site. ...&nbsp;<button class="cky-show-desc-btn" data-cky-tag="show-desc-button" aria-label="Show more">Show more</button></p></div>  <div class="cky-horizontal-separator"></div> <div class="cky-accordion-wrapper" data-cky-tag="detail-categories"> <div class="cky-accordion" id="ckyDetailCategorynecessary"><div class="cky-accordion-item"><div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div><div class="cky-accordion-header-wrapper"><div class="cky-accordion-header"><button class="cky-accordion-btn" aria-expanded="false" aria-label="Necessary" data-cky-tag="detail-category-title" style="color: #212121;">Necessary</button><span class="cky-always-active">Always Active</span></div><div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color: #212121;"><p>Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.</p></div></div></div><div class="cky-accordion-body"><div class="cky-audit-table" data-cky-tag="audit-table" style="color: #212121; border-color: #ebebeb; background-color: #f4f4f4;"><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>cookieyes-consent</div></li><li><div>Duration</div><div>1 year</div></li><li><div>Description</div><div>CookieYes sets this cookie to remember users' consent preferences so that their preferences are respected on subsequent visits to this site. It does not collect or store any personal information about the site visitors.</div></li></ul><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>wpEmojiSettingsSupports</div></li><li><div>Duration</div><div>session</div></li><li><div>Description</div><div>WordPress sets this cookie when a user interacts with emojis on a WordPress site.  It helps determine if the user's browser can display emojis properly.</div></li></ul></div></div></div><div class="cky-accordion" id="ckyDetailCategoryfunctional"><div class="cky-accordion-item"><div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div><div class="cky-accordion-header-wrapper"><div class="cky-accordion-header"><button class="cky-accordion-btn" aria-expanded="false" aria-label="Functional" data-cky-tag="detail-category-title" style="color: #212121;">Functional</button><div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchfunctional" aria-label="Enable Functional" style="background-color: rgb(208, 213, 210);"></div></div><div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color: #212121;"><p>Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.</p></div></div></div><div class="cky-accordion-body"><div class="cky-audit-table" data-cky-tag="audit-table" style="color: #212121; border-color: #ebebeb; background-color: #f4f4f4;"><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>pll_language</div></li><li><div>Duration</div><div>1 year</div></li><li><div>Description</div><div>Polylang sets this cookie to remember the language the user selects when returning to the website and get the language information when unavailable in another way.</div></li></ul><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>yt-remote-device-id</div></li><li><div>Duration</div><div>Never Expires</div></li><li><div>Description</div><div>YouTube sets this cookie to store the user's video preferences using embedded YouTube videos.</div></li></ul><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>ytidb::LAST_RESULT_ENTRY_KEY</div></li><li><div>Duration</div><div>Never Expires</div></li><li><div>Description</div><div>The cookie ytidb::LAST_RESULT_ENTRY_KEY is used by YouTube to store the last search result entry that was clicked by the user. This information is used to improve the user experience by providing more relevant search results in the future.</div></li></ul><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>yt-player-headers-readable</div></li><li><div>Duration</div><div>Never Expires</div></li><li><div>Description</div><div>The yt-player-headers-readable cookie is used by YouTube to store user preferences related to video playback and interface, enhancing the user's viewing experience.</div></li></ul><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>yt-remote-connected-devices</div></li><li><div>Duration</div><div>Never Expires</div></li><li><div>Description</div><div>YouTube sets this cookie to store the user's video preferences using embedded YouTube videos.</div></li></ul><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>yt-remote-session-app</div></li><li><div>Duration</div><div>session</div></li><li><div>Description</div><div>The yt-remote-session-app cookie is used by YouTube to store user preferences and information about the interface of the embedded YouTube video player.</div></li></ul><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>yt-remote-cast-installed</div></li><li><div>Duration</div><div>session</div></li><li><div>Description</div><div>The yt-remote-cast-installed cookie is used to store the user's video player preferences using embedded YouTube video.</div></li></ul><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>yt-remote-cast-available</div></li><li><div>Duration</div><div>session</div></li><li><div>Description</div><div>The yt-remote-cast-available cookie is used to store the user's preferences regarding whether casting is available on their YouTube video player.</div></li></ul><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>yt-remote-session-name</div></li><li><div>Duration</div><div>session</div></li><li><div>Description</div><div>The yt-remote-session-name cookie is used by YouTube to store the user's video player preferences using embedded YouTube video.</div></li></ul><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>yt-remote-fast-check-period</div></li><li><div>Duration</div><div>session</div></li><li><div>Description</div><div>The yt-remote-fast-check-period cookie is used by YouTube to store the user's video player preferences for embedded YouTube videos.</div></li></ul></div></div></div><div class="cky-accordion" id="ckyDetailCategoryanalytics"><div class="cky-accordion-item"><div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div><div class="cky-accordion-header-wrapper"><div class="cky-accordion-header"><button class="cky-accordion-btn" aria-expanded="false" aria-label="Analytics" data-cky-tag="detail-category-title" style="color: #212121;">Analytics</button><div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchanalytics" aria-label="Enable Analytics" style="background-color: rgb(208, 213, 210);"></div></div><div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color: #212121;"><p>Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.</p></div></div></div><div class="cky-accordion-body"><div class="cky-audit-table" data-cky-tag="audit-table" style="color: #212121; border-color: #ebebeb; background-color: #f4f4f4;"><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>_ga_*</div></li><li><div>Duration</div><div>1 year 1 month 4 days</div></li><li><div>Description</div><div>Google Analytics sets this cookie to store and count page views.</div></li></ul><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>_ga</div></li><li><div>Duration</div><div>1 year 1 month 4 days</div></li><li><div>Description</div><div>Google Analytics sets this cookie to calculate visitor, session and campaign data and track site usage for the site's analytics report. The cookie stores information anonymously and assigns a randomly generated number to recognise unique visitors.</div></li></ul></div></div></div><div class="cky-accordion" id="ckyDetailCategoryperformance"><div class="cky-accordion-item"><div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div><div class="cky-accordion-header-wrapper"><div class="cky-accordion-header"><button class="cky-accordion-btn" aria-expanded="false" aria-label="Performance" data-cky-tag="detail-category-title" style="color: #212121;">Performance</button></div><div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color: #212121;"><p>Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.</p></div></div></div><div class="cky-accordion-body"><div class="cky-audit-table" data-cky-tag="audit-table" style="color: #212121; border-color: #ebebeb; background-color: #f4f4f4;"><p class="cky-empty-cookies-text">No cookies to display.</p></div></div></div><div class="cky-accordion" id="ckyDetailCategoryadvertisement"><div class="cky-accordion-item"><div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div><div class="cky-accordion-header-wrapper"><div class="cky-accordion-header"><button class="cky-accordion-btn" aria-expanded="false" aria-label="Advertisement" data-cky-tag="detail-category-title" style="color: #212121;">Advertisement</button><div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchadvertisement" aria-label="Enable Advertisement" style="background-color: rgb(208, 213, 210);"></div></div><div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color: #212121;"><p>Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.</p></div></div></div><div class="cky-accordion-body"><div class="cky-audit-table" data-cky-tag="audit-table" style="color: #212121; border-color: #ebebeb; background-color: #f4f4f4;"><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>YSC</div></li><li><div>Duration</div><div>session</div></li><li><div>Description</div><div>Youtube sets this cookie to track the views of embedded videos on Youtube pages.</div></li></ul><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>VISITOR_INFO1_LIVE</div></li><li><div>Duration</div><div>6 months</div></li><li><div>Description</div><div>YouTube sets this cookie to measure bandwidth, determining whether the user gets the new or old player interface.</div></li></ul><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>VISITOR_PRIVACY_METADATA</div></li><li><div>Duration</div><div>6 months</div></li><li><div>Description</div><div>YouTube sets this cookie to store the user's cookie consent state for the current domain.	</div></li></ul><ul class="cky-cookie-des-table"><li><div>Cookie</div><div>test_cookie</div></li><li><div>Duration</div><div>15 minutes</div></li><li><div>Description</div><div>doubleclick.net sets this cookie to determine if the user's browser supports cookies.</div></li></ul></div></div></div> </div> </div>  <div class="cky-footer-wrapper"> <span class="cky-footer-shadow" style="background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);"></span> <div class="cky-prefrence-btn-wrapper" data-cky-tag="detail-buttons"> <button class="cky-btn cky-btn-reject" aria-label="Reject All" data-cky-tag="detail-reject-button" style="color: #af126d; border-color: #af126d; background-color: transparent;"> Reject All </button> <button class="cky-btn cky-btn-preferences" aria-label="Save My Preferences" data-cky-tag="detail-save-button" style="color: #af126d; border-color: #af126d; background-color: transparent;"> Save My Preferences </button> <button class="cky-btn cky-btn-accept" aria-label="Accept All" data-cky-tag="detail-accept-button" style="color: #FFFFFF; border-color: #af126d; background-color: #af126d;"> Accept All </button> </div> <div style="padding: 8px 24px; font-size: 12px; font-weight: 400; line-height: 20px; text-align: right; border-radius: 0 0 6px 6px; direction: ltr; display: flex; justify-content: flex-end; align-items: center; color: #293C5B; background-color: #EDEDED;" data-cky-tag="detail-powered-by"> Powered by <a target="_blank" rel="noopener" href="https://www.cookieyes.com/product/cookie-consent" style="margin-left: 5px; line-height: 0"><img src="https://cdn-cookieyes.com/assets/images/poweredbtcky.svg" alt="Cookieyes logo" style="width: 78px; height: 13px; margin: 0"></a> </div> </div> </div>  </div><span role="alert" data-acsb-sr-alert="true" data-acsb-sr-only="true" class="acsb-sr-alert acsb-sr-only" data-acsb-force-visible="true" style="position: absolute; width: 200px; height: 1px; margin-top: -1px; z-index: -1; border: 0px; top: 0px; left: 0px; overflow: hidden; outline: 0px;">Press Alt+1 for screen-reader mode, Alt+0 to cancel</span><access-widget-ui data-acsb="" class="notranslate"></access-widget-ui><a href="https://accessibe.com/blog/knowledgebase/screen-reader-guide" target="_blank" rel="noopener" data-acsb="sr-trigger" data-acsb-sr-only="true" class="acsb-sr-only" style="position: absolute; width: 200px; height: 1px; margin-top: -1px; z-index: -1; border: 0px; top: 0px; left: 0px; overflow: hidden; outline: 0px;">Accessibility Screen-Reader Guide, Feedback, and Issue Reporting</a><access-widget-ui data-acsb="skipLinks" class="notranslate"></access-widget-ui><access-widget-ui data-acsb="" class="notranslate"></access-widget-ui>

    
    <section id="holder">

        <header class="w-full bg-white sticky top-0 z-50 shadow-lg">
                        <!-- DESKTOP -->
            <div class="container hidden lg:flex justify-between h-header items-center px-5 py-6">

                <a href="https://ymca.org.uk" class="text-[#4E5053]">
                                            <svg id="Group_1190" data-name="Group 1190" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="288.611" height="38.552" viewBox="0 0 288.611 38.552" class="w-[200px]">
    <defs>
        <clipPath id="clip-path">
            <rect id="Rectangle_606" data-name="Rectangle 606" width="288.611" height="38.552" fill="none"></rect>
        </clipPath>
    </defs>
    <path id="Path_1549" data-name="Path 1549" d="M17.982,12.482v5.93l-2.566,1.482-2.571-1.478V12.482l-7.7-4.447L0,11V22.86l7.706,4.446v11.86l7.707,4.449,7.7-4.449V27.306l7.707-4.447V11L25.686,8.034Z" transform="translate(0 -6.549)" fill="currentColor"></path>
    <path id="Path_1550" data-name="Path 1550" d="M208.905,8.035l-10.276,5.93L188.357,8.036l-7.706,4.447V39.168l7.706,4.446,5.137-2.963,0-14.832,5.138,2.971,5.138-2.965V40.65l5.135,2.96,7.708-4.444V12.482Z" transform="translate(-147.258 -6.549)" fill="currentColor"></path>
    <path id="Path_1551" data-name="Path 1551" d="M554.758,8.9l7.706,4.44L554.758,17.8Zm-12.844,0V35.585l5.138,2.965,5.136-2.965V26.691l5.139-2.964,5.136,2.964v8.895L567.6,38.55l5.136-2.965V8.9L557.327.008Z" transform="translate(-441.741 -0.007)" fill="currentColor"></path>
    <path id="Path_1552" data-name="Path 1552" d="M401.905,0,389.062,7.412V31.131l12.844,7.413,12.841-7.412V25.2l-5.135-2.964-7.7,4.446,0-14.827,7.708,4.45,5.135-2.965,0-5.928Z" transform="translate(-317.144)" fill="currentColor"></path>
    <rect id="Rectangle_605" data-name="Rectangle 605" width="1.848" height="38.546" transform="translate(143.381 0.006)" fill="currentColor"></rect>
    <g id="Group_1182" data-name="Group 1182">
        <g id="Group_1181" data-name="Group 1181" clip-path="url(#clip-path)">
            <path id="Path_1553" data-name="Path 1553" d="M853.575,3.257c.629,0,.806.035.806.178V6.791h3V3.435c0-.143.119-.178.783-.178h.13c.628,0,.806.035.806.178v8.183c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178V8.167h-3v3.451c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178V3.435c0-.143.119-.178.783-.178Z" transform="translate(-695.047 -2.655)" fill="currentColor"></path>
            <path id="Path_1554" data-name="Path 1554" d="M899.464,18.741a1.427,1.427,0,0,0,1.565,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.06.189-.012.32.344l.107.3c.142.4.131.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.179c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.233,1.281Z" transform="translate(-731.816 -12.173)" fill="currentColor"></path>
            <path id="Path_1555" data-name="Path 1555" d="M939.031,15.053c.581,0,.688.024.723.154a8.859,8.859,0,0,1,.142,1.222c.38-.972.878-1.494,1.637-1.494a.8.8,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.035.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.078,4.078,0,0,0-.439,2.241v1.708c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-764.812 -12.174)" fill="currentColor"></path>
            <path id="Path_1556" data-name="Path 1556" d="M966.961,18.741a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.06.189-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.179c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-786.836 -12.173)" fill="currentColor"></path>
            <path id="Path_1557" data-name="Path 1557" d="M1020.145,2.919V2.634a2.738,2.738,0,0,1,.664-1.969,2.286,2.286,0,0,1,1.708-.617,3.964,3.964,0,0,1,1.3.225c.107.036.119.131.024.546l-.047.2c-.095.415-.154.486-.249.463a3.494,3.494,0,0,0-.759-.095.905.905,0,0,0-.795.308,1.7,1.7,0,0,0-.225.984v.237h1.364c.107,0,.154.024.154.593V3.6c0,.569-.047.593-.154.593h-1.364V9c0,.131-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178V4.188h-.83c-.107,0-.154-.024-.154-.593V3.512c0-.569.047-.593.154-.593Z" transform="translate(-830.768 -0.04)" fill="currentColor"></path>
            <path id="Path_1558" data-name="Path 1558" d="M1054.057,18.065c0,2.147-1.068,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.151.38,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.38-1.8-1.21-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-854.409 -12.173)" fill="currentColor"></path>
            <path id="Path_1559" data-name="Path 1559" d="M1090.323,15.053c.581,0,.688.024.723.154a8.859,8.859,0,0,1,.142,1.222c.38-.972.878-1.494,1.637-1.494a.805.805,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.036.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.076,4.076,0,0,0-.439,2.241v1.708c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-888.137 -12.174)" fill="currentColor"></path>
            <path id="Path_1560" data-name="Path 1560" d="M1130.421,15.576c.7,0,.759.048.807.178l.735,2.324a15.951,15.951,0,0,1,.533,2.135c.119-.617.308-1.364.522-2.111l.688-2.348c.047-.131.118-.178.747-.178h.154c.724,0,.771.071.724.214l-2.028,5.942c-.688,2.016-1.459,2.87-3,2.87a2.616,2.616,0,0,1-1.281-.3c-.107-.071-.083-.178.024-.558l.047-.166c.119-.4.178-.51.356-.45a2.888,2.888,0,0,0,.735.118c.64,0,1.055-.273,1.471-1.376l-2.135-6.084c-.048-.142,0-.214.747-.214Z" transform="translate(-920.265 -12.697)" fill="currentColor"></path>
            <path id="Path_1561" data-name="Path 1561" d="M1176.092,18.065c0,2.147-1.067,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.151.379,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.379-1.8-1.209-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-953.886 -12.173)" fill="currentColor"></path>
            <path id="Path_1562" data-name="Path 1562" d="M1212.563,15.576c.7,0,.771.048.771.178v3.2c0,.818.047,1.067.237,1.281a1.026,1.026,0,0,0,.783.273,1.562,1.562,0,0,0,.783-.19.7.7,0,0,0,.332-.628c.024-.273.024-.712.024-1.162V15.754c0-.131.024-.178.795-.178h.059c.7,0,.771.048.771.178v3.273c0,.925.036,1.957.083,2.6.012.166-.035.214-.712.214h-.059c-.581,0-.688-.024-.735-.154a3.251,3.251,0,0,1-.083-.474,2.2,2.2,0,0,1-1.708.747,2.1,2.1,0,0,1-1.637-.64,2.667,2.667,0,0,1-.557-1.909V15.754c0-.131.024-.178.795-.178Z" transform="translate(-987.725 -12.697)" fill="currentColor"></path>
            <path id="Path_1563" data-name="Path 1563" d="M1253.216,15.053c.581,0,.688.024.735.154a3.186,3.186,0,0,1,.083.474,2.268,2.268,0,0,1,1.72-.747,2.129,2.129,0,0,1,1.648.64,2.665,2.665,0,0,1,.558,1.91v3.653c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.047-1.067-.237-1.281a1.057,1.057,0,0,0-.795-.273,1.606,1.606,0,0,0-.794.19.7.7,0,0,0-.332.629c-.024.273-.024.711-.024,1.162v2.775c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-1020.93 -12.174)" fill="currentColor"></path>
            <path id="Path_1564" data-name="Path 1564" d="M1296.856,15.053c.462,0,.558.012.6.142a14.51,14.51,0,0,1,.107,2.5v3.107a3.612,3.612,0,0,1-.724,2.491,2.783,2.783,0,0,1-2.171.783,4.36,4.36,0,0,1-1.98-.486c-.119-.071-.154-.154.036-.6l.083-.2c.166-.391.237-.486.368-.427a3.573,3.573,0,0,0,1.4.344c.878,0,1.364-.451,1.364-1.72v-.178a2.322,2.322,0,0,1-1.518.534c-1.554,0-2.514-1.162-2.514-3.108.012-2.1,1.1-3.3,2.6-3.3a2.142,2.142,0,0,1,1.577.735,3.551,3.551,0,0,1,.095-.486c.036-.083.036-.131.558-.131Zm-.913,2a1.234,1.234,0,0,0-1.08-.724c-.794,0-1.281.617-1.281,1.9,0,1.139.439,1.732,1.3,1.732a1.323,1.323,0,0,0,.889-.308.885.885,0,0,0,.166-.641Z" transform="translate(-1053.101 -12.174)" fill="currentColor"></path>
            <path id="Path_1565" data-name="Path 1565" d="M1350.934,15.052c.581,0,.688.024.735.154a3.228,3.228,0,0,1,.083.474,2.223,2.223,0,0,1,1.684-.747c1.483,0,2.455,1.222,2.455,3.155,0,2.1-1.067,3.344-2.621,3.344a2.207,2.207,0,0,1-1.4-.462v2.811c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.711-.214Zm.937,4.543a1.474,1.474,0,0,0,1.055.45c.866,0,1.293-.7,1.293-1.957a2.125,2.125,0,0,0-.391-1.423,1.153,1.153,0,0,0-.889-.344,1.356,1.356,0,0,0-.9.308.883.883,0,0,0-.166.641Z" transform="translate(-1100.584 -12.173)" fill="currentColor"></path>
            <path id="Path_1566" data-name="Path 1566" d="M1390.811,18.741a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.379c.131-.06.19-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.179c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.233,1.281Z" transform="translate(-1132.337 -12.173)" fill="currentColor"></path>
            <path id="Path_1567" data-name="Path 1567" d="M1433.955,18.065c0,2.147-1.067,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.846,1.079,2.846,3.131m-4.222.166c0,1.151.379,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.379-1.8-1.209-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-1164.084 -12.173)" fill="currentColor"></path>
            <path id="Path_1568" data-name="Path 1568" d="M1470.21,15.052c.581,0,.688.024.735.154a3.182,3.182,0,0,1,.083.474,2.223,2.223,0,0,1,1.684-.747c1.482,0,2.455,1.222,2.455,3.155,0,2.1-1.067,3.344-2.621,3.344a2.207,2.207,0,0,1-1.4-.462v2.811c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.035-1.957-.083-2.6-.012-.166.036-.214.712-.214Zm.937,4.543a1.474,1.474,0,0,0,1.055.45c.866,0,1.293-.7,1.293-1.957a2.126,2.126,0,0,0-.391-1.423,1.153,1.153,0,0,0-.889-.344,1.356,1.356,0,0,0-.9.308.883.883,0,0,0-.166.641Z" transform="translate(-1197.813 -12.173)" fill="currentColor"></path>
            <path id="Path_1569" data-name="Path 1569" d="M1510.688.691c.676,0,.759.035.783.154a33.441,33.441,0,0,1,.107,3.451V8.068c0,.273.095.4.391.4h.142c.107,0,.119.083.119.522V9.1c0,.427-.012.474-.107.522a2.072,2.072,0,0,1-.795.142,1.378,1.378,0,0,1-1-.356,1.656,1.656,0,0,1-.379-1.245V4.047c0-1.126-.059-2.775-.095-3.2-.012-.131,0-.154.771-.154Z" transform="translate(-1230.759 -0.563)" fill="currentColor"></path>
            <path id="Path_1570" data-name="Path 1570" d="M1532.415,18.741a1.428,1.428,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.06.19-.012.32.344l.107.3c.143.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.179c0-1.945,1.1-3.321,2.918-3.321s2.739,1.34,2.739,3.19c0,.462-.023.617-.118.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-1247.766 -12.173)" fill="currentColor"></path>
            <path id="Path_1571" data-name="Path 1571" d="M853.575,76.561c.629,0,.806.035.806.178V80.1h3V76.739c0-.143.119-.178.783-.178h.13c.628,0,.806.035.806.178v8.183c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178V81.471h-3v3.451c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178V76.739c0-.143.119-.178.783-.178Z" transform="translate(-695.047 -62.409)" fill="currentColor"></path>
            <path id="Path_1572" data-name="Path 1572" d="M899.464,92.046a1.427,1.427,0,0,0,1.565,1.3,4.3,4.3,0,0,0,1.672-.38c.13-.059.189-.012.32.344l.107.3c.142.4.131.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.233,1.281Z" transform="translate(-731.816 -71.928)" fill="currentColor"></path>
            <path id="Path_1573" data-name="Path 1573" d="M939.031,88.357c.581,0,.688.024.723.154a8.858,8.858,0,0,1,.142,1.222c.38-.972.878-1.494,1.637-1.494a.8.8,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.035.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.078,4.078,0,0,0-.439,2.241v1.708c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-764.812 -71.928)" fill="currentColor"></path>
            <path id="Path_1574" data-name="Path 1574" d="M966.961,92.046a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.38c.13-.059.189-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-786.836 -71.928)" fill="currentColor"></path>
            <path id="Path_1575" data-name="Path 1575" d="M1020.145,76.223v-.285a2.738,2.738,0,0,1,.664-1.969,2.286,2.286,0,0,1,1.708-.617,3.963,3.963,0,0,1,1.3.225c.107.036.119.131.024.546l-.047.2c-.095.415-.154.486-.249.463a3.493,3.493,0,0,0-.759-.095.905.905,0,0,0-.795.308,1.7,1.7,0,0,0-.225.984v.237h1.364c.107,0,.154.024.154.593V76.9c0,.569-.047.593-.154.593h-1.364v4.815c0,.131-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178V77.492h-.83c-.107,0-.154-.024-.154-.593v-.083c0-.569.047-.593.154-.593Z" transform="translate(-830.768 -59.794)" fill="currentColor"></path>
            <path id="Path_1576" data-name="Path 1576" d="M1054.057,91.37c0,2.147-1.068,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.15.38,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.38-1.8-1.21-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-854.409 -71.928)" fill="currentColor"></path>
            <path id="Path_1577" data-name="Path 1577" d="M1090.323,88.357c.581,0,.688.024.723.154a8.858,8.858,0,0,1,.142,1.222c.38-.972.878-1.494,1.637-1.494a.805.805,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.036.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.076,4.076,0,0,0-.439,2.241v1.708c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-888.137 -71.928)" fill="currentColor"></path>
            <path id="Path_1578" data-name="Path 1578" d="M1134.1,89.757c-.225.427-.32.427-.427.356a2.17,2.17,0,0,0-1.317-.463c-.806,0-1.482.534-1.482,1.8,0,1.2.522,1.874,1.553,1.874a2.9,2.9,0,0,0,1.317-.344c.142-.071.178-.024.379.439l.071.166c.178.415.166.486.059.557a3.709,3.709,0,0,1-2.04.593,3,3,0,0,1-2.076-.711,3.29,3.29,0,0,1-.937-2.491,3.475,3.475,0,0,1,.866-2.455,2.984,2.984,0,0,1,2.23-.842,3.2,3.2,0,0,1,2.016.7c.131.107.107.2-.095.593Z" transform="translate(-920.466 -71.928)" fill="currentColor"></path>
            <path id="Path_1579" data-name="Path 1579" d="M1170.316,91.37c0,2.147-1.067,3.368-3.048,3.368-1.767,0-2.847-1.079-2.847-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.846,1.079,2.846,3.131m-4.222.166c0,1.15.379,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.38-1.8-1.21-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-949.179 -71.928)" fill="currentColor"></path>
            <path id="Path_1580" data-name="Path 1580" d="M1206.572,88.357c.581,0,.688.024.735.154a3.6,3.6,0,0,1,.095.51,2.247,2.247,0,0,1,1.672-.783,1.973,1.973,0,0,1,1.779.937,2.369,2.369,0,0,1,1.885-.937,2.05,2.05,0,0,1,1.589.64,2.665,2.665,0,0,1,.557,1.91v3.653c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.047-1.067-.237-1.281a.978.978,0,0,0-.747-.273,1.482,1.482,0,0,0-.723.178.7.7,0,0,0-.332.628c-.024.273-.024.711-.024,1.162v2.787c0,.131-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178v-3.2c0-.818-.048-1.067-.237-1.281a.977.977,0,0,0-.747-.273,1.481,1.481,0,0,0-.723.178.7.7,0,0,0-.332.628c-.024.273-.024.711-.024,1.162v2.787c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.711-.214Z" transform="translate(-982.908 -71.928)" fill="currentColor"></path>
            <path id="Path_1581" data-name="Path 1581" d="M1266.884,88.357c.581,0,.688.024.735.154a3.664,3.664,0,0,1,.095.51,2.245,2.245,0,0,1,1.672-.783,1.973,1.973,0,0,1,1.779.937,2.37,2.37,0,0,1,1.886-.937,2.048,2.048,0,0,1,1.589.64,2.665,2.665,0,0,1,.558,1.91v3.653c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.048-1.067-.237-1.281a.977.977,0,0,0-.747-.273,1.483,1.483,0,0,0-.724.178.7.7,0,0,0-.332.628c-.024.273-.024.711-.024,1.162v2.787c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.047-1.067-.237-1.281a.977.977,0,0,0-.747-.273,1.481,1.481,0,0,0-.723.178.7.7,0,0,0-.332.628c-.024.273-.024.711-.024,1.162v2.787c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.036-1.957-.083-2.6-.012-.166.035-.214.711-.214Z" transform="translate(-1032.07 -71.928)" fill="currentColor"></path>
            <path id="Path_1582" data-name="Path 1582" d="M1327.413,88.88c.7,0,.771.048.771.178v3.2c0,.818.047,1.067.237,1.281a1.026,1.026,0,0,0,.783.273,1.561,1.561,0,0,0,.783-.19.7.7,0,0,0,.332-.628c.024-.273.024-.712.024-1.162V89.058c0-.13.024-.178.795-.178h.059c.7,0,.771.048.771.178v3.273c0,.925.036,1.957.083,2.6.012.166-.036.213-.711.213h-.059c-.581,0-.688-.024-.735-.154a3.254,3.254,0,0,1-.083-.474,2.2,2.2,0,0,1-1.708.747,2.1,2.1,0,0,1-1.637-.64,2.667,2.667,0,0,1-.557-1.91V89.058c0-.13.024-.178.795-.178Z" transform="translate(-1081.345 -72.451)" fill="currentColor"></path>
            <path id="Path_1583" data-name="Path 1583" d="M1368.066,88.357c.581,0,.688.024.735.154a3.155,3.155,0,0,1,.083.474,2.268,2.268,0,0,1,1.72-.747,2.13,2.13,0,0,1,1.648.64,2.666,2.666,0,0,1,.557,1.91v3.653c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.047-1.067-.237-1.281a1.056,1.056,0,0,0-.794-.273,1.605,1.605,0,0,0-.795.19.7.7,0,0,0-.332.629c-.024.273-.024.711-.024,1.162v2.775c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.035-1.957-.083-2.6-.012-.166.035-.214.711-.214Z" transform="translate(-1114.55 -71.928)" fill="currentColor"></path>
            <path id="Path_1584" data-name="Path 1584" d="M1408.719,73.225a.973.973,0,1,1-1,.972.982.982,0,0,1,1-.972m.071,2.894c.7,0,.771.048.771.178V82.2c0,.131-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178V76.3c0-.131.024-.178.794-.178Z" transform="translate(-1147.505 -59.689)" fill="currentColor"></path>
            <path id="Path_1585" data-name="Path 1585" d="M1428.091,79.641c.7,0,.771.048.771.178v1.53h1.411c.107,0,.154.024.154.593v.083c0,.569-.047.593-.154.593h-1.411v2.929a.824.824,0,0,0,.2.664.765.765,0,0,0,.522.166,2.022,2.022,0,0,0,.617-.118c.118-.035.177.035.308.475l.036.118c.13.439.119.51-.024.581a3.233,3.233,0,0,1-1.364.3,1.935,1.935,0,0,1-1.435-.486,2.139,2.139,0,0,1-.486-1.6V82.618h-.818c-.106,0-.154-.024-.154-.593v-.083c0-.569.048-.593.154-.593h.818v-1.53c0-.131.024-.178.795-.178Z" transform="translate(-1162.62 -64.919)" fill="currentColor"></path>
            <path id="Path_1586" data-name="Path 1586" d="M1458.894,73.225a.973.973,0,1,1-1,.972.982.982,0,0,1,1-.972m.071,2.894c.7,0,.771.048.771.178V82.2c0,.131-.071.178-.771.178h-.06c-.771,0-.795-.048-.795-.178V76.3c0-.131.024-.178.795-.178Z" transform="translate(-1188.406 -59.689)" fill="currentColor"></path>
            <path id="Path_1587" data-name="Path 1587" d="M1479.611,92.046a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.38c.131-.059.19-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-1204.722 -71.928)" fill="currentColor"></path>
            <path id="Path_1588" data-name="Path 1588" d="M1517.023,93.279c.2-.356.308-.462.439-.368a2.872,2.872,0,0,0,1.518.51c.628,0,1-.237,1-.558,0-.925-3.036-.356-3.036-2.621,0-1.245,1.067-2,2.455-2a3.2,3.2,0,0,1,1.957.593c.119.083.095.178-.142.581l-.107.166c-.213.368-.3.427-.427.344a2.179,2.179,0,0,0-1.21-.379,1.225,1.225,0,0,0-.771.2.439.439,0,0,0-.166.344c0,.889,3.036.427,3.036,2.562a2.008,2.008,0,0,1-.6,1.435,2.7,2.7,0,0,1-1.957.652,3.475,3.475,0,0,1-2.206-.712c-.095-.083-.083-.19.107-.534Z" transform="translate(-1236.37 -71.928)" fill="currentColor"></path>
            <path id="Path_1589" data-name="Path 1589" d="M853.575,147.359c.629,0,.806.035.806.178v3.356h3v-3.356c0-.143.119-.178.783-.178h.13c.628,0,.806.035.806.178v8.183c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178v-3.451h-3v3.451c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178v-8.183c0-.143.119-.178.783-.178Z" transform="translate(-695.047 -120.12)" fill="currentColor"></path>
            <path id="Path_1590" data-name="Path 1590" d="M899.464,162.843a1.427,1.427,0,0,0,1.565,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.059.189-.012.32.344l.107.3c.142.4.131.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.233,1.281Z" transform="translate(-731.816 -129.638)" fill="currentColor"></path>
            <path id="Path_1591" data-name="Path 1591" d="M939.031,159.155c.581,0,.688.024.723.154a8.859,8.859,0,0,1,.142,1.222c.38-.973.878-1.494,1.637-1.494a.8.8,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.035.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.078,4.078,0,0,0-.439,2.241v1.708c0,.13-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.273c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-764.812 -129.639)" fill="currentColor"></path>
            <path id="Path_1592" data-name="Path 1592" d="M966.961,162.843a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.059.189-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-786.836 -129.638)" fill="currentColor"></path>
            <path id="Path_1593" data-name="Path 1593" d="M1020.145,147.021v-.285a2.738,2.738,0,0,1,.664-1.969,2.286,2.286,0,0,1,1.708-.617,3.964,3.964,0,0,1,1.3.225c.107.036.119.13.024.546l-.047.2c-.095.415-.154.486-.249.463a3.493,3.493,0,0,0-.759-.095.905.905,0,0,0-.795.308,1.7,1.7,0,0,0-.225.984v.237h1.364c.107,0,.154.024.154.593v.083c0,.569-.047.593-.154.593h-1.364v4.815c0,.13-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178V148.29h-.83c-.107,0-.154-.024-.154-.593v-.083c0-.569.047-.593.154-.593Z" transform="translate(-830.768 -117.505)" fill="currentColor"></path>
            <path id="Path_1594" data-name="Path 1594" d="M1054.057,162.167c0,2.147-1.068,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.151.38,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.38-1.8-1.21-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-854.409 -129.638)" fill="currentColor"></path>
            <path id="Path_1595" data-name="Path 1595" d="M1090.323,159.155c.581,0,.688.024.723.154a8.859,8.859,0,0,1,.142,1.222c.38-.973.878-1.494,1.637-1.494a.805.805,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.036.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.076,4.076,0,0,0-.439,2.241v1.708c0,.13-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.273c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-888.137 -129.639)" fill="currentColor"></path>
            <path id="Path_1596" data-name="Path 1596" d="M1130.421,159.678c.7,0,.759.047.807.178l.735,2.324a15.952,15.952,0,0,1,.533,2.135c.119-.617.308-1.364.522-2.111l.688-2.348c.047-.131.118-.178.747-.178h.154c.724,0,.771.071.724.214l-2.028,5.942c-.688,2.016-1.459,2.87-3,2.87a2.614,2.614,0,0,1-1.281-.3c-.107-.071-.083-.178.024-.557l.047-.166c.119-.4.178-.51.356-.45a2.887,2.887,0,0,0,.735.118c.64,0,1.055-.273,1.471-1.376l-2.135-6.084c-.048-.142,0-.214.747-.214Z" transform="translate(-920.265 -130.162)" fill="currentColor"></path>
            <path id="Path_1597" data-name="Path 1597" d="M1176.092,162.167c0,2.147-1.067,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.151.379,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.379-1.8-1.209-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-953.886 -129.638)" fill="currentColor"></path>
            <path id="Path_1598" data-name="Path 1598" d="M1212.563,159.678c.7,0,.771.047.771.178v3.2c0,.818.047,1.067.237,1.281a1.026,1.026,0,0,0,.783.273,1.562,1.562,0,0,0,.783-.19.7.7,0,0,0,.332-.628c.024-.273.024-.712.024-1.162v-2.775c0-.131.024-.178.795-.178h.059c.7,0,.771.047.771.178v3.273c0,.925.036,1.957.083,2.6.012.166-.035.214-.712.214h-.059c-.581,0-.688-.024-.735-.154a3.253,3.253,0,0,1-.083-.474,2.2,2.2,0,0,1-1.708.747,2.1,2.1,0,0,1-1.637-.64,2.667,2.667,0,0,1-.557-1.91v-3.653c0-.131.024-.178.795-.178Z" transform="translate(-987.725 -130.162)" fill="currentColor"></path>
        </g>
    </g>
</svg>                                    </a>

                <div>
                    

<ul class="flex items-center gap-5 xl:gap-10 font-bold">
    
        <li class="group/top p-2 py-3 relative">
            <a href="/what-we-do/" class="relative flex items-center gap-2 group-hover/top:text-primary group-hover/top:after:opacity-100 transition-colors after:absolute after:-bottom-1 after:left-0 after:w-full after:border-b-2 after:border-primary after:opacity-0 after:transition-opacity">
                <span>
                    What We Do                </span>
                                    <div class="group-hover/top:rotate-180 transition-transform">
                        <svg xmlns="http://www.w3.org/2000/svg" width="9" height="5" viewBox="0 0 9 5">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" fill="currentColor"></path>
</svg>                    </div>
                            </a>

                            <div class="absolute top-12 -left-14 min-w-[calc(100%+112px)] opacity-0 group-hover/top:opacity-100 py-5 transition-opacity pointer-events-none group-hover/top:pointer-events-auto font-normal">
                    <ul>
                                                    <li class="last:pb-2 group/child relative whitespace-nowrap bg-white transition-colors cursor-pointer hover:bg-gray-100">
                                <a href="https://ymca.org.uk/services/health-wellbeing/" class="flex gap-2 items-center group-hover/child:text-white group-hover/child:bg-primary transition-colors px-5 py-2">
                                    <span>Health &amp; Wellbeing</span>

                                                                    </a>
                                                            </li>
                                                    <li class="last:pb-2 group/child relative whitespace-nowrap bg-white transition-colors cursor-pointer hover:bg-gray-100">
                                <a href="https://ymca.org.uk/services/family-and-youth-work/" class="flex gap-2 items-center group-hover/child:text-white group-hover/child:bg-primary transition-colors px-5 py-2">
                                    <span>Family &amp; Youth Work</span>

                                                                    </a>
                                                            </li>
                                                    <li class="last:pb-2 group/child relative whitespace-nowrap bg-white transition-colors cursor-pointer hover:bg-gray-100">
                                <a href="https://ymca.org.uk/services/housing/" class="flex gap-2 items-center group-hover/child:text-white group-hover/child:bg-primary transition-colors px-5 py-2">
                                    <span>Housing</span>

                                                                    </a>
                                                            </li>
                                                    <li class="last:pb-2 group/child relative whitespace-nowrap bg-white transition-colors cursor-pointer hover:bg-gray-100">
                                <a href="https://ymca.org.uk/services/training-and-education/" class="flex gap-2 items-center group-hover/child:text-white group-hover/child:bg-primary transition-colors px-5 py-2">
                                    <span>Training &amp; Education</span>

                                                                    </a>
                                                            </li>
                                                    <li class="last:pb-2 group/child relative whitespace-nowrap bg-white transition-colors cursor-pointer hover:bg-gray-100">
                                <a href="https://ymca.org.uk/services/support-and-advice/" class="flex gap-2 items-center group-hover/child:text-white group-hover/child:bg-primary transition-colors px-5 py-2">
                                    <span>Support &amp; Advice</span>

                                                                    </a>
                                                            </li>
                                            </ul>
                </div>
                    </li>

    
        <li class="group/top p-2 py-3 relative">
            <a href="/" class="relative flex items-center gap-2 group-hover/top:text-primary group-hover/top:after:opacity-100 transition-colors after:absolute after:-bottom-1 after:left-0 after:w-full after:border-b-2 after:border-primary after:opacity-0 after:transition-opacity">
                <span>
                    Get Involved                </span>
                                    <div class="group-hover/top:rotate-180 transition-transform">
                        <svg xmlns="http://www.w3.org/2000/svg" width="9" height="5" viewBox="0 0 9 5">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" fill="currentColor"></path>
</svg>                    </div>
                            </a>

                            <div class="absolute top-12 -left-14 min-w-[calc(100%+112px)] opacity-0 group-hover/top:opacity-100 py-5 transition-opacity pointer-events-none group-hover/top:pointer-events-auto font-normal">
                    <ul>
                                                    <li class="last:pb-2 group/child relative whitespace-nowrap bg-white transition-colors cursor-pointer hover:bg-gray-100">
                                <a href="https://ymca.org.uk/campaigning/" class="flex gap-2 items-center group-hover/child:text-white group-hover/child:bg-primary transition-colors px-5 py-2">
                                    <span>Campaigning</span>

                                                                    </a>
                                                            </li>
                                                    <li class="last:pb-2 group/child relative whitespace-nowrap bg-white transition-colors cursor-pointer hover:bg-gray-100">
                                <a href="https://ymca.org.uk/charitable-trusts-and-foundations/" class="flex gap-2 items-center group-hover/child:text-white group-hover/child:bg-primary transition-colors px-5 py-2">
                                    <span>Charitable Trusts and Foundations</span>

                                                                    </a>
                                                            </li>
                                                    <li class="last:pb-2 group/child relative whitespace-nowrap bg-white transition-colors cursor-pointer hover:bg-gray-100">
                                <a href="https://ymca.org.uk/corporate-partnerships/" class="flex gap-2 items-center group-hover/child:text-white group-hover/child:bg-primary transition-colors px-5 py-2">
                                    <span>Corporate Partnerships</span>

                                                                    </a>
                                                            </li>
                                                    <li class="last:pb-2 group/child relative whitespace-nowrap bg-white transition-colors cursor-pointer hover:bg-gray-100">
                                <a href="https://ymca.org.uk/events/" class="flex gap-2 items-center group-hover/child:text-white group-hover/child:bg-primary transition-colors px-5 py-2">
                                    <span>Events</span>

                                                                    </a>
                                                            </li>
                                                    <li class="last:pb-2 group/child relative whitespace-nowrap bg-white transition-colors cursor-pointer hover:bg-gray-100">
                                <a href="https://ymca.org.uk/leave-a-gift-in-your-will/" class="flex gap-2 items-center group-hover/child:text-white group-hover/child:bg-primary transition-colors px-5 py-2">
                                    <span>Leave a gift in your will</span>

                                                                    </a>
                                                            </li>
                                                    <li class="last:pb-2 group/child relative whitespace-nowrap bg-white transition-colors cursor-pointer hover:bg-gray-100">
                                <a href="https://ymca.org.uk/get-involved/" class="flex gap-2 items-center group-hover/child:text-white group-hover/child:bg-primary transition-colors px-5 py-2">
                                    <span>RoomSponsor</span>

                                                                    </a>
                                                            </li>
                                                    <li class="last:pb-2 group/child relative whitespace-nowrap bg-white transition-colors cursor-pointer hover:bg-gray-100">
                                <a href="https://ymca.org.uk/sleep-easy/" class="flex gap-2 items-center group-hover/child:text-white group-hover/child:bg-primary transition-colors px-5 py-2">
                                    <span>Sleep Easy</span>

                                                                    </a>
                                                            </li>
                                                    <li class="last:pb-2 group/child relative whitespace-nowrap bg-white transition-colors cursor-pointer hover:bg-gray-100">
                                <a href="https://ymca.org.uk/y-mentoring/" class="flex gap-2 items-center group-hover/child:text-white group-hover/child:bg-primary transition-colors px-5 py-2">
                                    <span>Y Mentoring</span>

                                                                    </a>
                                                            </li>
                                                    <li class="last:pb-2 group/child relative whitespace-nowrap bg-white transition-colors cursor-pointer hover:bg-gray-100">
                                <a href="https://ymca.org.uk/awards/" class="flex gap-2 items-center group-hover/child:text-white group-hover/child:bg-primary transition-colors px-5 py-2">
                                    <span>Youth Matters Awards</span>

                                                                    </a>
                                                            </li>
                                            </ul>
                </div>
                    </li>

    
        <li class="group/top p-2 py-3 relative">
            <a href="/shops/" class="relative flex items-center gap-2 group-hover/top:text-primary group-hover/top:after:opacity-100 transition-colors after:absolute after:-bottom-1 after:left-0 after:w-full after:border-b-2 after:border-primary after:opacity-0 after:transition-opacity">
                <span>
                    Shops                </span>
                                    <div class="group-hover/top:rotate-180 transition-transform">
                        <svg xmlns="http://www.w3.org/2000/svg" width="9" height="5" viewBox="0 0 9 5">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" fill="currentColor"></path>
</svg>                    </div>
                            </a>

                            <div class="absolute top-12 -left-14 min-w-[calc(100%+112px)] opacity-0 group-hover/top:opacity-100 py-5 transition-opacity pointer-events-none group-hover/top:pointer-events-auto font-normal">
                    <ul>
                                                    <li class="last:pb-2 group/child relative whitespace-nowrap bg-white transition-colors cursor-pointer hover:bg-gray-100">
                                <a href="https://ymca.org.uk/shops/" class="flex gap-2 items-center group-hover/child:text-white group-hover/child:bg-primary transition-colors px-5 py-2">
                                    <span>Shops</span>

                                                                    </a>
                                                            </li>
                                                    <li class="last:pb-2 group/child relative whitespace-nowrap bg-white transition-colors cursor-pointer hover:bg-gray-100">
                                <a href="https://ymca.org.uk/donate-to-our-shops/" class="flex gap-2 items-center group-hover/child:text-white group-hover/child:bg-primary transition-colors px-5 py-2">
                                    <span>Donate to our shops</span>

                                                                    </a>
                                                            </li>
                                            </ul>
                </div>
                    </li>

    </ul>                </div>

                <div class="flex items-center gap-5">
                                                                <a href="https://ymca.org.uk/locations/">
                            <div class="button-primary">Find a YMCA</div>
                        </a>
                                                                <div class="hidden xl:flex donate [&amp;>*]:bg-gray-100 [&amp;>*]:border-gray-100 [&amp;>*]:!text-primary">
                            

<a href="#donate-modal?campaign=makeadonation&amp;utm_source=online&amp;utm_medium=website&amp;utm_campaign=generic&amp;utm_id=popweb&amp;utm_term=onpopwebxx&amp;utm_content=wordpress_popup" class="group button-primary flex gap-5 items-center min-w-[145px] h-[50px] text-primary hover:!text-white">
    <div class="group-hover:scale-150 transition-transform duration-500 group-hover:text-white">
        <svg id="Group_20" data-name="Group 20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="17" viewBox="0 0 19 17">
    <g id="Group_19" data-name="Group 19">
        <path id="Path_18" data-name="Path 18" d="M18.717,6.792c-.325.982-2,4.906-9.217,10.148L9.31,17C2.095,11.758.608,7.775.283,6.792a5.184,5.184,0,0,1,1.172-5.3A4.9,4.9,0,0,1,4.773.006,5.04,5.04,0,0,1,9.5,2.534h0A5.04,5.04,0,0,1,14.227.006a4.9,4.9,0,0,1,3.318,1.487,5.184,5.184,0,0,1,1.172,5.3Z" transform="translate(0 0)" fill="currentColor"></path>
    </g>
</svg>    </div>
    Donate</a>                        </div>
                                        <div class="hidden xl:flex">
                        <div x-data="{ open: false }">
    <div class="button-search min-w-min aspect-square px-0 modalOpen" @click="open = !open">
        <svg xmlns="http://www.w3.org/2000/svg" width="19.083" height="19.083" viewBox="0 0 19.083 19.083">
    <path id="Path_8514" data-name="Path 8514" d="M18.659,16.584,14.725,12.65a7.852,7.852,0,0,0,1.422-4.576,7.942,7.942,0,0,0-.636-3.136,7.911,7.911,0,0,0-4.3-4.3,8.042,8.042,0,0,0-6.274,0,7.9,7.9,0,0,0-4.3,4.3,8.039,8.039,0,0,0,0,6.273,7.909,7.909,0,0,0,4.3,4.3,7.942,7.942,0,0,0,3.136.636,7.85,7.85,0,0,0,4.576-1.422l3.934,3.922a1.359,1.359,0,0,0,1.031.437,1.468,1.468,0,0,0,1.044-2.5M11.7,11.7a4.949,4.949,0,0,1-3.63,1.508A4.946,4.946,0,0,1,4.445,11.7a4.944,4.944,0,0,1-1.508-3.63A4.94,4.94,0,0,1,4.445,4.445,4.943,4.943,0,0,1,8.074,2.936,4.946,4.946,0,0,1,11.7,4.445a4.946,4.946,0,0,1,1.509,3.629A4.95,4.95,0,0,1,11.7,11.7" fill="currentColor"></path>
</svg>    </div>

    <template x-teleport="body">
        <div class="fixed w-full h-screen p-2 md:p-5 left-0 top-0 flex items-center justify-center z-20" x-cloak="" x-show="open">

            <div class="absolute h-screen w-full left-0 top-0 backdrop-blur-md transition-opacity bg-black/20 cursor-pointer" x-show="open" x-transition:enter="motion-safe:ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"></div>

            <div class="relative bg-white max-w-4xl w-full px-5 py-10 md:p-10 rounded-2xl shadow-xl cursor-auto" x-show="open" x-transition:enter.delay.100ms="" x-transition:leave="" @click.outside="open = false; document.body.classList.remove('overflow-hidden');">
                <h3 class="mb-5 text-gray-600 font-bold text-2xl">Search Website</h3>
                
<form role="search" method="get" action="https://ymca.org.uk/">
    <label for="default-search" class="mb-2 font-medium text-gray-900 sr-only">Search</label>
    <div class="relative flex flex-col gap-5 md:block">
        <div class="relative">
            <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none text-primary">
                <svg xmlns="http://www.w3.org/2000/svg" width="19.083" height="19.083" viewBox="0 0 19.083 19.083">
    <path id="Path_8514" data-name="Path 8514" d="M18.659,16.584,14.725,12.65a7.852,7.852,0,0,0,1.422-4.576,7.942,7.942,0,0,0-.636-3.136,7.911,7.911,0,0,0-4.3-4.3,8.042,8.042,0,0,0-6.274,0,7.9,7.9,0,0,0-4.3,4.3,8.039,8.039,0,0,0,0,6.273,7.909,7.909,0,0,0,4.3,4.3,7.942,7.942,0,0,0,3.136.636,7.85,7.85,0,0,0,4.576-1.422l3.934,3.922a1.359,1.359,0,0,0,1.031.437,1.468,1.468,0,0,0,1.044-2.5M11.7,11.7a4.949,4.949,0,0,1-3.63,1.508A4.946,4.946,0,0,1,4.445,11.7a4.944,4.944,0,0,1-1.508-3.63A4.94,4.94,0,0,1,4.445,4.445,4.943,4.943,0,0,1,8.074,2.936,4.946,4.946,0,0,1,11.7,4.445a4.946,4.946,0,0,1,1.509,3.629A4.95,4.95,0,0,1,11.7,11.7" fill="currentColor"></path>
</svg>            </div>
            <input type="search" id="default-search" class="block w-full p-4 pl-10 outline-none text-gray-900 border border-gray-300 rounded-full bg-gray-50 focus:ring-primary focus:border-primary" placeholder="Search..." required="" value="" name="s">
        </div>
        <button type="submit" class="md:absolute right-0 md:-translate-y-1/2 top-1/2 button-primary h-[3.5rem]">Search</button>
    </div>
</form>
                <div class="absolute right-10 top-10 text-primary modalClose" @click="open = false">
                    <div class="text-currentColor flex items-center gap-2 group cursor-pointer font-bold">
    <p>Close</p>
    <div class="group-hover:scale-90 transition-transform">
        <svg xmlns="http://www.w3.org/2000/svg" width="29.121" height="29.121" viewBox="0 0 29.121 29.121">
    <g id="Group_3342" data-name="Group 3342" transform="translate(-8.904 14.561) rotate(-45)">
        <path id="Path_1819" data-name="Path 1819" d="M0,0V33.184" transform="translate(16.592)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"></path>
        <path id="Path_1820" data-name="Path 1820" d="M0,0V33.184" transform="translate(33.184 16.592) rotate(90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"></path>
    </g>
</svg>    </div>
</div>                </div>
            </div>
        </div>
    </template>
</div>                    </div>
                    <!-- <div class="hidden xl:flex"> -->
                                        <!-- </div> -->
                    
<div class="header-hamburger" x-data="{ open: false, submenuOpen: null, nestedMenuOpen: false }" @keydown.escape="open = false">

    <div @click="open = !open; $store.scrollLock.open()" class="flex flex-col gap-1 text-primary font-bold transition-all hover:gap-0.5 cursor-pointer scale-75 md:scale-100">
        <span class="rounded-full w-full h-1 bg-primary"></span>
        <span>Menu</span>
        <span class="rounded-full w-full h-1 bg-primary"></span>
    </div>

    <div class="fixed min-h-screen w-full left-0 top-0 bg-black/80 transition-opacity cursor-pointer" x-show="open" x-transition:enter="motion-safe:ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" style="display: none;"></div>

    <div class="fixed overflow-y-auto no-scrollbar overflow-x-hidden h-screen w-full top-0 left-0" x-show="open" style="display: none;">
        <div class="absolute right-0 bg-primary top-0 transition-all min-h-screen cursor-auto text-white w-screen h-screen md:w-1/3 md:min-w-[500px] duration-500 bg-pattern-magenta bg-top justify-between items-start no-scrollbar flex flex-col" @click.outside="open = false; $store.scrollLock.close()" x-show="open" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">

            <div class="flex justify-between md:justify-end w-full items-center p-10 pb-5 gap-5">
                <div class="md:hidden left-5 top-5 w-[200px] z-[40]">
                    <a href="https://ymca.org.uk" class="text-white md:text-[#4E5053]" x-show="nestedMenuOpen == false">
                                                    <svg id="Group_1190" data-name="Group 1190" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="288.611" height="38.552" viewBox="0 0 288.611 38.552" class="w-[200px]">
    <defs>
        <clipPath id="clip-path">
            <rect id="Rectangle_606" data-name="Rectangle 606" width="288.611" height="38.552" fill="none"></rect>
        </clipPath>
    </defs>
    <path id="Path_1549" data-name="Path 1549" d="M17.982,12.482v5.93l-2.566,1.482-2.571-1.478V12.482l-7.7-4.447L0,11V22.86l7.706,4.446v11.86l7.707,4.449,7.7-4.449V27.306l7.707-4.447V11L25.686,8.034Z" transform="translate(0 -6.549)" fill="currentColor"></path>
    <path id="Path_1550" data-name="Path 1550" d="M208.905,8.035l-10.276,5.93L188.357,8.036l-7.706,4.447V39.168l7.706,4.446,5.137-2.963,0-14.832,5.138,2.971,5.138-2.965V40.65l5.135,2.96,7.708-4.444V12.482Z" transform="translate(-147.258 -6.549)" fill="currentColor"></path>
    <path id="Path_1551" data-name="Path 1551" d="M554.758,8.9l7.706,4.44L554.758,17.8Zm-12.844,0V35.585l5.138,2.965,5.136-2.965V26.691l5.139-2.964,5.136,2.964v8.895L567.6,38.55l5.136-2.965V8.9L557.327.008Z" transform="translate(-441.741 -0.007)" fill="currentColor"></path>
    <path id="Path_1552" data-name="Path 1552" d="M401.905,0,389.062,7.412V31.131l12.844,7.413,12.841-7.412V25.2l-5.135-2.964-7.7,4.446,0-14.827,7.708,4.45,5.135-2.965,0-5.928Z" transform="translate(-317.144)" fill="currentColor"></path>
    <rect id="Rectangle_605" data-name="Rectangle 605" width="1.848" height="38.546" transform="translate(143.381 0.006)" fill="currentColor"></rect>
    <g id="Group_1182" data-name="Group 1182">
        <g id="Group_1181" data-name="Group 1181" clip-path="url(#clip-path)">
            <path id="Path_1553" data-name="Path 1553" d="M853.575,3.257c.629,0,.806.035.806.178V6.791h3V3.435c0-.143.119-.178.783-.178h.13c.628,0,.806.035.806.178v8.183c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178V8.167h-3v3.451c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178V3.435c0-.143.119-.178.783-.178Z" transform="translate(-695.047 -2.655)" fill="currentColor"></path>
            <path id="Path_1554" data-name="Path 1554" d="M899.464,18.741a1.427,1.427,0,0,0,1.565,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.06.189-.012.32.344l.107.3c.142.4.131.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.179c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.233,1.281Z" transform="translate(-731.816 -12.173)" fill="currentColor"></path>
            <path id="Path_1555" data-name="Path 1555" d="M939.031,15.053c.581,0,.688.024.723.154a8.859,8.859,0,0,1,.142,1.222c.38-.972.878-1.494,1.637-1.494a.8.8,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.035.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.078,4.078,0,0,0-.439,2.241v1.708c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-764.812 -12.174)" fill="currentColor"></path>
            <path id="Path_1556" data-name="Path 1556" d="M966.961,18.741a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.06.189-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.179c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-786.836 -12.173)" fill="currentColor"></path>
            <path id="Path_1557" data-name="Path 1557" d="M1020.145,2.919V2.634a2.738,2.738,0,0,1,.664-1.969,2.286,2.286,0,0,1,1.708-.617,3.964,3.964,0,0,1,1.3.225c.107.036.119.131.024.546l-.047.2c-.095.415-.154.486-.249.463a3.494,3.494,0,0,0-.759-.095.905.905,0,0,0-.795.308,1.7,1.7,0,0,0-.225.984v.237h1.364c.107,0,.154.024.154.593V3.6c0,.569-.047.593-.154.593h-1.364V9c0,.131-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178V4.188h-.83c-.107,0-.154-.024-.154-.593V3.512c0-.569.047-.593.154-.593Z" transform="translate(-830.768 -0.04)" fill="currentColor"></path>
            <path id="Path_1558" data-name="Path 1558" d="M1054.057,18.065c0,2.147-1.068,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.151.38,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.38-1.8-1.21-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-854.409 -12.173)" fill="currentColor"></path>
            <path id="Path_1559" data-name="Path 1559" d="M1090.323,15.053c.581,0,.688.024.723.154a8.859,8.859,0,0,1,.142,1.222c.38-.972.878-1.494,1.637-1.494a.805.805,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.036.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.076,4.076,0,0,0-.439,2.241v1.708c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-888.137 -12.174)" fill="currentColor"></path>
            <path id="Path_1560" data-name="Path 1560" d="M1130.421,15.576c.7,0,.759.048.807.178l.735,2.324a15.951,15.951,0,0,1,.533,2.135c.119-.617.308-1.364.522-2.111l.688-2.348c.047-.131.118-.178.747-.178h.154c.724,0,.771.071.724.214l-2.028,5.942c-.688,2.016-1.459,2.87-3,2.87a2.616,2.616,0,0,1-1.281-.3c-.107-.071-.083-.178.024-.558l.047-.166c.119-.4.178-.51.356-.45a2.888,2.888,0,0,0,.735.118c.64,0,1.055-.273,1.471-1.376l-2.135-6.084c-.048-.142,0-.214.747-.214Z" transform="translate(-920.265 -12.697)" fill="currentColor"></path>
            <path id="Path_1561" data-name="Path 1561" d="M1176.092,18.065c0,2.147-1.067,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.151.379,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.379-1.8-1.209-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-953.886 -12.173)" fill="currentColor"></path>
            <path id="Path_1562" data-name="Path 1562" d="M1212.563,15.576c.7,0,.771.048.771.178v3.2c0,.818.047,1.067.237,1.281a1.026,1.026,0,0,0,.783.273,1.562,1.562,0,0,0,.783-.19.7.7,0,0,0,.332-.628c.024-.273.024-.712.024-1.162V15.754c0-.131.024-.178.795-.178h.059c.7,0,.771.048.771.178v3.273c0,.925.036,1.957.083,2.6.012.166-.035.214-.712.214h-.059c-.581,0-.688-.024-.735-.154a3.251,3.251,0,0,1-.083-.474,2.2,2.2,0,0,1-1.708.747,2.1,2.1,0,0,1-1.637-.64,2.667,2.667,0,0,1-.557-1.909V15.754c0-.131.024-.178.795-.178Z" transform="translate(-987.725 -12.697)" fill="currentColor"></path>
            <path id="Path_1563" data-name="Path 1563" d="M1253.216,15.053c.581,0,.688.024.735.154a3.186,3.186,0,0,1,.083.474,2.268,2.268,0,0,1,1.72-.747,2.129,2.129,0,0,1,1.648.64,2.665,2.665,0,0,1,.558,1.91v3.653c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.047-1.067-.237-1.281a1.057,1.057,0,0,0-.795-.273,1.606,1.606,0,0,0-.794.19.7.7,0,0,0-.332.629c-.024.273-.024.711-.024,1.162v2.775c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-1020.93 -12.174)" fill="currentColor"></path>
            <path id="Path_1564" data-name="Path 1564" d="M1296.856,15.053c.462,0,.558.012.6.142a14.51,14.51,0,0,1,.107,2.5v3.107a3.612,3.612,0,0,1-.724,2.491,2.783,2.783,0,0,1-2.171.783,4.36,4.36,0,0,1-1.98-.486c-.119-.071-.154-.154.036-.6l.083-.2c.166-.391.237-.486.368-.427a3.573,3.573,0,0,0,1.4.344c.878,0,1.364-.451,1.364-1.72v-.178a2.322,2.322,0,0,1-1.518.534c-1.554,0-2.514-1.162-2.514-3.108.012-2.1,1.1-3.3,2.6-3.3a2.142,2.142,0,0,1,1.577.735,3.551,3.551,0,0,1,.095-.486c.036-.083.036-.131.558-.131Zm-.913,2a1.234,1.234,0,0,0-1.08-.724c-.794,0-1.281.617-1.281,1.9,0,1.139.439,1.732,1.3,1.732a1.323,1.323,0,0,0,.889-.308.885.885,0,0,0,.166-.641Z" transform="translate(-1053.101 -12.174)" fill="currentColor"></path>
            <path id="Path_1565" data-name="Path 1565" d="M1350.934,15.052c.581,0,.688.024.735.154a3.228,3.228,0,0,1,.083.474,2.223,2.223,0,0,1,1.684-.747c1.483,0,2.455,1.222,2.455,3.155,0,2.1-1.067,3.344-2.621,3.344a2.207,2.207,0,0,1-1.4-.462v2.811c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.711-.214Zm.937,4.543a1.474,1.474,0,0,0,1.055.45c.866,0,1.293-.7,1.293-1.957a2.125,2.125,0,0,0-.391-1.423,1.153,1.153,0,0,0-.889-.344,1.356,1.356,0,0,0-.9.308.883.883,0,0,0-.166.641Z" transform="translate(-1100.584 -12.173)" fill="currentColor"></path>
            <path id="Path_1566" data-name="Path 1566" d="M1390.811,18.741a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.379c.131-.06.19-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.179c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.233,1.281Z" transform="translate(-1132.337 -12.173)" fill="currentColor"></path>
            <path id="Path_1567" data-name="Path 1567" d="M1433.955,18.065c0,2.147-1.067,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.846,1.079,2.846,3.131m-4.222.166c0,1.151.379,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.379-1.8-1.209-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-1164.084 -12.173)" fill="currentColor"></path>
            <path id="Path_1568" data-name="Path 1568" d="M1470.21,15.052c.581,0,.688.024.735.154a3.182,3.182,0,0,1,.083.474,2.223,2.223,0,0,1,1.684-.747c1.482,0,2.455,1.222,2.455,3.155,0,2.1-1.067,3.344-2.621,3.344a2.207,2.207,0,0,1-1.4-.462v2.811c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.035-1.957-.083-2.6-.012-.166.036-.214.712-.214Zm.937,4.543a1.474,1.474,0,0,0,1.055.45c.866,0,1.293-.7,1.293-1.957a2.126,2.126,0,0,0-.391-1.423,1.153,1.153,0,0,0-.889-.344,1.356,1.356,0,0,0-.9.308.883.883,0,0,0-.166.641Z" transform="translate(-1197.813 -12.173)" fill="currentColor"></path>
            <path id="Path_1569" data-name="Path 1569" d="M1510.688.691c.676,0,.759.035.783.154a33.441,33.441,0,0,1,.107,3.451V8.068c0,.273.095.4.391.4h.142c.107,0,.119.083.119.522V9.1c0,.427-.012.474-.107.522a2.072,2.072,0,0,1-.795.142,1.378,1.378,0,0,1-1-.356,1.656,1.656,0,0,1-.379-1.245V4.047c0-1.126-.059-2.775-.095-3.2-.012-.131,0-.154.771-.154Z" transform="translate(-1230.759 -0.563)" fill="currentColor"></path>
            <path id="Path_1570" data-name="Path 1570" d="M1532.415,18.741a1.428,1.428,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.06.19-.012.32.344l.107.3c.143.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.179c0-1.945,1.1-3.321,2.918-3.321s2.739,1.34,2.739,3.19c0,.462-.023.617-.118.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-1247.766 -12.173)" fill="currentColor"></path>
            <path id="Path_1571" data-name="Path 1571" d="M853.575,76.561c.629,0,.806.035.806.178V80.1h3V76.739c0-.143.119-.178.783-.178h.13c.628,0,.806.035.806.178v8.183c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178V81.471h-3v3.451c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178V76.739c0-.143.119-.178.783-.178Z" transform="translate(-695.047 -62.409)" fill="currentColor"></path>
            <path id="Path_1572" data-name="Path 1572" d="M899.464,92.046a1.427,1.427,0,0,0,1.565,1.3,4.3,4.3,0,0,0,1.672-.38c.13-.059.189-.012.32.344l.107.3c.142.4.131.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.233,1.281Z" transform="translate(-731.816 -71.928)" fill="currentColor"></path>
            <path id="Path_1573" data-name="Path 1573" d="M939.031,88.357c.581,0,.688.024.723.154a8.858,8.858,0,0,1,.142,1.222c.38-.972.878-1.494,1.637-1.494a.8.8,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.035.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.078,4.078,0,0,0-.439,2.241v1.708c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-764.812 -71.928)" fill="currentColor"></path>
            <path id="Path_1574" data-name="Path 1574" d="M966.961,92.046a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.38c.13-.059.189-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-786.836 -71.928)" fill="currentColor"></path>
            <path id="Path_1575" data-name="Path 1575" d="M1020.145,76.223v-.285a2.738,2.738,0,0,1,.664-1.969,2.286,2.286,0,0,1,1.708-.617,3.963,3.963,0,0,1,1.3.225c.107.036.119.131.024.546l-.047.2c-.095.415-.154.486-.249.463a3.493,3.493,0,0,0-.759-.095.905.905,0,0,0-.795.308,1.7,1.7,0,0,0-.225.984v.237h1.364c.107,0,.154.024.154.593V76.9c0,.569-.047.593-.154.593h-1.364v4.815c0,.131-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178V77.492h-.83c-.107,0-.154-.024-.154-.593v-.083c0-.569.047-.593.154-.593Z" transform="translate(-830.768 -59.794)" fill="currentColor"></path>
            <path id="Path_1576" data-name="Path 1576" d="M1054.057,91.37c0,2.147-1.068,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.15.38,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.38-1.8-1.21-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-854.409 -71.928)" fill="currentColor"></path>
            <path id="Path_1577" data-name="Path 1577" d="M1090.323,88.357c.581,0,.688.024.723.154a8.858,8.858,0,0,1,.142,1.222c.38-.972.878-1.494,1.637-1.494a.805.805,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.036.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.076,4.076,0,0,0-.439,2.241v1.708c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-888.137 -71.928)" fill="currentColor"></path>
            <path id="Path_1578" data-name="Path 1578" d="M1134.1,89.757c-.225.427-.32.427-.427.356a2.17,2.17,0,0,0-1.317-.463c-.806,0-1.482.534-1.482,1.8,0,1.2.522,1.874,1.553,1.874a2.9,2.9,0,0,0,1.317-.344c.142-.071.178-.024.379.439l.071.166c.178.415.166.486.059.557a3.709,3.709,0,0,1-2.04.593,3,3,0,0,1-2.076-.711,3.29,3.29,0,0,1-.937-2.491,3.475,3.475,0,0,1,.866-2.455,2.984,2.984,0,0,1,2.23-.842,3.2,3.2,0,0,1,2.016.7c.131.107.107.2-.095.593Z" transform="translate(-920.466 -71.928)" fill="currentColor"></path>
            <path id="Path_1579" data-name="Path 1579" d="M1170.316,91.37c0,2.147-1.067,3.368-3.048,3.368-1.767,0-2.847-1.079-2.847-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.846,1.079,2.846,3.131m-4.222.166c0,1.15.379,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.38-1.8-1.21-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-949.179 -71.928)" fill="currentColor"></path>
            <path id="Path_1580" data-name="Path 1580" d="M1206.572,88.357c.581,0,.688.024.735.154a3.6,3.6,0,0,1,.095.51,2.247,2.247,0,0,1,1.672-.783,1.973,1.973,0,0,1,1.779.937,2.369,2.369,0,0,1,1.885-.937,2.05,2.05,0,0,1,1.589.64,2.665,2.665,0,0,1,.557,1.91v3.653c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.047-1.067-.237-1.281a.978.978,0,0,0-.747-.273,1.482,1.482,0,0,0-.723.178.7.7,0,0,0-.332.628c-.024.273-.024.711-.024,1.162v2.787c0,.131-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178v-3.2c0-.818-.048-1.067-.237-1.281a.977.977,0,0,0-.747-.273,1.481,1.481,0,0,0-.723.178.7.7,0,0,0-.332.628c-.024.273-.024.711-.024,1.162v2.787c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.711-.214Z" transform="translate(-982.908 -71.928)" fill="currentColor"></path>
            <path id="Path_1581" data-name="Path 1581" d="M1266.884,88.357c.581,0,.688.024.735.154a3.664,3.664,0,0,1,.095.51,2.245,2.245,0,0,1,1.672-.783,1.973,1.973,0,0,1,1.779.937,2.37,2.37,0,0,1,1.886-.937,2.048,2.048,0,0,1,1.589.64,2.665,2.665,0,0,1,.558,1.91v3.653c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.048-1.067-.237-1.281a.977.977,0,0,0-.747-.273,1.483,1.483,0,0,0-.724.178.7.7,0,0,0-.332.628c-.024.273-.024.711-.024,1.162v2.787c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.047-1.067-.237-1.281a.977.977,0,0,0-.747-.273,1.481,1.481,0,0,0-.723.178.7.7,0,0,0-.332.628c-.024.273-.024.711-.024,1.162v2.787c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.036-1.957-.083-2.6-.012-.166.035-.214.711-.214Z" transform="translate(-1032.07 -71.928)" fill="currentColor"></path>
            <path id="Path_1582" data-name="Path 1582" d="M1327.413,88.88c.7,0,.771.048.771.178v3.2c0,.818.047,1.067.237,1.281a1.026,1.026,0,0,0,.783.273,1.561,1.561,0,0,0,.783-.19.7.7,0,0,0,.332-.628c.024-.273.024-.712.024-1.162V89.058c0-.13.024-.178.795-.178h.059c.7,0,.771.048.771.178v3.273c0,.925.036,1.957.083,2.6.012.166-.036.213-.711.213h-.059c-.581,0-.688-.024-.735-.154a3.254,3.254,0,0,1-.083-.474,2.2,2.2,0,0,1-1.708.747,2.1,2.1,0,0,1-1.637-.64,2.667,2.667,0,0,1-.557-1.91V89.058c0-.13.024-.178.795-.178Z" transform="translate(-1081.345 -72.451)" fill="currentColor"></path>
            <path id="Path_1583" data-name="Path 1583" d="M1368.066,88.357c.581,0,.688.024.735.154a3.155,3.155,0,0,1,.083.474,2.268,2.268,0,0,1,1.72-.747,2.13,2.13,0,0,1,1.648.64,2.666,2.666,0,0,1,.557,1.91v3.653c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.047-1.067-.237-1.281a1.056,1.056,0,0,0-.794-.273,1.605,1.605,0,0,0-.795.19.7.7,0,0,0-.332.629c-.024.273-.024.711-.024,1.162v2.775c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.035-1.957-.083-2.6-.012-.166.035-.214.711-.214Z" transform="translate(-1114.55 -71.928)" fill="currentColor"></path>
            <path id="Path_1584" data-name="Path 1584" d="M1408.719,73.225a.973.973,0,1,1-1,.972.982.982,0,0,1,1-.972m.071,2.894c.7,0,.771.048.771.178V82.2c0,.131-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178V76.3c0-.131.024-.178.794-.178Z" transform="translate(-1147.505 -59.689)" fill="currentColor"></path>
            <path id="Path_1585" data-name="Path 1585" d="M1428.091,79.641c.7,0,.771.048.771.178v1.53h1.411c.107,0,.154.024.154.593v.083c0,.569-.047.593-.154.593h-1.411v2.929a.824.824,0,0,0,.2.664.765.765,0,0,0,.522.166,2.022,2.022,0,0,0,.617-.118c.118-.035.177.035.308.475l.036.118c.13.439.119.51-.024.581a3.233,3.233,0,0,1-1.364.3,1.935,1.935,0,0,1-1.435-.486,2.139,2.139,0,0,1-.486-1.6V82.618h-.818c-.106,0-.154-.024-.154-.593v-.083c0-.569.048-.593.154-.593h.818v-1.53c0-.131.024-.178.795-.178Z" transform="translate(-1162.62 -64.919)" fill="currentColor"></path>
            <path id="Path_1586" data-name="Path 1586" d="M1458.894,73.225a.973.973,0,1,1-1,.972.982.982,0,0,1,1-.972m.071,2.894c.7,0,.771.048.771.178V82.2c0,.131-.071.178-.771.178h-.06c-.771,0-.795-.048-.795-.178V76.3c0-.131.024-.178.795-.178Z" transform="translate(-1188.406 -59.689)" fill="currentColor"></path>
            <path id="Path_1587" data-name="Path 1587" d="M1479.611,92.046a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.38c.131-.059.19-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-1204.722 -71.928)" fill="currentColor"></path>
            <path id="Path_1588" data-name="Path 1588" d="M1517.023,93.279c.2-.356.308-.462.439-.368a2.872,2.872,0,0,0,1.518.51c.628,0,1-.237,1-.558,0-.925-3.036-.356-3.036-2.621,0-1.245,1.067-2,2.455-2a3.2,3.2,0,0,1,1.957.593c.119.083.095.178-.142.581l-.107.166c-.213.368-.3.427-.427.344a2.179,2.179,0,0,0-1.21-.379,1.225,1.225,0,0,0-.771.2.439.439,0,0,0-.166.344c0,.889,3.036.427,3.036,2.562a2.008,2.008,0,0,1-.6,1.435,2.7,2.7,0,0,1-1.957.652,3.475,3.475,0,0,1-2.206-.712c-.095-.083-.083-.19.107-.534Z" transform="translate(-1236.37 -71.928)" fill="currentColor"></path>
            <path id="Path_1589" data-name="Path 1589" d="M853.575,147.359c.629,0,.806.035.806.178v3.356h3v-3.356c0-.143.119-.178.783-.178h.13c.628,0,.806.035.806.178v8.183c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178v-3.451h-3v3.451c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178v-8.183c0-.143.119-.178.783-.178Z" transform="translate(-695.047 -120.12)" fill="currentColor"></path>
            <path id="Path_1590" data-name="Path 1590" d="M899.464,162.843a1.427,1.427,0,0,0,1.565,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.059.189-.012.32.344l.107.3c.142.4.131.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.233,1.281Z" transform="translate(-731.816 -129.638)" fill="currentColor"></path>
            <path id="Path_1591" data-name="Path 1591" d="M939.031,159.155c.581,0,.688.024.723.154a8.859,8.859,0,0,1,.142,1.222c.38-.973.878-1.494,1.637-1.494a.8.8,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.035.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.078,4.078,0,0,0-.439,2.241v1.708c0,.13-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.273c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-764.812 -129.639)" fill="currentColor"></path>
            <path id="Path_1592" data-name="Path 1592" d="M966.961,162.843a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.059.189-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-786.836 -129.638)" fill="currentColor"></path>
            <path id="Path_1593" data-name="Path 1593" d="M1020.145,147.021v-.285a2.738,2.738,0,0,1,.664-1.969,2.286,2.286,0,0,1,1.708-.617,3.964,3.964,0,0,1,1.3.225c.107.036.119.13.024.546l-.047.2c-.095.415-.154.486-.249.463a3.493,3.493,0,0,0-.759-.095.905.905,0,0,0-.795.308,1.7,1.7,0,0,0-.225.984v.237h1.364c.107,0,.154.024.154.593v.083c0,.569-.047.593-.154.593h-1.364v4.815c0,.13-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178V148.29h-.83c-.107,0-.154-.024-.154-.593v-.083c0-.569.047-.593.154-.593Z" transform="translate(-830.768 -117.505)" fill="currentColor"></path>
            <path id="Path_1594" data-name="Path 1594" d="M1054.057,162.167c0,2.147-1.068,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.151.38,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.38-1.8-1.21-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-854.409 -129.638)" fill="currentColor"></path>
            <path id="Path_1595" data-name="Path 1595" d="M1090.323,159.155c.581,0,.688.024.723.154a8.859,8.859,0,0,1,.142,1.222c.38-.973.878-1.494,1.637-1.494a.805.805,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.036.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.076,4.076,0,0,0-.439,2.241v1.708c0,.13-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.273c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-888.137 -129.639)" fill="currentColor"></path>
            <path id="Path_1596" data-name="Path 1596" d="M1130.421,159.678c.7,0,.759.047.807.178l.735,2.324a15.952,15.952,0,0,1,.533,2.135c.119-.617.308-1.364.522-2.111l.688-2.348c.047-.131.118-.178.747-.178h.154c.724,0,.771.071.724.214l-2.028,5.942c-.688,2.016-1.459,2.87-3,2.87a2.614,2.614,0,0,1-1.281-.3c-.107-.071-.083-.178.024-.557l.047-.166c.119-.4.178-.51.356-.45a2.887,2.887,0,0,0,.735.118c.64,0,1.055-.273,1.471-1.376l-2.135-6.084c-.048-.142,0-.214.747-.214Z" transform="translate(-920.265 -130.162)" fill="currentColor"></path>
            <path id="Path_1597" data-name="Path 1597" d="M1176.092,162.167c0,2.147-1.067,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.151.379,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.379-1.8-1.209-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-953.886 -129.638)" fill="currentColor"></path>
            <path id="Path_1598" data-name="Path 1598" d="M1212.563,159.678c.7,0,.771.047.771.178v3.2c0,.818.047,1.067.237,1.281a1.026,1.026,0,0,0,.783.273,1.562,1.562,0,0,0,.783-.19.7.7,0,0,0,.332-.628c.024-.273.024-.712.024-1.162v-2.775c0-.131.024-.178.795-.178h.059c.7,0,.771.047.771.178v3.273c0,.925.036,1.957.083,2.6.012.166-.035.214-.712.214h-.059c-.581,0-.688-.024-.735-.154a3.253,3.253,0,0,1-.083-.474,2.2,2.2,0,0,1-1.708.747,2.1,2.1,0,0,1-1.637-.64,2.667,2.667,0,0,1-.557-1.91v-3.653c0-.131.024-.178.795-.178Z" transform="translate(-987.725 -130.162)" fill="currentColor"></path>
        </g>
    </g>
</svg>                                            </a>
                    <a href="https://ymca.org.uk" class="text-white md:text-[#4E5053]" x-show="nestedMenuOpen" style="display: none;">
                                                    <svg id="Group_1190" data-name="Group 1190" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="288.611" height="38.552" viewBox="0 0 288.611 38.552" class="w-[200px]">
    <defs>
        <clipPath id="clip-path">
            <rect id="Rectangle_606" data-name="Rectangle 606" width="288.611" height="38.552" fill="none"></rect>
        </clipPath>
    </defs>
    <path id="Path_1549" data-name="Path 1549" d="M17.982,12.482v5.93l-2.566,1.482-2.571-1.478V12.482l-7.7-4.447L0,11V22.86l7.706,4.446v11.86l7.707,4.449,7.7-4.449V27.306l7.707-4.447V11L25.686,8.034Z" transform="translate(0 -6.549)" fill="currentColor"></path>
    <path id="Path_1550" data-name="Path 1550" d="M208.905,8.035l-10.276,5.93L188.357,8.036l-7.706,4.447V39.168l7.706,4.446,5.137-2.963,0-14.832,5.138,2.971,5.138-2.965V40.65l5.135,2.96,7.708-4.444V12.482Z" transform="translate(-147.258 -6.549)" fill="currentColor"></path>
    <path id="Path_1551" data-name="Path 1551" d="M554.758,8.9l7.706,4.44L554.758,17.8Zm-12.844,0V35.585l5.138,2.965,5.136-2.965V26.691l5.139-2.964,5.136,2.964v8.895L567.6,38.55l5.136-2.965V8.9L557.327.008Z" transform="translate(-441.741 -0.007)" fill="currentColor"></path>
    <path id="Path_1552" data-name="Path 1552" d="M401.905,0,389.062,7.412V31.131l12.844,7.413,12.841-7.412V25.2l-5.135-2.964-7.7,4.446,0-14.827,7.708,4.45,5.135-2.965,0-5.928Z" transform="translate(-317.144)" fill="currentColor"></path>
    <rect id="Rectangle_605" data-name="Rectangle 605" width="1.848" height="38.546" transform="translate(143.381 0.006)" fill="currentColor"></rect>
    <g id="Group_1182" data-name="Group 1182">
        <g id="Group_1181" data-name="Group 1181" clip-path="url(#clip-path)">
            <path id="Path_1553" data-name="Path 1553" d="M853.575,3.257c.629,0,.806.035.806.178V6.791h3V3.435c0-.143.119-.178.783-.178h.13c.628,0,.806.035.806.178v8.183c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178V8.167h-3v3.451c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178V3.435c0-.143.119-.178.783-.178Z" transform="translate(-695.047 -2.655)" fill="currentColor"></path>
            <path id="Path_1554" data-name="Path 1554" d="M899.464,18.741a1.427,1.427,0,0,0,1.565,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.06.189-.012.32.344l.107.3c.142.4.131.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.179c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.233,1.281Z" transform="translate(-731.816 -12.173)" fill="currentColor"></path>
            <path id="Path_1555" data-name="Path 1555" d="M939.031,15.053c.581,0,.688.024.723.154a8.859,8.859,0,0,1,.142,1.222c.38-.972.878-1.494,1.637-1.494a.8.8,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.035.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.078,4.078,0,0,0-.439,2.241v1.708c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-764.812 -12.174)" fill="currentColor"></path>
            <path id="Path_1556" data-name="Path 1556" d="M966.961,18.741a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.06.189-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.179c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-786.836 -12.173)" fill="currentColor"></path>
            <path id="Path_1557" data-name="Path 1557" d="M1020.145,2.919V2.634a2.738,2.738,0,0,1,.664-1.969,2.286,2.286,0,0,1,1.708-.617,3.964,3.964,0,0,1,1.3.225c.107.036.119.131.024.546l-.047.2c-.095.415-.154.486-.249.463a3.494,3.494,0,0,0-.759-.095.905.905,0,0,0-.795.308,1.7,1.7,0,0,0-.225.984v.237h1.364c.107,0,.154.024.154.593V3.6c0,.569-.047.593-.154.593h-1.364V9c0,.131-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178V4.188h-.83c-.107,0-.154-.024-.154-.593V3.512c0-.569.047-.593.154-.593Z" transform="translate(-830.768 -0.04)" fill="currentColor"></path>
            <path id="Path_1558" data-name="Path 1558" d="M1054.057,18.065c0,2.147-1.068,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.151.38,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.38-1.8-1.21-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-854.409 -12.173)" fill="currentColor"></path>
            <path id="Path_1559" data-name="Path 1559" d="M1090.323,15.053c.581,0,.688.024.723.154a8.859,8.859,0,0,1,.142,1.222c.38-.972.878-1.494,1.637-1.494a.805.805,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.036.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.076,4.076,0,0,0-.439,2.241v1.708c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-888.137 -12.174)" fill="currentColor"></path>
            <path id="Path_1560" data-name="Path 1560" d="M1130.421,15.576c.7,0,.759.048.807.178l.735,2.324a15.951,15.951,0,0,1,.533,2.135c.119-.617.308-1.364.522-2.111l.688-2.348c.047-.131.118-.178.747-.178h.154c.724,0,.771.071.724.214l-2.028,5.942c-.688,2.016-1.459,2.87-3,2.87a2.616,2.616,0,0,1-1.281-.3c-.107-.071-.083-.178.024-.558l.047-.166c.119-.4.178-.51.356-.45a2.888,2.888,0,0,0,.735.118c.64,0,1.055-.273,1.471-1.376l-2.135-6.084c-.048-.142,0-.214.747-.214Z" transform="translate(-920.265 -12.697)" fill="currentColor"></path>
            <path id="Path_1561" data-name="Path 1561" d="M1176.092,18.065c0,2.147-1.067,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.151.379,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.379-1.8-1.209-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-953.886 -12.173)" fill="currentColor"></path>
            <path id="Path_1562" data-name="Path 1562" d="M1212.563,15.576c.7,0,.771.048.771.178v3.2c0,.818.047,1.067.237,1.281a1.026,1.026,0,0,0,.783.273,1.562,1.562,0,0,0,.783-.19.7.7,0,0,0,.332-.628c.024-.273.024-.712.024-1.162V15.754c0-.131.024-.178.795-.178h.059c.7,0,.771.048.771.178v3.273c0,.925.036,1.957.083,2.6.012.166-.035.214-.712.214h-.059c-.581,0-.688-.024-.735-.154a3.251,3.251,0,0,1-.083-.474,2.2,2.2,0,0,1-1.708.747,2.1,2.1,0,0,1-1.637-.64,2.667,2.667,0,0,1-.557-1.909V15.754c0-.131.024-.178.795-.178Z" transform="translate(-987.725 -12.697)" fill="currentColor"></path>
            <path id="Path_1563" data-name="Path 1563" d="M1253.216,15.053c.581,0,.688.024.735.154a3.186,3.186,0,0,1,.083.474,2.268,2.268,0,0,1,1.72-.747,2.129,2.129,0,0,1,1.648.64,2.665,2.665,0,0,1,.558,1.91v3.653c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.047-1.067-.237-1.281a1.057,1.057,0,0,0-.795-.273,1.606,1.606,0,0,0-.794.19.7.7,0,0,0-.332.629c-.024.273-.024.711-.024,1.162v2.775c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-1020.93 -12.174)" fill="currentColor"></path>
            <path id="Path_1564" data-name="Path 1564" d="M1296.856,15.053c.462,0,.558.012.6.142a14.51,14.51,0,0,1,.107,2.5v3.107a3.612,3.612,0,0,1-.724,2.491,2.783,2.783,0,0,1-2.171.783,4.36,4.36,0,0,1-1.98-.486c-.119-.071-.154-.154.036-.6l.083-.2c.166-.391.237-.486.368-.427a3.573,3.573,0,0,0,1.4.344c.878,0,1.364-.451,1.364-1.72v-.178a2.322,2.322,0,0,1-1.518.534c-1.554,0-2.514-1.162-2.514-3.108.012-2.1,1.1-3.3,2.6-3.3a2.142,2.142,0,0,1,1.577.735,3.551,3.551,0,0,1,.095-.486c.036-.083.036-.131.558-.131Zm-.913,2a1.234,1.234,0,0,0-1.08-.724c-.794,0-1.281.617-1.281,1.9,0,1.139.439,1.732,1.3,1.732a1.323,1.323,0,0,0,.889-.308.885.885,0,0,0,.166-.641Z" transform="translate(-1053.101 -12.174)" fill="currentColor"></path>
            <path id="Path_1565" data-name="Path 1565" d="M1350.934,15.052c.581,0,.688.024.735.154a3.228,3.228,0,0,1,.083.474,2.223,2.223,0,0,1,1.684-.747c1.483,0,2.455,1.222,2.455,3.155,0,2.1-1.067,3.344-2.621,3.344a2.207,2.207,0,0,1-1.4-.462v2.811c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.711-.214Zm.937,4.543a1.474,1.474,0,0,0,1.055.45c.866,0,1.293-.7,1.293-1.957a2.125,2.125,0,0,0-.391-1.423,1.153,1.153,0,0,0-.889-.344,1.356,1.356,0,0,0-.9.308.883.883,0,0,0-.166.641Z" transform="translate(-1100.584 -12.173)" fill="currentColor"></path>
            <path id="Path_1566" data-name="Path 1566" d="M1390.811,18.741a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.379c.131-.06.19-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.179c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.233,1.281Z" transform="translate(-1132.337 -12.173)" fill="currentColor"></path>
            <path id="Path_1567" data-name="Path 1567" d="M1433.955,18.065c0,2.147-1.067,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.846,1.079,2.846,3.131m-4.222.166c0,1.151.379,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.379-1.8-1.209-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-1164.084 -12.173)" fill="currentColor"></path>
            <path id="Path_1568" data-name="Path 1568" d="M1470.21,15.052c.581,0,.688.024.735.154a3.182,3.182,0,0,1,.083.474,2.223,2.223,0,0,1,1.684-.747c1.482,0,2.455,1.222,2.455,3.155,0,2.1-1.067,3.344-2.621,3.344a2.207,2.207,0,0,1-1.4-.462v2.811c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.035-1.957-.083-2.6-.012-.166.036-.214.712-.214Zm.937,4.543a1.474,1.474,0,0,0,1.055.45c.866,0,1.293-.7,1.293-1.957a2.126,2.126,0,0,0-.391-1.423,1.153,1.153,0,0,0-.889-.344,1.356,1.356,0,0,0-.9.308.883.883,0,0,0-.166.641Z" transform="translate(-1197.813 -12.173)" fill="currentColor"></path>
            <path id="Path_1569" data-name="Path 1569" d="M1510.688.691c.676,0,.759.035.783.154a33.441,33.441,0,0,1,.107,3.451V8.068c0,.273.095.4.391.4h.142c.107,0,.119.083.119.522V9.1c0,.427-.012.474-.107.522a2.072,2.072,0,0,1-.795.142,1.378,1.378,0,0,1-1-.356,1.656,1.656,0,0,1-.379-1.245V4.047c0-1.126-.059-2.775-.095-3.2-.012-.131,0-.154.771-.154Z" transform="translate(-1230.759 -0.563)" fill="currentColor"></path>
            <path id="Path_1570" data-name="Path 1570" d="M1532.415,18.741a1.428,1.428,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.06.19-.012.32.344l.107.3c.143.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.179c0-1.945,1.1-3.321,2.918-3.321s2.739,1.34,2.739,3.19c0,.462-.023.617-.118.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-1247.766 -12.173)" fill="currentColor"></path>
            <path id="Path_1571" data-name="Path 1571" d="M853.575,76.561c.629,0,.806.035.806.178V80.1h3V76.739c0-.143.119-.178.783-.178h.13c.628,0,.806.035.806.178v8.183c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178V81.471h-3v3.451c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178V76.739c0-.143.119-.178.783-.178Z" transform="translate(-695.047 -62.409)" fill="currentColor"></path>
            <path id="Path_1572" data-name="Path 1572" d="M899.464,92.046a1.427,1.427,0,0,0,1.565,1.3,4.3,4.3,0,0,0,1.672-.38c.13-.059.189-.012.32.344l.107.3c.142.4.131.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.233,1.281Z" transform="translate(-731.816 -71.928)" fill="currentColor"></path>
            <path id="Path_1573" data-name="Path 1573" d="M939.031,88.357c.581,0,.688.024.723.154a8.858,8.858,0,0,1,.142,1.222c.38-.972.878-1.494,1.637-1.494a.8.8,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.035.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.078,4.078,0,0,0-.439,2.241v1.708c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-764.812 -71.928)" fill="currentColor"></path>
            <path id="Path_1574" data-name="Path 1574" d="M966.961,92.046a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.38c.13-.059.189-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-786.836 -71.928)" fill="currentColor"></path>
            <path id="Path_1575" data-name="Path 1575" d="M1020.145,76.223v-.285a2.738,2.738,0,0,1,.664-1.969,2.286,2.286,0,0,1,1.708-.617,3.963,3.963,0,0,1,1.3.225c.107.036.119.131.024.546l-.047.2c-.095.415-.154.486-.249.463a3.493,3.493,0,0,0-.759-.095.905.905,0,0,0-.795.308,1.7,1.7,0,0,0-.225.984v.237h1.364c.107,0,.154.024.154.593V76.9c0,.569-.047.593-.154.593h-1.364v4.815c0,.131-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178V77.492h-.83c-.107,0-.154-.024-.154-.593v-.083c0-.569.047-.593.154-.593Z" transform="translate(-830.768 -59.794)" fill="currentColor"></path>
            <path id="Path_1576" data-name="Path 1576" d="M1054.057,91.37c0,2.147-1.068,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.15.38,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.38-1.8-1.21-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-854.409 -71.928)" fill="currentColor"></path>
            <path id="Path_1577" data-name="Path 1577" d="M1090.323,88.357c.581,0,.688.024.723.154a8.858,8.858,0,0,1,.142,1.222c.38-.972.878-1.494,1.637-1.494a.805.805,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.036.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.076,4.076,0,0,0-.439,2.241v1.708c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-888.137 -71.928)" fill="currentColor"></path>
            <path id="Path_1578" data-name="Path 1578" d="M1134.1,89.757c-.225.427-.32.427-.427.356a2.17,2.17,0,0,0-1.317-.463c-.806,0-1.482.534-1.482,1.8,0,1.2.522,1.874,1.553,1.874a2.9,2.9,0,0,0,1.317-.344c.142-.071.178-.024.379.439l.071.166c.178.415.166.486.059.557a3.709,3.709,0,0,1-2.04.593,3,3,0,0,1-2.076-.711,3.29,3.29,0,0,1-.937-2.491,3.475,3.475,0,0,1,.866-2.455,2.984,2.984,0,0,1,2.23-.842,3.2,3.2,0,0,1,2.016.7c.131.107.107.2-.095.593Z" transform="translate(-920.466 -71.928)" fill="currentColor"></path>
            <path id="Path_1579" data-name="Path 1579" d="M1170.316,91.37c0,2.147-1.067,3.368-3.048,3.368-1.767,0-2.847-1.079-2.847-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.846,1.079,2.846,3.131m-4.222.166c0,1.15.379,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.38-1.8-1.21-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-949.179 -71.928)" fill="currentColor"></path>
            <path id="Path_1580" data-name="Path 1580" d="M1206.572,88.357c.581,0,.688.024.735.154a3.6,3.6,0,0,1,.095.51,2.247,2.247,0,0,1,1.672-.783,1.973,1.973,0,0,1,1.779.937,2.369,2.369,0,0,1,1.885-.937,2.05,2.05,0,0,1,1.589.64,2.665,2.665,0,0,1,.557,1.91v3.653c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.047-1.067-.237-1.281a.978.978,0,0,0-.747-.273,1.482,1.482,0,0,0-.723.178.7.7,0,0,0-.332.628c-.024.273-.024.711-.024,1.162v2.787c0,.131-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178v-3.2c0-.818-.048-1.067-.237-1.281a.977.977,0,0,0-.747-.273,1.481,1.481,0,0,0-.723.178.7.7,0,0,0-.332.628c-.024.273-.024.711-.024,1.162v2.787c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.711-.214Z" transform="translate(-982.908 -71.928)" fill="currentColor"></path>
            <path id="Path_1581" data-name="Path 1581" d="M1266.884,88.357c.581,0,.688.024.735.154a3.664,3.664,0,0,1,.095.51,2.245,2.245,0,0,1,1.672-.783,1.973,1.973,0,0,1,1.779.937,2.37,2.37,0,0,1,1.886-.937,2.048,2.048,0,0,1,1.589.64,2.665,2.665,0,0,1,.558,1.91v3.653c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.048-1.067-.237-1.281a.977.977,0,0,0-.747-.273,1.483,1.483,0,0,0-.724.178.7.7,0,0,0-.332.628c-.024.273-.024.711-.024,1.162v2.787c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.047-1.067-.237-1.281a.977.977,0,0,0-.747-.273,1.481,1.481,0,0,0-.723.178.7.7,0,0,0-.332.628c-.024.273-.024.711-.024,1.162v2.787c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.036-1.957-.083-2.6-.012-.166.035-.214.711-.214Z" transform="translate(-1032.07 -71.928)" fill="currentColor"></path>
            <path id="Path_1582" data-name="Path 1582" d="M1327.413,88.88c.7,0,.771.048.771.178v3.2c0,.818.047,1.067.237,1.281a1.026,1.026,0,0,0,.783.273,1.561,1.561,0,0,0,.783-.19.7.7,0,0,0,.332-.628c.024-.273.024-.712.024-1.162V89.058c0-.13.024-.178.795-.178h.059c.7,0,.771.048.771.178v3.273c0,.925.036,1.957.083,2.6.012.166-.036.213-.711.213h-.059c-.581,0-.688-.024-.735-.154a3.254,3.254,0,0,1-.083-.474,2.2,2.2,0,0,1-1.708.747,2.1,2.1,0,0,1-1.637-.64,2.667,2.667,0,0,1-.557-1.91V89.058c0-.13.024-.178.795-.178Z" transform="translate(-1081.345 -72.451)" fill="currentColor"></path>
            <path id="Path_1583" data-name="Path 1583" d="M1368.066,88.357c.581,0,.688.024.735.154a3.155,3.155,0,0,1,.083.474,2.268,2.268,0,0,1,1.72-.747,2.13,2.13,0,0,1,1.648.64,2.666,2.666,0,0,1,.557,1.91v3.653c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.047-1.067-.237-1.281a1.056,1.056,0,0,0-.794-.273,1.605,1.605,0,0,0-.795.19.7.7,0,0,0-.332.629c-.024.273-.024.711-.024,1.162v2.775c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.035-1.957-.083-2.6-.012-.166.035-.214.711-.214Z" transform="translate(-1114.55 -71.928)" fill="currentColor"></path>
            <path id="Path_1584" data-name="Path 1584" d="M1408.719,73.225a.973.973,0,1,1-1,.972.982.982,0,0,1,1-.972m.071,2.894c.7,0,.771.048.771.178V82.2c0,.131-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178V76.3c0-.131.024-.178.794-.178Z" transform="translate(-1147.505 -59.689)" fill="currentColor"></path>
            <path id="Path_1585" data-name="Path 1585" d="M1428.091,79.641c.7,0,.771.048.771.178v1.53h1.411c.107,0,.154.024.154.593v.083c0,.569-.047.593-.154.593h-1.411v2.929a.824.824,0,0,0,.2.664.765.765,0,0,0,.522.166,2.022,2.022,0,0,0,.617-.118c.118-.035.177.035.308.475l.036.118c.13.439.119.51-.024.581a3.233,3.233,0,0,1-1.364.3,1.935,1.935,0,0,1-1.435-.486,2.139,2.139,0,0,1-.486-1.6V82.618h-.818c-.106,0-.154-.024-.154-.593v-.083c0-.569.048-.593.154-.593h.818v-1.53c0-.131.024-.178.795-.178Z" transform="translate(-1162.62 -64.919)" fill="currentColor"></path>
            <path id="Path_1586" data-name="Path 1586" d="M1458.894,73.225a.973.973,0,1,1-1,.972.982.982,0,0,1,1-.972m.071,2.894c.7,0,.771.048.771.178V82.2c0,.131-.071.178-.771.178h-.06c-.771,0-.795-.048-.795-.178V76.3c0-.131.024-.178.795-.178Z" transform="translate(-1188.406 -59.689)" fill="currentColor"></path>
            <path id="Path_1587" data-name="Path 1587" d="M1479.611,92.046a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.38c.131-.059.19-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-1204.722 -71.928)" fill="currentColor"></path>
            <path id="Path_1588" data-name="Path 1588" d="M1517.023,93.279c.2-.356.308-.462.439-.368a2.872,2.872,0,0,0,1.518.51c.628,0,1-.237,1-.558,0-.925-3.036-.356-3.036-2.621,0-1.245,1.067-2,2.455-2a3.2,3.2,0,0,1,1.957.593c.119.083.095.178-.142.581l-.107.166c-.213.368-.3.427-.427.344a2.179,2.179,0,0,0-1.21-.379,1.225,1.225,0,0,0-.771.2.439.439,0,0,0-.166.344c0,.889,3.036.427,3.036,2.562a2.008,2.008,0,0,1-.6,1.435,2.7,2.7,0,0,1-1.957.652,3.475,3.475,0,0,1-2.206-.712c-.095-.083-.083-.19.107-.534Z" transform="translate(-1236.37 -71.928)" fill="currentColor"></path>
            <path id="Path_1589" data-name="Path 1589" d="M853.575,147.359c.629,0,.806.035.806.178v3.356h3v-3.356c0-.143.119-.178.783-.178h.13c.628,0,.806.035.806.178v8.183c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178v-3.451h-3v3.451c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178v-8.183c0-.143.119-.178.783-.178Z" transform="translate(-695.047 -120.12)" fill="currentColor"></path>
            <path id="Path_1590" data-name="Path 1590" d="M899.464,162.843a1.427,1.427,0,0,0,1.565,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.059.189-.012.32.344l.107.3c.142.4.131.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.233,1.281Z" transform="translate(-731.816 -129.638)" fill="currentColor"></path>
            <path id="Path_1591" data-name="Path 1591" d="M939.031,159.155c.581,0,.688.024.723.154a8.859,8.859,0,0,1,.142,1.222c.38-.973.878-1.494,1.637-1.494a.8.8,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.035.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.078,4.078,0,0,0-.439,2.241v1.708c0,.13-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.273c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-764.812 -129.639)" fill="currentColor"></path>
            <path id="Path_1592" data-name="Path 1592" d="M966.961,162.843a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.059.189-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-786.836 -129.638)" fill="currentColor"></path>
            <path id="Path_1593" data-name="Path 1593" d="M1020.145,147.021v-.285a2.738,2.738,0,0,1,.664-1.969,2.286,2.286,0,0,1,1.708-.617,3.964,3.964,0,0,1,1.3.225c.107.036.119.13.024.546l-.047.2c-.095.415-.154.486-.249.463a3.493,3.493,0,0,0-.759-.095.905.905,0,0,0-.795.308,1.7,1.7,0,0,0-.225.984v.237h1.364c.107,0,.154.024.154.593v.083c0,.569-.047.593-.154.593h-1.364v4.815c0,.13-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178V148.29h-.83c-.107,0-.154-.024-.154-.593v-.083c0-.569.047-.593.154-.593Z" transform="translate(-830.768 -117.505)" fill="currentColor"></path>
            <path id="Path_1594" data-name="Path 1594" d="M1054.057,162.167c0,2.147-1.068,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.151.38,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.38-1.8-1.21-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-854.409 -129.638)" fill="currentColor"></path>
            <path id="Path_1595" data-name="Path 1595" d="M1090.323,159.155c.581,0,.688.024.723.154a8.859,8.859,0,0,1,.142,1.222c.38-.973.878-1.494,1.637-1.494a.805.805,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.036.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.076,4.076,0,0,0-.439,2.241v1.708c0,.13-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.273c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-888.137 -129.639)" fill="currentColor"></path>
            <path id="Path_1596" data-name="Path 1596" d="M1130.421,159.678c.7,0,.759.047.807.178l.735,2.324a15.952,15.952,0,0,1,.533,2.135c.119-.617.308-1.364.522-2.111l.688-2.348c.047-.131.118-.178.747-.178h.154c.724,0,.771.071.724.214l-2.028,5.942c-.688,2.016-1.459,2.87-3,2.87a2.614,2.614,0,0,1-1.281-.3c-.107-.071-.083-.178.024-.557l.047-.166c.119-.4.178-.51.356-.45a2.887,2.887,0,0,0,.735.118c.64,0,1.055-.273,1.471-1.376l-2.135-6.084c-.048-.142,0-.214.747-.214Z" transform="translate(-920.265 -130.162)" fill="currentColor"></path>
            <path id="Path_1597" data-name="Path 1597" d="M1176.092,162.167c0,2.147-1.067,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.151.379,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.379-1.8-1.209-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-953.886 -129.638)" fill="currentColor"></path>
            <path id="Path_1598" data-name="Path 1598" d="M1212.563,159.678c.7,0,.771.047.771.178v3.2c0,.818.047,1.067.237,1.281a1.026,1.026,0,0,0,.783.273,1.562,1.562,0,0,0,.783-.19.7.7,0,0,0,.332-.628c.024-.273.024-.712.024-1.162v-2.775c0-.131.024-.178.795-.178h.059c.7,0,.771.047.771.178v3.273c0,.925.036,1.957.083,2.6.012.166-.035.214-.712.214h-.059c-.581,0-.688-.024-.735-.154a3.253,3.253,0,0,1-.083-.474,2.2,2.2,0,0,1-1.708.747,2.1,2.1,0,0,1-1.637-.64,2.667,2.667,0,0,1-.557-1.91v-3.653c0-.131.024-.178.795-.178Z" transform="translate(-987.725 -130.162)" fill="currentColor"></path>
        </g>
    </g>
</svg>                                            </a>
                </div>
                <div class="z-[40] transition-all duration-500" @click="open = false, submenuOpen = null, nestedMenuOpen = false, $store.scrollLock.close()" x-bind:class=" nestedMenuOpen ? 'text-black' : ''">
                    <div class="text-currentColor flex items-center gap-2 group cursor-pointer font-bold">
    <p>Close</p>
    <div class="group-hover:scale-90 transition-transform">
        <svg xmlns="http://www.w3.org/2000/svg" width="29.121" height="29.121" viewBox="0 0 29.121 29.121">
    <g id="Group_3342" data-name="Group 3342" transform="translate(-8.904 14.561) rotate(-45)">
        <path id="Path_1819" data-name="Path 1819" d="M0,0V33.184" transform="translate(16.592)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"></path>
        <path id="Path_1820" data-name="Path 1820" d="M0,0V33.184" transform="translate(33.184 16.592) rotate(90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"></path>
    </g>
</svg>    </div>
</div>                </div>
            </div>

            <!-- MOBILE ONLY -->
            
<ul class="space-y-8 flex-1 w-full custom-scrollbar-white flex flex-col sm:p-10 md:hidden overflow-y-auto pb-44">
            <li>
            <div class="flex items-center gap-5 text-2xl md:text-4xl md:font-bold cursor-pointer transition-opacity hover:opacity-80 overflow-y-scroll px-10" @click="submenuOpen = 203">
                                    <a href="https://ymca.org.uk/" class="whitespace-pre-line">Home</a>
                            </div>


                    </li>
            <li>
            <div class="flex items-center gap-5 text-2xl md:text-4xl md:font-bold cursor-pointer transition-opacity hover:opacity-80 overflow-y-scroll px-10" @click="submenuOpen = 207">
                                    <a href="https://ymca.org.uk/news/" class="whitespace-pre-line">News</a>
                            </div>


                    </li>
            <li>
            <div class="flex items-center gap-5 text-2xl md:text-4xl md:font-bold cursor-pointer transition-opacity hover:opacity-80 overflow-y-scroll px-10" @click="submenuOpen = 204">
                                    <div href="/" class="whitespace-pre-line">YMCA</div>
                    <div class="transition-transform" x-bind:class="submenuOpen == 204 ? 'rotate-90' : ''">
                        <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                    </div>
                            </div>


                            <ul x-show="submenuOpen == 204" class="absolute left-0 top-0 w-full bg-primary h-screen transition-all duration-500 z-[5] pt-32" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">

                    <div class="flex flex-col gap-10 h-full w-full custom-scrollbar-light pb-44 px-10 sm:px-20 overflow-y-auto">
                        <div @click="submenuOpen = !submenuOpen" class="flex gap-2 items-center cursor-pointer">
                            <span class=" text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                            </span>
                            <span>Back</span>
                        </div>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 205">
                                                                            <div class="whitespace-pre-line">About Us</div>
                                        <div class="transition-transform" :class="nestedMenuOpen == 205 ? 'rotate-90' : ''">
                                            <svg class="w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                                        </div>
                                                                    </div>
                                                                    <ul x-show="nestedMenuOpen == 205" class="absolute left-0 top-0 w-full bg-white h-screen transition-all duration-500 z-[5] pt-32" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">
                                        <div class="flex flex-col gap-10 overflow-y-auto h-full w-full custom-scrollbar pb-44 px-10 sm:px-20">
                                            <div @click="nestedMenuOpen = !nestedMenuOpen" class="flex gap-2 items-center cursor-pointer">
                                                <span class="text-black">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                                                </span>
                                                <span class="text-black">Back</span>
                                            </div>
                                                                                            <li class="relative  cursor-pointer md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/about-us/" class="flex gap-2 items-center transition-colors text-xl text-primary">
                                                        <span class="whitespace-pre-line">About YMCA</span>
                                                    </a>
                                                </li>
                                                                                            <li class="relative  cursor-pointer md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/our-vision-and-values/" class="flex gap-2 items-center transition-colors text-xl text-primary">
                                                        <span class="whitespace-pre-line">Our vision and values</span>
                                                    </a>
                                                </li>
                                                                                    </div>
                                    </ul>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3962">
                                                                            <div class="whitespace-pre-line">Campaigning</div>
                                        <div class="transition-transform" :class="nestedMenuOpen == 3962 ? 'rotate-90' : ''">
                                            <svg class="w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                                        </div>
                                                                    </div>
                                                                    <ul x-show="nestedMenuOpen == 3962" class="absolute left-0 top-0 w-full bg-white h-screen transition-all duration-500 z-[5] pt-32" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">
                                        <div class="flex flex-col gap-10 overflow-y-auto h-full w-full custom-scrollbar pb-44 px-10 sm:px-20">
                                            <div @click="nestedMenuOpen = !nestedMenuOpen" class="flex gap-2 items-center cursor-pointer">
                                                <span class="text-black">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                                                </span>
                                                <span class="text-black">Back</span>
                                            </div>
                                                                                            <li class="relative  cursor-pointer md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/campaigning/" class="flex gap-2 items-center transition-colors text-xl text-primary">
                                                        <span class="whitespace-pre-line">Our Campaigns</span>
                                                    </a>
                                                </li>
                                                                                            <li class="relative  cursor-pointer md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/general-election/" class="flex gap-2 items-center transition-colors text-xl text-primary">
                                                        <span class="whitespace-pre-line">General Election Manifesto: Now’s our chance</span>
                                                    </a>
                                                </li>
                                                                                            <li class="relative  cursor-pointer md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/cost-of-living/" class="flex gap-2 items-center transition-colors text-xl text-primary">
                                                        <span class="whitespace-pre-line">Cost of living</span>
                                                    </a>
                                                </li>
                                                                                            <li class="relative  cursor-pointer md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/on-the-ropes/" class="flex gap-2 items-center transition-colors text-xl text-primary">
                                                        <span class="whitespace-pre-line">On the ropes</span>
                                                    </a>
                                                </li>
                                                                                            <li class="relative  cursor-pointer md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/ymca-youth-ambassador-programme/" class="flex gap-2 items-center transition-colors text-xl text-primary">
                                                        <span class="whitespace-pre-line">YMCA Youth Ambassador Programme</span>
                                                    </a>
                                                </li>
                                                                                            <li class="relative  cursor-pointer md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/smalltalks/" class="flex gap-2 items-center transition-colors text-xl text-primary">
                                                        <span class="whitespace-pre-line">Small Talks</span>
                                                    </a>
                                                </li>
                                                                                    </div>
                                    </ul>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3968">
                                                                            <div class="whitespace-pre-line">YMCA during war</div>
                                        <div class="transition-transform" :class="nestedMenuOpen == 3968 ? 'rotate-90' : ''">
                                            <svg class="w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                                        </div>
                                                                    </div>
                                                                    <ul x-show="nestedMenuOpen == 3968" class="absolute left-0 top-0 w-full bg-white h-screen transition-all duration-500 z-[5] pt-32" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">
                                        <div class="flex flex-col gap-10 overflow-y-auto h-full w-full custom-scrollbar pb-44 px-10 sm:px-20">
                                            <div @click="nestedMenuOpen = !nestedMenuOpen" class="flex gap-2 items-center cursor-pointer">
                                                <span class="text-black">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                                                </span>
                                                <span class="text-black">Back</span>
                                            </div>
                                                                                            <li class="relative  cursor-pointer md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/ymca-and-wwi/" class="flex gap-2 items-center transition-colors text-xl text-primary">
                                                        <span class="whitespace-pre-line">YMCA and WWI</span>
                                                    </a>
                                                </li>
                                                                                            <li class="relative  cursor-pointer md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/ymca-and-wwii/" class="flex gap-2 items-center transition-colors text-xl text-primary">
                                                        <span class="whitespace-pre-line">YMCA and WWII</span>
                                                    </a>
                                                </li>
                                                                                    </div>
                                    </ul>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 206">
                                                                            <a href="https://ymca.org.uk/vacancies/" class="whitespace-pre-line">Careers</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 509">
                                                                            <a href="/help-and-advice/" class="whitespace-pre-line">Help &amp; Advice</a>
                                                                    </div>
                                                            </li>
                                            </div>
                </ul>
                    </li>
            <li>
            <div class="flex items-center gap-5 text-2xl md:text-4xl md:font-bold cursor-pointer transition-opacity hover:opacity-80 overflow-y-scroll px-10" @click="submenuOpen = 210">
                                    <div href="/what-we-do/" class="whitespace-pre-line">What we do</div>
                    <div class="transition-transform" x-bind:class="submenuOpen == 210 ? 'rotate-90' : ''">
                        <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                    </div>
                            </div>


                            <ul x-show="submenuOpen == 210" class="absolute left-0 top-0 w-full bg-primary h-screen transition-all duration-500 z-[5] pt-32" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">

                    <div class="flex flex-col gap-10 h-full w-full custom-scrollbar-light pb-44 px-10 sm:px-20 overflow-y-auto">
                        <div @click="submenuOpen = !submenuOpen" class="flex gap-2 items-center cursor-pointer">
                            <span class=" text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                            </span>
                            <span>Back</span>
                        </div>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 4000">
                                                                            <a href="https://ymca.org.uk/services/health-wellbeing/" class="whitespace-pre-line">Health &amp; Wellbeing</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 211">
                                                                            <a href="https://ymca.org.uk/services/family-and-youth-work/" class="whitespace-pre-line">Family &amp; Youth Work</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 213">
                                                                            <a href="https://ymca.org.uk/services/housing/" class="whitespace-pre-line">Housing</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 214">
                                                                            <a href="https://ymca.org.uk/services/training-and-education/" class="whitespace-pre-line">Training &amp; Education</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 215">
                                                                            <a href="https://ymca.org.uk/services/support-and-advice/" class="whitespace-pre-line">Support &amp; Advice</a>
                                                                    </div>
                                                            </li>
                                            </div>
                </ul>
                    </li>
            <li>
            <div class="flex items-center gap-5 text-2xl md:text-4xl md:font-bold cursor-pointer transition-opacity hover:opacity-80 overflow-y-scroll px-10" @click="submenuOpen = 3974">
                                    <div href="/" class="whitespace-pre-line">Get Involved</div>
                    <div class="transition-transform" x-bind:class="submenuOpen == 3974 ? 'rotate-90' : ''">
                        <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                    </div>
                            </div>


                            <ul x-show="submenuOpen == 3974" class="absolute left-0 top-0 w-full bg-primary h-screen transition-all duration-500 z-[5] pt-32" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">

                    <div class="flex flex-col gap-10 h-full w-full custom-scrollbar-light pb-44 px-10 sm:px-20 overflow-y-auto">
                        <div @click="submenuOpen = !submenuOpen" class="flex gap-2 items-center cursor-pointer">
                            <span class=" text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                            </span>
                            <span>Back</span>
                        </div>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 5007">
                                                                            <a href="https://ymca.org.uk/campaigning/" class="whitespace-pre-line">Campaigning</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3958">
                                                                            <a href="https://ymca.org.uk/charitable-trusts-and-foundations/" class="whitespace-pre-line">Charitable Trusts and Foundations</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3957">
                                                                            <a href="https://ymca.org.uk/corporate-partnerships/" class="whitespace-pre-line">Corporate Partnerships</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 416">
                                                                            <a href="https://ymca.org.uk/events/" class="whitespace-pre-line">Events</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 4118">
                                                                            <a href="https://ymca.org.uk/leave-a-gift-in-your-will/" class="whitespace-pre-line">Leave a gift in your will</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 4003">
                                                                            <a href="https://ymca.org.uk/get-involved/" class="whitespace-pre-line">RoomSponsor</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3960">
                                                                            <a href="https://ymca.org.uk/sleep-easy/" class="whitespace-pre-line">Sleep Easy</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3967">
                                                                            <a href="https://ymca.org.uk/y-mentoring/" class="whitespace-pre-line">Y Mentoring</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 4115">
                                                                            <a href="https://ymca.org.uk/awards/" class="whitespace-pre-line">Youth Matters Awards</a>
                                                                    </div>
                                                            </li>
                                            </div>
                </ul>
                    </li>
            <li>
            <div class="flex items-center gap-5 text-2xl md:text-4xl md:font-bold cursor-pointer transition-opacity hover:opacity-80 overflow-y-scroll px-10" @click="submenuOpen = 346">
                                    <a href="/downloads/" class="whitespace-pre-line">Reports &amp; Findings</a>
                            </div>


                    </li>
            <li>
            <div class="flex items-center gap-5 text-2xl md:text-4xl md:font-bold cursor-pointer transition-opacity hover:opacity-80 overflow-y-scroll px-10" @click="submenuOpen = 216">
                                    <div href="/shops/" class="whitespace-pre-line">Shops</div>
                    <div class="transition-transform" x-bind:class="submenuOpen == 216 ? 'rotate-90' : ''">
                        <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                    </div>
                            </div>


                            <ul x-show="submenuOpen == 216" class="absolute left-0 top-0 w-full bg-primary h-screen transition-all duration-500 z-[5] pt-32" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">

                    <div class="flex flex-col gap-10 h-full w-full custom-scrollbar-light pb-44 px-10 sm:px-20 overflow-y-auto">
                        <div @click="submenuOpen = !submenuOpen" class="flex gap-2 items-center cursor-pointer">
                            <span class=" text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                            </span>
                            <span>Back</span>
                        </div>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 4005">
                                                                            <a href="https://ymca.org.uk/shops/" class="whitespace-pre-line">Shops</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3959">
                                                                            <a href="https://ymca.org.uk/donate-to-our-shops/" class="whitespace-pre-line">Donate to our shops</a>
                                                                    </div>
                                                            </li>
                                            </div>
                </ul>
                    </li>
            <li>
            <div class="flex items-center gap-5 text-2xl md:text-4xl md:font-bold cursor-pointer transition-opacity hover:opacity-80 overflow-y-scroll px-10" @click="submenuOpen = 218">
                                    <a href="https://ymca.org.uk/contact-us/" class="whitespace-pre-line">Contact Us</a>
                            </div>


                    </li>
    </ul>
            <!-- desktop? -->
            
<ul class="space-y-8 flex-1 w-full custom-scrollbar-white md:flex flex-col px-20 pb-44 hidden overflow-y-auto">
            <li>
            <div class="flex items-center gap-5 text-4xl font-bold cursor-pointer transition-opacity" @click="submenuOpen = 203">
                                    <a href="https://ymca.org.uk/" class="underline-anim whitespace-normal">Home</a>
                            </div>

                    </li>
            <li>
            <div class="flex items-center gap-5 text-4xl font-bold cursor-pointer transition-opacity" @click="submenuOpen = 207">
                                    <a href="https://ymca.org.uk/news/" class="underline-anim whitespace-normal">News</a>
                            </div>

                    </li>
            <li>
            <div class="flex items-center gap-5 text-4xl font-bold cursor-pointer transition-opacity" @click="submenuOpen = 204">
                                    <div href="/" class="underline-anim whitespace-pre-line">YMCA</div>
                    <div class="transition-transform" x-bind:class="submenuOpen == 204 ? 'rotate-90' : ''">
                        <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                    </div>
                            </div>

                            <ul x-show="submenuOpen == 204 " class="absolute left-0 top-0 w-full bg-primary h-screen transition-all duration-500 z-[5]" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">

                    <div class="flex flex-col gap-10 h-full w-full custom-scrollbar-white pt-28 pl-20 pr-10 pb-10 overflow-y-scroll">
                        <div @click="submenuOpen = !submenuOpen" class="flex gap-2 items-center cursor-pointer">
                            <span class=" text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                            </span>
                            <span>Back</span>
                        </div>


                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 205">
                                                                            <div class="flex gap-2 items-center transition-colors underline-anim whitespace-pre-line">About Us</div>
                                        <div class="transition-transform" x-bind:class="nestedMenuOpen == 205 ? 'rotate-90' : ''">
                                            <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                                        </div>
                                                                    </div>
                                                                    <ul x-show="nestedMenuOpen == 205" class="absolute left-0 top-0 w-full bg-white h-screen transition-all duration-500 z-[5]" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">

                                        <div class="flex flex-col gap-10 h-full w-full custom-scrollbar pt-28 pl-20 pr-10 pb-10 overflow-y-scroll">
                                            <div @click="nestedMenuOpen= !nestedMenuOpen" class="flex gap-2 items-center cursor-pointer">
                                                <span class="text-black">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                                                </span>
                                                <span class="text-black">Back</span>
                                            </div>
                                                                                            <li class="whitespace-nowrap md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/about-us/" class="flex gap-2 items-center transition-colors text-3xl  text-primary underline-anim w-fit whitespace-normal">
                                                        About YMCA                                                    </a>
                                                </li>
                                                                                            <li class="whitespace-nowrap md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/our-vision-and-values/" class="flex gap-2 items-center transition-colors text-3xl  text-primary underline-anim w-fit whitespace-normal">
                                                        Our vision and values                                                    </a>
                                                </li>
                                                                                    </div>
                                    </ul>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3962">
                                                                            <div class="flex gap-2 items-center transition-colors underline-anim whitespace-pre-line">Campaigning</div>
                                        <div class="transition-transform" x-bind:class="nestedMenuOpen == 3962 ? 'rotate-90' : ''">
                                            <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                                        </div>
                                                                    </div>
                                                                    <ul x-show="nestedMenuOpen == 3962" class="absolute left-0 top-0 w-full bg-white h-screen transition-all duration-500 z-[5]" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">

                                        <div class="flex flex-col gap-10 h-full w-full custom-scrollbar pt-28 pl-20 pr-10 pb-10 overflow-y-scroll">
                                            <div @click="nestedMenuOpen= !nestedMenuOpen" class="flex gap-2 items-center cursor-pointer">
                                                <span class="text-black">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                                                </span>
                                                <span class="text-black">Back</span>
                                            </div>
                                                                                            <li class="whitespace-nowrap md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/campaigning/" class="flex gap-2 items-center transition-colors text-3xl  text-primary underline-anim w-fit whitespace-normal">
                                                        Our Campaigns                                                    </a>
                                                </li>
                                                                                            <li class="whitespace-nowrap md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/general-election/" class="flex gap-2 items-center transition-colors text-3xl  text-primary underline-anim w-fit whitespace-normal">
                                                        General Election Manifesto: Now’s our chance                                                    </a>
                                                </li>
                                                                                            <li class="whitespace-nowrap md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/cost-of-living/" class="flex gap-2 items-center transition-colors text-3xl  text-primary underline-anim w-fit whitespace-normal">
                                                        Cost of living                                                    </a>
                                                </li>
                                                                                            <li class="whitespace-nowrap md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/on-the-ropes/" class="flex gap-2 items-center transition-colors text-3xl  text-primary underline-anim w-fit whitespace-normal">
                                                        On the ropes                                                    </a>
                                                </li>
                                                                                            <li class="whitespace-nowrap md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/ymca-youth-ambassador-programme/" class="flex gap-2 items-center transition-colors text-3xl  text-primary underline-anim w-fit whitespace-normal">
                                                        YMCA Youth Ambassador Programme                                                    </a>
                                                </li>
                                                                                            <li class="whitespace-nowrap md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/smalltalks/" class="flex gap-2 items-center transition-colors text-3xl  text-primary underline-anim w-fit whitespace-normal">
                                                        Small Talks                                                    </a>
                                                </li>
                                                                                    </div>
                                    </ul>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3968">
                                                                            <div class="flex gap-2 items-center transition-colors underline-anim whitespace-pre-line">YMCA during war</div>
                                        <div class="transition-transform" x-bind:class="nestedMenuOpen == 3968 ? 'rotate-90' : ''">
                                            <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                                        </div>
                                                                    </div>
                                                                    <ul x-show="nestedMenuOpen == 3968" class="absolute left-0 top-0 w-full bg-white h-screen transition-all duration-500 z-[5]" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">

                                        <div class="flex flex-col gap-10 h-full w-full custom-scrollbar pt-28 pl-20 pr-10 pb-10 overflow-y-scroll">
                                            <div @click="nestedMenuOpen= !nestedMenuOpen" class="flex gap-2 items-center cursor-pointer">
                                                <span class="text-black">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                                                </span>
                                                <span class="text-black">Back</span>
                                            </div>
                                                                                            <li class="whitespace-nowrap md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/ymca-and-wwi/" class="flex gap-2 items-center transition-colors text-3xl  text-primary underline-anim w-fit whitespace-normal">
                                                        YMCA and WWI                                                    </a>
                                                </li>
                                                                                            <li class="whitespace-nowrap md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/ymca-and-wwii/" class="flex gap-2 items-center transition-colors text-3xl  text-primary underline-anim w-fit whitespace-normal">
                                                        YMCA and WWII                                                    </a>
                                                </li>
                                                                                    </div>
                                    </ul>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 206">
                                                                            <a href="https://ymca.org.uk/vacancies/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Careers</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 509">
                                                                            <a href="/help-and-advice/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Help &amp; Advice</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                            </div>
                </ul>
                    </li>
            <li>
            <div class="flex items-center gap-5 text-4xl font-bold cursor-pointer transition-opacity" @click="submenuOpen = 210">
                                    <div href="/what-we-do/" class="underline-anim whitespace-pre-line">What we do</div>
                    <div class="transition-transform" x-bind:class="submenuOpen == 210 ? 'rotate-90' : ''">
                        <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                    </div>
                            </div>

                            <ul x-show="submenuOpen == 210 " class="absolute left-0 top-0 w-full bg-primary h-screen transition-all duration-500 z-[5]" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">

                    <div class="flex flex-col gap-10 h-full w-full custom-scrollbar-white pt-28 pl-20 pr-10 pb-10 overflow-y-scroll">
                        <div @click="submenuOpen = !submenuOpen" class="flex gap-2 items-center cursor-pointer">
                            <span class=" text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                            </span>
                            <span>Back</span>
                        </div>


                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 4000">
                                                                            <a href="https://ymca.org.uk/services/health-wellbeing/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Health &amp; Wellbeing</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 211">
                                                                            <a href="https://ymca.org.uk/services/family-and-youth-work/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Family &amp; Youth Work</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 213">
                                                                            <a href="https://ymca.org.uk/services/housing/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Housing</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 214">
                                                                            <a href="https://ymca.org.uk/services/training-and-education/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Training &amp; Education</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 215">
                                                                            <a href="https://ymca.org.uk/services/support-and-advice/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Support &amp; Advice</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                            </div>
                </ul>
                    </li>
            <li>
            <div class="flex items-center gap-5 text-4xl font-bold cursor-pointer transition-opacity" @click="submenuOpen = 3974">
                                    <div href="/" class="underline-anim whitespace-pre-line">Get Involved</div>
                    <div class="transition-transform" x-bind:class="submenuOpen == 3974 ? 'rotate-90' : ''">
                        <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                    </div>
                            </div>

                            <ul x-show="submenuOpen == 3974 " class="absolute left-0 top-0 w-full bg-primary h-screen transition-all duration-500 z-[5]" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">

                    <div class="flex flex-col gap-10 h-full w-full custom-scrollbar-white pt-28 pl-20 pr-10 pb-10 overflow-y-scroll">
                        <div @click="submenuOpen = !submenuOpen" class="flex gap-2 items-center cursor-pointer">
                            <span class=" text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                            </span>
                            <span>Back</span>
                        </div>


                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 5007">
                                                                            <a href="https://ymca.org.uk/campaigning/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Campaigning</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3958">
                                                                            <a href="https://ymca.org.uk/charitable-trusts-and-foundations/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Charitable Trusts and Foundations</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3957">
                                                                            <a href="https://ymca.org.uk/corporate-partnerships/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Corporate Partnerships</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 416">
                                                                            <a href="https://ymca.org.uk/events/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Events</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 4118">
                                                                            <a href="https://ymca.org.uk/leave-a-gift-in-your-will/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Leave a gift in your will</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 4003">
                                                                            <a href="https://ymca.org.uk/get-involved/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">RoomSponsor</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3960">
                                                                            <a href="https://ymca.org.uk/sleep-easy/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Sleep Easy</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3967">
                                                                            <a href="https://ymca.org.uk/y-mentoring/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Y Mentoring</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 4115">
                                                                            <a href="https://ymca.org.uk/awards/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Youth Matters Awards</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                            </div>
                </ul>
                    </li>
            <li>
            <div class="flex items-center gap-5 text-4xl font-bold cursor-pointer transition-opacity" @click="submenuOpen = 346">
                                    <a href="/downloads/" class="underline-anim whitespace-normal">Reports &amp; Findings</a>
                            </div>

                    </li>
            <li>
            <div class="flex items-center gap-5 text-4xl font-bold cursor-pointer transition-opacity" @click="submenuOpen = 216">
                                    <div href="/shops/" class="underline-anim whitespace-pre-line">Shops</div>
                    <div class="transition-transform" x-bind:class="submenuOpen == 216 ? 'rotate-90' : ''">
                        <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                    </div>
                            </div>

                            <ul x-show="submenuOpen == 216 " class="absolute left-0 top-0 w-full bg-primary h-screen transition-all duration-500 z-[5]" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">

                    <div class="flex flex-col gap-10 h-full w-full custom-scrollbar-white pt-28 pl-20 pr-10 pb-10 overflow-y-scroll">
                        <div @click="submenuOpen = !submenuOpen" class="flex gap-2 items-center cursor-pointer">
                            <span class=" text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                            </span>
                            <span>Back</span>
                        </div>


                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 4005">
                                                                            <a href="https://ymca.org.uk/shops/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Shops</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3959">
                                                                            <a href="https://ymca.org.uk/donate-to-our-shops/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Donate to our shops</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                            </div>
                </ul>
                    </li>
            <li>
            <div class="flex items-center gap-5 text-4xl font-bold cursor-pointer transition-opacity" @click="submenuOpen = 218">
                                    <a href="https://ymca.org.uk/contact-us/" class="underline-anim whitespace-normal">Contact Us</a>
                            </div>

                    </li>
    </ul>

            <div class="fixed mx-auto bottom-8 self-center flex items-center justify-center gap-3 md:gap-5">
                                    <a href="https://ymca.org.uk/locations/" class="button-base z-40 col-span-2 button-white" x-bind:class="nestedMenuOpen ? 'button-primary' : 'button-white'">
                        <div class="group-hover:scale-150 transition-transform duration-500 group-hover:text-white text-sm md:text-md lg:text-lg">Find a YMCA</div>
                    </a>
                                                    <div>
                        <div @click="$store.donation.open()" class="button-base !px-5 !min-w-min z-40 col-span-2 button-white" x-bind:class="nestedMenuOpen ? 'button-primary' : 'button-white'">
                            <div class="group-hover:scale-150 transition-transform duration-500 group-hover:text-white size-5">
                                <svg id="Group_20" data-name="Group 20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="17" viewBox="0 0 19 17">
    <g id="Group_19" data-name="Group 19">
        <path id="Path_18" data-name="Path 18" d="M18.717,6.792c-.325.982-2,4.906-9.217,10.148L9.31,17C2.095,11.758.608,7.775.283,6.792a5.184,5.184,0,0,1,1.172-5.3A4.9,4.9,0,0,1,4.773.006,5.04,5.04,0,0,1,9.5,2.534h0A5.04,5.04,0,0,1,14.227.006a4.9,4.9,0,0,1,3.318,1.487,5.184,5.184,0,0,1,1.172,5.3Z" transform="translate(0 0)" fill="currentColor"></path>
    </g>
</svg>                            </div>
                            <span class="text-sm md:text-md lg:text-lg">Donate</span>
                        </div>
                    </div>
                                <div class="flex col-span-2 lg:hidden transition-all duration-200 z-40" @click="open = false, submenuOpen = null, $store.scrollLock.close()">
                    <div x-data="{ open: false }">
    <div class="button-search min-w-min aspect-square px-0 modalOpen" @click="open = !open">
        <svg xmlns="http://www.w3.org/2000/svg" width="19.083" height="19.083" viewBox="0 0 19.083 19.083">
    <path id="Path_8514" data-name="Path 8514" d="M18.659,16.584,14.725,12.65a7.852,7.852,0,0,0,1.422-4.576,7.942,7.942,0,0,0-.636-3.136,7.911,7.911,0,0,0-4.3-4.3,8.042,8.042,0,0,0-6.274,0,7.9,7.9,0,0,0-4.3,4.3,8.039,8.039,0,0,0,0,6.273,7.909,7.909,0,0,0,4.3,4.3,7.942,7.942,0,0,0,3.136.636,7.85,7.85,0,0,0,4.576-1.422l3.934,3.922a1.359,1.359,0,0,0,1.031.437,1.468,1.468,0,0,0,1.044-2.5M11.7,11.7a4.949,4.949,0,0,1-3.63,1.508A4.946,4.946,0,0,1,4.445,11.7a4.944,4.944,0,0,1-1.508-3.63A4.94,4.94,0,0,1,4.445,4.445,4.943,4.943,0,0,1,8.074,2.936,4.946,4.946,0,0,1,11.7,4.445a4.946,4.946,0,0,1,1.509,3.629A4.95,4.95,0,0,1,11.7,11.7" fill="currentColor"></path>
</svg>    </div>

    <template x-teleport="body">
        <div class="fixed w-full h-screen p-2 md:p-5 left-0 top-0 flex items-center justify-center z-20" x-cloak="" x-show="open">

            <div class="absolute h-screen w-full left-0 top-0 backdrop-blur-md transition-opacity bg-black/20 cursor-pointer" x-show="open" x-transition:enter="motion-safe:ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"></div>

            <div class="relative bg-white max-w-4xl w-full px-5 py-10 md:p-10 rounded-2xl shadow-xl cursor-auto" x-show="open" x-transition:enter.delay.100ms="" x-transition:leave="" @click.outside="open = false; document.body.classList.remove('overflow-hidden');">
                <h3 class="mb-5 text-gray-600 font-bold text-2xl">Search Website</h3>
                
<form role="search" method="get" action="https://ymca.org.uk/">
    <label for="default-search" class="mb-2 font-medium text-gray-900 sr-only">Search</label>
    <div class="relative flex flex-col gap-5 md:block">
        <div class="relative">
            <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none text-primary">
                <svg xmlns="http://www.w3.org/2000/svg" width="19.083" height="19.083" viewBox="0 0 19.083 19.083">
    <path id="Path_8514" data-name="Path 8514" d="M18.659,16.584,14.725,12.65a7.852,7.852,0,0,0,1.422-4.576,7.942,7.942,0,0,0-.636-3.136,7.911,7.911,0,0,0-4.3-4.3,8.042,8.042,0,0,0-6.274,0,7.9,7.9,0,0,0-4.3,4.3,8.039,8.039,0,0,0,0,6.273,7.909,7.909,0,0,0,4.3,4.3,7.942,7.942,0,0,0,3.136.636,7.85,7.85,0,0,0,4.576-1.422l3.934,3.922a1.359,1.359,0,0,0,1.031.437,1.468,1.468,0,0,0,1.044-2.5M11.7,11.7a4.949,4.949,0,0,1-3.63,1.508A4.946,4.946,0,0,1,4.445,11.7a4.944,4.944,0,0,1-1.508-3.63A4.94,4.94,0,0,1,4.445,4.445,4.943,4.943,0,0,1,8.074,2.936,4.946,4.946,0,0,1,11.7,4.445a4.946,4.946,0,0,1,1.509,3.629A4.95,4.95,0,0,1,11.7,11.7" fill="currentColor"></path>
</svg>            </div>
            <input type="search" id="default-search" class="block w-full p-4 pl-10 outline-none text-gray-900 border border-gray-300 rounded-full bg-gray-50 focus:ring-primary focus:border-primary" placeholder="Search..." required="" value="" name="s">
        </div>
        <button type="submit" class="md:absolute right-0 md:-translate-y-1/2 top-1/2 button-primary h-[3.5rem]">Search</button>
    </div>
</form>
                <div class="absolute right-10 top-10 text-primary modalClose" @click="open = false">
                    <div class="text-currentColor flex items-center gap-2 group cursor-pointer font-bold">
    <p>Close</p>
    <div class="group-hover:scale-90 transition-transform">
        <svg xmlns="http://www.w3.org/2000/svg" width="29.121" height="29.121" viewBox="0 0 29.121 29.121">
    <g id="Group_3342" data-name="Group 3342" transform="translate(-8.904 14.561) rotate(-45)">
        <path id="Path_1819" data-name="Path 1819" d="M0,0V33.184" transform="translate(16.592)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"></path>
        <path id="Path_1820" data-name="Path 1820" d="M0,0V33.184" transform="translate(33.184 16.592) rotate(90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"></path>
    </g>
</svg>    </div>
</div>                </div>
            </div>
        </div>
    </template>
</div>                </div>
                <!-- <div class="flex lg:hidden z-40">
                                    </div> -->
            </div>
        </div>
    </div>
</div>                </div>
            </div>
            <!-- MOBILE -->
            <div class="container lg:hidden justify-between items-center flex px-5 py-6">


                <a href="https://ymca.org.uk" class="text-[#4E5053]">
                                            <svg id="Group_1190" data-name="Group 1190" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="288.611" height="38.552" viewBox="0 0 288.611 38.552" class="w-[200px]">
    <defs>
        <clipPath id="clip-path">
            <rect id="Rectangle_606" data-name="Rectangle 606" width="288.611" height="38.552" fill="none"></rect>
        </clipPath>
    </defs>
    <path id="Path_1549" data-name="Path 1549" d="M17.982,12.482v5.93l-2.566,1.482-2.571-1.478V12.482l-7.7-4.447L0,11V22.86l7.706,4.446v11.86l7.707,4.449,7.7-4.449V27.306l7.707-4.447V11L25.686,8.034Z" transform="translate(0 -6.549)" fill="currentColor"></path>
    <path id="Path_1550" data-name="Path 1550" d="M208.905,8.035l-10.276,5.93L188.357,8.036l-7.706,4.447V39.168l7.706,4.446,5.137-2.963,0-14.832,5.138,2.971,5.138-2.965V40.65l5.135,2.96,7.708-4.444V12.482Z" transform="translate(-147.258 -6.549)" fill="currentColor"></path>
    <path id="Path_1551" data-name="Path 1551" d="M554.758,8.9l7.706,4.44L554.758,17.8Zm-12.844,0V35.585l5.138,2.965,5.136-2.965V26.691l5.139-2.964,5.136,2.964v8.895L567.6,38.55l5.136-2.965V8.9L557.327.008Z" transform="translate(-441.741 -0.007)" fill="currentColor"></path>
    <path id="Path_1552" data-name="Path 1552" d="M401.905,0,389.062,7.412V31.131l12.844,7.413,12.841-7.412V25.2l-5.135-2.964-7.7,4.446,0-14.827,7.708,4.45,5.135-2.965,0-5.928Z" transform="translate(-317.144)" fill="currentColor"></path>
    <rect id="Rectangle_605" data-name="Rectangle 605" width="1.848" height="38.546" transform="translate(143.381 0.006)" fill="currentColor"></rect>
    <g id="Group_1182" data-name="Group 1182">
        <g id="Group_1181" data-name="Group 1181" clip-path="url(#clip-path)">
            <path id="Path_1553" data-name="Path 1553" d="M853.575,3.257c.629,0,.806.035.806.178V6.791h3V3.435c0-.143.119-.178.783-.178h.13c.628,0,.806.035.806.178v8.183c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178V8.167h-3v3.451c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178V3.435c0-.143.119-.178.783-.178Z" transform="translate(-695.047 -2.655)" fill="currentColor"></path>
            <path id="Path_1554" data-name="Path 1554" d="M899.464,18.741a1.427,1.427,0,0,0,1.565,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.06.189-.012.32.344l.107.3c.142.4.131.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.179c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.233,1.281Z" transform="translate(-731.816 -12.173)" fill="currentColor"></path>
            <path id="Path_1555" data-name="Path 1555" d="M939.031,15.053c.581,0,.688.024.723.154a8.859,8.859,0,0,1,.142,1.222c.38-.972.878-1.494,1.637-1.494a.8.8,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.035.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.078,4.078,0,0,0-.439,2.241v1.708c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-764.812 -12.174)" fill="currentColor"></path>
            <path id="Path_1556" data-name="Path 1556" d="M966.961,18.741a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.06.189-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.179c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-786.836 -12.173)" fill="currentColor"></path>
            <path id="Path_1557" data-name="Path 1557" d="M1020.145,2.919V2.634a2.738,2.738,0,0,1,.664-1.969,2.286,2.286,0,0,1,1.708-.617,3.964,3.964,0,0,1,1.3.225c.107.036.119.131.024.546l-.047.2c-.095.415-.154.486-.249.463a3.494,3.494,0,0,0-.759-.095.905.905,0,0,0-.795.308,1.7,1.7,0,0,0-.225.984v.237h1.364c.107,0,.154.024.154.593V3.6c0,.569-.047.593-.154.593h-1.364V9c0,.131-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178V4.188h-.83c-.107,0-.154-.024-.154-.593V3.512c0-.569.047-.593.154-.593Z" transform="translate(-830.768 -0.04)" fill="currentColor"></path>
            <path id="Path_1558" data-name="Path 1558" d="M1054.057,18.065c0,2.147-1.068,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.151.38,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.38-1.8-1.21-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-854.409 -12.173)" fill="currentColor"></path>
            <path id="Path_1559" data-name="Path 1559" d="M1090.323,15.053c.581,0,.688.024.723.154a8.859,8.859,0,0,1,.142,1.222c.38-.972.878-1.494,1.637-1.494a.805.805,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.036.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.076,4.076,0,0,0-.439,2.241v1.708c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-888.137 -12.174)" fill="currentColor"></path>
            <path id="Path_1560" data-name="Path 1560" d="M1130.421,15.576c.7,0,.759.048.807.178l.735,2.324a15.951,15.951,0,0,1,.533,2.135c.119-.617.308-1.364.522-2.111l.688-2.348c.047-.131.118-.178.747-.178h.154c.724,0,.771.071.724.214l-2.028,5.942c-.688,2.016-1.459,2.87-3,2.87a2.616,2.616,0,0,1-1.281-.3c-.107-.071-.083-.178.024-.558l.047-.166c.119-.4.178-.51.356-.45a2.888,2.888,0,0,0,.735.118c.64,0,1.055-.273,1.471-1.376l-2.135-6.084c-.048-.142,0-.214.747-.214Z" transform="translate(-920.265 -12.697)" fill="currentColor"></path>
            <path id="Path_1561" data-name="Path 1561" d="M1176.092,18.065c0,2.147-1.067,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.151.379,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.379-1.8-1.209-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-953.886 -12.173)" fill="currentColor"></path>
            <path id="Path_1562" data-name="Path 1562" d="M1212.563,15.576c.7,0,.771.048.771.178v3.2c0,.818.047,1.067.237,1.281a1.026,1.026,0,0,0,.783.273,1.562,1.562,0,0,0,.783-.19.7.7,0,0,0,.332-.628c.024-.273.024-.712.024-1.162V15.754c0-.131.024-.178.795-.178h.059c.7,0,.771.048.771.178v3.273c0,.925.036,1.957.083,2.6.012.166-.035.214-.712.214h-.059c-.581,0-.688-.024-.735-.154a3.251,3.251,0,0,1-.083-.474,2.2,2.2,0,0,1-1.708.747,2.1,2.1,0,0,1-1.637-.64,2.667,2.667,0,0,1-.557-1.909V15.754c0-.131.024-.178.795-.178Z" transform="translate(-987.725 -12.697)" fill="currentColor"></path>
            <path id="Path_1563" data-name="Path 1563" d="M1253.216,15.053c.581,0,.688.024.735.154a3.186,3.186,0,0,1,.083.474,2.268,2.268,0,0,1,1.72-.747,2.129,2.129,0,0,1,1.648.64,2.665,2.665,0,0,1,.558,1.91v3.653c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.047-1.067-.237-1.281a1.057,1.057,0,0,0-.795-.273,1.606,1.606,0,0,0-.794.19.7.7,0,0,0-.332.629c-.024.273-.024.711-.024,1.162v2.775c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-1020.93 -12.174)" fill="currentColor"></path>
            <path id="Path_1564" data-name="Path 1564" d="M1296.856,15.053c.462,0,.558.012.6.142a14.51,14.51,0,0,1,.107,2.5v3.107a3.612,3.612,0,0,1-.724,2.491,2.783,2.783,0,0,1-2.171.783,4.36,4.36,0,0,1-1.98-.486c-.119-.071-.154-.154.036-.6l.083-.2c.166-.391.237-.486.368-.427a3.573,3.573,0,0,0,1.4.344c.878,0,1.364-.451,1.364-1.72v-.178a2.322,2.322,0,0,1-1.518.534c-1.554,0-2.514-1.162-2.514-3.108.012-2.1,1.1-3.3,2.6-3.3a2.142,2.142,0,0,1,1.577.735,3.551,3.551,0,0,1,.095-.486c.036-.083.036-.131.558-.131Zm-.913,2a1.234,1.234,0,0,0-1.08-.724c-.794,0-1.281.617-1.281,1.9,0,1.139.439,1.732,1.3,1.732a1.323,1.323,0,0,0,.889-.308.885.885,0,0,0,.166-.641Z" transform="translate(-1053.101 -12.174)" fill="currentColor"></path>
            <path id="Path_1565" data-name="Path 1565" d="M1350.934,15.052c.581,0,.688.024.735.154a3.228,3.228,0,0,1,.083.474,2.223,2.223,0,0,1,1.684-.747c1.483,0,2.455,1.222,2.455,3.155,0,2.1-1.067,3.344-2.621,3.344a2.207,2.207,0,0,1-1.4-.462v2.811c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.711-.214Zm.937,4.543a1.474,1.474,0,0,0,1.055.45c.866,0,1.293-.7,1.293-1.957a2.125,2.125,0,0,0-.391-1.423,1.153,1.153,0,0,0-.889-.344,1.356,1.356,0,0,0-.9.308.883.883,0,0,0-.166.641Z" transform="translate(-1100.584 -12.173)" fill="currentColor"></path>
            <path id="Path_1566" data-name="Path 1566" d="M1390.811,18.741a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.379c.131-.06.19-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.179c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.233,1.281Z" transform="translate(-1132.337 -12.173)" fill="currentColor"></path>
            <path id="Path_1567" data-name="Path 1567" d="M1433.955,18.065c0,2.147-1.067,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.846,1.079,2.846,3.131m-4.222.166c0,1.151.379,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.379-1.8-1.209-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-1164.084 -12.173)" fill="currentColor"></path>
            <path id="Path_1568" data-name="Path 1568" d="M1470.21,15.052c.581,0,.688.024.735.154a3.182,3.182,0,0,1,.083.474,2.223,2.223,0,0,1,1.684-.747c1.482,0,2.455,1.222,2.455,3.155,0,2.1-1.067,3.344-2.621,3.344a2.207,2.207,0,0,1-1.4-.462v2.811c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.035-1.957-.083-2.6-.012-.166.036-.214.712-.214Zm.937,4.543a1.474,1.474,0,0,0,1.055.45c.866,0,1.293-.7,1.293-1.957a2.126,2.126,0,0,0-.391-1.423,1.153,1.153,0,0,0-.889-.344,1.356,1.356,0,0,0-.9.308.883.883,0,0,0-.166.641Z" transform="translate(-1197.813 -12.173)" fill="currentColor"></path>
            <path id="Path_1569" data-name="Path 1569" d="M1510.688.691c.676,0,.759.035.783.154a33.441,33.441,0,0,1,.107,3.451V8.068c0,.273.095.4.391.4h.142c.107,0,.119.083.119.522V9.1c0,.427-.012.474-.107.522a2.072,2.072,0,0,1-.795.142,1.378,1.378,0,0,1-1-.356,1.656,1.656,0,0,1-.379-1.245V4.047c0-1.126-.059-2.775-.095-3.2-.012-.131,0-.154.771-.154Z" transform="translate(-1230.759 -0.563)" fill="currentColor"></path>
            <path id="Path_1570" data-name="Path 1570" d="M1532.415,18.741a1.428,1.428,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.06.19-.012.32.344l.107.3c.143.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.179c0-1.945,1.1-3.321,2.918-3.321s2.739,1.34,2.739,3.19c0,.462-.023.617-.118.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-1247.766 -12.173)" fill="currentColor"></path>
            <path id="Path_1571" data-name="Path 1571" d="M853.575,76.561c.629,0,.806.035.806.178V80.1h3V76.739c0-.143.119-.178.783-.178h.13c.628,0,.806.035.806.178v8.183c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178V81.471h-3v3.451c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178V76.739c0-.143.119-.178.783-.178Z" transform="translate(-695.047 -62.409)" fill="currentColor"></path>
            <path id="Path_1572" data-name="Path 1572" d="M899.464,92.046a1.427,1.427,0,0,0,1.565,1.3,4.3,4.3,0,0,0,1.672-.38c.13-.059.189-.012.32.344l.107.3c.142.4.131.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.233,1.281Z" transform="translate(-731.816 -71.928)" fill="currentColor"></path>
            <path id="Path_1573" data-name="Path 1573" d="M939.031,88.357c.581,0,.688.024.723.154a8.858,8.858,0,0,1,.142,1.222c.38-.972.878-1.494,1.637-1.494a.8.8,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.035.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.078,4.078,0,0,0-.439,2.241v1.708c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-764.812 -71.928)" fill="currentColor"></path>
            <path id="Path_1574" data-name="Path 1574" d="M966.961,92.046a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.38c.13-.059.189-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-786.836 -71.928)" fill="currentColor"></path>
            <path id="Path_1575" data-name="Path 1575" d="M1020.145,76.223v-.285a2.738,2.738,0,0,1,.664-1.969,2.286,2.286,0,0,1,1.708-.617,3.963,3.963,0,0,1,1.3.225c.107.036.119.131.024.546l-.047.2c-.095.415-.154.486-.249.463a3.493,3.493,0,0,0-.759-.095.905.905,0,0,0-.795.308,1.7,1.7,0,0,0-.225.984v.237h1.364c.107,0,.154.024.154.593V76.9c0,.569-.047.593-.154.593h-1.364v4.815c0,.131-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178V77.492h-.83c-.107,0-.154-.024-.154-.593v-.083c0-.569.047-.593.154-.593Z" transform="translate(-830.768 -59.794)" fill="currentColor"></path>
            <path id="Path_1576" data-name="Path 1576" d="M1054.057,91.37c0,2.147-1.068,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.15.38,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.38-1.8-1.21-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-854.409 -71.928)" fill="currentColor"></path>
            <path id="Path_1577" data-name="Path 1577" d="M1090.323,88.357c.581,0,.688.024.723.154a8.858,8.858,0,0,1,.142,1.222c.38-.972.878-1.494,1.637-1.494a.805.805,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.036.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.076,4.076,0,0,0-.439,2.241v1.708c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-888.137 -71.928)" fill="currentColor"></path>
            <path id="Path_1578" data-name="Path 1578" d="M1134.1,89.757c-.225.427-.32.427-.427.356a2.17,2.17,0,0,0-1.317-.463c-.806,0-1.482.534-1.482,1.8,0,1.2.522,1.874,1.553,1.874a2.9,2.9,0,0,0,1.317-.344c.142-.071.178-.024.379.439l.071.166c.178.415.166.486.059.557a3.709,3.709,0,0,1-2.04.593,3,3,0,0,1-2.076-.711,3.29,3.29,0,0,1-.937-2.491,3.475,3.475,0,0,1,.866-2.455,2.984,2.984,0,0,1,2.23-.842,3.2,3.2,0,0,1,2.016.7c.131.107.107.2-.095.593Z" transform="translate(-920.466 -71.928)" fill="currentColor"></path>
            <path id="Path_1579" data-name="Path 1579" d="M1170.316,91.37c0,2.147-1.067,3.368-3.048,3.368-1.767,0-2.847-1.079-2.847-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.846,1.079,2.846,3.131m-4.222.166c0,1.15.379,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.38-1.8-1.21-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-949.179 -71.928)" fill="currentColor"></path>
            <path id="Path_1580" data-name="Path 1580" d="M1206.572,88.357c.581,0,.688.024.735.154a3.6,3.6,0,0,1,.095.51,2.247,2.247,0,0,1,1.672-.783,1.973,1.973,0,0,1,1.779.937,2.369,2.369,0,0,1,1.885-.937,2.05,2.05,0,0,1,1.589.64,2.665,2.665,0,0,1,.557,1.91v3.653c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.047-1.067-.237-1.281a.978.978,0,0,0-.747-.273,1.482,1.482,0,0,0-.723.178.7.7,0,0,0-.332.628c-.024.273-.024.711-.024,1.162v2.787c0,.131-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178v-3.2c0-.818-.048-1.067-.237-1.281a.977.977,0,0,0-.747-.273,1.481,1.481,0,0,0-.723.178.7.7,0,0,0-.332.628c-.024.273-.024.711-.024,1.162v2.787c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.711-.214Z" transform="translate(-982.908 -71.928)" fill="currentColor"></path>
            <path id="Path_1581" data-name="Path 1581" d="M1266.884,88.357c.581,0,.688.024.735.154a3.664,3.664,0,0,1,.095.51,2.245,2.245,0,0,1,1.672-.783,1.973,1.973,0,0,1,1.779.937,2.37,2.37,0,0,1,1.886-.937,2.048,2.048,0,0,1,1.589.64,2.665,2.665,0,0,1,.558,1.91v3.653c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.048-1.067-.237-1.281a.977.977,0,0,0-.747-.273,1.483,1.483,0,0,0-.724.178.7.7,0,0,0-.332.628c-.024.273-.024.711-.024,1.162v2.787c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.047-1.067-.237-1.281a.977.977,0,0,0-.747-.273,1.481,1.481,0,0,0-.723.178.7.7,0,0,0-.332.628c-.024.273-.024.711-.024,1.162v2.787c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.036-1.957-.083-2.6-.012-.166.035-.214.711-.214Z" transform="translate(-1032.07 -71.928)" fill="currentColor"></path>
            <path id="Path_1582" data-name="Path 1582" d="M1327.413,88.88c.7,0,.771.048.771.178v3.2c0,.818.047,1.067.237,1.281a1.026,1.026,0,0,0,.783.273,1.561,1.561,0,0,0,.783-.19.7.7,0,0,0,.332-.628c.024-.273.024-.712.024-1.162V89.058c0-.13.024-.178.795-.178h.059c.7,0,.771.048.771.178v3.273c0,.925.036,1.957.083,2.6.012.166-.036.213-.711.213h-.059c-.581,0-.688-.024-.735-.154a3.254,3.254,0,0,1-.083-.474,2.2,2.2,0,0,1-1.708.747,2.1,2.1,0,0,1-1.637-.64,2.667,2.667,0,0,1-.557-1.91V89.058c0-.13.024-.178.795-.178Z" transform="translate(-1081.345 -72.451)" fill="currentColor"></path>
            <path id="Path_1583" data-name="Path 1583" d="M1368.066,88.357c.581,0,.688.024.735.154a3.155,3.155,0,0,1,.083.474,2.268,2.268,0,0,1,1.72-.747,2.13,2.13,0,0,1,1.648.64,2.666,2.666,0,0,1,.557,1.91v3.653c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.047-1.067-.237-1.281a1.056,1.056,0,0,0-.794-.273,1.605,1.605,0,0,0-.795.19.7.7,0,0,0-.332.629c-.024.273-.024.711-.024,1.162v2.775c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.035-1.957-.083-2.6-.012-.166.035-.214.711-.214Z" transform="translate(-1114.55 -71.928)" fill="currentColor"></path>
            <path id="Path_1584" data-name="Path 1584" d="M1408.719,73.225a.973.973,0,1,1-1,.972.982.982,0,0,1,1-.972m.071,2.894c.7,0,.771.048.771.178V82.2c0,.131-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178V76.3c0-.131.024-.178.794-.178Z" transform="translate(-1147.505 -59.689)" fill="currentColor"></path>
            <path id="Path_1585" data-name="Path 1585" d="M1428.091,79.641c.7,0,.771.048.771.178v1.53h1.411c.107,0,.154.024.154.593v.083c0,.569-.047.593-.154.593h-1.411v2.929a.824.824,0,0,0,.2.664.765.765,0,0,0,.522.166,2.022,2.022,0,0,0,.617-.118c.118-.035.177.035.308.475l.036.118c.13.439.119.51-.024.581a3.233,3.233,0,0,1-1.364.3,1.935,1.935,0,0,1-1.435-.486,2.139,2.139,0,0,1-.486-1.6V82.618h-.818c-.106,0-.154-.024-.154-.593v-.083c0-.569.048-.593.154-.593h.818v-1.53c0-.131.024-.178.795-.178Z" transform="translate(-1162.62 -64.919)" fill="currentColor"></path>
            <path id="Path_1586" data-name="Path 1586" d="M1458.894,73.225a.973.973,0,1,1-1,.972.982.982,0,0,1,1-.972m.071,2.894c.7,0,.771.048.771.178V82.2c0,.131-.071.178-.771.178h-.06c-.771,0-.795-.048-.795-.178V76.3c0-.131.024-.178.795-.178Z" transform="translate(-1188.406 -59.689)" fill="currentColor"></path>
            <path id="Path_1587" data-name="Path 1587" d="M1479.611,92.046a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.38c.131-.059.19-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-1204.722 -71.928)" fill="currentColor"></path>
            <path id="Path_1588" data-name="Path 1588" d="M1517.023,93.279c.2-.356.308-.462.439-.368a2.872,2.872,0,0,0,1.518.51c.628,0,1-.237,1-.558,0-.925-3.036-.356-3.036-2.621,0-1.245,1.067-2,2.455-2a3.2,3.2,0,0,1,1.957.593c.119.083.095.178-.142.581l-.107.166c-.213.368-.3.427-.427.344a2.179,2.179,0,0,0-1.21-.379,1.225,1.225,0,0,0-.771.2.439.439,0,0,0-.166.344c0,.889,3.036.427,3.036,2.562a2.008,2.008,0,0,1-.6,1.435,2.7,2.7,0,0,1-1.957.652,3.475,3.475,0,0,1-2.206-.712c-.095-.083-.083-.19.107-.534Z" transform="translate(-1236.37 -71.928)" fill="currentColor"></path>
            <path id="Path_1589" data-name="Path 1589" d="M853.575,147.359c.629,0,.806.035.806.178v3.356h3v-3.356c0-.143.119-.178.783-.178h.13c.628,0,.806.035.806.178v8.183c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178v-3.451h-3v3.451c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178v-8.183c0-.143.119-.178.783-.178Z" transform="translate(-695.047 -120.12)" fill="currentColor"></path>
            <path id="Path_1590" data-name="Path 1590" d="M899.464,162.843a1.427,1.427,0,0,0,1.565,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.059.189-.012.32.344l.107.3c.142.4.131.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.233,1.281Z" transform="translate(-731.816 -129.638)" fill="currentColor"></path>
            <path id="Path_1591" data-name="Path 1591" d="M939.031,159.155c.581,0,.688.024.723.154a8.859,8.859,0,0,1,.142,1.222c.38-.973.878-1.494,1.637-1.494a.8.8,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.035.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.078,4.078,0,0,0-.439,2.241v1.708c0,.13-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.273c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-764.812 -129.639)" fill="currentColor"></path>
            <path id="Path_1592" data-name="Path 1592" d="M966.961,162.843a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.059.189-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-786.836 -129.638)" fill="currentColor"></path>
            <path id="Path_1593" data-name="Path 1593" d="M1020.145,147.021v-.285a2.738,2.738,0,0,1,.664-1.969,2.286,2.286,0,0,1,1.708-.617,3.964,3.964,0,0,1,1.3.225c.107.036.119.13.024.546l-.047.2c-.095.415-.154.486-.249.463a3.493,3.493,0,0,0-.759-.095.905.905,0,0,0-.795.308,1.7,1.7,0,0,0-.225.984v.237h1.364c.107,0,.154.024.154.593v.083c0,.569-.047.593-.154.593h-1.364v4.815c0,.13-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178V148.29h-.83c-.107,0-.154-.024-.154-.593v-.083c0-.569.047-.593.154-.593Z" transform="translate(-830.768 -117.505)" fill="currentColor"></path>
            <path id="Path_1594" data-name="Path 1594" d="M1054.057,162.167c0,2.147-1.068,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.151.38,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.38-1.8-1.21-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-854.409 -129.638)" fill="currentColor"></path>
            <path id="Path_1595" data-name="Path 1595" d="M1090.323,159.155c.581,0,.688.024.723.154a8.859,8.859,0,0,1,.142,1.222c.38-.973.878-1.494,1.637-1.494a.805.805,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.036.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.076,4.076,0,0,0-.439,2.241v1.708c0,.13-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.273c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-888.137 -129.639)" fill="currentColor"></path>
            <path id="Path_1596" data-name="Path 1596" d="M1130.421,159.678c.7,0,.759.047.807.178l.735,2.324a15.952,15.952,0,0,1,.533,2.135c.119-.617.308-1.364.522-2.111l.688-2.348c.047-.131.118-.178.747-.178h.154c.724,0,.771.071.724.214l-2.028,5.942c-.688,2.016-1.459,2.87-3,2.87a2.614,2.614,0,0,1-1.281-.3c-.107-.071-.083-.178.024-.557l.047-.166c.119-.4.178-.51.356-.45a2.887,2.887,0,0,0,.735.118c.64,0,1.055-.273,1.471-1.376l-2.135-6.084c-.048-.142,0-.214.747-.214Z" transform="translate(-920.265 -130.162)" fill="currentColor"></path>
            <path id="Path_1597" data-name="Path 1597" d="M1176.092,162.167c0,2.147-1.067,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.151.379,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.379-1.8-1.209-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-953.886 -129.638)" fill="currentColor"></path>
            <path id="Path_1598" data-name="Path 1598" d="M1212.563,159.678c.7,0,.771.047.771.178v3.2c0,.818.047,1.067.237,1.281a1.026,1.026,0,0,0,.783.273,1.562,1.562,0,0,0,.783-.19.7.7,0,0,0,.332-.628c.024-.273.024-.712.024-1.162v-2.775c0-.131.024-.178.795-.178h.059c.7,0,.771.047.771.178v3.273c0,.925.036,1.957.083,2.6.012.166-.035.214-.712.214h-.059c-.581,0-.688-.024-.735-.154a3.253,3.253,0,0,1-.083-.474,2.2,2.2,0,0,1-1.708.747,2.1,2.1,0,0,1-1.637-.64,2.667,2.667,0,0,1-.557-1.91v-3.653c0-.131.024-.178.795-.178Z" transform="translate(-987.725 -130.162)" fill="currentColor"></path>
        </g>
    </g>
</svg>                                    </a>

                <div class="flex items-center gap-5">
                    
<div class="header-hamburger" x-data="{ open: false, submenuOpen: null, nestedMenuOpen: false }" @keydown.escape="open = false">

    <div @click="open = !open; $store.scrollLock.open()" class="flex flex-col gap-1 text-primary font-bold transition-all hover:gap-0.5 cursor-pointer scale-75 md:scale-100">
        <span class="rounded-full w-full h-1 bg-primary"></span>
        <span>Menu</span>
        <span class="rounded-full w-full h-1 bg-primary"></span>
    </div>

    <div class="fixed min-h-screen w-full left-0 top-0 bg-black/80 transition-opacity cursor-pointer" x-show="open" x-transition:enter="motion-safe:ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" style="display: none;"></div>

    <div class="fixed overflow-y-auto no-scrollbar overflow-x-hidden h-screen w-full top-0 left-0" x-show="open" style="display: none;">
        <div class="absolute right-0 bg-primary top-0 transition-all min-h-screen cursor-auto text-white w-screen h-screen md:w-1/3 md:min-w-[500px] duration-500 bg-pattern-magenta bg-top justify-between items-start no-scrollbar flex flex-col" @click.outside="open = false; $store.scrollLock.close()" x-show="open" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">

            <div class="flex justify-between md:justify-end w-full items-center p-10 pb-5 gap-5">
                <div class="md:hidden left-5 top-5 w-[200px] z-[40]">
                    <a href="https://ymca.org.uk" class="text-white md:text-[#4E5053]" x-show="nestedMenuOpen == false">
                                                    <svg id="Group_1190" data-name="Group 1190" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="288.611" height="38.552" viewBox="0 0 288.611 38.552" class="w-[200px]">
    <defs>
        <clipPath id="clip-path">
            <rect id="Rectangle_606" data-name="Rectangle 606" width="288.611" height="38.552" fill="none"></rect>
        </clipPath>
    </defs>
    <path id="Path_1549" data-name="Path 1549" d="M17.982,12.482v5.93l-2.566,1.482-2.571-1.478V12.482l-7.7-4.447L0,11V22.86l7.706,4.446v11.86l7.707,4.449,7.7-4.449V27.306l7.707-4.447V11L25.686,8.034Z" transform="translate(0 -6.549)" fill="currentColor"></path>
    <path id="Path_1550" data-name="Path 1550" d="M208.905,8.035l-10.276,5.93L188.357,8.036l-7.706,4.447V39.168l7.706,4.446,5.137-2.963,0-14.832,5.138,2.971,5.138-2.965V40.65l5.135,2.96,7.708-4.444V12.482Z" transform="translate(-147.258 -6.549)" fill="currentColor"></path>
    <path id="Path_1551" data-name="Path 1551" d="M554.758,8.9l7.706,4.44L554.758,17.8Zm-12.844,0V35.585l5.138,2.965,5.136-2.965V26.691l5.139-2.964,5.136,2.964v8.895L567.6,38.55l5.136-2.965V8.9L557.327.008Z" transform="translate(-441.741 -0.007)" fill="currentColor"></path>
    <path id="Path_1552" data-name="Path 1552" d="M401.905,0,389.062,7.412V31.131l12.844,7.413,12.841-7.412V25.2l-5.135-2.964-7.7,4.446,0-14.827,7.708,4.45,5.135-2.965,0-5.928Z" transform="translate(-317.144)" fill="currentColor"></path>
    <rect id="Rectangle_605" data-name="Rectangle 605" width="1.848" height="38.546" transform="translate(143.381 0.006)" fill="currentColor"></rect>
    <g id="Group_1182" data-name="Group 1182">
        <g id="Group_1181" data-name="Group 1181" clip-path="url(#clip-path)">
            <path id="Path_1553" data-name="Path 1553" d="M853.575,3.257c.629,0,.806.035.806.178V6.791h3V3.435c0-.143.119-.178.783-.178h.13c.628,0,.806.035.806.178v8.183c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178V8.167h-3v3.451c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178V3.435c0-.143.119-.178.783-.178Z" transform="translate(-695.047 -2.655)" fill="currentColor"></path>
            <path id="Path_1554" data-name="Path 1554" d="M899.464,18.741a1.427,1.427,0,0,0,1.565,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.06.189-.012.32.344l.107.3c.142.4.131.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.179c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.233,1.281Z" transform="translate(-731.816 -12.173)" fill="currentColor"></path>
            <path id="Path_1555" data-name="Path 1555" d="M939.031,15.053c.581,0,.688.024.723.154a8.859,8.859,0,0,1,.142,1.222c.38-.972.878-1.494,1.637-1.494a.8.8,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.035.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.078,4.078,0,0,0-.439,2.241v1.708c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-764.812 -12.174)" fill="currentColor"></path>
            <path id="Path_1556" data-name="Path 1556" d="M966.961,18.741a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.06.189-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.179c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-786.836 -12.173)" fill="currentColor"></path>
            <path id="Path_1557" data-name="Path 1557" d="M1020.145,2.919V2.634a2.738,2.738,0,0,1,.664-1.969,2.286,2.286,0,0,1,1.708-.617,3.964,3.964,0,0,1,1.3.225c.107.036.119.131.024.546l-.047.2c-.095.415-.154.486-.249.463a3.494,3.494,0,0,0-.759-.095.905.905,0,0,0-.795.308,1.7,1.7,0,0,0-.225.984v.237h1.364c.107,0,.154.024.154.593V3.6c0,.569-.047.593-.154.593h-1.364V9c0,.131-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178V4.188h-.83c-.107,0-.154-.024-.154-.593V3.512c0-.569.047-.593.154-.593Z" transform="translate(-830.768 -0.04)" fill="currentColor"></path>
            <path id="Path_1558" data-name="Path 1558" d="M1054.057,18.065c0,2.147-1.068,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.151.38,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.38-1.8-1.21-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-854.409 -12.173)" fill="currentColor"></path>
            <path id="Path_1559" data-name="Path 1559" d="M1090.323,15.053c.581,0,.688.024.723.154a8.859,8.859,0,0,1,.142,1.222c.38-.972.878-1.494,1.637-1.494a.805.805,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.036.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.076,4.076,0,0,0-.439,2.241v1.708c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-888.137 -12.174)" fill="currentColor"></path>
            <path id="Path_1560" data-name="Path 1560" d="M1130.421,15.576c.7,0,.759.048.807.178l.735,2.324a15.951,15.951,0,0,1,.533,2.135c.119-.617.308-1.364.522-2.111l.688-2.348c.047-.131.118-.178.747-.178h.154c.724,0,.771.071.724.214l-2.028,5.942c-.688,2.016-1.459,2.87-3,2.87a2.616,2.616,0,0,1-1.281-.3c-.107-.071-.083-.178.024-.558l.047-.166c.119-.4.178-.51.356-.45a2.888,2.888,0,0,0,.735.118c.64,0,1.055-.273,1.471-1.376l-2.135-6.084c-.048-.142,0-.214.747-.214Z" transform="translate(-920.265 -12.697)" fill="currentColor"></path>
            <path id="Path_1561" data-name="Path 1561" d="M1176.092,18.065c0,2.147-1.067,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.151.379,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.379-1.8-1.209-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-953.886 -12.173)" fill="currentColor"></path>
            <path id="Path_1562" data-name="Path 1562" d="M1212.563,15.576c.7,0,.771.048.771.178v3.2c0,.818.047,1.067.237,1.281a1.026,1.026,0,0,0,.783.273,1.562,1.562,0,0,0,.783-.19.7.7,0,0,0,.332-.628c.024-.273.024-.712.024-1.162V15.754c0-.131.024-.178.795-.178h.059c.7,0,.771.048.771.178v3.273c0,.925.036,1.957.083,2.6.012.166-.035.214-.712.214h-.059c-.581,0-.688-.024-.735-.154a3.251,3.251,0,0,1-.083-.474,2.2,2.2,0,0,1-1.708.747,2.1,2.1,0,0,1-1.637-.64,2.667,2.667,0,0,1-.557-1.909V15.754c0-.131.024-.178.795-.178Z" transform="translate(-987.725 -12.697)" fill="currentColor"></path>
            <path id="Path_1563" data-name="Path 1563" d="M1253.216,15.053c.581,0,.688.024.735.154a3.186,3.186,0,0,1,.083.474,2.268,2.268,0,0,1,1.72-.747,2.129,2.129,0,0,1,1.648.64,2.665,2.665,0,0,1,.558,1.91v3.653c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.047-1.067-.237-1.281a1.057,1.057,0,0,0-.795-.273,1.606,1.606,0,0,0-.794.19.7.7,0,0,0-.332.629c-.024.273-.024.711-.024,1.162v2.775c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-1020.93 -12.174)" fill="currentColor"></path>
            <path id="Path_1564" data-name="Path 1564" d="M1296.856,15.053c.462,0,.558.012.6.142a14.51,14.51,0,0,1,.107,2.5v3.107a3.612,3.612,0,0,1-.724,2.491,2.783,2.783,0,0,1-2.171.783,4.36,4.36,0,0,1-1.98-.486c-.119-.071-.154-.154.036-.6l.083-.2c.166-.391.237-.486.368-.427a3.573,3.573,0,0,0,1.4.344c.878,0,1.364-.451,1.364-1.72v-.178a2.322,2.322,0,0,1-1.518.534c-1.554,0-2.514-1.162-2.514-3.108.012-2.1,1.1-3.3,2.6-3.3a2.142,2.142,0,0,1,1.577.735,3.551,3.551,0,0,1,.095-.486c.036-.083.036-.131.558-.131Zm-.913,2a1.234,1.234,0,0,0-1.08-.724c-.794,0-1.281.617-1.281,1.9,0,1.139.439,1.732,1.3,1.732a1.323,1.323,0,0,0,.889-.308.885.885,0,0,0,.166-.641Z" transform="translate(-1053.101 -12.174)" fill="currentColor"></path>
            <path id="Path_1565" data-name="Path 1565" d="M1350.934,15.052c.581,0,.688.024.735.154a3.228,3.228,0,0,1,.083.474,2.223,2.223,0,0,1,1.684-.747c1.483,0,2.455,1.222,2.455,3.155,0,2.1-1.067,3.344-2.621,3.344a2.207,2.207,0,0,1-1.4-.462v2.811c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.711-.214Zm.937,4.543a1.474,1.474,0,0,0,1.055.45c.866,0,1.293-.7,1.293-1.957a2.125,2.125,0,0,0-.391-1.423,1.153,1.153,0,0,0-.889-.344,1.356,1.356,0,0,0-.9.308.883.883,0,0,0-.166.641Z" transform="translate(-1100.584 -12.173)" fill="currentColor"></path>
            <path id="Path_1566" data-name="Path 1566" d="M1390.811,18.741a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.379c.131-.06.19-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.179c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.233,1.281Z" transform="translate(-1132.337 -12.173)" fill="currentColor"></path>
            <path id="Path_1567" data-name="Path 1567" d="M1433.955,18.065c0,2.147-1.067,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.846,1.079,2.846,3.131m-4.222.166c0,1.151.379,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.379-1.8-1.209-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-1164.084 -12.173)" fill="currentColor"></path>
            <path id="Path_1568" data-name="Path 1568" d="M1470.21,15.052c.581,0,.688.024.735.154a3.182,3.182,0,0,1,.083.474,2.223,2.223,0,0,1,1.684-.747c1.482,0,2.455,1.222,2.455,3.155,0,2.1-1.067,3.344-2.621,3.344a2.207,2.207,0,0,1-1.4-.462v2.811c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.035-1.957-.083-2.6-.012-.166.036-.214.712-.214Zm.937,4.543a1.474,1.474,0,0,0,1.055.45c.866,0,1.293-.7,1.293-1.957a2.126,2.126,0,0,0-.391-1.423,1.153,1.153,0,0,0-.889-.344,1.356,1.356,0,0,0-.9.308.883.883,0,0,0-.166.641Z" transform="translate(-1197.813 -12.173)" fill="currentColor"></path>
            <path id="Path_1569" data-name="Path 1569" d="M1510.688.691c.676,0,.759.035.783.154a33.441,33.441,0,0,1,.107,3.451V8.068c0,.273.095.4.391.4h.142c.107,0,.119.083.119.522V9.1c0,.427-.012.474-.107.522a2.072,2.072,0,0,1-.795.142,1.378,1.378,0,0,1-1-.356,1.656,1.656,0,0,1-.379-1.245V4.047c0-1.126-.059-2.775-.095-3.2-.012-.131,0-.154.771-.154Z" transform="translate(-1230.759 -0.563)" fill="currentColor"></path>
            <path id="Path_1570" data-name="Path 1570" d="M1532.415,18.741a1.428,1.428,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.06.19-.012.32.344l.107.3c.143.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.179c0-1.945,1.1-3.321,2.918-3.321s2.739,1.34,2.739,3.19c0,.462-.023.617-.118.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-1247.766 -12.173)" fill="currentColor"></path>
            <path id="Path_1571" data-name="Path 1571" d="M853.575,76.561c.629,0,.806.035.806.178V80.1h3V76.739c0-.143.119-.178.783-.178h.13c.628,0,.806.035.806.178v8.183c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178V81.471h-3v3.451c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178V76.739c0-.143.119-.178.783-.178Z" transform="translate(-695.047 -62.409)" fill="currentColor"></path>
            <path id="Path_1572" data-name="Path 1572" d="M899.464,92.046a1.427,1.427,0,0,0,1.565,1.3,4.3,4.3,0,0,0,1.672-.38c.13-.059.189-.012.32.344l.107.3c.142.4.131.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.233,1.281Z" transform="translate(-731.816 -71.928)" fill="currentColor"></path>
            <path id="Path_1573" data-name="Path 1573" d="M939.031,88.357c.581,0,.688.024.723.154a8.858,8.858,0,0,1,.142,1.222c.38-.972.878-1.494,1.637-1.494a.8.8,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.035.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.078,4.078,0,0,0-.439,2.241v1.708c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-764.812 -71.928)" fill="currentColor"></path>
            <path id="Path_1574" data-name="Path 1574" d="M966.961,92.046a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.38c.13-.059.189-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-786.836 -71.928)" fill="currentColor"></path>
            <path id="Path_1575" data-name="Path 1575" d="M1020.145,76.223v-.285a2.738,2.738,0,0,1,.664-1.969,2.286,2.286,0,0,1,1.708-.617,3.963,3.963,0,0,1,1.3.225c.107.036.119.131.024.546l-.047.2c-.095.415-.154.486-.249.463a3.493,3.493,0,0,0-.759-.095.905.905,0,0,0-.795.308,1.7,1.7,0,0,0-.225.984v.237h1.364c.107,0,.154.024.154.593V76.9c0,.569-.047.593-.154.593h-1.364v4.815c0,.131-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178V77.492h-.83c-.107,0-.154-.024-.154-.593v-.083c0-.569.047-.593.154-.593Z" transform="translate(-830.768 -59.794)" fill="currentColor"></path>
            <path id="Path_1576" data-name="Path 1576" d="M1054.057,91.37c0,2.147-1.068,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.15.38,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.38-1.8-1.21-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-854.409 -71.928)" fill="currentColor"></path>
            <path id="Path_1577" data-name="Path 1577" d="M1090.323,88.357c.581,0,.688.024.723.154a8.858,8.858,0,0,1,.142,1.222c.38-.972.878-1.494,1.637-1.494a.805.805,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.036.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.076,4.076,0,0,0-.439,2.241v1.708c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-888.137 -71.928)" fill="currentColor"></path>
            <path id="Path_1578" data-name="Path 1578" d="M1134.1,89.757c-.225.427-.32.427-.427.356a2.17,2.17,0,0,0-1.317-.463c-.806,0-1.482.534-1.482,1.8,0,1.2.522,1.874,1.553,1.874a2.9,2.9,0,0,0,1.317-.344c.142-.071.178-.024.379.439l.071.166c.178.415.166.486.059.557a3.709,3.709,0,0,1-2.04.593,3,3,0,0,1-2.076-.711,3.29,3.29,0,0,1-.937-2.491,3.475,3.475,0,0,1,.866-2.455,2.984,2.984,0,0,1,2.23-.842,3.2,3.2,0,0,1,2.016.7c.131.107.107.2-.095.593Z" transform="translate(-920.466 -71.928)" fill="currentColor"></path>
            <path id="Path_1579" data-name="Path 1579" d="M1170.316,91.37c0,2.147-1.067,3.368-3.048,3.368-1.767,0-2.847-1.079-2.847-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.846,1.079,2.846,3.131m-4.222.166c0,1.15.379,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.38-1.8-1.21-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-949.179 -71.928)" fill="currentColor"></path>
            <path id="Path_1580" data-name="Path 1580" d="M1206.572,88.357c.581,0,.688.024.735.154a3.6,3.6,0,0,1,.095.51,2.247,2.247,0,0,1,1.672-.783,1.973,1.973,0,0,1,1.779.937,2.369,2.369,0,0,1,1.885-.937,2.05,2.05,0,0,1,1.589.64,2.665,2.665,0,0,1,.557,1.91v3.653c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.047-1.067-.237-1.281a.978.978,0,0,0-.747-.273,1.482,1.482,0,0,0-.723.178.7.7,0,0,0-.332.628c-.024.273-.024.711-.024,1.162v2.787c0,.131-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178v-3.2c0-.818-.048-1.067-.237-1.281a.977.977,0,0,0-.747-.273,1.481,1.481,0,0,0-.723.178.7.7,0,0,0-.332.628c-.024.273-.024.711-.024,1.162v2.787c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.711-.214Z" transform="translate(-982.908 -71.928)" fill="currentColor"></path>
            <path id="Path_1581" data-name="Path 1581" d="M1266.884,88.357c.581,0,.688.024.735.154a3.664,3.664,0,0,1,.095.51,2.245,2.245,0,0,1,1.672-.783,1.973,1.973,0,0,1,1.779.937,2.37,2.37,0,0,1,1.886-.937,2.048,2.048,0,0,1,1.589.64,2.665,2.665,0,0,1,.558,1.91v3.653c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.048-1.067-.237-1.281a.977.977,0,0,0-.747-.273,1.483,1.483,0,0,0-.724.178.7.7,0,0,0-.332.628c-.024.273-.024.711-.024,1.162v2.787c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.047-1.067-.237-1.281a.977.977,0,0,0-.747-.273,1.481,1.481,0,0,0-.723.178.7.7,0,0,0-.332.628c-.024.273-.024.711-.024,1.162v2.787c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.036-1.957-.083-2.6-.012-.166.035-.214.711-.214Z" transform="translate(-1032.07 -71.928)" fill="currentColor"></path>
            <path id="Path_1582" data-name="Path 1582" d="M1327.413,88.88c.7,0,.771.048.771.178v3.2c0,.818.047,1.067.237,1.281a1.026,1.026,0,0,0,.783.273,1.561,1.561,0,0,0,.783-.19.7.7,0,0,0,.332-.628c.024-.273.024-.712.024-1.162V89.058c0-.13.024-.178.795-.178h.059c.7,0,.771.048.771.178v3.273c0,.925.036,1.957.083,2.6.012.166-.036.213-.711.213h-.059c-.581,0-.688-.024-.735-.154a3.254,3.254,0,0,1-.083-.474,2.2,2.2,0,0,1-1.708.747,2.1,2.1,0,0,1-1.637-.64,2.667,2.667,0,0,1-.557-1.91V89.058c0-.13.024-.178.795-.178Z" transform="translate(-1081.345 -72.451)" fill="currentColor"></path>
            <path id="Path_1583" data-name="Path 1583" d="M1368.066,88.357c.581,0,.688.024.735.154a3.155,3.155,0,0,1,.083.474,2.268,2.268,0,0,1,1.72-.747,2.13,2.13,0,0,1,1.648.64,2.666,2.666,0,0,1,.557,1.91v3.653c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.047-1.067-.237-1.281a1.056,1.056,0,0,0-.794-.273,1.605,1.605,0,0,0-.795.19.7.7,0,0,0-.332.629c-.024.273-.024.711-.024,1.162v2.775c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.035-1.957-.083-2.6-.012-.166.035-.214.711-.214Z" transform="translate(-1114.55 -71.928)" fill="currentColor"></path>
            <path id="Path_1584" data-name="Path 1584" d="M1408.719,73.225a.973.973,0,1,1-1,.972.982.982,0,0,1,1-.972m.071,2.894c.7,0,.771.048.771.178V82.2c0,.131-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178V76.3c0-.131.024-.178.794-.178Z" transform="translate(-1147.505 -59.689)" fill="currentColor"></path>
            <path id="Path_1585" data-name="Path 1585" d="M1428.091,79.641c.7,0,.771.048.771.178v1.53h1.411c.107,0,.154.024.154.593v.083c0,.569-.047.593-.154.593h-1.411v2.929a.824.824,0,0,0,.2.664.765.765,0,0,0,.522.166,2.022,2.022,0,0,0,.617-.118c.118-.035.177.035.308.475l.036.118c.13.439.119.51-.024.581a3.233,3.233,0,0,1-1.364.3,1.935,1.935,0,0,1-1.435-.486,2.139,2.139,0,0,1-.486-1.6V82.618h-.818c-.106,0-.154-.024-.154-.593v-.083c0-.569.048-.593.154-.593h.818v-1.53c0-.131.024-.178.795-.178Z" transform="translate(-1162.62 -64.919)" fill="currentColor"></path>
            <path id="Path_1586" data-name="Path 1586" d="M1458.894,73.225a.973.973,0,1,1-1,.972.982.982,0,0,1,1-.972m.071,2.894c.7,0,.771.048.771.178V82.2c0,.131-.071.178-.771.178h-.06c-.771,0-.795-.048-.795-.178V76.3c0-.131.024-.178.795-.178Z" transform="translate(-1188.406 -59.689)" fill="currentColor"></path>
            <path id="Path_1587" data-name="Path 1587" d="M1479.611,92.046a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.38c.131-.059.19-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-1204.722 -71.928)" fill="currentColor"></path>
            <path id="Path_1588" data-name="Path 1588" d="M1517.023,93.279c.2-.356.308-.462.439-.368a2.872,2.872,0,0,0,1.518.51c.628,0,1-.237,1-.558,0-.925-3.036-.356-3.036-2.621,0-1.245,1.067-2,2.455-2a3.2,3.2,0,0,1,1.957.593c.119.083.095.178-.142.581l-.107.166c-.213.368-.3.427-.427.344a2.179,2.179,0,0,0-1.21-.379,1.225,1.225,0,0,0-.771.2.439.439,0,0,0-.166.344c0,.889,3.036.427,3.036,2.562a2.008,2.008,0,0,1-.6,1.435,2.7,2.7,0,0,1-1.957.652,3.475,3.475,0,0,1-2.206-.712c-.095-.083-.083-.19.107-.534Z" transform="translate(-1236.37 -71.928)" fill="currentColor"></path>
            <path id="Path_1589" data-name="Path 1589" d="M853.575,147.359c.629,0,.806.035.806.178v3.356h3v-3.356c0-.143.119-.178.783-.178h.13c.628,0,.806.035.806.178v8.183c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178v-3.451h-3v3.451c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178v-8.183c0-.143.119-.178.783-.178Z" transform="translate(-695.047 -120.12)" fill="currentColor"></path>
            <path id="Path_1590" data-name="Path 1590" d="M899.464,162.843a1.427,1.427,0,0,0,1.565,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.059.189-.012.32.344l.107.3c.142.4.131.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.233,1.281Z" transform="translate(-731.816 -129.638)" fill="currentColor"></path>
            <path id="Path_1591" data-name="Path 1591" d="M939.031,159.155c.581,0,.688.024.723.154a8.859,8.859,0,0,1,.142,1.222c.38-.973.878-1.494,1.637-1.494a.8.8,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.035.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.078,4.078,0,0,0-.439,2.241v1.708c0,.13-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.273c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-764.812 -129.639)" fill="currentColor"></path>
            <path id="Path_1592" data-name="Path 1592" d="M966.961,162.843a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.059.189-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-786.836 -129.638)" fill="currentColor"></path>
            <path id="Path_1593" data-name="Path 1593" d="M1020.145,147.021v-.285a2.738,2.738,0,0,1,.664-1.969,2.286,2.286,0,0,1,1.708-.617,3.964,3.964,0,0,1,1.3.225c.107.036.119.13.024.546l-.047.2c-.095.415-.154.486-.249.463a3.493,3.493,0,0,0-.759-.095.905.905,0,0,0-.795.308,1.7,1.7,0,0,0-.225.984v.237h1.364c.107,0,.154.024.154.593v.083c0,.569-.047.593-.154.593h-1.364v4.815c0,.13-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178V148.29h-.83c-.107,0-.154-.024-.154-.593v-.083c0-.569.047-.593.154-.593Z" transform="translate(-830.768 -117.505)" fill="currentColor"></path>
            <path id="Path_1594" data-name="Path 1594" d="M1054.057,162.167c0,2.147-1.068,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.151.38,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.38-1.8-1.21-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-854.409 -129.638)" fill="currentColor"></path>
            <path id="Path_1595" data-name="Path 1595" d="M1090.323,159.155c.581,0,.688.024.723.154a8.859,8.859,0,0,1,.142,1.222c.38-.973.878-1.494,1.637-1.494a.805.805,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.036.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.076,4.076,0,0,0-.439,2.241v1.708c0,.13-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.273c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-888.137 -129.639)" fill="currentColor"></path>
            <path id="Path_1596" data-name="Path 1596" d="M1130.421,159.678c.7,0,.759.047.807.178l.735,2.324a15.952,15.952,0,0,1,.533,2.135c.119-.617.308-1.364.522-2.111l.688-2.348c.047-.131.118-.178.747-.178h.154c.724,0,.771.071.724.214l-2.028,5.942c-.688,2.016-1.459,2.87-3,2.87a2.614,2.614,0,0,1-1.281-.3c-.107-.071-.083-.178.024-.557l.047-.166c.119-.4.178-.51.356-.45a2.887,2.887,0,0,0,.735.118c.64,0,1.055-.273,1.471-1.376l-2.135-6.084c-.048-.142,0-.214.747-.214Z" transform="translate(-920.265 -130.162)" fill="currentColor"></path>
            <path id="Path_1597" data-name="Path 1597" d="M1176.092,162.167c0,2.147-1.067,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.151.379,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.379-1.8-1.209-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-953.886 -129.638)" fill="currentColor"></path>
            <path id="Path_1598" data-name="Path 1598" d="M1212.563,159.678c.7,0,.771.047.771.178v3.2c0,.818.047,1.067.237,1.281a1.026,1.026,0,0,0,.783.273,1.562,1.562,0,0,0,.783-.19.7.7,0,0,0,.332-.628c.024-.273.024-.712.024-1.162v-2.775c0-.131.024-.178.795-.178h.059c.7,0,.771.047.771.178v3.273c0,.925.036,1.957.083,2.6.012.166-.035.214-.712.214h-.059c-.581,0-.688-.024-.735-.154a3.253,3.253,0,0,1-.083-.474,2.2,2.2,0,0,1-1.708.747,2.1,2.1,0,0,1-1.637-.64,2.667,2.667,0,0,1-.557-1.91v-3.653c0-.131.024-.178.795-.178Z" transform="translate(-987.725 -130.162)" fill="currentColor"></path>
        </g>
    </g>
</svg>                                            </a>
                    <a href="https://ymca.org.uk" class="text-white md:text-[#4E5053]" x-show="nestedMenuOpen" style="display: none;">
                                                    <svg id="Group_1190" data-name="Group 1190" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="288.611" height="38.552" viewBox="0 0 288.611 38.552" class="w-[200px]">
    <defs>
        <clipPath id="clip-path">
            <rect id="Rectangle_606" data-name="Rectangle 606" width="288.611" height="38.552" fill="none"></rect>
        </clipPath>
    </defs>
    <path id="Path_1549" data-name="Path 1549" d="M17.982,12.482v5.93l-2.566,1.482-2.571-1.478V12.482l-7.7-4.447L0,11V22.86l7.706,4.446v11.86l7.707,4.449,7.7-4.449V27.306l7.707-4.447V11L25.686,8.034Z" transform="translate(0 -6.549)" fill="currentColor"></path>
    <path id="Path_1550" data-name="Path 1550" d="M208.905,8.035l-10.276,5.93L188.357,8.036l-7.706,4.447V39.168l7.706,4.446,5.137-2.963,0-14.832,5.138,2.971,5.138-2.965V40.65l5.135,2.96,7.708-4.444V12.482Z" transform="translate(-147.258 -6.549)" fill="currentColor"></path>
    <path id="Path_1551" data-name="Path 1551" d="M554.758,8.9l7.706,4.44L554.758,17.8Zm-12.844,0V35.585l5.138,2.965,5.136-2.965V26.691l5.139-2.964,5.136,2.964v8.895L567.6,38.55l5.136-2.965V8.9L557.327.008Z" transform="translate(-441.741 -0.007)" fill="currentColor"></path>
    <path id="Path_1552" data-name="Path 1552" d="M401.905,0,389.062,7.412V31.131l12.844,7.413,12.841-7.412V25.2l-5.135-2.964-7.7,4.446,0-14.827,7.708,4.45,5.135-2.965,0-5.928Z" transform="translate(-317.144)" fill="currentColor"></path>
    <rect id="Rectangle_605" data-name="Rectangle 605" width="1.848" height="38.546" transform="translate(143.381 0.006)" fill="currentColor"></rect>
    <g id="Group_1182" data-name="Group 1182">
        <g id="Group_1181" data-name="Group 1181" clip-path="url(#clip-path)">
            <path id="Path_1553" data-name="Path 1553" d="M853.575,3.257c.629,0,.806.035.806.178V6.791h3V3.435c0-.143.119-.178.783-.178h.13c.628,0,.806.035.806.178v8.183c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178V8.167h-3v3.451c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178V3.435c0-.143.119-.178.783-.178Z" transform="translate(-695.047 -2.655)" fill="currentColor"></path>
            <path id="Path_1554" data-name="Path 1554" d="M899.464,18.741a1.427,1.427,0,0,0,1.565,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.06.189-.012.32.344l.107.3c.142.4.131.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.179c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.233,1.281Z" transform="translate(-731.816 -12.173)" fill="currentColor"></path>
            <path id="Path_1555" data-name="Path 1555" d="M939.031,15.053c.581,0,.688.024.723.154a8.859,8.859,0,0,1,.142,1.222c.38-.972.878-1.494,1.637-1.494a.8.8,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.035.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.078,4.078,0,0,0-.439,2.241v1.708c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-764.812 -12.174)" fill="currentColor"></path>
            <path id="Path_1556" data-name="Path 1556" d="M966.961,18.741a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.06.189-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.179c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-786.836 -12.173)" fill="currentColor"></path>
            <path id="Path_1557" data-name="Path 1557" d="M1020.145,2.919V2.634a2.738,2.738,0,0,1,.664-1.969,2.286,2.286,0,0,1,1.708-.617,3.964,3.964,0,0,1,1.3.225c.107.036.119.131.024.546l-.047.2c-.095.415-.154.486-.249.463a3.494,3.494,0,0,0-.759-.095.905.905,0,0,0-.795.308,1.7,1.7,0,0,0-.225.984v.237h1.364c.107,0,.154.024.154.593V3.6c0,.569-.047.593-.154.593h-1.364V9c0,.131-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178V4.188h-.83c-.107,0-.154-.024-.154-.593V3.512c0-.569.047-.593.154-.593Z" transform="translate(-830.768 -0.04)" fill="currentColor"></path>
            <path id="Path_1558" data-name="Path 1558" d="M1054.057,18.065c0,2.147-1.068,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.151.38,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.38-1.8-1.21-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-854.409 -12.173)" fill="currentColor"></path>
            <path id="Path_1559" data-name="Path 1559" d="M1090.323,15.053c.581,0,.688.024.723.154a8.859,8.859,0,0,1,.142,1.222c.38-.972.878-1.494,1.637-1.494a.805.805,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.036.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.076,4.076,0,0,0-.439,2.241v1.708c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-888.137 -12.174)" fill="currentColor"></path>
            <path id="Path_1560" data-name="Path 1560" d="M1130.421,15.576c.7,0,.759.048.807.178l.735,2.324a15.951,15.951,0,0,1,.533,2.135c.119-.617.308-1.364.522-2.111l.688-2.348c.047-.131.118-.178.747-.178h.154c.724,0,.771.071.724.214l-2.028,5.942c-.688,2.016-1.459,2.87-3,2.87a2.616,2.616,0,0,1-1.281-.3c-.107-.071-.083-.178.024-.558l.047-.166c.119-.4.178-.51.356-.45a2.888,2.888,0,0,0,.735.118c.64,0,1.055-.273,1.471-1.376l-2.135-6.084c-.048-.142,0-.214.747-.214Z" transform="translate(-920.265 -12.697)" fill="currentColor"></path>
            <path id="Path_1561" data-name="Path 1561" d="M1176.092,18.065c0,2.147-1.067,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.151.379,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.379-1.8-1.209-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-953.886 -12.173)" fill="currentColor"></path>
            <path id="Path_1562" data-name="Path 1562" d="M1212.563,15.576c.7,0,.771.048.771.178v3.2c0,.818.047,1.067.237,1.281a1.026,1.026,0,0,0,.783.273,1.562,1.562,0,0,0,.783-.19.7.7,0,0,0,.332-.628c.024-.273.024-.712.024-1.162V15.754c0-.131.024-.178.795-.178h.059c.7,0,.771.048.771.178v3.273c0,.925.036,1.957.083,2.6.012.166-.035.214-.712.214h-.059c-.581,0-.688-.024-.735-.154a3.251,3.251,0,0,1-.083-.474,2.2,2.2,0,0,1-1.708.747,2.1,2.1,0,0,1-1.637-.64,2.667,2.667,0,0,1-.557-1.909V15.754c0-.131.024-.178.795-.178Z" transform="translate(-987.725 -12.697)" fill="currentColor"></path>
            <path id="Path_1563" data-name="Path 1563" d="M1253.216,15.053c.581,0,.688.024.735.154a3.186,3.186,0,0,1,.083.474,2.268,2.268,0,0,1,1.72-.747,2.129,2.129,0,0,1,1.648.64,2.665,2.665,0,0,1,.558,1.91v3.653c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.047-1.067-.237-1.281a1.057,1.057,0,0,0-.795-.273,1.606,1.606,0,0,0-.794.19.7.7,0,0,0-.332.629c-.024.273-.024.711-.024,1.162v2.775c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-1020.93 -12.174)" fill="currentColor"></path>
            <path id="Path_1564" data-name="Path 1564" d="M1296.856,15.053c.462,0,.558.012.6.142a14.51,14.51,0,0,1,.107,2.5v3.107a3.612,3.612,0,0,1-.724,2.491,2.783,2.783,0,0,1-2.171.783,4.36,4.36,0,0,1-1.98-.486c-.119-.071-.154-.154.036-.6l.083-.2c.166-.391.237-.486.368-.427a3.573,3.573,0,0,0,1.4.344c.878,0,1.364-.451,1.364-1.72v-.178a2.322,2.322,0,0,1-1.518.534c-1.554,0-2.514-1.162-2.514-3.108.012-2.1,1.1-3.3,2.6-3.3a2.142,2.142,0,0,1,1.577.735,3.551,3.551,0,0,1,.095-.486c.036-.083.036-.131.558-.131Zm-.913,2a1.234,1.234,0,0,0-1.08-.724c-.794,0-1.281.617-1.281,1.9,0,1.139.439,1.732,1.3,1.732a1.323,1.323,0,0,0,.889-.308.885.885,0,0,0,.166-.641Z" transform="translate(-1053.101 -12.174)" fill="currentColor"></path>
            <path id="Path_1565" data-name="Path 1565" d="M1350.934,15.052c.581,0,.688.024.735.154a3.228,3.228,0,0,1,.083.474,2.223,2.223,0,0,1,1.684-.747c1.483,0,2.455,1.222,2.455,3.155,0,2.1-1.067,3.344-2.621,3.344a2.207,2.207,0,0,1-1.4-.462v2.811c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.711-.214Zm.937,4.543a1.474,1.474,0,0,0,1.055.45c.866,0,1.293-.7,1.293-1.957a2.125,2.125,0,0,0-.391-1.423,1.153,1.153,0,0,0-.889-.344,1.356,1.356,0,0,0-.9.308.883.883,0,0,0-.166.641Z" transform="translate(-1100.584 -12.173)" fill="currentColor"></path>
            <path id="Path_1566" data-name="Path 1566" d="M1390.811,18.741a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.379c.131-.06.19-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.179c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.233,1.281Z" transform="translate(-1132.337 -12.173)" fill="currentColor"></path>
            <path id="Path_1567" data-name="Path 1567" d="M1433.955,18.065c0,2.147-1.067,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.846,1.079,2.846,3.131m-4.222.166c0,1.151.379,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.379-1.8-1.209-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-1164.084 -12.173)" fill="currentColor"></path>
            <path id="Path_1568" data-name="Path 1568" d="M1470.21,15.052c.581,0,.688.024.735.154a3.182,3.182,0,0,1,.083.474,2.223,2.223,0,0,1,1.684-.747c1.482,0,2.455,1.222,2.455,3.155,0,2.1-1.067,3.344-2.621,3.344a2.207,2.207,0,0,1-1.4-.462v2.811c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V17.864c0-.925-.035-1.957-.083-2.6-.012-.166.036-.214.712-.214Zm.937,4.543a1.474,1.474,0,0,0,1.055.45c.866,0,1.293-.7,1.293-1.957a2.126,2.126,0,0,0-.391-1.423,1.153,1.153,0,0,0-.889-.344,1.356,1.356,0,0,0-.9.308.883.883,0,0,0-.166.641Z" transform="translate(-1197.813 -12.173)" fill="currentColor"></path>
            <path id="Path_1569" data-name="Path 1569" d="M1510.688.691c.676,0,.759.035.783.154a33.441,33.441,0,0,1,.107,3.451V8.068c0,.273.095.4.391.4h.142c.107,0,.119.083.119.522V9.1c0,.427-.012.474-.107.522a2.072,2.072,0,0,1-.795.142,1.378,1.378,0,0,1-1-.356,1.656,1.656,0,0,1-.379-1.245V4.047c0-1.126-.059-2.775-.095-3.2-.012-.131,0-.154.771-.154Z" transform="translate(-1230.759 -0.563)" fill="currentColor"></path>
            <path id="Path_1570" data-name="Path 1570" d="M1532.415,18.741a1.428,1.428,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.06.19-.012.32.344l.107.3c.143.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.179c0-1.945,1.1-3.321,2.918-3.321s2.739,1.34,2.739,3.19c0,.462-.023.617-.118.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-1247.766 -12.173)" fill="currentColor"></path>
            <path id="Path_1571" data-name="Path 1571" d="M853.575,76.561c.629,0,.806.035.806.178V80.1h3V76.739c0-.143.119-.178.783-.178h.13c.628,0,.806.035.806.178v8.183c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178V81.471h-3v3.451c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178V76.739c0-.143.119-.178.783-.178Z" transform="translate(-695.047 -62.409)" fill="currentColor"></path>
            <path id="Path_1572" data-name="Path 1572" d="M899.464,92.046a1.427,1.427,0,0,0,1.565,1.3,4.3,4.3,0,0,0,1.672-.38c.13-.059.189-.012.32.344l.107.3c.142.4.131.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.233,1.281Z" transform="translate(-731.816 -71.928)" fill="currentColor"></path>
            <path id="Path_1573" data-name="Path 1573" d="M939.031,88.357c.581,0,.688.024.723.154a8.858,8.858,0,0,1,.142,1.222c.38-.972.878-1.494,1.637-1.494a.8.8,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.035.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.078,4.078,0,0,0-.439,2.241v1.708c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-764.812 -71.928)" fill="currentColor"></path>
            <path id="Path_1574" data-name="Path 1574" d="M966.961,92.046a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.38c.13-.059.189-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-786.836 -71.928)" fill="currentColor"></path>
            <path id="Path_1575" data-name="Path 1575" d="M1020.145,76.223v-.285a2.738,2.738,0,0,1,.664-1.969,2.286,2.286,0,0,1,1.708-.617,3.963,3.963,0,0,1,1.3.225c.107.036.119.131.024.546l-.047.2c-.095.415-.154.486-.249.463a3.493,3.493,0,0,0-.759-.095.905.905,0,0,0-.795.308,1.7,1.7,0,0,0-.225.984v.237h1.364c.107,0,.154.024.154.593V76.9c0,.569-.047.593-.154.593h-1.364v4.815c0,.131-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178V77.492h-.83c-.107,0-.154-.024-.154-.593v-.083c0-.569.047-.593.154-.593Z" transform="translate(-830.768 -59.794)" fill="currentColor"></path>
            <path id="Path_1576" data-name="Path 1576" d="M1054.057,91.37c0,2.147-1.068,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.15.38,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.38-1.8-1.21-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-854.409 -71.928)" fill="currentColor"></path>
            <path id="Path_1577" data-name="Path 1577" d="M1090.323,88.357c.581,0,.688.024.723.154a8.858,8.858,0,0,1,.142,1.222c.38-.972.878-1.494,1.637-1.494a.805.805,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.036.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.076,4.076,0,0,0-.439,2.241v1.708c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-888.137 -71.928)" fill="currentColor"></path>
            <path id="Path_1578" data-name="Path 1578" d="M1134.1,89.757c-.225.427-.32.427-.427.356a2.17,2.17,0,0,0-1.317-.463c-.806,0-1.482.534-1.482,1.8,0,1.2.522,1.874,1.553,1.874a2.9,2.9,0,0,0,1.317-.344c.142-.071.178-.024.379.439l.071.166c.178.415.166.486.059.557a3.709,3.709,0,0,1-2.04.593,3,3,0,0,1-2.076-.711,3.29,3.29,0,0,1-.937-2.491,3.475,3.475,0,0,1,.866-2.455,2.984,2.984,0,0,1,2.23-.842,3.2,3.2,0,0,1,2.016.7c.131.107.107.2-.095.593Z" transform="translate(-920.466 -71.928)" fill="currentColor"></path>
            <path id="Path_1579" data-name="Path 1579" d="M1170.316,91.37c0,2.147-1.067,3.368-3.048,3.368-1.767,0-2.847-1.079-2.847-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.846,1.079,2.846,3.131m-4.222.166c0,1.15.379,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.38-1.8-1.21-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-949.179 -71.928)" fill="currentColor"></path>
            <path id="Path_1580" data-name="Path 1580" d="M1206.572,88.357c.581,0,.688.024.735.154a3.6,3.6,0,0,1,.095.51,2.247,2.247,0,0,1,1.672-.783,1.973,1.973,0,0,1,1.779.937,2.369,2.369,0,0,1,1.885-.937,2.05,2.05,0,0,1,1.589.64,2.665,2.665,0,0,1,.557,1.91v3.653c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.047-1.067-.237-1.281a.978.978,0,0,0-.747-.273,1.482,1.482,0,0,0-.723.178.7.7,0,0,0-.332.628c-.024.273-.024.711-.024,1.162v2.787c0,.131-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178v-3.2c0-.818-.048-1.067-.237-1.281a.977.977,0,0,0-.747-.273,1.481,1.481,0,0,0-.723.178.7.7,0,0,0-.332.628c-.024.273-.024.711-.024,1.162v2.787c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.711-.214Z" transform="translate(-982.908 -71.928)" fill="currentColor"></path>
            <path id="Path_1581" data-name="Path 1581" d="M1266.884,88.357c.581,0,.688.024.735.154a3.664,3.664,0,0,1,.095.51,2.245,2.245,0,0,1,1.672-.783,1.973,1.973,0,0,1,1.779.937,2.37,2.37,0,0,1,1.886-.937,2.048,2.048,0,0,1,1.589.64,2.665,2.665,0,0,1,.558,1.91v3.653c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.048-1.067-.237-1.281a.977.977,0,0,0-.747-.273,1.483,1.483,0,0,0-.724.178.7.7,0,0,0-.332.628c-.024.273-.024.711-.024,1.162v2.787c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.047-1.067-.237-1.281a.977.977,0,0,0-.747-.273,1.481,1.481,0,0,0-.723.178.7.7,0,0,0-.332.628c-.024.273-.024.711-.024,1.162v2.787c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.036-1.957-.083-2.6-.012-.166.035-.214.711-.214Z" transform="translate(-1032.07 -71.928)" fill="currentColor"></path>
            <path id="Path_1582" data-name="Path 1582" d="M1327.413,88.88c.7,0,.771.048.771.178v3.2c0,.818.047,1.067.237,1.281a1.026,1.026,0,0,0,.783.273,1.561,1.561,0,0,0,.783-.19.7.7,0,0,0,.332-.628c.024-.273.024-.712.024-1.162V89.058c0-.13.024-.178.795-.178h.059c.7,0,.771.048.771.178v3.273c0,.925.036,1.957.083,2.6.012.166-.036.213-.711.213h-.059c-.581,0-.688-.024-.735-.154a3.254,3.254,0,0,1-.083-.474,2.2,2.2,0,0,1-1.708.747,2.1,2.1,0,0,1-1.637-.64,2.667,2.667,0,0,1-.557-1.91V89.058c0-.13.024-.178.795-.178Z" transform="translate(-1081.345 -72.451)" fill="currentColor"></path>
            <path id="Path_1583" data-name="Path 1583" d="M1368.066,88.357c.581,0,.688.024.735.154a3.155,3.155,0,0,1,.083.474,2.268,2.268,0,0,1,1.72-.747,2.13,2.13,0,0,1,1.648.64,2.666,2.666,0,0,1,.557,1.91v3.653c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.2c0-.818-.047-1.067-.237-1.281a1.056,1.056,0,0,0-.794-.273,1.605,1.605,0,0,0-.795.19.7.7,0,0,0-.332.629c-.024.273-.024.711-.024,1.162v2.775c0,.131-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178V91.168c0-.925-.035-1.957-.083-2.6-.012-.166.035-.214.711-.214Z" transform="translate(-1114.55 -71.928)" fill="currentColor"></path>
            <path id="Path_1584" data-name="Path 1584" d="M1408.719,73.225a.973.973,0,1,1-1,.972.982.982,0,0,1,1-.972m.071,2.894c.7,0,.771.048.771.178V82.2c0,.131-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178V76.3c0-.131.024-.178.794-.178Z" transform="translate(-1147.505 -59.689)" fill="currentColor"></path>
            <path id="Path_1585" data-name="Path 1585" d="M1428.091,79.641c.7,0,.771.048.771.178v1.53h1.411c.107,0,.154.024.154.593v.083c0,.569-.047.593-.154.593h-1.411v2.929a.824.824,0,0,0,.2.664.765.765,0,0,0,.522.166,2.022,2.022,0,0,0,.617-.118c.118-.035.177.035.308.475l.036.118c.13.439.119.51-.024.581a3.233,3.233,0,0,1-1.364.3,1.935,1.935,0,0,1-1.435-.486,2.139,2.139,0,0,1-.486-1.6V82.618h-.818c-.106,0-.154-.024-.154-.593v-.083c0-.569.048-.593.154-.593h.818v-1.53c0-.131.024-.178.795-.178Z" transform="translate(-1162.62 -64.919)" fill="currentColor"></path>
            <path id="Path_1586" data-name="Path 1586" d="M1458.894,73.225a.973.973,0,1,1-1,.972.982.982,0,0,1,1-.972m.071,2.894c.7,0,.771.048.771.178V82.2c0,.131-.071.178-.771.178h-.06c-.771,0-.795-.048-.795-.178V76.3c0-.131.024-.178.795-.178Z" transform="translate(-1188.406 -59.689)" fill="currentColor"></path>
            <path id="Path_1587" data-name="Path 1587" d="M1479.611,92.046a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.38c.131-.059.19-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-1204.722 -71.928)" fill="currentColor"></path>
            <path id="Path_1588" data-name="Path 1588" d="M1517.023,93.279c.2-.356.308-.462.439-.368a2.872,2.872,0,0,0,1.518.51c.628,0,1-.237,1-.558,0-.925-3.036-.356-3.036-2.621,0-1.245,1.067-2,2.455-2a3.2,3.2,0,0,1,1.957.593c.119.083.095.178-.142.581l-.107.166c-.213.368-.3.427-.427.344a2.179,2.179,0,0,0-1.21-.379,1.225,1.225,0,0,0-.771.2.439.439,0,0,0-.166.344c0,.889,3.036.427,3.036,2.562a2.008,2.008,0,0,1-.6,1.435,2.7,2.7,0,0,1-1.957.652,3.475,3.475,0,0,1-2.206-.712c-.095-.083-.083-.19.107-.534Z" transform="translate(-1236.37 -71.928)" fill="currentColor"></path>
            <path id="Path_1589" data-name="Path 1589" d="M853.575,147.359c.629,0,.806.035.806.178v3.356h3v-3.356c0-.143.119-.178.783-.178h.13c.628,0,.806.035.806.178v8.183c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178v-3.451h-3v3.451c0,.143-.178.178-.806.178h-.13c-.664,0-.783-.035-.783-.178v-8.183c0-.143.119-.178.783-.178Z" transform="translate(-695.047 -120.12)" fill="currentColor"></path>
            <path id="Path_1590" data-name="Path 1590" d="M899.464,162.843a1.427,1.427,0,0,0,1.565,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.059.189-.012.32.344l.107.3c.142.4.131.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.233,1.281Z" transform="translate(-731.816 -129.638)" fill="currentColor"></path>
            <path id="Path_1591" data-name="Path 1591" d="M939.031,159.155c.581,0,.688.024.723.154a8.859,8.859,0,0,1,.142,1.222c.38-.973.878-1.494,1.637-1.494a.8.8,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.035.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.078,4.078,0,0,0-.439,2.241v1.708c0,.13-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.273c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-764.812 -129.639)" fill="currentColor"></path>
            <path id="Path_1592" data-name="Path 1592" d="M966.961,162.843a1.427,1.427,0,0,0,1.566,1.3,4.3,4.3,0,0,0,1.672-.379c.13-.059.189-.012.32.344l.107.3c.142.4.13.474-.012.557a5,5,0,0,1-2.3.569,2.872,2.872,0,0,1-3.048-3.178c0-1.945,1.1-3.321,2.918-3.321s2.74,1.34,2.74,3.19c0,.462-.024.617-.119.617Zm2.336-1.162c-.071-.735-.439-1.281-1.1-1.281s-1.079.486-1.234,1.281Z" transform="translate(-786.836 -129.638)" fill="currentColor"></path>
            <path id="Path_1593" data-name="Path 1593" d="M1020.145,147.021v-.285a2.738,2.738,0,0,1,.664-1.969,2.286,2.286,0,0,1,1.708-.617,3.964,3.964,0,0,1,1.3.225c.107.036.119.13.024.546l-.047.2c-.095.415-.154.486-.249.463a3.493,3.493,0,0,0-.759-.095.905.905,0,0,0-.795.308,1.7,1.7,0,0,0-.225.984v.237h1.364c.107,0,.154.024.154.593v.083c0,.569-.047.593-.154.593h-1.364v4.815c0,.13-.071.178-.771.178h-.059c-.771,0-.794-.048-.794-.178V148.29h-.83c-.107,0-.154-.024-.154-.593v-.083c0-.569.047-.593.154-.593Z" transform="translate(-830.768 -117.505)" fill="currentColor"></path>
            <path id="Path_1594" data-name="Path 1594" d="M1054.057,162.167c0,2.147-1.068,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.151.38,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.38-1.8-1.21-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-854.409 -129.638)" fill="currentColor"></path>
            <path id="Path_1595" data-name="Path 1595" d="M1090.323,159.155c.581,0,.688.024.723.154a8.859,8.859,0,0,1,.142,1.222c.38-.973.878-1.494,1.637-1.494a.805.805,0,0,1,.308.047c.083.036.107.059.107.593v.166c0,.605-.036.629-.166.641a1.723,1.723,0,0,0-1.387.806,4.076,4.076,0,0,0-.439,2.241v1.708c0,.13-.071.178-.771.178h-.059c-.771,0-.795-.048-.795-.178v-3.273c0-.925-.036-1.957-.083-2.6-.012-.166.036-.214.712-.214Z" transform="translate(-888.137 -129.639)" fill="currentColor"></path>
            <path id="Path_1596" data-name="Path 1596" d="M1130.421,159.678c.7,0,.759.047.807.178l.735,2.324a15.952,15.952,0,0,1,.533,2.135c.119-.617.308-1.364.522-2.111l.688-2.348c.047-.131.118-.178.747-.178h.154c.724,0,.771.071.724.214l-2.028,5.942c-.688,2.016-1.459,2.87-3,2.87a2.614,2.614,0,0,1-1.281-.3c-.107-.071-.083-.178.024-.557l.047-.166c.119-.4.178-.51.356-.45a2.887,2.887,0,0,0,.735.118c.64,0,1.055-.273,1.471-1.376l-2.135-6.084c-.048-.142,0-.214.747-.214Z" transform="translate(-920.265 -130.162)" fill="currentColor"></path>
            <path id="Path_1597" data-name="Path 1597" d="M1176.092,162.167c0,2.147-1.067,3.368-3.048,3.368-1.767,0-2.846-1.079-2.846-3.131,0-2.146,1.068-3.368,3.048-3.368,1.767,0,2.847,1.079,2.847,3.131m-4.222.166c0,1.151.379,1.8,1.21,1.8.937,0,1.34-.712,1.34-1.9,0-1.151-.379-1.8-1.209-1.8-.937,0-1.34.712-1.34,1.9" transform="translate(-953.886 -129.638)" fill="currentColor"></path>
            <path id="Path_1598" data-name="Path 1598" d="M1212.563,159.678c.7,0,.771.047.771.178v3.2c0,.818.047,1.067.237,1.281a1.026,1.026,0,0,0,.783.273,1.562,1.562,0,0,0,.783-.19.7.7,0,0,0,.332-.628c.024-.273.024-.712.024-1.162v-2.775c0-.131.024-.178.795-.178h.059c.7,0,.771.047.771.178v3.273c0,.925.036,1.957.083,2.6.012.166-.035.214-.712.214h-.059c-.581,0-.688-.024-.735-.154a3.253,3.253,0,0,1-.083-.474,2.2,2.2,0,0,1-1.708.747,2.1,2.1,0,0,1-1.637-.64,2.667,2.667,0,0,1-.557-1.91v-3.653c0-.131.024-.178.795-.178Z" transform="translate(-987.725 -130.162)" fill="currentColor"></path>
        </g>
    </g>
</svg>                                            </a>
                </div>
                <div class="z-[40] transition-all duration-500" @click="open = false, submenuOpen = null, nestedMenuOpen = false, $store.scrollLock.close()" x-bind:class=" nestedMenuOpen ? 'text-black' : ''">
                    <div class="text-currentColor flex items-center gap-2 group cursor-pointer font-bold">
    <p>Close</p>
    <div class="group-hover:scale-90 transition-transform">
        <svg xmlns="http://www.w3.org/2000/svg" width="29.121" height="29.121" viewBox="0 0 29.121 29.121">
    <g id="Group_3342" data-name="Group 3342" transform="translate(-8.904 14.561) rotate(-45)">
        <path id="Path_1819" data-name="Path 1819" d="M0,0V33.184" transform="translate(16.592)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"></path>
        <path id="Path_1820" data-name="Path 1820" d="M0,0V33.184" transform="translate(33.184 16.592) rotate(90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"></path>
    </g>
</svg>    </div>
</div>                </div>
            </div>

            <!-- MOBILE ONLY -->
            
<ul class="space-y-8 flex-1 w-full custom-scrollbar-white flex flex-col sm:p-10 md:hidden overflow-y-auto pb-44">
            <li>
            <div class="flex items-center gap-5 text-2xl md:text-4xl md:font-bold cursor-pointer transition-opacity hover:opacity-80 overflow-y-scroll px-10" @click="submenuOpen = 203">
                                    <a href="https://ymca.org.uk/" class="whitespace-pre-line">Home</a>
                            </div>


                    </li>
            <li>
            <div class="flex items-center gap-5 text-2xl md:text-4xl md:font-bold cursor-pointer transition-opacity hover:opacity-80 overflow-y-scroll px-10" @click="submenuOpen = 207">
                                    <a href="https://ymca.org.uk/news/" class="whitespace-pre-line">News</a>
                            </div>


                    </li>
            <li>
            <div class="flex items-center gap-5 text-2xl md:text-4xl md:font-bold cursor-pointer transition-opacity hover:opacity-80 overflow-y-scroll px-10" @click="submenuOpen = 204">
                                    <div href="/" class="whitespace-pre-line">YMCA</div>
                    <div class="transition-transform" x-bind:class="submenuOpen == 204 ? 'rotate-90' : ''">
                        <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                    </div>
                            </div>


                            <ul x-show="submenuOpen == 204" class="absolute left-0 top-0 w-full bg-primary h-screen transition-all duration-500 z-[5] pt-32" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">

                    <div class="flex flex-col gap-10 h-full w-full custom-scrollbar-light pb-44 px-10 sm:px-20 overflow-y-auto">
                        <div @click="submenuOpen = !submenuOpen" class="flex gap-2 items-center cursor-pointer">
                            <span class=" text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                            </span>
                            <span>Back</span>
                        </div>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 205">
                                                                            <div class="whitespace-pre-line">About Us</div>
                                        <div class="transition-transform" :class="nestedMenuOpen == 205 ? 'rotate-90' : ''">
                                            <svg class="w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                                        </div>
                                                                    </div>
                                                                    <ul x-show="nestedMenuOpen == 205" class="absolute left-0 top-0 w-full bg-white h-screen transition-all duration-500 z-[5] pt-32" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">
                                        <div class="flex flex-col gap-10 overflow-y-auto h-full w-full custom-scrollbar pb-44 px-10 sm:px-20">
                                            <div @click="nestedMenuOpen = !nestedMenuOpen" class="flex gap-2 items-center cursor-pointer">
                                                <span class="text-black">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                                                </span>
                                                <span class="text-black">Back</span>
                                            </div>
                                                                                            <li class="relative  cursor-pointer md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/about-us/" class="flex gap-2 items-center transition-colors text-xl text-primary">
                                                        <span class="whitespace-pre-line">About YMCA</span>
                                                    </a>
                                                </li>
                                                                                            <li class="relative  cursor-pointer md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/our-vision-and-values/" class="flex gap-2 items-center transition-colors text-xl text-primary">
                                                        <span class="whitespace-pre-line">Our vision and values</span>
                                                    </a>
                                                </li>
                                                                                    </div>
                                    </ul>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3962">
                                                                            <div class="whitespace-pre-line">Campaigning</div>
                                        <div class="transition-transform" :class="nestedMenuOpen == 3962 ? 'rotate-90' : ''">
                                            <svg class="w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                                        </div>
                                                                    </div>
                                                                    <ul x-show="nestedMenuOpen == 3962" class="absolute left-0 top-0 w-full bg-white h-screen transition-all duration-500 z-[5] pt-32" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">
                                        <div class="flex flex-col gap-10 overflow-y-auto h-full w-full custom-scrollbar pb-44 px-10 sm:px-20">
                                            <div @click="nestedMenuOpen = !nestedMenuOpen" class="flex gap-2 items-center cursor-pointer">
                                                <span class="text-black">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                                                </span>
                                                <span class="text-black">Back</span>
                                            </div>
                                                                                            <li class="relative  cursor-pointer md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/campaigning/" class="flex gap-2 items-center transition-colors text-xl text-primary">
                                                        <span class="whitespace-pre-line">Our Campaigns</span>
                                                    </a>
                                                </li>
                                                                                            <li class="relative  cursor-pointer md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/general-election/" class="flex gap-2 items-center transition-colors text-xl text-primary">
                                                        <span class="whitespace-pre-line">General Election Manifesto: Now’s our chance</span>
                                                    </a>
                                                </li>
                                                                                            <li class="relative  cursor-pointer md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/cost-of-living/" class="flex gap-2 items-center transition-colors text-xl text-primary">
                                                        <span class="whitespace-pre-line">Cost of living</span>
                                                    </a>
                                                </li>
                                                                                            <li class="relative  cursor-pointer md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/on-the-ropes/" class="flex gap-2 items-center transition-colors text-xl text-primary">
                                                        <span class="whitespace-pre-line">On the ropes</span>
                                                    </a>
                                                </li>
                                                                                            <li class="relative  cursor-pointer md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/ymca-youth-ambassador-programme/" class="flex gap-2 items-center transition-colors text-xl text-primary">
                                                        <span class="whitespace-pre-line">YMCA Youth Ambassador Programme</span>
                                                    </a>
                                                </li>
                                                                                            <li class="relative  cursor-pointer md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/smalltalks/" class="flex gap-2 items-center transition-colors text-xl text-primary">
                                                        <span class="whitespace-pre-line">Small Talks</span>
                                                    </a>
                                                </li>
                                                                                    </div>
                                    </ul>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3968">
                                                                            <div class="whitespace-pre-line">YMCA during war</div>
                                        <div class="transition-transform" :class="nestedMenuOpen == 3968 ? 'rotate-90' : ''">
                                            <svg class="w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                                        </div>
                                                                    </div>
                                                                    <ul x-show="nestedMenuOpen == 3968" class="absolute left-0 top-0 w-full bg-white h-screen transition-all duration-500 z-[5] pt-32" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">
                                        <div class="flex flex-col gap-10 overflow-y-auto h-full w-full custom-scrollbar pb-44 px-10 sm:px-20">
                                            <div @click="nestedMenuOpen = !nestedMenuOpen" class="flex gap-2 items-center cursor-pointer">
                                                <span class="text-black">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                                                </span>
                                                <span class="text-black">Back</span>
                                            </div>
                                                                                            <li class="relative  cursor-pointer md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/ymca-and-wwi/" class="flex gap-2 items-center transition-colors text-xl text-primary">
                                                        <span class="whitespace-pre-line">YMCA and WWI</span>
                                                    </a>
                                                </li>
                                                                                            <li class="relative  cursor-pointer md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/ymca-and-wwii/" class="flex gap-2 items-center transition-colors text-xl text-primary">
                                                        <span class="whitespace-pre-line">YMCA and WWII</span>
                                                    </a>
                                                </li>
                                                                                    </div>
                                    </ul>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 206">
                                                                            <a href="https://ymca.org.uk/vacancies/" class="whitespace-pre-line">Careers</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 509">
                                                                            <a href="/help-and-advice/" class="whitespace-pre-line">Help &amp; Advice</a>
                                                                    </div>
                                                            </li>
                                            </div>
                </ul>
                    </li>
            <li>
            <div class="flex items-center gap-5 text-2xl md:text-4xl md:font-bold cursor-pointer transition-opacity hover:opacity-80 overflow-y-scroll px-10" @click="submenuOpen = 210">
                                    <div href="/what-we-do/" class="whitespace-pre-line">What we do</div>
                    <div class="transition-transform" x-bind:class="submenuOpen == 210 ? 'rotate-90' : ''">
                        <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                    </div>
                            </div>


                            <ul x-show="submenuOpen == 210" class="absolute left-0 top-0 w-full bg-primary h-screen transition-all duration-500 z-[5] pt-32" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">

                    <div class="flex flex-col gap-10 h-full w-full custom-scrollbar-light pb-44 px-10 sm:px-20 overflow-y-auto">
                        <div @click="submenuOpen = !submenuOpen" class="flex gap-2 items-center cursor-pointer">
                            <span class=" text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                            </span>
                            <span>Back</span>
                        </div>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 4000">
                                                                            <a href="https://ymca.org.uk/services/health-wellbeing/" class="whitespace-pre-line">Health &amp; Wellbeing</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 211">
                                                                            <a href="https://ymca.org.uk/services/family-and-youth-work/" class="whitespace-pre-line">Family &amp; Youth Work</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 213">
                                                                            <a href="https://ymca.org.uk/services/housing/" class="whitespace-pre-line">Housing</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 214">
                                                                            <a href="https://ymca.org.uk/services/training-and-education/" class="whitespace-pre-line">Training &amp; Education</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 215">
                                                                            <a href="https://ymca.org.uk/services/support-and-advice/" class="whitespace-pre-line">Support &amp; Advice</a>
                                                                    </div>
                                                            </li>
                                            </div>
                </ul>
                    </li>
            <li>
            <div class="flex items-center gap-5 text-2xl md:text-4xl md:font-bold cursor-pointer transition-opacity hover:opacity-80 overflow-y-scroll px-10" @click="submenuOpen = 3974">
                                    <div href="/" class="whitespace-pre-line">Get Involved</div>
                    <div class="transition-transform" x-bind:class="submenuOpen == 3974 ? 'rotate-90' : ''">
                        <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                    </div>
                            </div>


                            <ul x-show="submenuOpen == 3974" class="absolute left-0 top-0 w-full bg-primary h-screen transition-all duration-500 z-[5] pt-32" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">

                    <div class="flex flex-col gap-10 h-full w-full custom-scrollbar-light pb-44 px-10 sm:px-20 overflow-y-auto">
                        <div @click="submenuOpen = !submenuOpen" class="flex gap-2 items-center cursor-pointer">
                            <span class=" text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                            </span>
                            <span>Back</span>
                        </div>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 5007">
                                                                            <a href="https://ymca.org.uk/campaigning/" class="whitespace-pre-line">Campaigning</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3958">
                                                                            <a href="https://ymca.org.uk/charitable-trusts-and-foundations/" class="whitespace-pre-line">Charitable Trusts and Foundations</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3957">
                                                                            <a href="https://ymca.org.uk/corporate-partnerships/" class="whitespace-pre-line">Corporate Partnerships</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 416">
                                                                            <a href="https://ymca.org.uk/events/" class="whitespace-pre-line">Events</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 4118">
                                                                            <a href="https://ymca.org.uk/leave-a-gift-in-your-will/" class="whitespace-pre-line">Leave a gift in your will</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 4003">
                                                                            <a href="https://ymca.org.uk/get-involved/" class="whitespace-pre-line">RoomSponsor</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3960">
                                                                            <a href="https://ymca.org.uk/sleep-easy/" class="whitespace-pre-line">Sleep Easy</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3967">
                                                                            <a href="https://ymca.org.uk/y-mentoring/" class="whitespace-pre-line">Y Mentoring</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 4115">
                                                                            <a href="https://ymca.org.uk/awards/" class="whitespace-pre-line">Youth Matters Awards</a>
                                                                    </div>
                                                            </li>
                                            </div>
                </ul>
                    </li>
            <li>
            <div class="flex items-center gap-5 text-2xl md:text-4xl md:font-bold cursor-pointer transition-opacity hover:opacity-80 overflow-y-scroll px-10" @click="submenuOpen = 346">
                                    <a href="/downloads/" class="whitespace-pre-line">Reports &amp; Findings</a>
                            </div>


                    </li>
            <li>
            <div class="flex items-center gap-5 text-2xl md:text-4xl md:font-bold cursor-pointer transition-opacity hover:opacity-80 overflow-y-scroll px-10" @click="submenuOpen = 216">
                                    <div href="/shops/" class="whitespace-pre-line">Shops</div>
                    <div class="transition-transform" x-bind:class="submenuOpen == 216 ? 'rotate-90' : ''">
                        <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                    </div>
                            </div>


                            <ul x-show="submenuOpen == 216" class="absolute left-0 top-0 w-full bg-primary h-screen transition-all duration-500 z-[5] pt-32" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">

                    <div class="flex flex-col gap-10 h-full w-full custom-scrollbar-light pb-44 px-10 sm:px-20 overflow-y-auto">
                        <div @click="submenuOpen = !submenuOpen" class="flex gap-2 items-center cursor-pointer">
                            <span class=" text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                            </span>
                            <span>Back</span>
                        </div>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 4005">
                                                                            <a href="https://ymca.org.uk/shops/" class="whitespace-pre-line">Shops</a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3959">
                                                                            <a href="https://ymca.org.uk/donate-to-our-shops/" class="whitespace-pre-line">Donate to our shops</a>
                                                                    </div>
                                                            </li>
                                            </div>
                </ul>
                    </li>
            <li>
            <div class="flex items-center gap-5 text-2xl md:text-4xl md:font-bold cursor-pointer transition-opacity hover:opacity-80 overflow-y-scroll px-10" @click="submenuOpen = 218">
                                    <a href="https://ymca.org.uk/contact-us/" class="whitespace-pre-line">Contact Us</a>
                            </div>


                    </li>
    </ul>
            <!-- desktop? -->
            
<ul class="space-y-8 flex-1 w-full custom-scrollbar-white md:flex flex-col px-20 pb-44 hidden overflow-y-auto">
            <li>
            <div class="flex items-center gap-5 text-4xl font-bold cursor-pointer transition-opacity" @click="submenuOpen = 203">
                                    <a href="https://ymca.org.uk/" class="underline-anim whitespace-normal">Home</a>
                            </div>

                    </li>
            <li>
            <div class="flex items-center gap-5 text-4xl font-bold cursor-pointer transition-opacity" @click="submenuOpen = 207">
                                    <a href="https://ymca.org.uk/news/" class="underline-anim whitespace-normal">News</a>
                            </div>

                    </li>
            <li>
            <div class="flex items-center gap-5 text-4xl font-bold cursor-pointer transition-opacity" @click="submenuOpen = 204">
                                    <div href="/" class="underline-anim whitespace-pre-line">YMCA</div>
                    <div class="transition-transform" x-bind:class="submenuOpen == 204 ? 'rotate-90' : ''">
                        <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                    </div>
                            </div>

                            <ul x-show="submenuOpen == 204 " class="absolute left-0 top-0 w-full bg-primary h-screen transition-all duration-500 z-[5]" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">

                    <div class="flex flex-col gap-10 h-full w-full custom-scrollbar-white pt-28 pl-20 pr-10 pb-10 overflow-y-scroll">
                        <div @click="submenuOpen = !submenuOpen" class="flex gap-2 items-center cursor-pointer">
                            <span class=" text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                            </span>
                            <span>Back</span>
                        </div>


                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 205">
                                                                            <div class="flex gap-2 items-center transition-colors underline-anim whitespace-pre-line">About Us</div>
                                        <div class="transition-transform" x-bind:class="nestedMenuOpen == 205 ? 'rotate-90' : ''">
                                            <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                                        </div>
                                                                    </div>
                                                                    <ul x-show="nestedMenuOpen == 205" class="absolute left-0 top-0 w-full bg-white h-screen transition-all duration-500 z-[5]" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">

                                        <div class="flex flex-col gap-10 h-full w-full custom-scrollbar pt-28 pl-20 pr-10 pb-10 overflow-y-scroll">
                                            <div @click="nestedMenuOpen= !nestedMenuOpen" class="flex gap-2 items-center cursor-pointer">
                                                <span class="text-black">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                                                </span>
                                                <span class="text-black">Back</span>
                                            </div>
                                                                                            <li class="whitespace-nowrap md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/about-us/" class="flex gap-2 items-center transition-colors text-3xl  text-primary underline-anim w-fit whitespace-normal">
                                                        About YMCA                                                    </a>
                                                </li>
                                                                                            <li class="whitespace-nowrap md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/our-vision-and-values/" class="flex gap-2 items-center transition-colors text-3xl  text-primary underline-anim w-fit whitespace-normal">
                                                        Our vision and values                                                    </a>
                                                </li>
                                                                                    </div>
                                    </ul>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3962">
                                                                            <div class="flex gap-2 items-center transition-colors underline-anim whitespace-pre-line">Campaigning</div>
                                        <div class="transition-transform" x-bind:class="nestedMenuOpen == 3962 ? 'rotate-90' : ''">
                                            <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                                        </div>
                                                                    </div>
                                                                    <ul x-show="nestedMenuOpen == 3962" class="absolute left-0 top-0 w-full bg-white h-screen transition-all duration-500 z-[5]" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">

                                        <div class="flex flex-col gap-10 h-full w-full custom-scrollbar pt-28 pl-20 pr-10 pb-10 overflow-y-scroll">
                                            <div @click="nestedMenuOpen= !nestedMenuOpen" class="flex gap-2 items-center cursor-pointer">
                                                <span class="text-black">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                                                </span>
                                                <span class="text-black">Back</span>
                                            </div>
                                                                                            <li class="whitespace-nowrap md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/campaigning/" class="flex gap-2 items-center transition-colors text-3xl  text-primary underline-anim w-fit whitespace-normal">
                                                        Our Campaigns                                                    </a>
                                                </li>
                                                                                            <li class="whitespace-nowrap md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/general-election/" class="flex gap-2 items-center transition-colors text-3xl  text-primary underline-anim w-fit whitespace-normal">
                                                        General Election Manifesto: Now’s our chance                                                    </a>
                                                </li>
                                                                                            <li class="whitespace-nowrap md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/cost-of-living/" class="flex gap-2 items-center transition-colors text-3xl  text-primary underline-anim w-fit whitespace-normal">
                                                        Cost of living                                                    </a>
                                                </li>
                                                                                            <li class="whitespace-nowrap md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/on-the-ropes/" class="flex gap-2 items-center transition-colors text-3xl  text-primary underline-anim w-fit whitespace-normal">
                                                        On the ropes                                                    </a>
                                                </li>
                                                                                            <li class="whitespace-nowrap md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/ymca-youth-ambassador-programme/" class="flex gap-2 items-center transition-colors text-3xl  text-primary underline-anim w-fit whitespace-normal">
                                                        YMCA Youth Ambassador Programme                                                    </a>
                                                </li>
                                                                                            <li class="whitespace-nowrap md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/smalltalks/" class="flex gap-2 items-center transition-colors text-3xl  text-primary underline-anim w-fit whitespace-normal">
                                                        Small Talks                                                    </a>
                                                </li>
                                                                                    </div>
                                    </ul>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3968">
                                                                            <div class="flex gap-2 items-center transition-colors underline-anim whitespace-pre-line">YMCA during war</div>
                                        <div class="transition-transform" x-bind:class="nestedMenuOpen == 3968 ? 'rotate-90' : ''">
                                            <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                                        </div>
                                                                    </div>
                                                                    <ul x-show="nestedMenuOpen == 3968" class="absolute left-0 top-0 w-full bg-white h-screen transition-all duration-500 z-[5]" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">

                                        <div class="flex flex-col gap-10 h-full w-full custom-scrollbar pt-28 pl-20 pr-10 pb-10 overflow-y-scroll">
                                            <div @click="nestedMenuOpen= !nestedMenuOpen" class="flex gap-2 items-center cursor-pointer">
                                                <span class="text-black">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                                                </span>
                                                <span class="text-black">Back</span>
                                            </div>
                                                                                            <li class="whitespace-nowrap md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/ymca-and-wwi/" class="flex gap-2 items-center transition-colors text-3xl  text-primary underline-anim w-fit whitespace-normal">
                                                        YMCA and WWI                                                    </a>
                                                </li>
                                                                                            <li class="whitespace-nowrap md:font-bold transition-opacity">
                                                    <a href="https://ymca.org.uk/ymca-and-wwii/" class="flex gap-2 items-center transition-colors text-3xl  text-primary underline-anim w-fit whitespace-normal">
                                                        YMCA and WWII                                                    </a>
                                                </li>
                                                                                    </div>
                                    </ul>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 206">
                                                                            <a href="https://ymca.org.uk/vacancies/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Careers</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 509">
                                                                            <a href="/help-and-advice/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Help &amp; Advice</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                            </div>
                </ul>
                    </li>
            <li>
            <div class="flex items-center gap-5 text-4xl font-bold cursor-pointer transition-opacity" @click="submenuOpen = 210">
                                    <div href="/what-we-do/" class="underline-anim whitespace-pre-line">What we do</div>
                    <div class="transition-transform" x-bind:class="submenuOpen == 210 ? 'rotate-90' : ''">
                        <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                    </div>
                            </div>

                            <ul x-show="submenuOpen == 210 " class="absolute left-0 top-0 w-full bg-primary h-screen transition-all duration-500 z-[5]" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">

                    <div class="flex flex-col gap-10 h-full w-full custom-scrollbar-white pt-28 pl-20 pr-10 pb-10 overflow-y-scroll">
                        <div @click="submenuOpen = !submenuOpen" class="flex gap-2 items-center cursor-pointer">
                            <span class=" text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                            </span>
                            <span>Back</span>
                        </div>


                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 4000">
                                                                            <a href="https://ymca.org.uk/services/health-wellbeing/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Health &amp; Wellbeing</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 211">
                                                                            <a href="https://ymca.org.uk/services/family-and-youth-work/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Family &amp; Youth Work</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 213">
                                                                            <a href="https://ymca.org.uk/services/housing/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Housing</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 214">
                                                                            <a href="https://ymca.org.uk/services/training-and-education/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Training &amp; Education</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 215">
                                                                            <a href="https://ymca.org.uk/services/support-and-advice/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Support &amp; Advice</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                            </div>
                </ul>
                    </li>
            <li>
            <div class="flex items-center gap-5 text-4xl font-bold cursor-pointer transition-opacity" @click="submenuOpen = 3974">
                                    <div href="/" class="underline-anim whitespace-pre-line">Get Involved</div>
                    <div class="transition-transform" x-bind:class="submenuOpen == 3974 ? 'rotate-90' : ''">
                        <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                    </div>
                            </div>

                            <ul x-show="submenuOpen == 3974 " class="absolute left-0 top-0 w-full bg-primary h-screen transition-all duration-500 z-[5]" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">

                    <div class="flex flex-col gap-10 h-full w-full custom-scrollbar-white pt-28 pl-20 pr-10 pb-10 overflow-y-scroll">
                        <div @click="submenuOpen = !submenuOpen" class="flex gap-2 items-center cursor-pointer">
                            <span class=" text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                            </span>
                            <span>Back</span>
                        </div>


                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 5007">
                                                                            <a href="https://ymca.org.uk/campaigning/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Campaigning</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3958">
                                                                            <a href="https://ymca.org.uk/charitable-trusts-and-foundations/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Charitable Trusts and Foundations</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3957">
                                                                            <a href="https://ymca.org.uk/corporate-partnerships/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Corporate Partnerships</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 416">
                                                                            <a href="https://ymca.org.uk/events/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Events</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 4118">
                                                                            <a href="https://ymca.org.uk/leave-a-gift-in-your-will/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Leave a gift in your will</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 4003">
                                                                            <a href="https://ymca.org.uk/get-involved/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">RoomSponsor</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3960">
                                                                            <a href="https://ymca.org.uk/sleep-easy/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Sleep Easy</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3967">
                                                                            <a href="https://ymca.org.uk/y-mentoring/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Y Mentoring</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 4115">
                                                                            <a href="https://ymca.org.uk/awards/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Youth Matters Awards</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                            </div>
                </ul>
                    </li>
            <li>
            <div class="flex items-center gap-5 text-4xl font-bold cursor-pointer transition-opacity" @click="submenuOpen = 346">
                                    <a href="/downloads/" class="underline-anim whitespace-normal">Reports &amp; Findings</a>
                            </div>

                    </li>
            <li>
            <div class="flex items-center gap-5 text-4xl font-bold cursor-pointer transition-opacity" @click="submenuOpen = 216">
                                    <div href="/shops/" class="underline-anim whitespace-pre-line">Shops</div>
                    <div class="transition-transform" x-bind:class="submenuOpen == 216 ? 'rotate-90' : ''">
                        <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewBox="0 0 5 9">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" transform="translate(0 9) rotate(-90)" fill="currentColor"></path>
</svg>                    </div>
                            </div>

                            <ul x-show="submenuOpen == 216 " class="absolute left-0 top-0 w-full bg-primary h-screen transition-all duration-500 z-[5]" x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-none opacity-100" x-transition:leave-start="translate-none opacity-100" x-transition:leave-end="translate-x-full opacity-0" style="display: none;">

                    <div class="flex flex-col gap-10 h-full w-full custom-scrollbar-white pt-28 pl-20 pr-10 pb-10 overflow-y-scroll">
                        <div @click="submenuOpen = !submenuOpen" class="flex gap-2 items-center cursor-pointer">
                            <span class=" text-white">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20.197" height="16.435" viewBox="0 0 20.197 16.435">
  <path id="Color_Overlay" data-name="Color Overlay" d="M0,7.5,7.286,0,9.353,2.128,5.6,5.995H19V9H5.6l3.757,3.867L7.286,15Z" transform="translate(0.697 0.718)" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-width="0"></path>
</svg>                            </span>
                            <span>Back</span>
                        </div>


                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 4005">
                                                                            <a href="https://ymca.org.uk/shops/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Shops</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                                    <li class=" whitespace-nowrap cursor-pointer md:font-bold transition-opacity">
                                <div class="flex items-center text-3xl gap-5 md:font-bold cursor-pointer transition-opacity" @click="nestedMenuOpen = 3959">
                                                                            <a href="https://ymca.org.uk/donate-to-our-shops/" class="flex gap-2 items-center transition-colors underline-anim">
                                            <span class="whitespace-pre-line">Donate to our shops</span>
                                        </a>
                                                                    </div>
                                                            </li>
                                            </div>
                </ul>
                    </li>
            <li>
            <div class="flex items-center gap-5 text-4xl font-bold cursor-pointer transition-opacity" @click="submenuOpen = 218">
                                    <a href="https://ymca.org.uk/contact-us/" class="underline-anim whitespace-normal">Contact Us</a>
                            </div>

                    </li>
    </ul>

            <div class="fixed mx-auto bottom-8 self-center flex items-center justify-center gap-3 md:gap-5">
                                    <a href="https://ymca.org.uk/locations/" class="button-base z-40 col-span-2 button-white" x-bind:class="nestedMenuOpen ? 'button-primary' : 'button-white'">
                        <div class="group-hover:scale-150 transition-transform duration-500 group-hover:text-white text-sm md:text-md lg:text-lg">Find a YMCA</div>
                    </a>
                                                    <div>
                        <div @click="$store.donation.open()" class="button-base !px-5 !min-w-min z-40 col-span-2 button-white" x-bind:class="nestedMenuOpen ? 'button-primary' : 'button-white'">
                            <div class="group-hover:scale-150 transition-transform duration-500 group-hover:text-white size-5">
                                <svg id="Group_20" data-name="Group 20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="17" viewBox="0 0 19 17">
    <g id="Group_19" data-name="Group 19">
        <path id="Path_18" data-name="Path 18" d="M18.717,6.792c-.325.982-2,4.906-9.217,10.148L9.31,17C2.095,11.758.608,7.775.283,6.792a5.184,5.184,0,0,1,1.172-5.3A4.9,4.9,0,0,1,4.773.006,5.04,5.04,0,0,1,9.5,2.534h0A5.04,5.04,0,0,1,14.227.006a4.9,4.9,0,0,1,3.318,1.487,5.184,5.184,0,0,1,1.172,5.3Z" transform="translate(0 0)" fill="currentColor"></path>
    </g>
</svg>                            </div>
                            <span class="text-sm md:text-md lg:text-lg">Donate</span>
                        </div>
                    </div>
                                <div class="flex col-span-2 lg:hidden transition-all duration-200 z-40" @click="open = false, submenuOpen = null, $store.scrollLock.close()">
                    <div x-data="{ open: false }">
    <div class="button-search min-w-min aspect-square px-0 modalOpen" @click="open = !open">
        <svg xmlns="http://www.w3.org/2000/svg" width="19.083" height="19.083" viewBox="0 0 19.083 19.083">
    <path id="Path_8514" data-name="Path 8514" d="M18.659,16.584,14.725,12.65a7.852,7.852,0,0,0,1.422-4.576,7.942,7.942,0,0,0-.636-3.136,7.911,7.911,0,0,0-4.3-4.3,8.042,8.042,0,0,0-6.274,0,7.9,7.9,0,0,0-4.3,4.3,8.039,8.039,0,0,0,0,6.273,7.909,7.909,0,0,0,4.3,4.3,7.942,7.942,0,0,0,3.136.636,7.85,7.85,0,0,0,4.576-1.422l3.934,3.922a1.359,1.359,0,0,0,1.031.437,1.468,1.468,0,0,0,1.044-2.5M11.7,11.7a4.949,4.949,0,0,1-3.63,1.508A4.946,4.946,0,0,1,4.445,11.7a4.944,4.944,0,0,1-1.508-3.63A4.94,4.94,0,0,1,4.445,4.445,4.943,4.943,0,0,1,8.074,2.936,4.946,4.946,0,0,1,11.7,4.445a4.946,4.946,0,0,1,1.509,3.629A4.95,4.95,0,0,1,11.7,11.7" fill="currentColor"></path>
</svg>    </div>

    <template x-teleport="body">
        <div class="fixed w-full h-screen p-2 md:p-5 left-0 top-0 flex items-center justify-center z-20" x-cloak="" x-show="open">

            <div class="absolute h-screen w-full left-0 top-0 backdrop-blur-md transition-opacity bg-black/20 cursor-pointer" x-show="open" x-transition:enter="motion-safe:ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"></div>

            <div class="relative bg-white max-w-4xl w-full px-5 py-10 md:p-10 rounded-2xl shadow-xl cursor-auto" x-show="open" x-transition:enter.delay.100ms="" x-transition:leave="" @click.outside="open = false; document.body.classList.remove('overflow-hidden');">
                <h3 class="mb-5 text-gray-600 font-bold text-2xl">Search Website</h3>
                
<form role="search" method="get" action="https://ymca.org.uk/">
    <label for="default-search" class="mb-2 font-medium text-gray-900 sr-only">Search</label>
    <div class="relative flex flex-col gap-5 md:block">
        <div class="relative">
            <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none text-primary">
                <svg xmlns="http://www.w3.org/2000/svg" width="19.083" height="19.083" viewBox="0 0 19.083 19.083">
    <path id="Path_8514" data-name="Path 8514" d="M18.659,16.584,14.725,12.65a7.852,7.852,0,0,0,1.422-4.576,7.942,7.942,0,0,0-.636-3.136,7.911,7.911,0,0,0-4.3-4.3,8.042,8.042,0,0,0-6.274,0,7.9,7.9,0,0,0-4.3,4.3,8.039,8.039,0,0,0,0,6.273,7.909,7.909,0,0,0,4.3,4.3,7.942,7.942,0,0,0,3.136.636,7.85,7.85,0,0,0,4.576-1.422l3.934,3.922a1.359,1.359,0,0,0,1.031.437,1.468,1.468,0,0,0,1.044-2.5M11.7,11.7a4.949,4.949,0,0,1-3.63,1.508A4.946,4.946,0,0,1,4.445,11.7a4.944,4.944,0,0,1-1.508-3.63A4.94,4.94,0,0,1,4.445,4.445,4.943,4.943,0,0,1,8.074,2.936,4.946,4.946,0,0,1,11.7,4.445a4.946,4.946,0,0,1,1.509,3.629A4.95,4.95,0,0,1,11.7,11.7" fill="currentColor"></path>
</svg>            </div>
            <input type="search" id="default-search" class="block w-full p-4 pl-10 outline-none text-gray-900 border border-gray-300 rounded-full bg-gray-50 focus:ring-primary focus:border-primary" placeholder="Search..." required="" value="" name="s">
        </div>
        <button type="submit" class="md:absolute right-0 md:-translate-y-1/2 top-1/2 button-primary h-[3.5rem]">Search</button>
    </div>
</form>
                <div class="absolute right-10 top-10 text-primary modalClose" @click="open = false">
                    <div class="text-currentColor flex items-center gap-2 group cursor-pointer font-bold">
    <p>Close</p>
    <div class="group-hover:scale-90 transition-transform">
        <svg xmlns="http://www.w3.org/2000/svg" width="29.121" height="29.121" viewBox="0 0 29.121 29.121">
    <g id="Group_3342" data-name="Group 3342" transform="translate(-8.904 14.561) rotate(-45)">
        <path id="Path_1819" data-name="Path 1819" d="M0,0V33.184" transform="translate(16.592)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"></path>
        <path id="Path_1820" data-name="Path 1820" d="M0,0V33.184" transform="translate(33.184 16.592) rotate(90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"></path>
    </g>
</svg>    </div>
</div>                </div>
            </div>
        </div>
    </template>
</div>                </div>
                <!-- <div class="flex lg:hidden z-40">
                                    </div> -->
            </div>
        </div>
    </div>
</div>                </div>
            </div>
        </header>

        
<div id="donate-modal" x-data="{
        repeated_donation: false,
        amount: 10,
        other: false,
        base_url: 'https://donate.ymca.org.uk/',
        single_amount_options: [10, 25, 50],
        repeated_amount_options: [5, 10, 15],
    }" class="fixed top-0 left-0 h-screen w-screen z-50 flex items-center justify-center px-5" x-show="$store.donation.active" style="display: none;">

    <div class="absolute h-full w-full bg-black/50 backdrop-blur-md" x-show="$store.donation.active" x-transition:enter="motion-safe:ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @click="$store.donation.close()" style="display: none;"></div>

    <div class="bg-primary pt-24 pb-10 sm:pt-20 px-5 sm:px-28 relative rounded-2xl shadow-xl max-w-screen-sm w-full text-white" x-show="$store.donation.active" x-transition:enter.delay.100ms="" x-transition:leave="" style="display: none;">
        <div class="absolute right-5 sm:right-10 top-10 text-white scale-75 sm:scale-100 text-[0px] sm:text-base" @click="$store.donation.close()">
            <div class="text-currentColor flex items-center gap-2 group cursor-pointer font-bold">
    <p>Close</p>
    <div class="group-hover:scale-90 transition-transform">
        <svg xmlns="http://www.w3.org/2000/svg" width="29.121" height="29.121" viewBox="0 0 29.121 29.121">
    <g id="Group_3342" data-name="Group 3342" transform="translate(-8.904 14.561) rotate(-45)">
        <path id="Path_1819" data-name="Path 1819" d="M0,0V33.184" transform="translate(16.592)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"></path>
        <path id="Path_1820" data-name="Path 1820" d="M0,0V33.184" transform="translate(33.184 16.592) rotate(90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"></path>
    </g>
</svg>    </div>
</div>        </div>

        <div class="text-center text-white mb-5 absolute top-10 left-5 sm:static">
            <h3 class="text-2xl sm:text-3xl font-bold">Make a donation</h3>
        </div>


        <div class="space-y-5">
            <div class="flex gap-2 sm:gap-5 justify-center items-center w-full">
                <button class="group button-primary flex gap-5 items-center w-full py-2 text-white border border-white !bg-white !text-primary" @click="repeated_donation = false; amount = single_amount_options[0]; other = false" :class="{'!bg-white !text-primary': !repeated_donation}">
                    One-off donation                </button>
                <button class="group button-primary flex gap-5 items-center w-full py-2 text-white border border-white" @click="repeated_donation = true; amount = repeated_amount_options[0]; other = false" :class="{'!bg-white !text-primary': repeated_donation}">
                    Monthly donation                </button>
            </div>

            <div class="flex gap-2 sm:gap-5 justify-center items-center w-full">
                <template x-for="amount_option in single_amount_options">
                    <button class="group button-primary flex gap-5 items-center w-full h-[50px] min-w-0 text-white border border-white" @click="amount = amount_option; other = false" :class="{'!bg-white !text-primary': amount == amount_option &amp;&amp; !other}" x-text="'£' + amount_option" x-show="!repeated_donation"></button>
                </template><button class="group button-primary flex gap-5 items-center w-full h-[50px] min-w-0 text-white border border-white !bg-white !text-primary" @click="amount = amount_option; other = false" :class="{'!bg-white !text-primary': amount == amount_option &amp;&amp; !other}" x-text="'£' + amount_option" x-show="!repeated_donation">£10</button><button class="group button-primary flex gap-5 items-center w-full h-[50px] min-w-0 text-white border border-white" @click="amount = amount_option; other = false" :class="{'!bg-white !text-primary': amount == amount_option &amp;&amp; !other}" x-text="'£' + amount_option" x-show="!repeated_donation">£25</button><button class="group button-primary flex gap-5 items-center w-full h-[50px] min-w-0 text-white border border-white" @click="amount = amount_option; other = false" :class="{'!bg-white !text-primary': amount == amount_option &amp;&amp; !other}" x-text="'£' + amount_option" x-show="!repeated_donation">£50</button>

                <template x-for="amount_option in repeated_amount_options">
                    <button class="group button-primary flex gap-5 items-center w-full h-[50px] min-w-0 text-white border border-white" @click="amount = amount_option; other = false" :class="{'!bg-white !text-primary': amount == amount_option &amp;&amp; !other}" x-text="'£' + amount_option" x-show="repeated_donation"></button>
                </template><button class="group button-primary flex gap-5 items-center w-full h-[50px] min-w-0 text-white border border-white" @click="amount = amount_option; other = false" :class="{'!bg-white !text-primary': amount == amount_option &amp;&amp; !other}" x-text="'£' + amount_option" x-show="repeated_donation" style="display: none;">£5</button><button class="group button-primary flex gap-5 items-center w-full h-[50px] min-w-0 text-white border border-white !bg-white !text-primary" @click="amount = amount_option; other = false" :class="{'!bg-white !text-primary': amount == amount_option &amp;&amp; !other}" x-text="'£' + amount_option" x-show="repeated_donation" style="display: none;">£10</button><button class="group button-primary flex gap-5 items-center w-full h-[50px] min-w-0 text-white border border-white" @click="amount = amount_option; other = false" :class="{'!bg-white !text-primary': amount == amount_option &amp;&amp; !other}" x-text="'£' + amount_option" x-show="repeated_donation" style="display: none;">£15</button>

                <button class="group button-primary flex gap-5 items-center w-full h-[50px] min-w-0 text-white border border-white" @click="other = true; amount = null" :class="{'!bg-white !text-primary': other}">
                    Other                </button>
            </div>

            <div x-show="other == true" x-transition="" style="display: none;">
                <p class="text-sm mb-2">Please enter an amount</p>

                <div class="relative">
                    <div class="absolute top-1/2 -translate-y-1/2 left-5 text-black/50">£</div>
                    <input type="number" x-ref="amount_input" x-model="amount" placeholder="Other amount" class="rounded-full w-full p-3 pl-10 text-black outline-primary">
                </div>
            </div>

            <a x-bind:href="base_url + '?campaign=' + $store.donation.campaign + '&amp;amount=' + amount + (repeated_donation ? '&amp;dontype=monthly' : '')" target="_blank" class="group flex gap-5 items-center justify-center button-white hover:!bg-primary-900 h-[50px] !mt-10" href="https://donate.ymca.org.uk/?campaign=makeadonation&amp;amount=10">
                <div class="group-hover:scale-150 transition-transform duration-500">
                    <svg id="Group_20" data-name="Group 20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="17" viewBox="0 0 19 17">
    <g id="Group_19" data-name="Group 19">
        <path id="Path_18" data-name="Path 18" d="M18.717,6.792c-.325.982-2,4.906-9.217,10.148L9.31,17C2.095,11.758.608,7.775.283,6.792a5.184,5.184,0,0,1,1.172-5.3A4.9,4.9,0,0,1,4.773.006,5.04,5.04,0,0,1,9.5,2.534h0A5.04,5.04,0,0,1,14.227.006a4.9,4.9,0,0,1,3.318,1.487,5.184,5.184,0,0,1,1.172,5.3Z" transform="translate(0 0)" fill="currentColor"></path>
    </g>
</svg>                </div>
                Donate            </a>
        </div>
    </div>
</div>

        <section id="container">

            <section class="homepage-banner section relative w-full h-section-svh">
    <div class="swiper !absolute swiper-bg-image_cb5a90d6-970c-49ba-bad6-571e0a546e09 h-full w-full swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden">
        <div class="swiper-wrapper w-full h-full" style="transform: translate3d(-790px, 0px, 0px); transition-duration: 0ms;" id="swiper-wrapper-78c49aba88af7abf" aria-live="polite"><div class="swiper-slide w-full h-full swiper-slide-duplicate swiper-slide-prev" data-swiper-slide-index="6" style="width: 790px;" role="group" aria-label="7 / 7">
                    <picture class="w-full h-full">
                        <source media="(max-width:768px)" srcset="">
                        <img alt="Slide Image" class="w-full h-full object-cover" src="https://ymca.org.uk/wp-content/uploads/2024/11/54146974407_618dbf08ae_k.jpg">
                    </picture>
                </div>
                            <div class="swiper-slide w-full h-full swiper-slide-active" data-swiper-slide-index="0" style="width: 790px;" role="group" aria-label="1 / 7">
                    <picture class="w-full h-full">
                        <source media="(max-width:768px)" srcset="">
                        <img alt="Slide Image" class="w-full h-full object-cover" src="https://ymca.org.uk/wp-content/uploads/2024/11/ymca-ymcas-WEB-general-2024.png">
                    </picture>
                </div>
                            <div class="swiper-slide w-full h-full swiper-slide-next" data-swiper-slide-index="1" style="width: 790px;" role="group" aria-label="2 / 7">
                    <picture class="w-full h-full">
                        <source media="(max-width:768px)" srcset="">
                        <img alt="Slide Image" class="w-full h-full object-cover" src="https://ymca.org.uk/wp-content/uploads/2024/08/ymca-general-2023-11-black-country-004.jpg">
                    </picture>
                </div>
                            <div class="swiper-slide w-full h-full" data-swiper-slide-index="2" style="width: 790px;" role="group" aria-label="3 / 7">
                    <picture class="w-full h-full">
                        <source media="(max-width:768px)" srcset="">
                        <img alt="Slide Image" class="w-full h-full object-cover" src="https://ymca.org.uk/wp-content/uploads/2024/05/Lucy-smiling-washing-up-scaled.jpg">
                    </picture>
                </div>
                            <div class="swiper-slide w-full h-full" data-swiper-slide-index="3" style="width: 790px;" role="group" aria-label="4 / 7">
                    <picture class="w-full h-full">
                        <source media="(max-width:768px)" srcset="https://ymca.org.uk/wp-content/uploads/2024/08/53718107155_c3185e0cda_o-scaled-e1729872545686.jpg">
                        <img alt="Slide Image" class="w-full h-full object-cover" src="https://ymca.org.uk/wp-content/uploads/2024/08/53718107155_c3185e0cda_o-scaled-e1729872545686.jpg">
                    </picture>
                </div>
                            <div class="swiper-slide w-full h-full" data-swiper-slide-index="4" style="width: 790px;" role="group" aria-label="5 / 7">
                    <picture class="w-full h-full">
                        <source media="(max-width:768px)" srcset="">
                        <img alt="Slide Image" class="w-full h-full object-cover" src="https://ymca.org.uk/wp-content/uploads/2024/08/Westminster-sign-up.png">
                    </picture>
                </div>
                            <div class="swiper-slide w-full h-full" data-swiper-slide-index="5" style="width: 790px;" role="group" aria-label="6 / 7">
                    <picture class="w-full h-full">
                        <source media="(max-width:768px)" srcset="">
                        <img alt="Slide Image" class="w-full h-full object-cover" src="https://ymca.org.uk/wp-content/uploads/2024/07/YMCA-Retail-Redcar-Nov23_170-scaled.jpg">
                    </picture>
                </div>
                            <div class="swiper-slide w-full h-full swiper-slide-duplicate-prev" data-swiper-slide-index="6" style="width: 790px;" role="group" aria-label="7 / 7">
                    <picture class="w-full h-full">
                        <source media="(max-width:768px)" srcset="">
                        <img alt="Slide Image" class="w-full h-full object-cover" src="https://ymca.org.uk/wp-content/uploads/2024/11/54146974407_618dbf08ae_k.jpg">
                    </picture>
                </div>
                    <div class="swiper-slide w-full h-full swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="0" role="group" aria-label="1 / 7" style="width: 790px;">
                    <picture class="w-full h-full">
                        <source media="(max-width:768px)" srcset="">
                        <img alt="Slide Image" class="w-full h-full object-cover" src="https://ymca.org.uk/wp-content/uploads/2024/11/ymca-ymcas-WEB-general-2024.png">
                    </picture>
                </div></div>
    <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
    <div class="container flex h-full flex-col justify-end md:justify-center md:p-5">
        <div class="md:max-w-[450px] relative">
                            <div class="current-slide-cb5a90d6-970c-49ba-bad6-571e0a546e09 absolute md:translate-x-[50%] md:-translate-y-[50%] top-2 md:top-0 right-2 md:right-0 bg-white aspect-square md:w-[60px] w-[40px] rounded-full flex justify-center items-center z-10">
                    <span class="text-black font-bold">01</span>
                </div>
                        <div class="swiper swiper-main_cb5a90d6-970c-49ba-bad6-571e0a546e09 rounded-b-none rounded-t-3xl md:rounded-3xl overflow-hidden swiper-initialized swiper-horizontal swiper-pointer-events swiper-autoheight swiper-backface-hidden">

                <div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-450px, 0px, 0px); height: 346px;" id="swiper-wrapper-f3400f528e6998a9" aria-live="off"><div class="swiper-slide p-5 md:p-10 text-white bg-primary swiper-slide-duplicate swiper-slide-prev" data-swiper-slide-index="6" style="width: 450px;" role="group" aria-label="7 / 7">
                            <div class="styled-content w-fit [&amp;_>_h1]:pr-7">
                                <h2><strong>Youth Matters Awards 2024</strong></h2>
<p>Meet this year’s recipients and finalists of our annual celebration of young people, staff, volunteers and YMCA projects.</p>
                            </div>
                            <div class="w-full">
                                                                    <a href="https://ymca.org.uk/youth-matters-awards-recipients/" target="" class="button-white w-fit text-primary-900 hover:bg-primary-900 hover:border-white">
                                        2024 Award Recipients                                    </a>
                                                            </div>
                        </div>
                                            <div class="swiper-slide p-5 md:p-10 text-white bg-blue swiper-slide-active" data-swiper-slide-index="0" style="width: 450px;" role="group" aria-label="1 / 7">
                            <div class="styled-content w-fit [&amp;_>_h1]:pr-7">
                                <h2><strong>Support our Latest Appeal</strong></h2>
<p>This Christmas, you could be the turning point and help stop young people’s problems from snowballing further.</p>
                            </div>
                            <div class="w-full">
                                                                    <a href="https://donate.ymca.org.uk/?campaign=homebanner&amp;utm_source=cash_appeal&amp;utm_medium=web_banner&amp;utm_campaign=christmas&amp;utm_id=24banxma&amp;utm_term=onxmabanxx" target="" class="button-white w-fit text-primary-900 hover:bg-primary-900 hover:border-white">
                                        Donate today                                    </a>
                                                            </div>
                        </div>
                                            <div class="swiper-slide p-5 md:p-10 text-white bg-primary swiper-slide-next" data-swiper-slide-index="1" style="width: 450px;" role="group" aria-label="2 / 7">
                            <div class="styled-content w-fit [&amp;_>_h1]:pr-7">
                                <h2><strong>Everyone should have a fair chance to discover who they are and what they can become.</strong></h2>
                            </div>
                            <div class="w-full">
                                                                    <a href="/what-we-do/" target="" class="button-white w-fit text-primary-900 hover:bg-primary-900 hover:border-white">
                                        Discover More                                    </a>
                                                            </div>
                        </div>
                                            <div class="swiper-slide p-5 md:p-10 text-white bg-grey" data-swiper-slide-index="2" style="width: 450px;" role="group" aria-label="3 / 7">
                            <div class="styled-content w-fit [&amp;_>_h1]:pr-7">
                                <h2><strong>Become a <span class="tmce-blue">RoomSponsor</span></strong></h2>
<p>By donating <strong>£12 per month</strong>, you can help provide a safe place for young people at risk of homelessness.</p>
                            </div>
                            <div class="w-full">
                                                                    <a href="https://ymca.org.uk/get-involved/" target="" class="button-white w-fit text-primary-900 hover:bg-primary-900 hover:border-white">
                                        Become a RoomSponsor                                    </a>
                                                            </div>
                        </div>
                                            <div class="swiper-slide p-5 md:p-10 text-white bg-primary" data-swiper-slide-index="3" style="width: 450px;" role="group" aria-label="4 / 7">
                            <div class="styled-content w-fit [&amp;_>_h1]:pr-7">
                                <h2><strong>180 Years of YMCA</strong></h2>
<p>After 180 years, discover why YMCA still matters more than ever.</p>
                            </div>
                            <div class="w-full">
                                                                    <a href="https://ymca.org.uk/ymca180/" target="" class="button-white w-fit text-primary-900 hover:bg-primary-900 hover:border-white">
                                        Discover more                                    </a>
                                                            </div>
                        </div>
                                            <div class="swiper-slide p-5 md:p-10 text-white bg-primary" data-swiper-slide-index="4" style="width: 450px;" role="group" aria-label="5 / 7">
                            <div class="styled-content w-fit [&amp;_>_h1]:pr-7">
                                <h2><strong>Become a campaigner</strong></h2>
<p>Sign up to our campaigner newsletter to hear how you can help to give young people a fair chance and create a better quality of life in the<br>
community.</p>
                            </div>
                            <div class="w-full">
                                                                    <a href="https://campaigns.ymca.org.uk/page/50979/subscribe/1?ea.tracking.id=website%20test%201" target="" class="button-white w-fit text-primary-900 hover:bg-primary-900 hover:border-white">
                                        Sign up now                                    </a>
                                                            </div>
                        </div>
                                            <div class="swiper-slide p-5 md:p-10 text-white bg-primary" data-swiper-slide-index="5" style="width: 450px;" role="group" aria-label="6 / 7">
                            <div class="styled-content w-fit [&amp;_>_h1]:pr-7">
                                <h2><strong>YMCA Charity Shops</strong></h2>
<p>Money raised in these stores&nbsp;helps to transform the lives of hundreds of thousands of young people and create a better quality of life in local communities.</p>
                            </div>
                            <div class="w-full">
                                                                    <a href="https://ymca.org.uk/shops/" target="" class="button-white w-fit text-primary-900 hover:bg-primary-900 hover:border-white">
                                        Find out more                                    </a>
                                                            </div>
                        </div>
                                            <div class="swiper-slide p-5 md:p-10 text-white bg-primary swiper-slide-duplicate-prev" data-swiper-slide-index="6" style="width: 450px;" role="group" aria-label="7 / 7">
                            <div class="styled-content w-fit [&amp;_>_h1]:pr-7">
                                <h2><strong>Youth Matters Awards 2024</strong></h2>
<p>Meet this year’s recipients and finalists of our annual celebration of young people, staff, volunteers and YMCA projects.</p>
                            </div>
                            <div class="w-full">
                                                                    <a href="https://ymca.org.uk/youth-matters-awards-recipients/" target="" class="button-white w-fit text-primary-900 hover:bg-primary-900 hover:border-white">
                                        2024 Award Recipients                                    </a>
                                                            </div>
                        </div>
                                    <div class="swiper-slide p-5 md:p-10 text-white bg-blue swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="0" role="group" aria-label="1 / 7" style="width: 450px;">
                            <div class="styled-content w-fit [&amp;_>_h1]:pr-7">
                                <h2><strong>Support our Latest Appeal</strong></h2>
<p>This Christmas, you could be the turning point and help stop young people’s problems from snowballing further.</p>
                            </div>
                            <div class="w-full">
                                                                    <a href="https://donate.ymca.org.uk/?campaign=homebanner&amp;utm_source=cash_appeal&amp;utm_medium=web_banner&amp;utm_campaign=christmas&amp;utm_id=24banxma&amp;utm_term=onxmabanxx" target="" class="button-white w-fit text-primary-900 hover:bg-primary-900 hover:border-white">
                                        Donate today                                    </a>
                                                            </div>
                        </div></div>
                                    <div class="absolute p-5 md:p-10 bottom-0 right-0 z-10 w-fit">
                        <div class="flex gap-2">
    <div class="swiper-button swiper-prev-cb5a90d6-970c-49ba-bad6-571e0a546e09 transition-all duration-300 rotate-180" x-ref="prev" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-f3400f528e6998a9">
        <svg xmlns="http://www.w3.org/2000/svg" width="19" height="15" viewBox="0 0 19 15">
  <path id="Color_Overlay" data-name="Color Overlay" d="M9.647,12.872,13.4,9.005H0V5.995H13.4L9.647,2.128,11.714,0,19,7.5,11.714,15Z" fill="currentColor"></path>
</svg>
    </div>
    <div class="swiper-button swiper-next-cb5a90d6-970c-49ba-bad6-571e0a546e09 transition-all duration-300" x-ref="next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-f3400f528e6998a9">
        <svg xmlns="http://www.w3.org/2000/svg" width="19" height="15" viewBox="0 0 19 15">
  <path id="Color_Overlay" data-name="Color Overlay" d="M9.647,12.872,13.4,9.005H0V5.995H13.4L9.647,2.128,11.714,0,19,7.5,11.714,15Z" fill="currentColor"></path>
</svg>
    </div>
</div>                    </div>
                            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
        </div>
    </div>
    <script>
        jQuery(document).ready(function($) {
            function initSwipers() {

                const swiper_bg = new Swiper('.swiper-bg-image_cb5a90d6-970c-49ba-bad6-571e0a546e09', {
                    loop: true,
                    autoplay: false,
                    spaceBetween: 0,
                    slidesPerView: 1,
                    noSwiping: true,
                    normalizeSlideIndex: false,
                    simulateTouch: false
                });

                const swiper_main = new Swiper('.swiper-main_cb5a90d6-970c-49ba-bad6-571e0a546e09', {
                    autoplay: {"delay":10000},
                    loop: true,
                    spaceBetween: 0,
                    slidesPerView: 1,
                    autoHeight: true,
                    normalizeSlideIndex: false,
                    navigation: {
                        nextEl: '.swiper-next-cb5a90d6-970c-49ba-bad6-571e0a546e09',
                        prevEl: '.swiper-prev-cb5a90d6-970c-49ba-bad6-571e0a546e09'
                    },
                    simulateTouch: false
                });

                swiper_main.on('transitionEnd', function(swiper) {
                    setSlideNum(swiper);
                });

                function setSlideNum(swiper) {
                    i = swiper.activeIndex;
                    if (i < 9) i = '0' + i;
                    $('.current-slide-cb5a90d6-970c-49ba-bad6-571e0a546e09 span').html(i);
                }

                setSlideNum(swiper_main);

                //set total
                const total = $('.swiper_cb5a90d6-970c-49ba-bad6-571e0a546e09 .swiper-slide').length;
                $('.pagination-num-cb5a90d6-970c-49ba-bad6-571e0a546e09 .total').html("0" + total);

                //bg-swiper control
                swiper_bg.controller.control = swiper_main;
                swiper_main.controller.control = swiper_bg;

                //swiper center controls swiper bg-image

                return {
                    swiper_bg,
                    swiper_main
                };
            }

            const banner_swiper = initSwipers();

        });
    </script>
</section>
<section class="purpose-statement-section section min-h-section flex flex-col justify-center">
    <div class="container pb-10 md:pb-20 pt-20 md:pt-[200px]">
                    <div class="grid grid-cols-2 md:grid-cols-4 pb-10 gap-y-5">
                                    <div class=" w-full h-full relative group md:hover:-translate-y-6 transition-transform duration-500">
                                                    <img class="transition-transform absolute  duration-500 md:group-hover:scale-110 md:group-hover:translate-y-6 front-image  -bottom-[10px] w-full h-auto object-contain position-center z-[10]" src="https://ymca.org.uk/wp-content/uploads/2023/09/cutout-2.png" alt="Image">
                                                <div class="back-image bottom-0 left-0 w-full h-full rotate-0 z-0 text-primary">
                            <svg xmlns="http://www.w3.org/2000/svg" width="331" height="286" viewBox="0 0 331 286" style="width: 100%; height: auto;">
  <path id="Polygon_10" data-name="Polygon 10" d="M165.5,0,331,286H0Z" transform="translate(331 286) rotate(180)" fill="currentColor"></path>
</svg>
                        </div>
                    </div>
                                    <div class="offset w-full h-full relative group md:hover:-translate-y-6 transition-transform duration-500">
                                                    <img class="transition-transform absolute  duration-500 md:group-hover:scale-110 md:group-hover:translate-y-6 front-image  -bottom-[10px] w-full h-auto object-contain position-center z-[10]" src="https://ymca.org.uk/wp-content/uploads/2023/09/cutout-3.png" alt="Image">
                                                <div class="back-image bottom-0 left-0 w-full h-full rotate-180 z-0 text-primary">
                            <svg xmlns="http://www.w3.org/2000/svg" width="331" height="286" viewBox="0 0 331 286" style="width: 100%; height: auto;">
  <path id="Polygon_10" data-name="Polygon 10" d="M165.5,0,331,286H0Z" transform="translate(331 286) rotate(180)" fill="currentColor"></path>
</svg>
                        </div>
                    </div>
                                    <div class=" w-full h-full relative group md:hover:-translate-y-6 transition-transform duration-500">
                                                    <img class="transition-transform absolute  duration-500 md:group-hover:scale-110 md:group-hover:translate-y-6 front-image  -bottom-[10px] w-full h-auto object-contain position-center z-[10]" src="https://ymca.org.uk/wp-content/uploads/2023/09/cutout-1.png" alt="Image">
                                                <div class="back-image bottom-0 left-0 w-full h-full rotate-0 z-0 text-primary">
                            <svg xmlns="http://www.w3.org/2000/svg" width="331" height="286" viewBox="0 0 331 286" style="width: 100%; height: auto;">
  <path id="Polygon_10" data-name="Polygon 10" d="M165.5,0,331,286H0Z" transform="translate(331 286) rotate(180)" fill="currentColor"></path>
</svg>
                        </div>
                    </div>
                                    <div class="offset w-full h-full relative group md:hover:-translate-y-6 transition-transform duration-500">
                                                    <img class="transition-transform absolute  duration-500 md:group-hover:scale-110 md:group-hover:translate-y-6 front-image  -bottom-[10px] w-full h-auto object-contain position-center z-[10]" src="https://ymca.org.uk/wp-content/uploads/2023/09/cutout-4.png" alt="Image">
                                                <div class="back-image bottom-0 left-0 w-full h-full rotate-180 z-0 text-primary">
                            <svg xmlns="http://www.w3.org/2000/svg" width="331" height="286" viewBox="0 0 331 286" style="width: 100%; height: auto;">
  <path id="Polygon_10" data-name="Polygon 10" d="M165.5,0,331,286H0Z" transform="translate(331 286) rotate(180)" fill="currentColor"></path>
</svg>
                        </div>
                    </div>
                            </div>
                <div class="p-10 md:pt-20 md:pb-12">
            <div class="h2 text-4xl md:text-6xl text-purple text-center font-normal transition-transform md:leading-[80px]">
                <h2><strong><span class=""><span class="will-change-auto relative top-0 opacity-0 text-bounce">E</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">v</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">e</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">r</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">y</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">o</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">n</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">e</span><span class="will-change-auto relative top-0 opacity-0 text-bounce"> </span><span class="will-change-auto relative top-0 opacity-0 text-bounce">s</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">h</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">o</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">u</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">l</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">d</span><span class="will-change-auto relative top-0 opacity-0 text-bounce"> </span><span class="will-change-auto relative top-0 opacity-0 text-bounce">h</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">a</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">v</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">e</span><span class="will-change-auto relative top-0 opacity-0 text-bounce"> </span><span class="will-change-auto relative top-0 opacity-0 text-bounce">a</span><span class="will-change-auto relative top-0 opacity-0 text-bounce"> </span><span class="will-change-auto relative top-0 opacity-0 text-bounce">f</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">a</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">i</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">r</span><span class="will-change-auto relative top-0 opacity-0 text-bounce"> </span><span class="will-change-auto relative top-0 opacity-0 text-bounce">c</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">h</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">a</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">n</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">c</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">e</span><span class="will-change-auto relative top-0 opacity-0 text-bounce"> </span><span class="will-change-auto relative top-0 opacity-0 text-bounce">t</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">o</span><span class="will-change-auto relative top-0 opacity-0 text-bounce"> </span><span class="will-change-auto relative top-0 opacity-0 text-bounce">d</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">i</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">s</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">c</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">o</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">v</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">e</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">r</span><span class="will-change-auto relative top-0 opacity-0 text-bounce"> </span><span class="will-change-auto relative top-0 opacity-0 text-bounce">w</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">h</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">o</span><span class="will-change-auto relative top-0 opacity-0 text-bounce"> </span><span class="will-change-auto relative top-0 opacity-0 text-bounce">t</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">h</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">e</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">y</span><span class="will-change-auto relative top-0 opacity-0 text-bounce"> </span><span class="will-change-auto relative top-0 opacity-0 text-bounce">a</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">r</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">e</span><span class="will-change-auto relative top-0 opacity-0 text-bounce"> </span><span class="will-change-auto relative top-0 opacity-0 text-bounce">a</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">n</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">d</span><span class="will-change-auto relative top-0 opacity-0 text-bounce"> </span><span class="will-change-auto relative top-0 opacity-0 text-bounce">w</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">h</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">a</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">t</span><span class="will-change-auto relative top-0 opacity-0 text-bounce"> </span><span class="will-change-auto relative top-0 opacity-0 text-bounce">t</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">h</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">e</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">y</span><span class="will-change-auto relative top-0 opacity-0 text-bounce"> </span><span class="will-change-auto relative top-0 opacity-0 text-bounce">c</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">a</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">n</span><span class="will-change-auto relative top-0 opacity-0 text-bounce"> </span><span class="will-change-auto relative top-0 opacity-0 text-bounce">b</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">e</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">c</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">o</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">m</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">e</span><span class="will-change-auto relative top-0 opacity-0 text-bounce">.</span></span></strong></h2><span class="will-change-auto relative top-0 opacity-0 text-bounce">
</span>            </div>
            <h1 class="quote-attr p opacity-0 uppercase text-black md:text-xl text-center font-bold">
                            </h1>
        </div>  <a class="button-outline-primary w-fit mx-auto" target="" href="https://ymca.org.uk/about-us/">
                About Us            </a>
            </div>
    <script>
        jQuery(document).ready(function($) {

            let mm = gsap.matchMedia(),
                breakpoint = 768;

            mm.add({
                isDesktop: `(min-width: ${breakpoint}px)`,
                isMobile: `(max-width: ${breakpoint}px)`,
            }, (context) => {
                let {
                    isDesktop,
                    isMobile
                } = context.conditions;

                const tl = gsap.timeline({
                    scrollTrigger: {
                        trigger: '.purpose-statement-section',
                        start: 'top center',
                        end: 'bottom center',
                        scrub: true,
                    }
                });

                tl.to('.back-image', {
                    y: isDesktop ? -100 : 0
                });
            })




            //text bounce anim 
            const tl_trigger = gsap.timeline({
                scrollTrigger: {
                    trigger: '.purpose-statement-section',
                    start: 'top center',
                    end: 'bottom center',
                    //onEnter, onLeave, onEnterBack, onLeaveBack
                    //"play", "pause", "resume", "reset", "restart", "complete", "reverse", and "none".
                    toggleActions: "play none none reset",
                },
            });

            tl_trigger.to('.text-bounce', {
                stagger: 0.04,
                duration: 1,
                ease: "back.out(1.7)",
                keyframes: [{
                        top: -30,
                        color: '#AF126D',
                        opacity: 1,
                    },
                    {
                        top: 0,
                        color: '#6C4891',
                    }
                ]
            });
            tl_trigger.to('.quote-attr', {
                ease: "back.out(1.7)",
                duration: 1,
                keyframes: [{
                        opacity: 1,
                        scale: 1.1
                    },
                    {
                        scale: 1
                    }
                ]
            }, '-=0.8')
        });
    </script>
</section>
<section class="what-we-do section pt-10">
            <div class="container styled-content md:pb-10">
            <h2 style="text-align: center;"><span class="tmce-pink"><strong>What we do and how we can help</strong></span></h2>
        </div>
    
    <div class="max-w-[1920px] mx-auto md:grid md:grid-cols-5 bg-gray">
        
<div class="min-h-[400px] md:min-h-[618px] relative overflow-hidden group border-y-8 border-[var(--service-color)]" style="--service-color: #b5cb52">
    <img alt="Health &amp; Wellbeing Image" class="w-full h-full object-cover absolute absolute-center" src="https://ymca.org.uk/wp-content/uploads/2024/05/health.webp">
    <div class="bg-gradient-to-t from-black absolute mix-blend-multiply bottom-0 left-0 h-full w-full"></div>
    <div class="text-left translate-y-[225px] md:translate-y-[70%] content-container text-white group-hover:text-black relative p-10 group-hover:translate-y-[175px] md:group-hover:translate-y-[20%] rounded-t-3xl group-hover:bg-[var(--service-color)] transition-all duration-500 h-full w-full">
        <p class="p">Community Fitness</p>
        <h3 class="h2 font-bold md:text-3xl min-h-[73px] group-hover:min-h-[unset] text-2xl">
            Health &amp; Wellbeing        </h3>
        <p class="p hidden md:block">
            Gyms, sport and recreation for fitness, and community hubs for classes, social connection and collaborations.        </p>
        <a href="https://ymca.org.uk/services/health-wellbeing/" class="button-outline-black w-[145px]">
            Explore Now        </a>
    </div>
</div>
<div class="min-h-[400px] md:min-h-[618px] relative overflow-hidden group border-y-8 border-[var(--service-color)]" style="--service-color: #ed8c01">
    <img alt="Family &amp; Youth Work Image" class="w-full h-full object-cover absolute absolute-center" src="https://ymca.org.uk/wp-content/uploads/2024/05/family-and-youth-scaled.webp">
    <div class="bg-gradient-to-t from-black absolute mix-blend-multiply bottom-0 left-0 h-full w-full"></div>
    <div class="text-left translate-y-[225px] md:translate-y-[70%] content-container text-white group-hover:text-black relative p-10 group-hover:translate-y-[175px] md:group-hover:translate-y-[20%] rounded-t-3xl group-hover:bg-[var(--service-color)] transition-all duration-500 h-full w-full">
        <p class="p">Creating Positive Outcomes</p>
        <h3 class="h2 font-bold md:text-3xl min-h-[73px] group-hover:min-h-[unset] text-2xl">
            Family &amp; Youth Work        </h3>
        <p class="p hidden md:block">
            Creating positive outcomes with children and young people in their communities, and support for families with nursery, daycare, holiday and year-round programmes.        </p>
        <a href="https://ymca.org.uk/services/family-and-youth-work/" class="button-outline-black w-[145px]">
            Explore Now        </a>
    </div>
</div>
<div class="min-h-[400px] md:min-h-[618px] relative overflow-hidden group border-y-8 border-[var(--service-color)]" style="--service-color: #9bd3f2">
    <img alt="Housing Image" class="w-full h-full object-cover absolute absolute-center" src="https://ymca.org.uk/wp-content/uploads/2023/09/ymca-housing-2023-11-black-country-014.jpg">
    <div class="bg-gradient-to-t from-black absolute mix-blend-multiply bottom-0 left-0 h-full w-full"></div>
    <div class="text-left translate-y-[225px] md:translate-y-[70%] content-container text-white group-hover:text-black relative p-10 group-hover:translate-y-[175px] md:group-hover:translate-y-[20%] rounded-t-3xl group-hover:bg-[var(--service-color)] transition-all duration-500 h-full w-full">
        <p class="p">Supporting You</p>
        <h3 class="h2 font-bold md:text-3xl min-h-[73px] group-hover:min-h-[unset] text-2xl">
            Housing        </h3>
        <p class="p hidden md:block">
            Providing a home and personalised support services for a fresh start in life.        </p>
        <a href="https://ymca.org.uk/services/housing/" class="button-outline-black w-[145px]">
            Explore Now        </a>
    </div>
</div>
<div class="min-h-[400px] md:min-h-[618px] relative overflow-hidden group border-y-8 border-[var(--service-color)]" style="--service-color: #81c3af">
    <img alt="Training &amp; Education Image" class="w-full h-full object-cover absolute absolute-center" src="https://ymca.org.uk/wp-content/uploads/2023/09/ymca-general-2023-11-black-country-035.jpg">
    <div class="bg-gradient-to-t from-black absolute mix-blend-multiply bottom-0 left-0 h-full w-full"></div>
    <div class="text-left translate-y-[225px] md:translate-y-[70%] content-container text-white group-hover:text-black relative p-10 group-hover:translate-y-[175px] md:group-hover:translate-y-[20%] rounded-t-3xl group-hover:bg-[var(--service-color)] transition-all duration-500 h-full w-full">
        <p class="p">Opportunities</p>
        <h3 class="h2 font-bold md:text-3xl min-h-[73px] group-hover:min-h-[unset] text-2xl">
            Training &amp; Education        </h3>
        <p class="p hidden md:block">
            Opportunities to gain qualifications, skills and employment.        </p>
        <a href="https://ymca.org.uk/services/training-and-education/" class="button-outline-black w-[145px]">
            Explore Now        </a>
    </div>
</div>
<div class="min-h-[400px] md:min-h-[618px] relative overflow-hidden group border-y-8 border-[var(--service-color)]" style="--service-color: #f7bf1f">
    <img alt="Support &amp; Advice Image" class="w-full h-full object-cover absolute absolute-center" src="https://ymca.org.uk/wp-content/uploads/2023/09/ymca-support-advice-2023-11-black-country-022-scaled.jpg">
    <div class="bg-gradient-to-t from-black absolute mix-blend-multiply bottom-0 left-0 h-full w-full"></div>
    <div class="text-left translate-y-[225px] md:translate-y-[70%] content-container text-white group-hover:text-black relative p-10 group-hover:translate-y-[175px] md:group-hover:translate-y-[20%] rounded-t-3xl group-hover:bg-[var(--service-color)] transition-all duration-500 h-full w-full">
        <p class="p">A Safe Place to Talk</p>
        <h3 class="h2 font-bold md:text-3xl min-h-[73px] group-hover:min-h-[unset] text-2xl">
            Support &amp; Advice        </h3>
        <p class="p hidden md:block">
            A safe place to talk and get help through guided groups, mentoring, counselling, and mental health services.        </p>
        <a href="https://ymca.org.uk/services/support-and-advice/" class="button-outline-black w-[145px]">
            Explore Now        </a>
    </div>
</div>    </div>
</section>
<section class="cta-banner section py-28 md:py-40 relative text-white overflow-hidden px-5 md:px-0">
    <picture>
        <source media="(max-width:768px)" srcset="https://ymca.org.uk/wp-content/uploads/2024/07/Screenshot-2024-07-17-112421-e1721215964508.png">
        <img data-parallax="5" alt="Background Image" class="w-full h-full absolute top-0 left-0 object-cover object-center -z-10" src="https://ymca.org.uk/wp-content/uploads/2024/07/Screenshot-2024-07-17-112421-e1721215964508.png" style="translate: none; rotate: none; scale: none; transform: translate(0px, -150px) scale(1.2, 1.2);">
    </picture>

    <div class="z-0 bg-gradient-to-t from-black h-full absolute bottom-0 left-0 w-full mix-blend-multiply opacity-"></div>

    <div class="container text-center relative z-10">
        <div class="max-w-4xl mx-auto">
            
                            <h2 class="font-bold px-5 text-4xl mb-5">Impact Dashboard</h2>
            
                            <div class="text-lg styled-content"><p>See how and where we are helping young people today. Our impact dashboard gives a real-time overview of YMCA’s work.</p>
</div>
            
                            <div class="max-w-fit mx-auto mt-10">
                    <div class="button-wrapper" x-data="{ open: false }">

    <!-- LEGACY FALLBACK -->
    
        <a class="button-primary button-base" href="https://impact.ymca.org.uk/" target="_self">
                        Dashboard        </a>

    
    <!-- LEGACY FALLBACK -->
    
    </div>                </div>
                    </div>
    </div>
</section>

    <img alt="Divider" class="w-screen" src="https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website/includes/components/color-divider.svg">

<div class="statistics-slider container h-full py-20 md:py-52 overflow-hidden px-5">
    <div class="max-w-6xl mx-auto">
        <div class="block space-y-10 md:space-y-0 md:grid md:grid-cols-2 w-full gap-10">
            <!-- TEXT CONTENT -->
            <div class="w-full flex flex-col justify-center">
                <div class="max-width text-3xl md:text-5xl text-purple leading-tight">
                    <p><span class="tmce-grey">We’re proud to be supporting <strong>708 communities</strong> in England and Wales</span></p>
                </div>
            </div>

                            <!-- SWIPER CONTENT -->
                <div class="w-full">
                    <div class="swiper_68c740ee-020f-49fc-97ee-5cbb22954fd5 swiper-fade swiper-initialized swiper-horizontal swiper-pointer-events swiper-watch-progress swiper-backface-hidden">
                        <div class="swiper-wrapper" style="transition-duration: 500ms;" id="swiper-wrapper-cace29d33854d679" aria-live="off"><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="1" style="width: 344px; transition-duration: 500ms; opacity: 0; transform: translate3d(0px, 0px, 0px);" role="group" aria-label="2 / 2">
                                    <div class="border-l-[20px] border-l-primary pl-7">

                                        <p class="text-6xl md:text-9xl text-primary font-bold leading-none">
                                            <span class=""></span><span data-val="84">0</span>
                                        </p>
                                        <div class="flex items-center gap-5 md:pt-5">
                                            <p class="font-serif font-bold text-lg">
                                                YMCAs in England and Wales                                            </p>
                                        </div>
                                    </div>
                                </div>
                                                            <div class="swiper-slide swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="0" style="width: 344px; transition-duration: 500ms; opacity: 0; transform: translate3d(-344px, 0px, 0px);" role="group" aria-label="1 / 2">
                                    <div class="border-l-[20px] border-l-primary pl-7">

                                        <p class="text-6xl md:text-9xl text-primary font-bold leading-none">
                                            <span class=""></span><span data-val="228711">0</span>
                                        </p>
                                        <div class="flex items-center gap-5 md:pt-5">
                                            <p class="font-serif font-bold text-lg">
                                                children, young people and parents supported                                            </p>
                                        </div>
                                    </div>
                                </div>
                                                            <div class="swiper-slide swiper-slide-visible swiper-slide-active" data-swiper-slide-index="1" style="width: 344px; transition-duration: 500ms; opacity: 1; transform: translate3d(-688px, 0px, 0px);" role="group" aria-label="2 / 2">
                                    <div class="border-l-[20px] border-l-primary pl-7">

                                        <p class="text-6xl md:text-9xl text-primary font-bold leading-none">
                                            <span class=""></span><span data-val="84">0</span>
                                        </p>
                                        <div class="flex items-center gap-5 md:pt-5">
                                            <p class="font-serif font-bold text-lg">
                                                YMCAs in England and Wales                                            </p>
                                        </div>
                                    </div>
                                </div>
                                                    <div class="swiper-slide swiper-slide-duplicate swiper-slide-next swiper-slide-duplicate-prev" data-swiper-slide-index="0" role="group" aria-label="1 / 2" style="width: 344px; transition-duration: 500ms; opacity: 0; transform: translate3d(-1032px, 0px, 0px);">
                                    <div class="border-l-[20px] border-l-primary pl-7">

                                        <p class="text-6xl md:text-9xl text-primary font-bold leading-none">
                                            <span class=""></span><span data-val="228711">0</span>
                                        </p>
                                        <div class="flex items-center gap-5 md:pt-5">
                                            <p class="font-serif font-bold text-lg">
                                                children, young people and parents supported                                            </p>
                                        </div>
                                    </div>
                                </div></div>
                    <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
                                            <div class="flex justify-between items-center mt-9">
                            <div class="flex gap-2">
    <div class="swiper-button swiper-prev-68c740ee-020f-49fc-97ee-5cbb22954fd5 transition-all duration-300 rotate-180" x-ref="prev" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-cace29d33854d679">
        <svg xmlns="http://www.w3.org/2000/svg" width="19" height="15" viewBox="0 0 19 15">
  <path id="Color_Overlay" data-name="Color Overlay" d="M9.647,12.872,13.4,9.005H0V5.995H13.4L9.647,2.128,11.714,0,19,7.5,11.714,15Z" fill="currentColor"></path>
</svg>
    </div>
    <div class="swiper-button swiper-next-68c740ee-020f-49fc-97ee-5cbb22954fd5 transition-all duration-300" x-ref="next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-cace29d33854d679">
        <svg xmlns="http://www.w3.org/2000/svg" width="19" height="15" viewBox="0 0 19 15">
  <path id="Color_Overlay" data-name="Color Overlay" d="M9.647,12.872,13.4,9.005H0V5.995H13.4L9.647,2.128,11.714,0,19,7.5,11.714,15Z" fill="currentColor"></path>
</svg>
    </div>
</div>                            <div class="swiper-pagination_68c740ee-020f-49fc-97ee-5cbb22954fd5 flex !w-auto [&amp;>.swiper-pagination-bullet]:w-[10px] [&amp;>.swiper-pagination-bullet]:h-[10px] [&amp;>.swiper-pagination-bullet-active]:bg-teal swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 2" aria-current="true"></span></div>
                        </div>
                    
                    <script>
                        jQuery(document).ready(function($) {

                            let swiper;

                            swiper = new Swiper('.swiper_68c740ee-020f-49fc-97ee-5cbb22954fd5', {
                                loop: true,
                                autoplay: {
                                    delay: 7000
                                },
                                speed: 500,
                                slidesPerView: 1,
                                slideToClickedSlide: false,
                                spaceBetween: 50,

                                fadeEffect: {
                                    crossFade: true
                                },
                                effect: "fade",
                                pagination: {
                                    el: '.swiper-pagination_68c740ee-020f-49fc-97ee-5cbb22954fd5',
                                    type: 'bullets',
                                    clickable: true
                                },

                                navigation: {
                                    nextEl: '.swiper-next-68c740ee-020f-49fc-97ee-5cbb22954fd5',
                                    prevEl: '.swiper-prev-68c740ee-020f-49fc-97ee-5cbb22954fd5',
                                }

                            });

                            swiper.on('transitionStart', function() {
                                $('[data-val]').html(0);
                                triggerTicker();
                            });

                            function triggerTicker() {
                                const el = $('.swiper_68c740ee-020f-49fc-97ee-5cbb22954fd5 .swiper-slide-active [data-val]');
                                const target = $(el).data('val');

                                let rating = {
                                    value: 0
                                };

                                runCounter = gsap.to(rating, {
                                    value: target,
                                    duration: 3,
                                    ease: 'power2.inOut',
                                    onUpdate: function() {
                                        format_val = new Intl.NumberFormat().format(rating.value.toFixed());
                                        $(el).html(format_val);
                                    }
                                });
                            }

                            gsap.from('.swiper_68c740ee-020f-49fc-97ee-5cbb22954fd5', {
                                scrollTrigger: {
                                    trigger: '.swiper_68c740ee-020f-49fc-97ee-5cbb22954fd5',
                                    start: "top 100%",
                                    end: "bottom 20%",
                                    onEnter: () => triggerTicker()
                                }
                            });
                        });
                    </script>

                </div>
                    </div>
    </div>
</div>
<section class="find-your-ymca section min-h-screen md:min-h-[50vh] flex justify-center items-center relative text-white overflow-hidden">
            <img data-parallax="5" alt="Background Image" class="w-full h-full absolute top-0 left-0 object-cover object-center -z-10" src="https://ymca.org.uk/wp-content/uploads/2024/06/ymca-video-background-family-youth-work-magenta.png" style="translate: none; rotate: none; scale: none; transform: translate(0px, -150px) scale(1.2, 1.2);">
    
    <div class="container text-center flex flex-col items-center relative px-5 md:px-0">
        <h2 class="font-bold px-5 text-4xl mb-5 ">Find your local YMCA</h2>

        
<form action="/locations/#map-container" method="get" class="bg-white rounded-[40px] drop-shadow-lg p-4 text-black text-left md:mx-2 w-full md:w-fit max-w-[1162px]" x-data="{
    facilitiesDropdown: false,
    servicesDropdown: false,
    facilitiesMobileDropdown: false,
    servicesMobileDropdown: false,
    facilities: [],
    location_services: []}">
    <div class="flex items-center">
        <div class="flex flex-wrap gap-2 lg:gap-0 lg:divide-x md:pr-10 w-full md:w-[unset]">
            <div class="md:pl-10 pr-2 w-full md:w-60 xl:w-80 flex flex-col justify-center">
                <p class="font-bold">Location</p>
                <input value="" name="search" class="text-sm h-[30px] ps-2" type="text" placeholder="Type here...">
            </div>
            <div class="md:pl-10 pr-2 w-full md:w-60 flex flex-col justify-center">
                <p class="font-bold">Distance </p>
                <select class="text-sm h-[30px]" name="distance" id="">
                                            <option selected="" value="25">Within 25 miles</option>
                                            <option value="30">Within 30 miles</option>
                                            <option value="35">Within 35 miles</option>
                                            <option value="40">Within 40 miles</option>
                                            <option value="45">Within 45 miles</option>
                                            <option value="50">Within 50 miles</option>
                                    </select>
            </div>
            <!--facilities desktop-->
            <div class="hidden md:pl-10 pr-2 w-full md:w-60 cursor-pointer transition-opacity hover:opacity-60 md:flex justify-between items-center" @click="facilitiesDropdown = !facilitiesDropdown, servicesDropdown = false, facilitiesMobileDropdown = false, servicesMobileDropdown = false">
                <div>
                    <p class="font-bold">Facilities</p>
                    <p class="text-sm h-[30px]"><span x-html="facilities.length">0</span> Selected</p>
                </div>

                <div class="mt-5" x-bind:class="facilitiesDropdown ? 'text-primary' : ''">
                    <svg xmlns="http://www.w3.org/2000/svg" width="9" height="5" viewBox="0 0 9 5">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" fill="currentColor"></path>
</svg>                </div>
            </div>
            <!-- facilities mobile -->
            <div class="flex md:pl-10 pr-2 w-full md:w-60 cursor-pointer transition-opacity hover:opacity-60 md:hidden justify-between items-center" @click="facilitiesMobileDropdown = !facilitiesMobileDropdown, servicesMobileDropdown = false, servicesDropdown = false, facilitiesDropdown = false">
                <div>
                    <p class="font-bold">Facilities</p>
                    <p class="text-sm h-[30px]"><span x-html="facilities.length">0</span> Selected</p>
                </div>

                <div class="mt-5" x-bind:class="facilitiesDropdown ? 'text-primary' : ''">
                    <svg xmlns="http://www.w3.org/2000/svg" width="9" height="5" viewBox="0 0 9 5">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" fill="currentColor"></path>
</svg>                </div>
            </div>

            <!-- mobile dropdown -->
            <div class="md:hidden w-full">
                <div class="transition-spacing max-h-40 overflow-y-auto w-full custom-scrollbar pr-2" x-bind:class="facilitiesMobileDropdown ? 'md:pt-5 md:pb-1' : ''">
                                        <div x-show="facilitiesMobileDropdown" x-collapse="" class="w-full space-y-2" style="display: none; height: 0px; overflow: hidden;" hidden="">
                                                    <div>
                                <input class="peer" hidden="" id="facility-alternative-education" type="checkbox" value="alternative-education" name="facilities[]" x-model="facilities">
                                <label for="facility-alternative-education" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Alternative Education                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-cafe" type="checkbox" value="cafe" name="facilities[]" x-model="facilities">
                                <label for="facility-cafe" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Cafe                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-camps" type="checkbox" value="camps" name="facilities[]" x-model="facilities">
                                <label for="facility-camps" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Camps                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-chaplaincy" type="checkbox" value="chaplaincy" name="facilities[]" x-model="facilities">
                                <label for="facility-chaplaincy" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Chaplaincy                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-community-garden" type="checkbox" value="community-garden" name="facilities[]" x-model="facilities">
                                <label for="facility-community-garden" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Community Garden                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-community-hall" type="checkbox" value="community-hall" name="facilities[]" x-model="facilities">
                                <label for="facility-community-hall" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Community Hall                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-community-sports" type="checkbox" value="community-sports" name="facilities[]" x-model="facilities">
                                <label for="facility-community-sports" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Community Sports                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-conference-and-training-room" type="checkbox" value="conference-and-training-room" name="facilities[]" x-model="facilities">
                                <label for="facility-conference-and-training-room" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Conference and Training Room                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-conference-facilities" type="checkbox" value="conference-facilities" name="facilities[]" x-model="facilities">
                                <label for="facility-conference-facilities" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Conference Facilities                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-counselling" type="checkbox" value="counselling" name="facilities[]" x-model="facilities">
                                <label for="facility-counselling" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Counselling                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-dance-studio" type="checkbox" value="dance-studio" name="facilities[]" x-model="facilities">
                                <label for="facility-dance-studio" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Dance Studio                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-early-years" type="checkbox" value="early-years" name="facilities[]" x-model="facilities">
                                <label for="facility-early-years" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Early Years                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-emergency-housing" type="checkbox" value="emergency-housing" name="facilities[]" x-model="facilities">
                                <label for="facility-emergency-housing" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Emergency Housing                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-exercise-studios" type="checkbox" value="exercise-studios" name="facilities[]" x-model="facilities">
                                <label for="facility-exercise-studios" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Exercise Studios                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-foodbank" type="checkbox" value="foodbank" name="facilities[]" x-model="facilities">
                                <label for="facility-foodbank" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Foodbank                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-food-bank" type="checkbox" value="food-bank" name="facilities[]" x-model="facilities">
                                <label for="facility-food-bank" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Foodbank                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-football-pitch" type="checkbox" value="football-pitch" name="facilities[]" x-model="facilities">
                                <label for="facility-football-pitch" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Football Pitch                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-further-education" type="checkbox" value="further-education" name="facilities[]" x-model="facilities">
                                <label for="facility-further-education" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Further Education                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-gym" type="checkbox" value="gym" name="facilities[]" x-model="facilities">
                                <label for="facility-gym" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Gym                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-gymnastic-hall" type="checkbox" value="gymnastic-hall" name="facilities[]" x-model="facilities">
                                <label for="facility-gymnastic-hall" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Gymnastic Hall                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-gyms" type="checkbox" value="gyms" name="facilities[]" x-model="facilities">
                                <label for="facility-gyms" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Gyms                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-healthy-living-activities" type="checkbox" value="healthy-living-activities" name="facilities[]" x-model="facilities">
                                <label for="facility-healthy-living-activities" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Healthy Living Activities                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-hotel" type="checkbox" value="hotel" name="facilities[]" x-model="facilities">
                                <label for="facility-hotel" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Hotel                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-housing" type="checkbox" value="housing" name="facilities[]" x-model="facilities">
                                <label for="facility-housing" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Housing                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-it-suite" type="checkbox" value="it-suite" name="facilities[]" x-model="facilities">
                                <label for="facility-it-suite" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        IT Suite                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-leisure-centre" type="checkbox" value="leisure-centre" name="facilities[]" x-model="facilities">
                                <label for="facility-leisure-centre" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Leisure Centre                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-meeting-rooms" type="checkbox" value="meeting-rooms" name="facilities[]" x-model="facilities">
                                <label for="facility-meeting-rooms" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Meeting rooms                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-mental-health-support" type="checkbox" value="mental-health-support" name="facilities[]" x-model="facilities">
                                <label for="facility-mental-health-support" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Mental Health Support                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-move-on-housing" type="checkbox" value="move-on-housing" name="facilities[]" x-model="facilities">
                                <label for="facility-move-on-housing" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Move-On Housing                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-music-hall" type="checkbox" value="music-hall" name="facilities[]" x-model="facilities">
                                <label for="facility-music-hall" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Music Hall                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-nursery" type="checkbox" value="nursery" name="facilities[]" x-model="facilities">
                                <label for="facility-nursery" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Nursery                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-outdoor-education-centre" type="checkbox" value="outdoor-education-centre" name="facilities[]" x-model="facilities">
                                <label for="facility-outdoor-education-centre" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Outdoor Education Centre                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-recording-studio" type="checkbox" value="recording-studio" name="facilities[]" x-model="facilities">
                                <label for="facility-recording-studio" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Recording Studio                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-room-hire" type="checkbox" value="room-hire" name="facilities[]" x-model="facilities">
                                <label for="facility-room-hire" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Room Hire                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-sports-hall" type="checkbox" value="sports-hall" name="facilities[]" x-model="facilities">
                                <label for="facility-sports-hall" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Sports Hall                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-support-advice" type="checkbox" value="support-advice" name="facilities[]" x-model="facilities">
                                <label for="facility-support-advice" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Support &amp; Advice                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-supported-housing" type="checkbox" value="supported-housing" name="facilities[]" x-model="facilities">
                                <label for="facility-supported-housing" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Supported Housing                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-swimming-pool" type="checkbox" value="swimming-pool" name="facilities[]" x-model="facilities">
                                <label for="facility-swimming-pool" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Swimming Pool                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-theatre" type="checkbox" value="theatre" name="facilities[]" x-model="facilities">
                                <label for="facility-theatre" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Theatre                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-therapy-room" type="checkbox" value="therapy-room" name="facilities[]" x-model="facilities">
                                <label for="facility-therapy-room" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Therapy Room                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-therapy-rooms" type="checkbox" value="therapy-rooms" name="facilities[]" x-model="facilities">
                                <label for="facility-therapy-rooms" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Therapy Rooms                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-yoga-studio" type="checkbox" value="yoga-studio" name="facilities[]" x-model="facilities">
                                <label for="facility-yoga-studio" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Yoga Studio                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-young-carers" type="checkbox" value="young-carers" name="facilities[]" x-model="facilities">
                                <label for="facility-young-carers" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Young Carers                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-youth-club" type="checkbox" value="youth-club" name="facilities[]" x-model="facilities">
                                <label for="facility-youth-club" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Youth Club                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="facility-youth-work" type="checkbox" value="youth-work" name="facilities[]" x-model="facilities">
                                <label for="facility-youth-work" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Youth Work                                </label>
                            </div>
                                            </div>
                </div>
            </div>

            <!-- Services Desktop -->
            <div class="hidden md:pl-10 pr-2 w-full md:w-60 cursor-pointer transition-opacity hover:opacity-60 md:flex justify-between items-center" @click="servicesDropdown = !servicesDropdown, facilitiesDropdown = false, facilitiesMobileDropdown = false, servicesMobileDropdown = false">
                <div>
                    <p class="font-bold">Services</p>
                    <p class="text-sm h-[30px]"><span x-html="location_services.length">0</span> Selected</p>
                </div>

                <div class="mt-5" x-bind:class="servicesDropdown ? 'text-primary' : ''">
                    <svg xmlns="http://www.w3.org/2000/svg" width="9" height="5" viewBox="0 0 9 5">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" fill="currentColor"></path>
</svg>                </div>
            </div>

            <!-- Services Mobile -->
            <div class="flex md:pl-10 pr-2 w-full md:w-60 cursor-pointer transition-opacity hover:opacity-60 md:hidden justify-between items-center" @click="servicesMobileDropdown = !servicesMobileDropdown, servicesDropdown = false, facilitiesMobileDropdown = false, facilitiesDropdown = false">
                <div>
                    <p class="font-bold">Services</p>
                    <p class="text-sm h-[30px]"><span x-html="location_services.length">0</span> Selected</p>
                </div>

                <div class="mt-5" x-bind:class="servicesDropdown ? 'text-primary' : ''">
                    <svg xmlns="http://www.w3.org/2000/svg" width="9" height="5" viewBox="0 0 9 5">
    <path id="Color_Overlay" data-name="Color Overlay" d="M.288,1.426A.78.78,0,0,1,0,.852V.819A.78.78,0,0,1,.288.245,1.077,1.077,0,0,1,.965,0h.041a1.075,1.075,0,0,1,.676.245L4.5,2.637,7.319.245A1.076,1.076,0,0,1,8,0h.04a1.076,1.076,0,0,1,.676.245.75.75,0,0,1,0,1.182L4.5,5Z" fill="currentColor"></path>
</svg>                </div>
            </div>

            <!-- mobile dropdown -->
            <div class="md:hidden w-full">
                <div class="transition-spacing max-h-40 overflow-y-auto custom-scrollbar pr-2" x-bind:class="servicesMobileDropdown ? 'md:pt-5 md:pb-1' : ''">
                                        <div x-show="servicesMobileDropdown" x-collapse="" class="w-full space-y-2" style="display: none; height: 0px; overflow: hidden;" hidden="">
                                                    <div>
                                <input class="peer" hidden="" id="service-advice" type="checkbox" value="advice" name="location_services[]" x-model="location_services">
                                <label for="service-advice" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Advice                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-alternative-education" type="checkbox" value="alternative-education" name="location_services[]" x-model="location_services">
                                <label for="service-alternative-education" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Alternative Education                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-apprenticeships" type="checkbox" value="apprenticeships" name="location_services[]" x-model="location_services">
                                <label for="service-apprenticeships" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Apprenticeships                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-before-and-after-school-activities" type="checkbox" value="before-and-after-school-activities" name="location_services[]" x-model="location_services">
                                <label for="service-before-and-after-school-activities" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Before and after school activities                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-chaplaincy" type="checkbox" value="chaplaincy" name="location_services[]" x-model="location_services">
                                <label for="service-chaplaincy" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Chaplaincy                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-community-garden" type="checkbox" value="community-garden" name="location_services[]" x-model="location_services">
                                <label for="service-community-garden" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Community Garden                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-community-services" type="checkbox" value="community-services" name="location_services[]" x-model="location_services">
                                <label for="service-community-services" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Community Services                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-community-sports" type="checkbox" value="community-sports" name="location_services[]" x-model="location_services">
                                <label for="service-community-sports" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Community Sports                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-counselling" type="checkbox" value="counselling" name="location_services[]" x-model="location_services">
                                <label for="service-counselling" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Counselling                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-detached-youth-work" type="checkbox" value="detached-youth-work" name="location_services[]" x-model="location_services">
                                <label for="service-detached-youth-work" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Detached Youth Work                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-disability-programmes" type="checkbox" value="disability-programmes" name="location_services[]" x-model="location_services">
                                <label for="service-disability-programmes" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Disability Programmes                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-drugs-and-alcohol-advice-and-counselling" type="checkbox" value="drugs-and-alcohol-advice-and-counselling" name="location_services[]" x-model="location_services">
                                <label for="service-drugs-and-alcohol-advice-and-counselling" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Drugs and alcohol advice and counselling                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-early-years" type="checkbox" value="early-years" name="location_services[]" x-model="location_services">
                                <label for="service-early-years" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Early Years                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-emergency-accommodation" type="checkbox" value="emergency-accommodation" name="location_services[]" x-model="location_services">
                                <label for="service-emergency-accommodation" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Emergency accommodation                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-emergency-housing" type="checkbox" value="emergency-housing" name="location_services[]" x-model="location_services">
                                <label for="service-emergency-housing" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Emergency Housing                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-employment-and-careers-advice" type="checkbox" value="employment-and-careers-advice" name="location_services[]" x-model="location_services">
                                <label for="service-employment-and-careers-advice" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Employment and careers advice                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-family-youth-work" type="checkbox" value="family-youth-work" name="location_services[]" x-model="location_services">
                                <label for="service-family-youth-work" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Family &amp; Youth Work                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-family-mediation" type="checkbox" value="family-mediation" name="location_services[]" x-model="location_services">
                                <label for="service-family-mediation" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Family mediation                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-floating-support" type="checkbox" value="floating-support" name="location_services[]" x-model="location_services">
                                <label for="service-floating-support" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Floating support                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-floating-support-service" type="checkbox" value="floating-support-service" name="location_services[]" x-model="location_services">
                                <label for="service-floating-support-service" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Floating Support Service                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-food-bank" type="checkbox" value="food-bank" name="location_services[]" x-model="location_services">
                                <label for="service-food-bank" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Food Bank                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-further-education" type="checkbox" value="further-education" name="location_services[]" x-model="location_services">
                                <label for="service-further-education" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Further Education                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-green-projects" type="checkbox" value="green-projects" name="location_services[]" x-model="location_services">
                                <label for="service-green-projects" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Green Projects                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-gymnastics" type="checkbox" value="gymnastics" name="location_services[]" x-model="location_services">
                                <label for="service-gymnastics" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Gymnastics                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-health-wellbeing" type="checkbox" value="health-wellbeing" name="location_services[]" x-model="location_services">
                                <label for="service-health-wellbeing" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Health &amp; Wellbeing                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-healthy-living-activities" type="checkbox" value="healthy-living-activities" name="location_services[]" x-model="location_services">
                                <label for="service-healthy-living-activities" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Healthy Living Activities                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-holiday-clubs" type="checkbox" value="holiday-clubs" name="location_services[]" x-model="location_services">
                                <label for="service-holiday-clubs" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Holiday Clubs                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-housing" type="checkbox" value="housing" name="location_services[]" x-model="location_services">
                                <label for="service-housing" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Housing                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-lgbtq-programmes" type="checkbox" value="lgbtq-programmes" name="location_services[]" x-model="location_services">
                                <label for="service-lgbtq-programmes" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        LGBTQ+ Programmes                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-local-food-pantry" type="checkbox" value="local-food-pantry" name="location_services[]" x-model="location_services">
                                <label for="service-local-food-pantry" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Local Food Pantry                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-mental-health-services" type="checkbox" value="mental-health-services" name="location_services[]" x-model="location_services">
                                <label for="service-mental-health-services" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Mental Health Services                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-mental-health-support" type="checkbox" value="mental-health-support" name="location_services[]" x-model="location_services">
                                <label for="service-mental-health-support" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Mental Health Support                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-move-on-housing" type="checkbox" value="move-on-housing" name="location_services[]" x-model="location_services">
                                <label for="service-move-on-housing" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Move-on Housing                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-nurseries" type="checkbox" value="nurseries" name="location_services[]" x-model="location_services">
                                <label for="service-nurseries" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Nurseries                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-nursery" type="checkbox" value="nursery" name="location_services[]" x-model="location_services">
                                <label for="service-nursery" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Nursery                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-parent-toddler-group" type="checkbox" value="parent-toddler-group" name="location_services[]" x-model="location_services">
                                <label for="service-parent-toddler-group" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Parent &amp; Toddler Group                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-room-hire" type="checkbox" value="room-hire" name="location_services[]" x-model="location_services">
                                <label for="service-room-hire" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Room hire                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-soft-play" type="checkbox" value="soft-play" name="location_services[]" x-model="location_services">
                                <label for="service-soft-play" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Soft Play                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-support-advice" type="checkbox" value="support-advice" name="location_services[]" x-model="location_services">
                                <label for="service-support-advice" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Support &amp; Advice                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-support-groups" type="checkbox" value="support-groups" name="location_services[]" x-model="location_services">
                                <label for="service-support-groups" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Support Groups                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-supported-hostels-and-foyers" type="checkbox" value="supported-hostels-and-foyers" name="location_services[]" x-model="location_services">
                                <label for="service-supported-hostels-and-foyers" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Supported Hostels and Foyers                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-supported-housing" type="checkbox" value="supported-housing" name="location_services[]" x-model="location_services">
                                <label for="service-supported-housing" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Supported Housing                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-supported-lodgings" type="checkbox" value="supported-lodgings" name="location_services[]" x-model="location_services">
                                <label for="service-supported-lodgings" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Supported Lodgings                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-targeted-youth-work" type="checkbox" value="targeted-youth-work" name="location_services[]" x-model="location_services">
                                <label for="service-targeted-youth-work" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Targeted Youth Work                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-training" type="checkbox" value="training" name="location_services[]" x-model="location_services">
                                <label for="service-training" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Training                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-training-education" type="checkbox" value="training-education" name="location_services[]" x-model="location_services">
                                <label for="service-training-education" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Training &amp; Education                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-training-services" type="checkbox" value="training-services" name="location_services[]" x-model="location_services">
                                <label for="service-training-services" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Training Services                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-work-experience-placements-or-opportunities" type="checkbox" value="work-experience-placements-or-opportunities" name="location_services[]" x-model="location_services">
                                <label for="service-work-experience-placements-or-opportunities" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Work experience placements or opportunities                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-young-carers" type="checkbox" value="young-carers" name="location_services[]" x-model="location_services">
                                <label for="service-young-carers" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Young Carers                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-youth-clubs" type="checkbox" value="youth-clubs" name="location_services[]" x-model="location_services">
                                <label for="service-youth-clubs" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Youth Clubs                                </label>
                            </div>
                                                    <div>
                                <input class="peer" hidden="" id="service-youth-work" type="checkbox" value="youth-work" name="location_services[]" x-model="location_services">
                                <label for="service-youth-work" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                                        Youth Work                                </label>
                            </div>
                                            </div>
                </div>
            </div>


            <!-- submit -->
            <button type="submit" value="" class="text-white relative button-primary min-w-min w-full px-0 md:hidden">
                <svg xmlns="http://www.w3.org/2000/svg" width="19.083" height="19.083" viewBox="0 0 19.083 19.083">
    <path id="Path_8514" data-name="Path 8514" d="M18.659,16.584,14.725,12.65a7.852,7.852,0,0,0,1.422-4.576,7.942,7.942,0,0,0-.636-3.136,7.911,7.911,0,0,0-4.3-4.3,8.042,8.042,0,0,0-6.274,0,7.9,7.9,0,0,0-4.3,4.3,8.039,8.039,0,0,0,0,6.273,7.909,7.909,0,0,0,4.3,4.3,7.942,7.942,0,0,0,3.136.636,7.85,7.85,0,0,0,4.576-1.422l3.934,3.922a1.359,1.359,0,0,0,1.031.437,1.468,1.468,0,0,0,1.044-2.5M11.7,11.7a4.949,4.949,0,0,1-3.63,1.508A4.946,4.946,0,0,1,4.445,11.7a4.944,4.944,0,0,1-1.508-3.63A4.94,4.94,0,0,1,4.445,4.445,4.943,4.943,0,0,1,8.074,2.936,4.946,4.946,0,0,1,11.7,4.445a4.946,4.946,0,0,1,1.509,3.629A4.95,4.95,0,0,1,11.7,11.7" fill="currentColor"></path>
</svg>            </button>
        </div>

        <button type="submit" value="" class="text-white relative button-primary min-w-min sm:aspect-square w-auto px-0 hidden md:flex sm:min-h-[50px] sm:min-w-[50px]">
            <svg xmlns="http://www.w3.org/2000/svg" width="19.083" height="19.083" viewBox="0 0 19.083 19.083">
    <path id="Path_8514" data-name="Path 8514" d="M18.659,16.584,14.725,12.65a7.852,7.852,0,0,0,1.422-4.576,7.942,7.942,0,0,0-.636-3.136,7.911,7.911,0,0,0-4.3-4.3,8.042,8.042,0,0,0-6.274,0,7.9,7.9,0,0,0-4.3,4.3,8.039,8.039,0,0,0,0,6.273,7.909,7.909,0,0,0,4.3,4.3,7.942,7.942,0,0,0,3.136.636,7.85,7.85,0,0,0,4.576-1.422l3.934,3.922a1.359,1.359,0,0,0,1.031.437,1.468,1.468,0,0,0,1.044-2.5M11.7,11.7a4.949,4.949,0,0,1-3.63,1.508A4.946,4.946,0,0,1,4.445,11.7a4.944,4.944,0,0,1-1.508-3.63A4.94,4.94,0,0,1,4.445,4.445,4.943,4.943,0,0,1,8.074,2.936,4.946,4.946,0,0,1,11.7,4.445a4.946,4.946,0,0,1,1.509,3.629A4.95,4.95,0,0,1,11.7,11.7" fill="currentColor"></path>
</svg>        </button>
    </div>
    <!--facilities desktop dropdown-->
    <div class="transition-spacing max-h-40 overflow-y-auto custom-scrollbar" x-bind:class="facilitiesDropdown ? 'md:pt-5 md:pb-1' : ''">
                <div x-show="facilitiesDropdown" x-collapse="" class="flex gap-2 md:gap-5 justify-start flex-wrap md:px-10 flex-col md:flex-row w-full" style="display: none; height: 0px; overflow: hidden;" hidden="">
                            <div>
                    <input class="peer" hidden="" id="facility-alternative-education" type="checkbox" value="alternative-education" name="facilities[]" x-model="facilities">
                    <label for="facility-alternative-education" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Alternative Education                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-cafe" type="checkbox" value="cafe" name="facilities[]" x-model="facilities">
                    <label for="facility-cafe" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Cafe                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-camps" type="checkbox" value="camps" name="facilities[]" x-model="facilities">
                    <label for="facility-camps" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Camps                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-chaplaincy" type="checkbox" value="chaplaincy" name="facilities[]" x-model="facilities">
                    <label for="facility-chaplaincy" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Chaplaincy                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-community-garden" type="checkbox" value="community-garden" name="facilities[]" x-model="facilities">
                    <label for="facility-community-garden" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Community Garden                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-community-hall" type="checkbox" value="community-hall" name="facilities[]" x-model="facilities">
                    <label for="facility-community-hall" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Community Hall                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-community-sports" type="checkbox" value="community-sports" name="facilities[]" x-model="facilities">
                    <label for="facility-community-sports" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Community Sports                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-conference-and-training-room" type="checkbox" value="conference-and-training-room" name="facilities[]" x-model="facilities">
                    <label for="facility-conference-and-training-room" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Conference and Training Room                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-conference-facilities" type="checkbox" value="conference-facilities" name="facilities[]" x-model="facilities">
                    <label for="facility-conference-facilities" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Conference Facilities                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-counselling" type="checkbox" value="counselling" name="facilities[]" x-model="facilities">
                    <label for="facility-counselling" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Counselling                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-dance-studio" type="checkbox" value="dance-studio" name="facilities[]" x-model="facilities">
                    <label for="facility-dance-studio" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Dance Studio                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-early-years" type="checkbox" value="early-years" name="facilities[]" x-model="facilities">
                    <label for="facility-early-years" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Early Years                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-emergency-housing" type="checkbox" value="emergency-housing" name="facilities[]" x-model="facilities">
                    <label for="facility-emergency-housing" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Emergency Housing                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-exercise-studios" type="checkbox" value="exercise-studios" name="facilities[]" x-model="facilities">
                    <label for="facility-exercise-studios" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Exercise Studios                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-foodbank" type="checkbox" value="foodbank" name="facilities[]" x-model="facilities">
                    <label for="facility-foodbank" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Foodbank                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-food-bank" type="checkbox" value="food-bank" name="facilities[]" x-model="facilities">
                    <label for="facility-food-bank" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Foodbank                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-football-pitch" type="checkbox" value="football-pitch" name="facilities[]" x-model="facilities">
                    <label for="facility-football-pitch" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Football Pitch                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-further-education" type="checkbox" value="further-education" name="facilities[]" x-model="facilities">
                    <label for="facility-further-education" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Further Education                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-gym" type="checkbox" value="gym" name="facilities[]" x-model="facilities">
                    <label for="facility-gym" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Gym                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-gymnastic-hall" type="checkbox" value="gymnastic-hall" name="facilities[]" x-model="facilities">
                    <label for="facility-gymnastic-hall" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Gymnastic Hall                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-gyms" type="checkbox" value="gyms" name="facilities[]" x-model="facilities">
                    <label for="facility-gyms" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Gyms                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-healthy-living-activities" type="checkbox" value="healthy-living-activities" name="facilities[]" x-model="facilities">
                    <label for="facility-healthy-living-activities" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Healthy Living Activities                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-hotel" type="checkbox" value="hotel" name="facilities[]" x-model="facilities">
                    <label for="facility-hotel" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Hotel                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-housing" type="checkbox" value="housing" name="facilities[]" x-model="facilities">
                    <label for="facility-housing" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Housing                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-it-suite" type="checkbox" value="it-suite" name="facilities[]" x-model="facilities">
                    <label for="facility-it-suite" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                IT Suite                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-leisure-centre" type="checkbox" value="leisure-centre" name="facilities[]" x-model="facilities">
                    <label for="facility-leisure-centre" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Leisure Centre                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-meeting-rooms" type="checkbox" value="meeting-rooms" name="facilities[]" x-model="facilities">
                    <label for="facility-meeting-rooms" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Meeting rooms                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-mental-health-support" type="checkbox" value="mental-health-support" name="facilities[]" x-model="facilities">
                    <label for="facility-mental-health-support" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Mental Health Support                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-move-on-housing" type="checkbox" value="move-on-housing" name="facilities[]" x-model="facilities">
                    <label for="facility-move-on-housing" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Move-On Housing                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-music-hall" type="checkbox" value="music-hall" name="facilities[]" x-model="facilities">
                    <label for="facility-music-hall" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Music Hall                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-nursery" type="checkbox" value="nursery" name="facilities[]" x-model="facilities">
                    <label for="facility-nursery" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Nursery                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-outdoor-education-centre" type="checkbox" value="outdoor-education-centre" name="facilities[]" x-model="facilities">
                    <label for="facility-outdoor-education-centre" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Outdoor Education Centre                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-recording-studio" type="checkbox" value="recording-studio" name="facilities[]" x-model="facilities">
                    <label for="facility-recording-studio" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Recording Studio                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-room-hire" type="checkbox" value="room-hire" name="facilities[]" x-model="facilities">
                    <label for="facility-room-hire" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Room Hire                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-sports-hall" type="checkbox" value="sports-hall" name="facilities[]" x-model="facilities">
                    <label for="facility-sports-hall" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Sports Hall                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-support-advice" type="checkbox" value="support-advice" name="facilities[]" x-model="facilities">
                    <label for="facility-support-advice" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Support &amp; Advice                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-supported-housing" type="checkbox" value="supported-housing" name="facilities[]" x-model="facilities">
                    <label for="facility-supported-housing" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Supported Housing                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-swimming-pool" type="checkbox" value="swimming-pool" name="facilities[]" x-model="facilities">
                    <label for="facility-swimming-pool" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Swimming Pool                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-theatre" type="checkbox" value="theatre" name="facilities[]" x-model="facilities">
                    <label for="facility-theatre" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Theatre                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-therapy-room" type="checkbox" value="therapy-room" name="facilities[]" x-model="facilities">
                    <label for="facility-therapy-room" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Therapy Room                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-therapy-rooms" type="checkbox" value="therapy-rooms" name="facilities[]" x-model="facilities">
                    <label for="facility-therapy-rooms" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Therapy Rooms                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-yoga-studio" type="checkbox" value="yoga-studio" name="facilities[]" x-model="facilities">
                    <label for="facility-yoga-studio" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Yoga Studio                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-young-carers" type="checkbox" value="young-carers" name="facilities[]" x-model="facilities">
                    <label for="facility-young-carers" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Young Carers                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-youth-club" type="checkbox" value="youth-club" name="facilities[]" x-model="facilities">
                    <label for="facility-youth-club" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Youth Club                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="facility-youth-work" type="checkbox" value="youth-work" name="facilities[]" x-model="facilities">
                    <label for="facility-youth-work" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Youth Work                    </label>
                </div>
                    </div>
    </div>
    <!--services desktop dropdown-->
    <div class="transition-spacing max-h-40 overflow-y-auto custom-scrollbar" x-bind:class="servicesDropdown ? 'md:pt-5 md:pb-1' : ''">
                <div x-show="servicesDropdown" x-collapse="" class="flex gap-2 md:gap-5 justify-start flex-wrap md:px-10 flex-col md:flex-row w-full" style="display: none; height: 0px; overflow: hidden;" hidden="">
                            <div>
                    <input class="peer" hidden="" id="service-advice" type="checkbox" value="advice" name="location_services[]" x-model="location_services">
                    <label for="service-advice" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Advice                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-alternative-education" type="checkbox" value="alternative-education" name="location_services[]" x-model="location_services">
                    <label for="service-alternative-education" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Alternative Education                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-apprenticeships" type="checkbox" value="apprenticeships" name="location_services[]" x-model="location_services">
                    <label for="service-apprenticeships" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Apprenticeships                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-before-and-after-school-activities" type="checkbox" value="before-and-after-school-activities" name="location_services[]" x-model="location_services">
                    <label for="service-before-and-after-school-activities" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Before and after school activities                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-chaplaincy" type="checkbox" value="chaplaincy" name="location_services[]" x-model="location_services">
                    <label for="service-chaplaincy" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Chaplaincy                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-community-garden" type="checkbox" value="community-garden" name="location_services[]" x-model="location_services">
                    <label for="service-community-garden" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Community Garden                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-community-services" type="checkbox" value="community-services" name="location_services[]" x-model="location_services">
                    <label for="service-community-services" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Community Services                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-community-sports" type="checkbox" value="community-sports" name="location_services[]" x-model="location_services">
                    <label for="service-community-sports" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Community Sports                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-counselling" type="checkbox" value="counselling" name="location_services[]" x-model="location_services">
                    <label for="service-counselling" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Counselling                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-detached-youth-work" type="checkbox" value="detached-youth-work" name="location_services[]" x-model="location_services">
                    <label for="service-detached-youth-work" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Detached Youth Work                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-disability-programmes" type="checkbox" value="disability-programmes" name="location_services[]" x-model="location_services">
                    <label for="service-disability-programmes" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Disability Programmes                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-drugs-and-alcohol-advice-and-counselling" type="checkbox" value="drugs-and-alcohol-advice-and-counselling" name="location_services[]" x-model="location_services">
                    <label for="service-drugs-and-alcohol-advice-and-counselling" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Drugs and alcohol advice and counselling                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-early-years" type="checkbox" value="early-years" name="location_services[]" x-model="location_services">
                    <label for="service-early-years" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Early Years                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-emergency-accommodation" type="checkbox" value="emergency-accommodation" name="location_services[]" x-model="location_services">
                    <label for="service-emergency-accommodation" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Emergency accommodation                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-emergency-housing" type="checkbox" value="emergency-housing" name="location_services[]" x-model="location_services">
                    <label for="service-emergency-housing" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Emergency Housing                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-employment-and-careers-advice" type="checkbox" value="employment-and-careers-advice" name="location_services[]" x-model="location_services">
                    <label for="service-employment-and-careers-advice" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Employment and careers advice                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-family-youth-work" type="checkbox" value="family-youth-work" name="location_services[]" x-model="location_services">
                    <label for="service-family-youth-work" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Family &amp; Youth Work                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-family-mediation" type="checkbox" value="family-mediation" name="location_services[]" x-model="location_services">
                    <label for="service-family-mediation" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Family mediation                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-floating-support" type="checkbox" value="floating-support" name="location_services[]" x-model="location_services">
                    <label for="service-floating-support" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Floating support                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-floating-support-service" type="checkbox" value="floating-support-service" name="location_services[]" x-model="location_services">
                    <label for="service-floating-support-service" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Floating Support Service                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-food-bank" type="checkbox" value="food-bank" name="location_services[]" x-model="location_services">
                    <label for="service-food-bank" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Food Bank                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-further-education" type="checkbox" value="further-education" name="location_services[]" x-model="location_services">
                    <label for="service-further-education" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Further Education                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-green-projects" type="checkbox" value="green-projects" name="location_services[]" x-model="location_services">
                    <label for="service-green-projects" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Green Projects                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-gymnastics" type="checkbox" value="gymnastics" name="location_services[]" x-model="location_services">
                    <label for="service-gymnastics" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Gymnastics                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-health-wellbeing" type="checkbox" value="health-wellbeing" name="location_services[]" x-model="location_services">
                    <label for="service-health-wellbeing" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Health &amp; Wellbeing                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-healthy-living-activities" type="checkbox" value="healthy-living-activities" name="location_services[]" x-model="location_services">
                    <label for="service-healthy-living-activities" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Healthy Living Activities                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-holiday-clubs" type="checkbox" value="holiday-clubs" name="location_services[]" x-model="location_services">
                    <label for="service-holiday-clubs" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Holiday Clubs                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-housing" type="checkbox" value="housing" name="location_services[]" x-model="location_services">
                    <label for="service-housing" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Housing                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-lgbtq-programmes" type="checkbox" value="lgbtq-programmes" name="location_services[]" x-model="location_services">
                    <label for="service-lgbtq-programmes" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                LGBTQ+ Programmes                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-local-food-pantry" type="checkbox" value="local-food-pantry" name="location_services[]" x-model="location_services">
                    <label for="service-local-food-pantry" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Local Food Pantry                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-mental-health-services" type="checkbox" value="mental-health-services" name="location_services[]" x-model="location_services">
                    <label for="service-mental-health-services" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Mental Health Services                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-mental-health-support" type="checkbox" value="mental-health-support" name="location_services[]" x-model="location_services">
                    <label for="service-mental-health-support" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Mental Health Support                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-move-on-housing" type="checkbox" value="move-on-housing" name="location_services[]" x-model="location_services">
                    <label for="service-move-on-housing" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Move-on Housing                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-nurseries" type="checkbox" value="nurseries" name="location_services[]" x-model="location_services">
                    <label for="service-nurseries" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Nurseries                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-nursery" type="checkbox" value="nursery" name="location_services[]" x-model="location_services">
                    <label for="service-nursery" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Nursery                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-parent-toddler-group" type="checkbox" value="parent-toddler-group" name="location_services[]" x-model="location_services">
                    <label for="service-parent-toddler-group" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Parent &amp; Toddler Group                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-room-hire" type="checkbox" value="room-hire" name="location_services[]" x-model="location_services">
                    <label for="service-room-hire" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Room hire                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-soft-play" type="checkbox" value="soft-play" name="location_services[]" x-model="location_services">
                    <label for="service-soft-play" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Soft Play                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-support-advice" type="checkbox" value="support-advice" name="location_services[]" x-model="location_services">
                    <label for="service-support-advice" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Support &amp; Advice                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-support-groups" type="checkbox" value="support-groups" name="location_services[]" x-model="location_services">
                    <label for="service-support-groups" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Support Groups                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-supported-hostels-and-foyers" type="checkbox" value="supported-hostels-and-foyers" name="location_services[]" x-model="location_services">
                    <label for="service-supported-hostels-and-foyers" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Supported Hostels and Foyers                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-supported-housing" type="checkbox" value="supported-housing" name="location_services[]" x-model="location_services">
                    <label for="service-supported-housing" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Supported Housing                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-supported-lodgings" type="checkbox" value="supported-lodgings" name="location_services[]" x-model="location_services">
                    <label for="service-supported-lodgings" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Supported Lodgings                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-targeted-youth-work" type="checkbox" value="targeted-youth-work" name="location_services[]" x-model="location_services">
                    <label for="service-targeted-youth-work" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Targeted Youth Work                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-training" type="checkbox" value="training" name="location_services[]" x-model="location_services">
                    <label for="service-training" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Training                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-training-education" type="checkbox" value="training-education" name="location_services[]" x-model="location_services">
                    <label for="service-training-education" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Training &amp; Education                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-training-services" type="checkbox" value="training-services" name="location_services[]" x-model="location_services">
                    <label for="service-training-services" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Training Services                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-work-experience-placements-or-opportunities" type="checkbox" value="work-experience-placements-or-opportunities" name="location_services[]" x-model="location_services">
                    <label for="service-work-experience-placements-or-opportunities" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Work experience placements or opportunities                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-young-carers" type="checkbox" value="young-carers" name="location_services[]" x-model="location_services">
                    <label for="service-young-carers" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Young Carers                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-youth-clubs" type="checkbox" value="youth-clubs" name="location_services[]" x-model="location_services">
                    <label for="service-youth-clubs" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Youth Clubs                    </label>
                </div>
                            <div>
                    <input class="peer" hidden="" id="service-youth-work" type="checkbox" value="youth-work" name="location_services[]" x-model="location_services">
                    <label for="service-youth-work" class="group flex items-center gap-5 px-4 md:px-6 py-2 md:py-3 border-2 border-purple text-purple rounded-full text-sm font-bold cursor-pointer hover:bg-purple hover:text-white transition-colors peer-checked:bg-purple peer-checked:text-white">
                                                Youth Work                    </label>
                </div>
                    </div>
    </div>
</form>    </div>
</section></section>

<footer class="content">
    
<section class="section footer bg-gray">
    <!-- instagram block -->
            <div class="instagram bg-white">
            <div class="container py-5 px-5 md:px-0">
                <a class="flex justify-between items-center" href="https://www.instagram.com/ymcaenglandandwales/">
                    <div class="flex gap-2 items-center">
                        <img alt="Instagram Icon" class="" src="https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website/assets/img/icons/social/icon-insta.svg">
                        <p>Follow our story</p>
                    </div>
                    <p class="text-primary">
                        @ymcaenglandandwales                    </p>
                </a>
            </div>
            <div class="smash-ballon-container">
                
<div id="sb_instagram" class="sbi sbi_mob_col_1 sbi_tab_col_3 sbi_col_6 sbi_width_resp" data-feedid="*1" data-res="auto" data-cols="6" data-colsmobile="1" data-colstablet="3" data-num="6" data-nummobile="3" data-item-padding="0" data-shortcode-atts="{&quot;feed&quot;:&quot;1&quot;}" data-postid="7" data-locatornonce="475d530226" data-sbi-flags="favorLocal,gdpr" data-sbi-index="1">
	
    <div id="sbi_images">
		<div class="sbi_item sbi_type_carousel" id="sbi_18108326527447919" data-date="1733240952">
    <div class="sbi_photo_wrap">
        <a class="sbi_photo" href="https://www.instagram.com/p/DDHy_-tCzgH/" target="_blank" rel="noopener nofollow" data-full-res="https://ymca.org.uk/wp-content/uploads/sb-instagram-feed-images/468962643_622179850137255_3183621766399120925_nfull.webp" data-img-src-set="{&quot;d&quot;:&quot;https:\/\/scontent-lhr8-1.cdninstagram.com\/v\/t39.30808-6\/468962643_622179850137255_3183621766399120925_n.jpg?_nc_cat=107&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=NfrdZ04Xci4Q7kNvgHSkg-q&amp;_nc_zt=23&amp;_nc_ht=scontent-lhr8-1.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=At4TVYvbhWwYQseFU4zXOWL&amp;oh=00_AYBrfGwXlogmrfzaqJbU6e2vbYgZ06ILLXGehXnUad1lNQ&amp;oe=67566CD1&quot;,&quot;150&quot;:&quot;https:\/\/scontent-lhr8-1.cdninstagram.com\/v\/t39.30808-6\/468962643_622179850137255_3183621766399120925_n.jpg?_nc_cat=107&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=NfrdZ04Xci4Q7kNvgHSkg-q&amp;_nc_zt=23&amp;_nc_ht=scontent-lhr8-1.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=At4TVYvbhWwYQseFU4zXOWL&amp;oh=00_AYBrfGwXlogmrfzaqJbU6e2vbYgZ06ILLXGehXnUad1lNQ&amp;oe=67566CD1&quot;,&quot;320&quot;:&quot;https:\/\/scontent-lhr8-1.cdninstagram.com\/v\/t39.30808-6\/468962643_622179850137255_3183621766399120925_n.jpg?_nc_cat=107&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=NfrdZ04Xci4Q7kNvgHSkg-q&amp;_nc_zt=23&amp;_nc_ht=scontent-lhr8-1.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=At4TVYvbhWwYQseFU4zXOWL&amp;oh=00_AYBrfGwXlogmrfzaqJbU6e2vbYgZ06ILLXGehXnUad1lNQ&amp;oe=67566CD1&quot;,&quot;640&quot;:&quot;https:\/\/scontent-lhr8-1.cdninstagram.com\/v\/t39.30808-6\/468962643_622179850137255_3183621766399120925_n.jpg?_nc_cat=107&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=NfrdZ04Xci4Q7kNvgHSkg-q&amp;_nc_zt=23&amp;_nc_ht=scontent-lhr8-1.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=At4TVYvbhWwYQseFU4zXOWL&amp;oh=00_AYBrfGwXlogmrfzaqJbU6e2vbYgZ06ILLXGehXnUad1lNQ&amp;oe=67566CD1&quot;}" style="height: 263.328px;">
            <span class="sbi-screenreader">Today is International Day of Persons With Disabil</span>
            <svg class="svg-inline--fa fa-clone fa-w-16 sbi_lightbox_carousel_icon" aria-hidden="true" aria-label="Clone" data-fa-proƒcessed="" data-prefix="far" data-icon="clone" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
	                <path fill="currentColor" d="M464 0H144c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h320c26.51 0 48-21.49 48-48v-48h48c26.51 0 48-21.49 48-48V48c0-26.51-21.49-48-48-48zM362 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h42v224c0 26.51 21.49 48 48 48h224v42a6 6 0 0 1-6 6zm96-96H150a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h308a6 6 0 0 1 6 6v308a6 6 0 0 1-6 6z"></path>
	            </svg>	                    <img src="https://ymca.org.uk/wp-content/uploads/sb-instagram-feed-images/468962643_622179850137255_3183621766399120925_nfull.webp" alt="Today is International Day of Persons With Disabilities.✨ 

Let's recognise and embrace a future which amplifies leadership in persons with disabilities this #IDPD. 

Everyone should have a fair chance to discover who they are and what they can become.

#YMCA #IDPD2024">
        </a>
    </div>
</div><div class="sbi_item sbi_type_video" id="sbi_18043432969969242" data-date="1733240400">
    <div class="sbi_photo_wrap">
        <a class="sbi_photo" href="https://www.instagram.com/reel/DDHx9ntoOxz/" target="_blank" rel="noopener nofollow" data-full-res="https://ymca.org.uk/wp-content/uploads/sb-instagram-feed-images/468888432_18468429838030892_7159059283527836491_nfull.webp" data-img-src-set="{&quot;d&quot;:&quot;https:\/\/scontent-lhr6-2.cdninstagram.com\/v\/t51.29350-15\/469254150_1336103421092917_8660386253010804468_n.jpg?_nc_cat=104&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=JcPOLakW1asQ7kNvgGZTL7X&amp;_nc_zt=23&amp;_nc_ht=scontent-lhr6-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=At4TVYvbhWwYQseFU4zXOWL&amp;oh=00_AYD3rkrjqoYgR5-ilycC2-a5HVC9lX5aIatGU0y092QXaQ&amp;oe=675691B8&quot;,&quot;150&quot;:&quot;https:\/\/scontent-lhr6-2.cdninstagram.com\/v\/t51.29350-15\/469254150_1336103421092917_8660386253010804468_n.jpg?_nc_cat=104&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=JcPOLakW1asQ7kNvgGZTL7X&amp;_nc_zt=23&amp;_nc_ht=scontent-lhr6-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=At4TVYvbhWwYQseFU4zXOWL&amp;oh=00_AYD3rkrjqoYgR5-ilycC2-a5HVC9lX5aIatGU0y092QXaQ&amp;oe=675691B8&quot;,&quot;320&quot;:&quot;https:\/\/scontent-lhr6-2.cdninstagram.com\/v\/t51.29350-15\/469254150_1336103421092917_8660386253010804468_n.jpg?_nc_cat=104&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=JcPOLakW1asQ7kNvgGZTL7X&amp;_nc_zt=23&amp;_nc_ht=scontent-lhr6-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=At4TVYvbhWwYQseFU4zXOWL&amp;oh=00_AYD3rkrjqoYgR5-ilycC2-a5HVC9lX5aIatGU0y092QXaQ&amp;oe=675691B8&quot;,&quot;640&quot;:&quot;https:\/\/scontent-lhr6-2.cdninstagram.com\/v\/t51.29350-15\/469254150_1336103421092917_8660386253010804468_n.jpg?_nc_cat=104&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=JcPOLakW1asQ7kNvgGZTL7X&amp;_nc_zt=23&amp;_nc_ht=scontent-lhr6-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=At4TVYvbhWwYQseFU4zXOWL&amp;oh=00_AYD3rkrjqoYgR5-ilycC2-a5HVC9lX5aIatGU0y092QXaQ&amp;oe=675691B8&quot;}" style="height: 263.328px;">
            <span class="sbi-screenreader">180 years ago, YMCA was founded!

Over the past 18</span>
            	        <svg style="color: rgba(255,255,255,1)" class="svg-inline--fa fa-play fa-w-14 sbi_playbtn" aria-label="Play" aria-hidden="true" data-fa-processed="" data-prefix="fa" data-icon="play" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"></path></svg>            <img src="https://ymca.org.uk/wp-content/uploads/sb-instagram-feed-images/468888432_18468429838030892_7159059283527836491_nlow.webp" alt="180 years ago, YMCA was founded!

Over the past 180 days we’ve journeyed through our history, heritage, and the countless stories that makes YMCA what it is today.

Through your support and engagement, #YMCA180✨ has been a celebration of community, resilience, and the transformative power of youth. From local events to global conversations, we’ve looked back on our legacy and forward to the next chapter.

Watch more over on our YouTube channel! 🎥

Link in bio.">
        </a>
    </div>
</div><div class="sbi_item sbi_type_carousel" id="sbi_18048381113016136" data-date="1733140635">
    <div class="sbi_photo_wrap">
        <a class="sbi_photo" href="https://www.instagram.com/p/DDEzqAEtNqH/" target="_blank" rel="noopener nofollow" data-full-res="https://ymca.org.uk/wp-content/uploads/sb-instagram-feed-images/469203467_8755023531219358_4762495847388462326_nfull.webp" data-img-src-set="{&quot;d&quot;:&quot;https:\/\/scontent-lhr6-2.cdninstagram.com\/v\/t51.2885-15\/469203467_8755023531219358_4762495847388462326_n.jpg?_nc_cat=105&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=Uuvei2MKluEQ7kNvgF2Apwg&amp;_nc_zt=23&amp;_nc_ht=scontent-lhr6-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;oh=00_AYDlSl4Ut76wH-uXNlWvmtkO-lIAQafubz-Z0OfwNkH8-A&amp;oe=67567F4F&quot;,&quot;150&quot;:&quot;https:\/\/scontent-lhr6-2.cdninstagram.com\/v\/t51.2885-15\/469203467_8755023531219358_4762495847388462326_n.jpg?_nc_cat=105&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=Uuvei2MKluEQ7kNvgF2Apwg&amp;_nc_zt=23&amp;_nc_ht=scontent-lhr6-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;oh=00_AYDlSl4Ut76wH-uXNlWvmtkO-lIAQafubz-Z0OfwNkH8-A&amp;oe=67567F4F&quot;,&quot;320&quot;:&quot;https:\/\/scontent-lhr6-2.cdninstagram.com\/v\/t51.2885-15\/469203467_8755023531219358_4762495847388462326_n.jpg?_nc_cat=105&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=Uuvei2MKluEQ7kNvgF2Apwg&amp;_nc_zt=23&amp;_nc_ht=scontent-lhr6-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;oh=00_AYDlSl4Ut76wH-uXNlWvmtkO-lIAQafubz-Z0OfwNkH8-A&amp;oe=67567F4F&quot;,&quot;640&quot;:&quot;https:\/\/scontent-lhr6-2.cdninstagram.com\/v\/t51.2885-15\/469203467_8755023531219358_4762495847388462326_n.jpg?_nc_cat=105&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=Uuvei2MKluEQ7kNvgF2Apwg&amp;_nc_zt=23&amp;_nc_ht=scontent-lhr6-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;oh=00_AYDlSl4Ut76wH-uXNlWvmtkO-lIAQafubz-Z0OfwNkH8-A&amp;oe=67567F4F&quot;}" style="height: 263.328px;">
            <span class="sbi-screenreader">Last week marked #WelshCharitiesWeek and it's fant</span>
            <svg class="svg-inline--fa fa-clone fa-w-16 sbi_lightbox_carousel_icon" aria-hidden="true" aria-label="Clone" data-fa-proƒcessed="" data-prefix="far" data-icon="clone" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
	                <path fill="currentColor" d="M464 0H144c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h320c26.51 0 48-21.49 48-48v-48h48c26.51 0 48-21.49 48-48V48c0-26.51-21.49-48-48-48zM362 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h42v224c0 26.51 21.49 48 48 48h224v42a6 6 0 0 1-6 6zm96-96H150a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h308a6 6 0 0 1 6 6v308a6 6 0 0 1-6 6z"></path>
	            </svg>	                    <img src="https://ymca.org.uk/wp-content/uploads/sb-instagram-feed-images/469203467_8755023531219358_4762495847388462326_nlow.webp" alt="Last week marked #WelshCharitiesWeek and it's fantastic to see @ymca_cardiff celebrate making an invaluable difference to infinite lives across Wales in the past and future! 🙌 ✨

Teaming sustainability with affordable housing for local young people 💚 🏡, YMCA Cardiff Group's new property development underway is set to deliver modern 18-bed apartments as a solution to youth homelessness in the community. 🌱

#YMCA">
        </a>
    </div>
</div><div class="sbi_item sbi_type_video" id="sbi_17995456538561226" data-date="1732973658">
    <div class="sbi_photo_wrap">
        <a class="sbi_photo" href="https://www.instagram.com/reel/DC_1JqByVNR/" target="_blank" rel="noopener nofollow" data-full-res="https://ymca.org.uk/wp-content/uploads/sb-instagram-feed-images/469057427_557684560553089_4360961962459176803_nfull.webp" data-img-src-set="{&quot;d&quot;:&quot;https:\/\/scontent-lhr8-2.cdninstagram.com\/v\/t51.29350-15\/469057427_557684560553089_4360961962459176803_n.jpg?_nc_cat=103&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=rFXfSAk_yH0Q7kNvgHkshz5&amp;_nc_zt=23&amp;_nc_ht=scontent-lhr8-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=At4TVYvbhWwYQseFU4zXOWL&amp;oh=00_AYBb1_U3ejbu_WMPK9KyUCClqjcsnr9snpNM2C9TPgqJbg&amp;oe=67568424&quot;,&quot;150&quot;:&quot;https:\/\/scontent-lhr8-2.cdninstagram.com\/v\/t51.29350-15\/469057427_557684560553089_4360961962459176803_n.jpg?_nc_cat=103&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=rFXfSAk_yH0Q7kNvgHkshz5&amp;_nc_zt=23&amp;_nc_ht=scontent-lhr8-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=At4TVYvbhWwYQseFU4zXOWL&amp;oh=00_AYBb1_U3ejbu_WMPK9KyUCClqjcsnr9snpNM2C9TPgqJbg&amp;oe=67568424&quot;,&quot;320&quot;:&quot;https:\/\/scontent-lhr8-2.cdninstagram.com\/v\/t51.29350-15\/469057427_557684560553089_4360961962459176803_n.jpg?_nc_cat=103&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=rFXfSAk_yH0Q7kNvgHkshz5&amp;_nc_zt=23&amp;_nc_ht=scontent-lhr8-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=At4TVYvbhWwYQseFU4zXOWL&amp;oh=00_AYBb1_U3ejbu_WMPK9KyUCClqjcsnr9snpNM2C9TPgqJbg&amp;oe=67568424&quot;,&quot;640&quot;:&quot;https:\/\/scontent-lhr8-2.cdninstagram.com\/v\/t51.29350-15\/469057427_557684560553089_4360961962459176803_n.jpg?_nc_cat=103&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=rFXfSAk_yH0Q7kNvgHkshz5&amp;_nc_zt=23&amp;_nc_ht=scontent-lhr8-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=At4TVYvbhWwYQseFU4zXOWL&amp;oh=00_AYBb1_U3ejbu_WMPK9KyUCClqjcsnr9snpNM2C9TPgqJbg&amp;oe=67568424&quot;}" style="height: 263.328px;">
            <span class="sbi-screenreader">Wishing you a very happy St Andrew’s Day from al</span>
            	        <svg style="color: rgba(255,255,255,1)" class="svg-inline--fa fa-play fa-w-14 sbi_playbtn" aria-label="Play" aria-hidden="true" data-fa-processed="" data-prefix="fa" data-icon="play" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"></path></svg>            <img src="https://ymca.org.uk/wp-content/uploads/sb-instagram-feed-images/469057427_557684560553089_4360961962459176803_nlow.webp" alt="Wishing you a very happy St Andrew’s Day from all of us at YMCA! 

#YMCA">
        </a>
    </div>
</div><div class="sbi_item sbi_type_carousel" id="sbi_18053511526940179" data-date="1732808769">
    <div class="sbi_photo_wrap">
        <a class="sbi_photo" href="https://www.instagram.com/p/DC66rCJsB9d/" target="_blank" rel="noopener nofollow" data-full-res="https://ymca.org.uk/wp-content/uploads/sb-instagram-feed-images/468469447_1614984279104762_3425796643009975670_nfull.webp" data-img-src-set="{&quot;d&quot;:&quot;https:\/\/scontent-lhr8-1.cdninstagram.com\/v\/t51.2885-15\/468469447_1614984279104762_3425796643009975670_n.jpg?_nc_cat=108&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=T1nivTYSc-wQ7kNvgFz8aEx&amp;_nc_zt=23&amp;_nc_ht=scontent-lhr8-1.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;oh=00_AYBhy2GHNUpSO9Vq3ewVi0kjN73cGnGxSWW9NcDb8Ree9g&amp;oe=67568D2D&quot;,&quot;150&quot;:&quot;https:\/\/scontent-lhr8-1.cdninstagram.com\/v\/t51.2885-15\/468469447_1614984279104762_3425796643009975670_n.jpg?_nc_cat=108&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=T1nivTYSc-wQ7kNvgFz8aEx&amp;_nc_zt=23&amp;_nc_ht=scontent-lhr8-1.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;oh=00_AYBhy2GHNUpSO9Vq3ewVi0kjN73cGnGxSWW9NcDb8Ree9g&amp;oe=67568D2D&quot;,&quot;320&quot;:&quot;https:\/\/scontent-lhr8-1.cdninstagram.com\/v\/t51.2885-15\/468469447_1614984279104762_3425796643009975670_n.jpg?_nc_cat=108&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=T1nivTYSc-wQ7kNvgFz8aEx&amp;_nc_zt=23&amp;_nc_ht=scontent-lhr8-1.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;oh=00_AYBhy2GHNUpSO9Vq3ewVi0kjN73cGnGxSWW9NcDb8Ree9g&amp;oe=67568D2D&quot;,&quot;640&quot;:&quot;https:\/\/scontent-lhr8-1.cdninstagram.com\/v\/t51.2885-15\/468469447_1614984279104762_3425796643009975670_n.jpg?_nc_cat=108&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=T1nivTYSc-wQ7kNvgFz8aEx&amp;_nc_zt=23&amp;_nc_ht=scontent-lhr8-1.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;oh=00_AYBhy2GHNUpSO9Vq3ewVi0kjN73cGnGxSWW9NcDb8Ree9g&amp;oe=67568D2D&quot;}" style="height: 263.328px;">
            <span class="sbi-screenreader">Why YMCA<img draggable="false" role="img" class="emoji" alt="❔" src="https://s.w.org/images/core/emoji/15.0.3/svg/2754.svg"> 

Because of Idris who found hope and </span>
            <svg class="svg-inline--fa fa-clone fa-w-16 sbi_lightbox_carousel_icon" aria-hidden="true" aria-label="Clone" data-fa-proƒcessed="" data-prefix="far" data-icon="clone" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
	                <path fill="currentColor" d="M464 0H144c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h320c26.51 0 48-21.49 48-48v-48h48c26.51 0 48-21.49 48-48V48c0-26.51-21.49-48-48-48zM362 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h42v224c0 26.51 21.49 48 48 48h224v42a6 6 0 0 1-6 6zm96-96H150a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h308a6 6 0 0 1 6 6v308a6 6 0 0 1-6 6z"></path>
	            </svg>	                    <img src="https://ymca.org.uk/wp-content/uploads/sb-instagram-feed-images/468469447_1614984279104762_3425796643009975670_nlow.webp" alt="Why YMCA❔ 

Because of Idris who found hope and opportunity through the weekly youth club sessions @ymcaessex.

#YMCA180✨">
        </a>
    </div>
</div><div class="sbi_item sbi_type_image" id="sbi_18121520905405355" data-date="1732726266">
    <div class="sbi_photo_wrap">
        <a class="sbi_photo" href="https://www.instagram.com/p/DC4dTyvAQkn/" target="_blank" rel="noopener nofollow" data-full-res="https://ymca.org.uk/wp-content/uploads/sb-instagram-feed-images/468538300_1085614906186282_1909761670164947046_nfull.webp" data-img-src-set="{&quot;d&quot;:&quot;https:\/\/scontent-lhr8-2.cdninstagram.com\/v\/t51.2885-15\/468538300_1085614906186282_1909761670164947046_n.jpg?_nc_cat=106&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=wLg5KNsl9YUQ7kNvgHmLqDg&amp;_nc_zt=23&amp;_nc_ht=scontent-lhr8-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;oh=00_AYAlF-q9cNDqHs00AcEB3TSXYVWbzeOBKeG01XuJ3hziKg&amp;oe=675684A9&quot;,&quot;150&quot;:&quot;https:\/\/scontent-lhr8-2.cdninstagram.com\/v\/t51.2885-15\/468538300_1085614906186282_1909761670164947046_n.jpg?_nc_cat=106&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=wLg5KNsl9YUQ7kNvgHmLqDg&amp;_nc_zt=23&amp;_nc_ht=scontent-lhr8-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;oh=00_AYAlF-q9cNDqHs00AcEB3TSXYVWbzeOBKeG01XuJ3hziKg&amp;oe=675684A9&quot;,&quot;320&quot;:&quot;https:\/\/scontent-lhr8-2.cdninstagram.com\/v\/t51.2885-15\/468538300_1085614906186282_1909761670164947046_n.jpg?_nc_cat=106&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=wLg5KNsl9YUQ7kNvgHmLqDg&amp;_nc_zt=23&amp;_nc_ht=scontent-lhr8-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;oh=00_AYAlF-q9cNDqHs00AcEB3TSXYVWbzeOBKeG01XuJ3hziKg&amp;oe=675684A9&quot;,&quot;640&quot;:&quot;https:\/\/scontent-lhr8-2.cdninstagram.com\/v\/t51.2885-15\/468538300_1085614906186282_1909761670164947046_n.jpg?_nc_cat=106&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=wLg5KNsl9YUQ7kNvgHmLqDg&amp;_nc_zt=23&amp;_nc_ht=scontent-lhr8-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;oh=00_AYAlF-q9cNDqHs00AcEB3TSXYVWbzeOBKeG01XuJ3hziKg&amp;oe=675684A9&quot;}" style="height: 263.328px;">
            <span class="sbi-screenreader"></span>
            	                    <img src="https://ymca.org.uk/wp-content/uploads/sb-instagram-feed-images/468538300_1085614906186282_1909761670164947046_nlow.webp" alt="Why YMCA? Because YMCA is more than a place… it’s a movement.
 
Join us in celebrating the lives transformed by YMCA’s programmes and initiatives over our 180-year legacy and beyond.

Discover the stories of those we empower every day.

Link to website in our bio. 🌟 
 
#YMCA180✨">
        </a>
    </div>
</div>    </div>

	<div id="sbi_load">

	
	
</div>

	    
	</div>

            </div>
        </div>
        <!-- footer content -->
    <div class="w-full text-white relative">
        <div class="w-full h-[10px] grid grid-cols-5">
  <div class="w-full h-full bg-orange"></div>
  <div class="w-full h-full bg-green"></div>
  <div class="w-full h-full bg-blue"></div>
  <div class="w-full h-full bg-teal"></div>
  <div class="w-full h-full bg-yellow"></div>
</div>        <div class="container flex pt-[20px] md:pt-[68px] pb-[20px]">
            <div class="w-full flex flex-wrap h-full justify-between flex-col md:flex-row p-5 gap-5 items-center md:items-stretch">
                <!-- footer logo -->
                <div class="max-w-[485px] order-4 md:order-none pr-5 md:pr-0">
                                            <img alt="YMCA Footer Logo" class="" src="https://ymca.org.uk/wp-content/uploads/2023/09/ymca-footer-logo.png">
                                    </div>
                <!-- menu-about -->
                <div class="h-full flex flex-col gap-1 font-serif order-1 md:order-none items-center md:items-start">
                    <p class="font-bold text-lg font-serif mb-1">
                        About                    </p>
                                            <a href="https://ymca.org.uk/about-us/" class="hover:text-primary-600 transition-colors duration-300 font-extralight">
                            About us                        </a>
                                            <a href="https://ymca.org.uk/contact-us/" class="hover:text-primary-600 transition-colors duration-300 font-extralight">
                            Contact us                        </a>
                                            <a href="https://ymca.org.uk/news/" class="hover:text-primary-600 transition-colors duration-300 font-extralight">
                            Latest news                        </a>
                                            <a href="https://ymca.org.uk/vacancies/" class="hover:text-primary-600 transition-colors duration-300 font-extralight">
                            Work for us                        </a>
                                    </div>

                <!-- info -->
                <div class="h-full flex flex-col gap-2 order-2 md:order-none items-center md:items-start">
                    <p class="font-bold text-lg font-serif">
                        Info                    </p>
                                        <p class="font-light mb-5">10-11 Charterhouse Square<br>
London EC1M 6EH</p>
                    <p class="font-light">
                                                    Registered Company No.: 00073749                                            </p>
                    <p class="font-light">
                                                    Charity No: 212810                                            </p>
                    <p class="font-light">
                                                    HCA No: LH2204                                            </p>
                </div>

                <!-- Donate and socials -->
                <div class="newsletter h-full flex flex-col gap-5 order-3 md:order-none items-center md:items-start">
                    <div class="flex justify-between gap-5">
                                                    

<a href="#donate-modal?campaign=makeadonation&amp;utm_source=online&amp;utm_medium=website&amp;utm_campaign=generic&amp;utm_id=popweb&amp;utm_term=onpopwebxx&amp;utm_content=wordpress_popup" class="group button-white flex gap-5 items-center min-w-[145px] h-[50px] text-primary hover:!text-white">
    <div class="group-hover:scale-150 transition-transform duration-500 group-hover:text-white">
        <svg id="Group_20" data-name="Group 20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="17" viewBox="0 0 19 17">
    <g id="Group_19" data-name="Group 19">
        <path id="Path_18" data-name="Path 18" d="M18.717,6.792c-.325.982-2,4.906-9.217,10.148L9.31,17C2.095,11.758.608,7.775.283,6.792a5.184,5.184,0,0,1,1.172-5.3A4.9,4.9,0,0,1,4.773.006,5.04,5.04,0,0,1,9.5,2.534h0A5.04,5.04,0,0,1,14.227.006a4.9,4.9,0,0,1,3.318,1.487,5.184,5.184,0,0,1,1.172,5.3Z" transform="translate(0 0)" fill="currentColor"></path>
    </g>
</svg>    </div>
    Donate</a>                                                                            <a href="/locations/" class="button-outline">
                                Find a YMCA                            </a>
                                            </div>
                    <div class="[&amp;>ul]:justify-start md:[&amp;>ul]:justify-end [&amp;>ul]:gap-5">
                        <ul class="social flex gap-10 w-full py-5 justify-between items-center">
    
            <li class="hover:scale-150 transition-transform duration-500">
                <a href="https://www.facebook.com/YMCAEnglandandWales/" target="_blank">
                    <img src="https://ymca.org.uk/wp-content/uploads/2023/09/icon-fb.svg" alt="Facebook Icon">
                </a>
            </li>
    
            <li class="hover:scale-150 transition-transform duration-500">
                <a href="https://twitter.com/YMCAEng_Wales" target="_blank">
                    <img src="https://ymca.org.uk/wp-content/uploads/2023/12/twitter-2.svg" alt="Twitter Icon">
                </a>
            </li>
    
            <li class="hover:scale-150 transition-transform duration-500">
                <a href="https://www.youtube.com/c/ymcaenglandandwales" target="_blank">
                    <img src="https://ymca.org.uk/wp-content/uploads/2023/09/icon-youtube.svg" alt="Youtube Icon">
                </a>
            </li>
    
            <li class="hover:scale-150 transition-transform duration-500">
                <a href="https://uk.linkedin.com/company/ymca-england-wales" target="_blank">
                    <img src="https://ymca.org.uk/wp-content/uploads/2023/09/icon-linkedin.svg" alt="LinkedIn Icon">
                </a>
            </li>
    
            <li class="hover:scale-150 transition-transform duration-500">
                <a href="https://www.instagram.com/ymcaenglandandwales/" target="_blank">
                    <img src="https://ymca.org.uk/wp-content/uploads/2023/09/icon-instgram.svg" alt="Instagram Icon">
                </a>
            </li>
    </ul>                    </div>
                </div>
            </div>

        </div>
        <!-- disclaimer and cw info -->
        <div class="container min-h-10 relative flex justify-between lg:justify-center text-background-500 border-t border-background-500 font-serif font-light pt-5 pb-8 flex-col md:flex-row px-5 md:px-0 items-center md:items-start">
            <div class="flex flex-col lg:absolute left-0 top-0 bottom-0 my-auto gap-2 pb-5 md:pb-0 justify-center text-center md:text-left">
                <div class="flex gap-2 justify-center flex-col md:flex-row">
                                            <a class="hover:text-primary-600 transition-colors duration-500 text-sm" target="" href="https://ymca.org.uk/privacy-policy/">Privacy Policy</a>
                                            <a class="hover:text-primary-600 transition-colors duration-500 text-sm" target="" href="https://ymca.org.uk/cookie-policy/">Cookie Policy</a>
                                            <a class="hover:text-primary-600 transition-colors duration-500 text-sm" target="" href="https://ymca.org.uk/gender-pay-gap/">Gender Pay Gap</a>
                                            <a class="hover:text-primary-600 transition-colors duration-500 text-sm" target="" href="https://ymca.org.uk/statements/">Statements</a>
                                    </div>
                <p class="text-sm">©YMCA England &amp; Wales 2024</p>
            </div>
                            <div class="pb-5 sm:pb-0 flex items-center gap-5 flex-wrap">
                    <img alt="Regulator Logo" src="https://ymca.org.uk/wp-content/uploads/2023/12/logo-fundraising-regulator.png">

                                                <img alt="" class="max-h-20" src="https://ymca.org.uk/wp-content/uploads/2024/08/trusted.webp">
                                    </div>
                        <div class="flex lg:absolute right-0 top-0 bottom-0 my-auto items-center">
                <p class="text-sm">
                    Website by <a class="hover:text-primary-600 transition-colors duration-500 font-bold" href="https://harrisoncarloss.com/">Harrison Carloss</a>
                </p>
            </div>
        </div>
    </div>
</section></footer>

</section>

<script> (function(){ var s = document.createElement('script'); var h = document.querySelector('head') || document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function(){ acsbJS.init({ statementLink : '', footerHtml : '', hideMobile : false, hideTrigger : false, disableBgProcess : false, language : 'en', position : 'left', leadColor : '#4d4f53', triggerColor : '#4d4f53', triggerRadius : '50%', triggerPositionX : 'left', triggerPositionY : 'bottom', triggerIcon : 'people', triggerSize : 'medium', triggerOffsetX : 20, triggerOffsetY : 20, mobile : { triggerSize : 'small', triggerPositionX : 'left', triggerPositionY : 'bottom', triggerOffsetX : 10, triggerOffsetY : 15, triggerRadius : '50%' } }); }; h.appendChild(s); })(); </script>
<script type="text/javascript">
    var THEME_URI = 'https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website';


    document.addEventListener('alpine:init', () => {
        Alpine.store('scrollLock', {
            active: false,
            toggle() {
                if (this.active) {
                    this.close();
                } else {
                    this.open();
                }
            },

            open() {
                this.active = true;
                document.documentElement.classList.add('overflow-hidden');
            },

            close() {
                this.active = false;
                document.documentElement.classList.remove('overflow-hidden');
            }
        });

        Alpine.store('donation', {
            active: false,
            campaign: "makeadonation",

            toggle() {
                if (this.active) {
                    this.close();
                } else {
                    this.open();
                }
            },

            open(campaign = 'makeadonation') {
                this.active = true;
                this.campaign = campaign;
                Alpine.store('scrollLock').open();
            },

            close() {
                this.campaign = 'makeadonation';
                this.active = false;
                Alpine.store('scrollLock').close();
            }
        });
    });
</script>

<!-- Instagram Feed JS -->
<script type="text/javascript">
var sbiajaxurl = "https://ymca.org.uk/wp-admin/admin-ajax.php";
</script>
<script type="text/javascript" src="https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website/includes/components/components.js" id="components-js"></script>
<script type="text/javascript" src="https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website/assets/js/MotionPathPlugin.min.js" id="gsap-motionpath-js"></script>
<script type="text/javascript" src="https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website/assets/js/gsap.min.js" id="gsap-js"></script>
<script type="text/javascript" src="https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website/assets/js/ScrollTrigger.min.js" id="scrollTrigger-js"></script>
<script type="text/javascript" src="https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website/assets/js/swiper-bundle.min.js" id="swiper-js"></script>
<script type="text/javascript" src="https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website/assets/js/aos.min.js" id="aos-js"></script>
<script type="text/javascript" src="https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website/assets/js/rellax.min.js" id="rellax-js"></script>
<script type="text/javascript" src="https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website/assets/js/lottie-player.min.js" id="lottie-js"></script>
<script type="text/javascript" id="shopMap-js-extra">
/* <![CDATA[ */
var themeSettings = {"themeURL":"https:\/\/ymca.org.uk\/wp-content\/themes\/YMCA_England-Wales-Website"};
/* ]]> */
</script>
<script type="text/javascript" src="https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website/assets/js/shopMap.js" id="shopMap-js"></script>
<script type="text/javascript" src="https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website/assets/js/eventMap.js" id="eventMap-js"></script>
<script type="text/javascript" src="https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website/assets/js/alpine.collapse.min.js" id="alpine-collapse-js"></script>
<script type="text/javascript" src="https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website/assets/js/alpinejs.min.js" id="alpine-js"></script><div class="fixed w-full h-screen p-2 md:p-5 left-0 top-0 flex items-center justify-center z-20" x-show="open" style="display: none;">

            <div class="absolute h-screen w-full left-0 top-0 backdrop-blur-md transition-opacity bg-black/20 cursor-pointer" x-show="open" x-transition:enter="motion-safe:ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" style="display: none;"></div>

            <div class="relative bg-white max-w-4xl w-full px-5 py-10 md:p-10 rounded-2xl shadow-xl cursor-auto" x-show="open" x-transition:enter.delay.100ms="" x-transition:leave="" @click.outside="open = false; document.body.classList.remove('overflow-hidden');" style="display: none;">
                <h3 class="mb-5 text-gray-600 font-bold text-2xl">Search Website</h3>
                
<form role="search" method="get" action="https://ymca.org.uk/">
    <label for="default-search" class="mb-2 font-medium text-gray-900 sr-only">Search</label>
    <div class="relative flex flex-col gap-5 md:block">
        <div class="relative">
            <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none text-primary">
                <svg xmlns="http://www.w3.org/2000/svg" width="19.083" height="19.083" viewBox="0 0 19.083 19.083">
    <path id="Path_8514" data-name="Path 8514" d="M18.659,16.584,14.725,12.65a7.852,7.852,0,0,0,1.422-4.576,7.942,7.942,0,0,0-.636-3.136,7.911,7.911,0,0,0-4.3-4.3,8.042,8.042,0,0,0-6.274,0,7.9,7.9,0,0,0-4.3,4.3,8.039,8.039,0,0,0,0,6.273,7.909,7.909,0,0,0,4.3,4.3,7.942,7.942,0,0,0,3.136.636,7.85,7.85,0,0,0,4.576-1.422l3.934,3.922a1.359,1.359,0,0,0,1.031.437,1.468,1.468,0,0,0,1.044-2.5M11.7,11.7a4.949,4.949,0,0,1-3.63,1.508A4.946,4.946,0,0,1,4.445,11.7a4.944,4.944,0,0,1-1.508-3.63A4.94,4.94,0,0,1,4.445,4.445,4.943,4.943,0,0,1,8.074,2.936,4.946,4.946,0,0,1,11.7,4.445a4.946,4.946,0,0,1,1.509,3.629A4.95,4.95,0,0,1,11.7,11.7" fill="currentColor"></path>
</svg>            </div>
            <input type="search" id="default-search" class="block w-full p-4 pl-10 outline-none text-gray-900 border border-gray-300 rounded-full bg-gray-50 focus:ring-primary focus:border-primary" placeholder="Search..." required="" value="" name="s">
        </div>
        <button type="submit" class="md:absolute right-0 md:-translate-y-1/2 top-1/2 button-primary h-[3.5rem]">Search</button>
    </div>
</form>
                <div class="absolute right-10 top-10 text-primary modalClose" @click="open = false">
                    <div class="text-currentColor flex items-center gap-2 group cursor-pointer font-bold">
    <p>Close</p>
    <div class="group-hover:scale-90 transition-transform">
        <svg xmlns="http://www.w3.org/2000/svg" width="29.121" height="29.121" viewBox="0 0 29.121 29.121">
    <g id="Group_3342" data-name="Group 3342" transform="translate(-8.904 14.561) rotate(-45)">
        <path id="Path_1819" data-name="Path 1819" d="M0,0V33.184" transform="translate(16.592)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"></path>
        <path id="Path_1820" data-name="Path 1820" d="M0,0V33.184" transform="translate(33.184 16.592) rotate(90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"></path>
    </g>
</svg>    </div>
</div>                </div>
            </div>
        </div><div class="fixed w-full h-screen p-2 md:p-5 left-0 top-0 flex items-center justify-center z-20" x-show="open" style="display: none;">

            <div class="absolute h-screen w-full left-0 top-0 backdrop-blur-md transition-opacity bg-black/20 cursor-pointer" x-show="open" x-transition:enter="motion-safe:ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" style="display: none;"></div>

            <div class="relative bg-white max-w-4xl w-full px-5 py-10 md:p-10 rounded-2xl shadow-xl cursor-auto" x-show="open" x-transition:enter.delay.100ms="" x-transition:leave="" @click.outside="open = false; document.body.classList.remove('overflow-hidden');" style="display: none;">
                <h3 class="mb-5 text-gray-600 font-bold text-2xl">Search Website</h3>
                
<form role="search" method="get" action="https://ymca.org.uk/">
    <label for="default-search" class="mb-2 font-medium text-gray-900 sr-only">Search</label>
    <div class="relative flex flex-col gap-5 md:block">
        <div class="relative">
            <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none text-primary">
                <svg xmlns="http://www.w3.org/2000/svg" width="19.083" height="19.083" viewBox="0 0 19.083 19.083">
    <path id="Path_8514" data-name="Path 8514" d="M18.659,16.584,14.725,12.65a7.852,7.852,0,0,0,1.422-4.576,7.942,7.942,0,0,0-.636-3.136,7.911,7.911,0,0,0-4.3-4.3,8.042,8.042,0,0,0-6.274,0,7.9,7.9,0,0,0-4.3,4.3,8.039,8.039,0,0,0,0,6.273,7.909,7.909,0,0,0,4.3,4.3,7.942,7.942,0,0,0,3.136.636,7.85,7.85,0,0,0,4.576-1.422l3.934,3.922a1.359,1.359,0,0,0,1.031.437,1.468,1.468,0,0,0,1.044-2.5M11.7,11.7a4.949,4.949,0,0,1-3.63,1.508A4.946,4.946,0,0,1,4.445,11.7a4.944,4.944,0,0,1-1.508-3.63A4.94,4.94,0,0,1,4.445,4.445,4.943,4.943,0,0,1,8.074,2.936,4.946,4.946,0,0,1,11.7,4.445a4.946,4.946,0,0,1,1.509,3.629A4.95,4.95,0,0,1,11.7,11.7" fill="currentColor"></path>
</svg>            </div>
            <input type="search" id="default-search" class="block w-full p-4 pl-10 outline-none text-gray-900 border border-gray-300 rounded-full bg-gray-50 focus:ring-primary focus:border-primary" placeholder="Search..." required="" value="" name="s">
        </div>
        <button type="submit" class="md:absolute right-0 md:-translate-y-1/2 top-1/2 button-primary h-[3.5rem]">Search</button>
    </div>
</form>
                <div class="absolute right-10 top-10 text-primary modalClose" @click="open = false">
                    <div class="text-currentColor flex items-center gap-2 group cursor-pointer font-bold">
    <p>Close</p>
    <div class="group-hover:scale-90 transition-transform">
        <svg xmlns="http://www.w3.org/2000/svg" width="29.121" height="29.121" viewBox="0 0 29.121 29.121">
    <g id="Group_3342" data-name="Group 3342" transform="translate(-8.904 14.561) rotate(-45)">
        <path id="Path_1819" data-name="Path 1819" d="M0,0V33.184" transform="translate(16.592)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"></path>
        <path id="Path_1820" data-name="Path 1820" d="M0,0V33.184" transform="translate(33.184 16.592) rotate(90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"></path>
    </g>
</svg>    </div>
</div>                </div>
            </div>
        </div><div class="fixed w-full h-screen p-2 md:p-5 left-0 top-0 flex items-center justify-center z-20" x-show="open" style="display: none;">

            <div class="absolute h-screen w-full left-0 top-0 backdrop-blur-md transition-opacity bg-black/20 cursor-pointer" x-show="open" x-transition:enter="motion-safe:ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" style="display: none;"></div>

            <div class="relative bg-white max-w-4xl w-full px-5 py-10 md:p-10 rounded-2xl shadow-xl cursor-auto" x-show="open" x-transition:enter.delay.100ms="" x-transition:leave="" @click.outside="open = false; document.body.classList.remove('overflow-hidden');" style="display: none;">
                <h3 class="mb-5 text-gray-600 font-bold text-2xl">Search Website</h3>
                
<form role="search" method="get" action="https://ymca.org.uk/">
    <label for="default-search" class="mb-2 font-medium text-gray-900 sr-only">Search</label>
    <div class="relative flex flex-col gap-5 md:block">
        <div class="relative">
            <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none text-primary">
                <svg xmlns="http://www.w3.org/2000/svg" width="19.083" height="19.083" viewBox="0 0 19.083 19.083">
    <path id="Path_8514" data-name="Path 8514" d="M18.659,16.584,14.725,12.65a7.852,7.852,0,0,0,1.422-4.576,7.942,7.942,0,0,0-.636-3.136,7.911,7.911,0,0,0-4.3-4.3,8.042,8.042,0,0,0-6.274,0,7.9,7.9,0,0,0-4.3,4.3,8.039,8.039,0,0,0,0,6.273,7.909,7.909,0,0,0,4.3,4.3,7.942,7.942,0,0,0,3.136.636,7.85,7.85,0,0,0,4.576-1.422l3.934,3.922a1.359,1.359,0,0,0,1.031.437,1.468,1.468,0,0,0,1.044-2.5M11.7,11.7a4.949,4.949,0,0,1-3.63,1.508A4.946,4.946,0,0,1,4.445,11.7a4.944,4.944,0,0,1-1.508-3.63A4.94,4.94,0,0,1,4.445,4.445,4.943,4.943,0,0,1,8.074,2.936,4.946,4.946,0,0,1,11.7,4.445a4.946,4.946,0,0,1,1.509,3.629A4.95,4.95,0,0,1,11.7,11.7" fill="currentColor"></path>
</svg>            </div>
            <input type="search" id="default-search" class="block w-full p-4 pl-10 outline-none text-gray-900 border border-gray-300 rounded-full bg-gray-50 focus:ring-primary focus:border-primary" placeholder="Search..." required="" value="" name="s">
        </div>
        <button type="submit" class="md:absolute right-0 md:-translate-y-1/2 top-1/2 button-primary h-[3.5rem]">Search</button>
    </div>
</form>
                <div class="absolute right-10 top-10 text-primary modalClose" @click="open = false">
                    <div class="text-currentColor flex items-center gap-2 group cursor-pointer font-bold">
    <p>Close</p>
    <div class="group-hover:scale-90 transition-transform">
        <svg xmlns="http://www.w3.org/2000/svg" width="29.121" height="29.121" viewBox="0 0 29.121 29.121">
    <g id="Group_3342" data-name="Group 3342" transform="translate(-8.904 14.561) rotate(-45)">
        <path id="Path_1819" data-name="Path 1819" d="M0,0V33.184" transform="translate(16.592)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"></path>
        <path id="Path_1820" data-name="Path 1820" d="M0,0V33.184" transform="translate(33.184 16.592) rotate(90)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"></path>
    </g>
</svg>    </div>
</div>                </div>
            </div>
        </div>
<script type="text/javascript" id="scripts-js-extra">
/* <![CDATA[ */
var themeSettings = {"themeURL":"https:\/\/ymca.org.uk\/wp-content\/themes\/YMCA_England-Wales-Website"};
/* ]]> */
</script>
<script type="text/javascript" src="https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website/assets/js/scripts.js" id="scripts-js"></script>
<script type="text/javascript" src="https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website/assets/js/singleMap.js" id="singleMap-js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCapDjjhBfhBsOuMqwNB0XkwDhoNMJijiI&amp;ver=9" id="google-map-js"></script>
<script type="text/javascript" src="https://ymca.org.uk/wp-content/themes/YMCA_England-Wales-Website/assets/js/map.js?ver=5" id="google-map-init-js"></script>
<script type="text/javascript" id="gforms_recaptcha_recaptcha-js-extra">
/* <![CDATA[ */
var gforms_recaptcha_recaptcha_strings = {"site_key":"6Le4GxgqAAAAANUcYrT_q-dkrQm6AubAKnGMyeGb","ajaxurl":"https:\/\/ymca.org.uk\/wp-admin\/admin-ajax.php","nonce":"f18635aa1a"};
/* ]]> */
</script>
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6Le4GxgqAAAAANUcYrT_q-dkrQm6AubAKnGMyeGb&amp;ver=1.6.0" id="gforms_recaptcha_recaptcha-js"></script>
<script type="text/javascript" id="gforms_recaptcha_recaptcha-js-after">
/* <![CDATA[ */
(function($){grecaptcha.ready(function(){$('.grecaptcha-badge').css('visibility','hidden');});})(jQuery);
/* ]]> */
</script>
<script type="text/javascript" id="sbi_scripts-js-extra">
/* <![CDATA[ */
var sb_instagram_js_options = {"font_method":"svg","resized_url":"https:\/\/ymca.org.uk\/wp-content\/uploads\/sb-instagram-feed-images\/","placeholder":"https:\/\/ymca.org.uk\/wp-content\/plugins\/instagram-feed\/img\/placeholder.png","ajax_url":"https:\/\/ymca.org.uk\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script type="text/javascript" src="https://ymca.org.uk/wp-content/plugins/instagram-feed/js/sbi-scripts.min.js?ver=6.6.1" id="sbi_scripts-js"></script>
<script type="text/javascript">
(function() {
				var expirationDate = new Date();
				expirationDate.setTime( expirationDate.getTime() + 31536000 * 1000 );
				document.cookie = "pll_language=en; expires=" + expirationDate.toUTCString() + "; path=/; secure; SameSite=Lax";
			}());

</script>




<iframe role="presentation" srcdoc="<html lang=&quot;en&quot;><head><title>apiSanitizer</title></head></body></html>" style="visibility: hidden; pointer-events: none; position: fixed;"></iframe><div><div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s ease 0s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden; visibility: hidden;"><div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-mohnqhz1yh5s" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&amp;k=6Le4GxgqAAAAANUcYrT_q-dkrQm6AubAKnGMyeGb&amp;co=aHR0cHM6Ly95bWNhLm9yZy51azo0NDM.&amp;hl=en&amp;v=zIriijn3uj5Vpknvt_LnfNbF&amp;size=invisible&amp;cb=m8jxz18dkpyh"></iframe></div><div class="grecaptcha-error"></div><textarea id="g-recaptcha-response-100000" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div><iframe style="display: none;"></iframe></div><div class="acsb-trigger acsb-widget" tabindex="0" role="button"></div></body></html><!-- Page cached by LiteSpeed Cache 6.5.2 on 2024-12-19 10:12:10 -->