<!DOCTYPE html>
<html lang="en-US">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="pingback" href="https://www.bansteadlocal.co.uk/xmlrpc.php">

  <title>Banstead Local &#8211; Just another WordPress site</title>
  <link rel="preload" as="font" href="https://www.bansteadlocal.co.uk/wp-content/themes/my-listing/assets/fonts/GlacialIndifference/Regular.otf" crossorigin>
  <link rel="preload" as="font" href="https://www.bansteadlocal.co.uk/wp-content/themes/my-listing/assets/fonts/GlacialIndifference/Bold.otf" crossorigin>
  <link rel="preload" as="font" href="https://www.bansteadlocal.co.uk/wp-content/themes/my-listing/assets/fonts/GlacialIndifference/Italic.otf" crossorigin>
  <meta name='robots' content='max-image-preview:large' />
  <link rel='dns-prefetch' href='//cdn.jsdelivr.net' />
  <link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
  <link rel='dns-prefetch' href='//maps.googleapis.com' />
  <link rel='dns-prefetch' href='//use.typekit.net' />
  <link rel='dns-prefetch' href='//fonts.googleapis.com' />
  <link rel='dns-prefetch' href='//s.w.org' />
  <link rel="alternate" type="application/rss+xml" title="Banstead Local &raquo; Feed" href="https://www.bansteadlocal.co.uk/feed/" />
  <link rel="alternate" type="application/rss+xml" title="Banstead Local &raquo; Comments Feed" href="https://www.bansteadlocal.co.uk/comments/feed/" />
  <link rel='preload stylesheet' as='style' onload="this.onload=null;this.rel='stylesheet'" id='wp-block-library-css' href='https://www.bansteadlocal.co.uk/wp-includes/css/dist/block-library/style.min.css?ver=5.7.8' type='text/css' media='all' />
  <link rel='stylesheet' id='wc-block-vendors-style-css' href='https://www.bansteadlocal.co.uk/wp-content/plugins/woocommerce/packages/woocommerce-blocks/build/vendors-style.css?ver=4.4.3' type='text/css' media='all' />
  <link rel='preload stylesheet' as='style' onload="this.onload=null;this.rel='stylesheet'" id='wc-block-style-css' href='https://www.bansteadlocal.co.uk/wp-content/plugins/woocommerce/packages/woocommerce-blocks/build/style.css?ver=4.4.3' type='text/css' media='all' />
  <link rel='stylesheet' id='contact-form-7-css' href='https://www.bansteadlocal.co.uk/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.4' type='text/css' media='all' />
  <link rel='stylesheet' id='woocommerce-layout-css' href='https://www.bansteadlocal.co.uk/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=5.1.0' type='text/css' media='all' />
  <link rel='stylesheet' id='woocommerce-smallscreen-css' href='https://www.bansteadlocal.co.uk/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=5.1.0' type='text/css' media='only screen and (max-width: 768px)' />
  <link rel='stylesheet' id='woocommerce-general-css' href='https://www.bansteadlocal.co.uk/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=5.1.0' type='text/css' media='all' />
  <style id='woocommerce-inline-inline-css' type='text/css'>
    .woocommerce form .form-row .required {
      visibility: visible;
    }
  </style>
  <link rel='stylesheet' id='custom_font-css' href='//use.typekit.net/ccw7agf.css' type='text/css' media='all' />
  <link rel='stylesheet' id='font-icon-css' href='https://www.bansteadlocal.co.uk/wp-content/themes/my-listing-child/css/fonts/styles.min.css?ver=5.7.8' type='text/css' media='all' />
  <link rel='stylesheet' id='pico-css' href='https://www.bansteadlocal.co.uk/wp-content/themes/my-listing-child/css/pico.classless.css?ver=5.7.8' type='text/css' media='all' />
  <link rel='stylesheet' id='bootstrap_css-css' href='https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css' type='text/css' media='all' />
  <link rel='stylesheet' id='slick_css-css' href='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.css?ver=5.7.8' type='text/css' media='all' />
  <link rel='stylesheet' id='slick_theme_css-css' href='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick-theme.min.css?ver=5.7.8' type='text/css' media='all' />
  <link rel='stylesheet' id='elementor-icons-css' href='https://www.bansteadlocal.co.uk/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.11.0' type='text/css' media='all' />
  <link rel='stylesheet' id='elementor-animations-css' href='https://www.bansteadlocal.co.uk/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=3.1.4' type='text/css' media='all' />
  <link rel='stylesheet' id='elementor-frontend-legacy-css' href='https://www.bansteadlocal.co.uk/wp-content/plugins/elementor/assets/css/frontend-legacy.min.css?ver=3.1.4' type='text/css' media='all' />
  <link rel='stylesheet' id='elementor-frontend-css' href='https://www.bansteadlocal.co.uk/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=3.1.4' type='text/css' media='all' />
  <link rel='stylesheet' id='elementor-post-13-css' href='https://www.bansteadlocal.co.uk/wp-content/uploads/elementor/css/post-13.css?ver=1615739819' type='text/css' media='all' />
  <link rel='stylesheet' id='font-awesome-5-all-css' href='https://www.bansteadlocal.co.uk/wp-content/plugins/elementor/assets/lib/font-awesome/css/all.min.css?ver=3.1.4' type='text/css' media='all' />
  <link rel='stylesheet' id='font-awesome-4-shim-css' href='https://www.bansteadlocal.co.uk/wp-content/plugins/elementor/assets/lib/font-awesome/css/v4-shims.min.css?ver=3.1.4' type='text/css' media='all' />
  <link rel='stylesheet' id='elementor-global-css' href='https://www.bansteadlocal.co.uk/wp-content/uploads/elementor/css/global.css?ver=1615739819' type='text/css' media='all' />
  <link rel='stylesheet' id='elementor-post-133-css' href='https://www.bansteadlocal.co.uk/wp-content/uploads/elementor/css/post-133.css?ver=1615739819' type='text/css' media='all' />
  <link rel='stylesheet' id='mylisting-google-maps-css' href='https://www.bansteadlocal.co.uk/wp-content/themes/my-listing/assets/dist/maps/google-maps/google-maps.css?ver=2.9.10' type='text/css' media='all' />
  <link rel='stylesheet' id='mylisting-icons-css' href='https://www.bansteadlocal.co.uk/wp-content/themes/my-listing/assets/dist/icons.css?ver=2.9.10' type='text/css' media='all' />
  <link rel='stylesheet' id='mylisting-material-icons-css' href='https://fonts.googleapis.com/icon?family=Material+Icons&#038;display=swap&#038;ver=5.7.8' type='text/css' media='all' />
  <link rel='stylesheet' id='select2-css' href='https://www.bansteadlocal.co.uk/wp-content/plugins/woocommerce/assets/css/select2.css?ver=5.1.0' type='text/css' media='all' />
  <link rel='stylesheet' id='mylisting-vendor-css' href='https://www.bansteadlocal.co.uk/wp-content/themes/my-listing/assets/dist/vendor.css?ver=2.9.10' type='text/css' media='all' />
  <link rel='stylesheet' id='mylisting-frontend-css' href='https://www.bansteadlocal.co.uk/wp-content/themes/my-listing/assets/dist/frontend.css?ver=2.9.10' type='text/css' media='all' />
  <link rel='stylesheet' id='wc-general-style-css' href='https://www.bansteadlocal.co.uk/wp-content/themes/my-listing/assets/dist/wc-general-style.css?ver=2.9.10' type='text/css' media='all' />
  <link rel='stylesheet' id='theme-styles-default-css' href='https://www.bansteadlocal.co.uk/wp-content/themes/my-listing/style.css?ver=5.7.8' type='text/css' media='all' />
  <style id='theme-styles-default-inline-css' type='text/css'>
    :root {}
  </style>
  <link rel='stylesheet' id='mylisting-default-fonts-css' href='https://www.bansteadlocal.co.uk/wp-content/themes/my-listing/assets/dist/default-fonts.css?ver=2.9.10' type='text/css' media='all' />
  <link rel='stylesheet' id='child-style-css' href='https://www.bansteadlocal.co.uk/wp-content/themes/my-listing-child/style.css?ver=5.7.8' type='text/css' media='all' />
  <link rel='stylesheet' id='mylisting-dynamic-styles-css' href='https://www.bansteadlocal.co.uk/wp-content/uploads/mylisting-dynamic-styles.css?ver=1676072483' type='text/css' media='all' />
  <link rel='stylesheet' id='google-fonts-1-css' href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;ver=5.7.8' type='text/css' media='all' />
  <link rel='stylesheet' id='elementor-icons-shared-0-css' href='https://www.bansteadlocal.co.uk/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css?ver=5.15.1' type='text/css' media='all' />
  <link rel='stylesheet' id='elementor-icons-fa-solid-css' href='https://www.bansteadlocal.co.uk/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.min.css?ver=5.15.1' type='text/css' media='all' />
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-includes/js/jquery/jquery.min.js?ver=3.5.1' id='jquery-core-js'></script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2' id='jquery-migrate-js'></script>
  <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.js?ver=5.7.8' id='slick-js'></script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-content/plugins/elementor/assets/lib/font-awesome/js/v4-shims.min.js?ver=3.1.4' id='font-awesome-4-shim-js'></script>
  <link rel="https://api.w.org/" href="https://www.bansteadlocal.co.uk/wp-json/" />
  <link rel="alternate" type="application/json" href="https://www.bansteadlocal.co.uk/wp-json/wp/v2/pages/133" />
  <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.bansteadlocal.co.uk/xmlrpc.php?rsd" />
  <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.bansteadlocal.co.uk/wp-includes/wlwmanifest.xml" />
  <meta name="generator" content="WordPress 5.7.8" />
  <meta name="generator" content="WooCommerce 5.1.0" />
  <link rel="canonical" href="https://www.bansteadlocal.co.uk/" />
  <link rel='shortlink' href='https://www.bansteadlocal.co.uk/' />
  <link rel="alternate" type="application/json+oembed" href="https://www.bansteadlocal.co.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.bansteadlocal.co.uk%2F" />
  <link rel="alternate" type="text/xml+oembed" href="https://www.bansteadlocal.co.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.bansteadlocal.co.uk%2F&#038;format=xml" />
  <script type="text/javascript">
    var MyListing = {
      "Helpers": {},
      "Handlers": {},
      "MapConfig": {
        "ClusterSize": 35,
        "AccessToken": "",
        "Language": "default",
        "TypeRestrictions": "geocode",
        "CountryRestrictions": [],
        "CustomSkins": {}
      }
    };
  </script>
  <script type="text/javascript">
    var CASE27 = {
      "ajax_url": "https:\/\/www.bansteadlocal.co.uk\/wp-admin\/admin-ajax.php",
      "login_url": "https:\/\/www.bansteadlocal.co.uk\/my-account-2\/",
      "register_url": "https:\/\/www.bansteadlocal.co.uk\/my-account-2\/?register",
      "mylisting_ajax_url": "\/?mylisting-ajax=1",
      "env": "production",
      "ajax_nonce": "a35ca01cef",
      "l10n": {
        "selectOption": "Select an option",
        "errorLoading": "The results could not be loaded.",
        "removeAllItems": "Remove all items",
        "loadingMore": "Loading more results\u2026",
        "noResults": "No results found",
        "searching": "Searching\u2026",
        "datepicker": {
          "format": "DD MMMM, YY",
          "timeFormat": "h:mm A",
          "dateTimeFormat": "DD MMMM, YY, h:mm A",
          "timePicker24Hour": false,
          "firstDay": 1,
          "applyLabel": "Apply",
          "cancelLabel": "Cancel",
          "customRangeLabel": "Custom Range",
          "daysOfWeek": ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
          "monthNames": ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
        },
        "irreversible_action": "This is an irreversible action. Proceed anyway?",
        "delete_listing_confirm": "Are you sure you want to delete this listing?",
        "copied_to_clipboard": "Copied!",
        "nearby_listings_location_required": "Enter a location to find nearby listings.",
        "nearby_listings_retrieving_location": "Retrieving location...",
        "nearby_listings_searching": "Searching for nearby listings...",
        "geolocation_failed": "You must enable location to use this feature.",
        "something_went_wrong": "Something went wrong.",
        "all_in_category": "All in \"%s\"",
        "invalid_file_type": "Invalid file type. Accepted types:",
        "file_limit_exceeded": "You have exceeded the file upload limit (%d)."
      },
      "woocommerce": [],
      "map_provider": "google-maps",
      "google_btn_local": "en_US",
      "js_field_html_img": "<div class=\"uploaded-file uploaded-image review-gallery-image job-manager-uploaded-file\">\t<span class=\"uploaded-file-preview\">\t\t\t\t\t<span class=\"job-manager-uploaded-file-preview\">\t\t\t\t<img alt=\"Uploaded file\" src=\"\">\t\t\t<\/span>\t\t\t\t<a href=\"#\" class=\"remove-uploaded-file review-gallery-image-remove job-manager-remove-uploaded-file\"><i class=\"mi delete\"><\/i><\/a>\t<\/span>\t<input type=\"hidden\" class=\"input-text\" name=\"\" value=\"b64:\"><\/div>",
      "js_field_html": "<div class=\"uploaded-file  review-gallery-image job-manager-uploaded-file\">\t<span class=\"uploaded-file-preview\">\t\t\t\t\t<span class=\"job-manager-uploaded-file-name\">\t\t\t\t<i class=\"mi insert_drive_file uploaded-file-icon\"><\/i>\t\t\t\t<code><\/code>\t\t\t<\/span>\t\t\t\t<a href=\"#\" class=\"remove-uploaded-file review-gallery-image-remove job-manager-remove-uploaded-file\"><i class=\"mi delete\"><\/i><\/a>\t<\/span>\t<input type=\"hidden\" class=\"input-text\" name=\"\" value=\"b64:\"><\/div>"
    };
  </script> <noscript>
    <style>
      .woocommerce-product-gallery {
        opacity: 1 !important;
      }
    </style>
  </noscript>
  <style type="text/css">
    .recentcomments a {
      display: inline !important;
      padding: 0 !important;
      margin: 0 !important;
    }
  </style>
  <style type="text/css" id="mylisting-typography">
    div.i-nav>ul>li {
      font-size: 18px;
      font-weight: 400 !important;
    }

    ul.sub-menu.i-dropdown li a,
    ul.sub-menu.i-dropdown li a,
    div.mobile-user-menu>ul>li>a,
    ul.i-dropdown li a {
      font-size: 18px;
    }
  </style>
</head>

<body class="home page-template-default page page-id-133 theme-my-listing woocommerce-no-js my-listing ml-disable-form-section-animation elementor-default elementor-kit-13 elementor-page elementor-page-133">

  <div id="c27-site-wrapper">
    <div class="loader-bg main-loader site-logo-loader" style="background-color: #202125;">
      <img alt="Site logo" src="https://www.bansteadlocal.co.uk/wp-content/uploads/2020/12/e8eb7c66758e79.png">
    </div>
    <link rel='stylesheet' id='mylisting-header-css' href='https://www.bansteadlocal.co.uk/wp-content/themes/my-listing/assets/dist/header.css?ver=2.9.10' type='text/css' media='all' />

    <!-- SECONDARY NAVIGATION -->
    <div class="container-fluid secondary-header">
      <div class="row align-items-center">
        <div class="col-lg-4">
          <!--		<div class="d-flex justify-content-between align-items-center">-->
          <div class="secondary-header-social">
            <a href="#"><i class="icons8-facebook-2"></i></a>
            <a href="#"><i class="icons8-twitter-2"></i></a>
            <a href="#"><i class="icons8-instagram-2"></i></a>
          </div>
        </div>
        <div class="col-lg-4">
          <div class="secondary-header-news-slider">

            <div class="row secondary-header-slider">
              <div class="col text-center">
                <a href="#" class="item-box d-flex align-items-center justify-content-center">
                  <i class="icons8-heart-2 brand-red"></i>
                  <span>Help our community grow. Follow and share us on social media <strong>#BansteadLocal</strong></span>
                </a>
              </div>

              <div class="col text-center">
                <a href="#" class="item-box d-flex align-items-center justify-content-center">
                  <i class="icons8-heart-2 brand-red"></i>
                  <span>Help our community grow. Follow and share us on social media <strong>#BansteadLocal</strong></span>
                </a>
              </div>

            </div>

          </div>
        </div>
        <!--
		<div class="col-lg-4 text-right">
			<div class="secondary-header-fb-group">
				<a href="#" class="d-flex align-items-center justify-content-end">
					<i class="icons8-people"></i>
					<span>Join our Facebook Group</span>
				</a>

			
			</div>
		</div>
-->
      </div>
    </div>
    <!-- end SECONDARY NAVIGATION -->

    <!-- SEARCH POPUP -->
    <div id="search" class="container-fluid">
      <div class="display-2">
        <button type="button" class="close">Close</button>
      </div>

      <div class="row popup-search">
        <div class="col-lg-7 col-centered">
          <div class="row">
            <div class="col-lg-9 col-centered">
              <h2 class="display-2 text-center brand-purple mb-60">Search for <a href="#">shops and businesses</a>, <a href="#">events</a> and <a href="#">jobs</a> in Banstead:</h2>
            </div>
          </div>
          <link rel='stylesheet' id='mylisting-basic-search-form-css' href='https://www.bansteadlocal.co.uk/wp-content/themes/my-listing/assets/dist/basic-search-form.css?ver=2.9.10' type='text/css' media='all' />

          <div class="mylisting-basic-form text-center" :class="tabMode==='dark'?'featured-light':tabMode" data-listing-types="{&quot;shops-and-businesses&quot;:{&quot;id&quot;:209,&quot;name&quot;:&quot;Shops and Businesses&quot;,&quot;icon&quot;:&quot;\t\t\t&lt;i class=\&quot;\&quot;&gt;&lt;\/i&gt;\r\n\t\t&quot;,&quot;slug&quot;:&quot;shops-and-businesses&quot;,&quot;filters&quot;:{&quot;search_keywords&quot;:&quot;&quot;}},&quot;event&quot;:{&quot;id&quot;:147,&quot;name&quot;:&quot;Events&quot;,&quot;icon&quot;:&quot;\t\t\t&lt;i class=\&quot;mi queue_music\&quot;&gt;&lt;\/i&gt;\r\n\t\t&quot;,&quot;slug&quot;:&quot;event&quot;,&quot;filters&quot;:{&quot;search_keywords&quot;:&quot;&quot;}},&quot;jobs&quot;:{&quot;id&quot;:144,&quot;name&quot;:&quot;Jobs&quot;,&quot;icon&quot;:&quot;\t\t\t&lt;i class=\&quot;icon-user-magnify\&quot;&gt;&lt;\/i&gt;\r\n\t\t&quot;,&quot;slug&quot;:&quot;jobs&quot;,&quot;filters&quot;:{&quot;search_keywords&quot;:&quot;&quot;}}}" data-config="{&quot;form_id&quot;:&quot;sform-9dQmB&quot;,&quot;tabs_mode&quot;:&quot;light&quot;,&quot;types_display&quot;:&quot;dropdown&quot;,&quot;box_shadow&quot;:false,&quot;target_url&quot;:&quot;https:\/\/www.bansteadlocal.co.uk\/explore\/&quot;}" v-cloak>
            <div class="featured-search wide">
              <div class="fs-tabs">

                <div class="tab-content" :class="boxShadow?'add-box-shadow':''">
                  <div role="tabpanel" class="tab-pane fade in filter-count-3" :class="activeType.id===209?'active':''">

                    <form method="GET">
                      <div class="form-group explore-filter md-group dropdown-filter listing-types-dropdown">
                        <select @select:change="typeDropdownChanged( $event.detail.value )" required="true" class="custom-select" ref="types-dropdown-209">
                          <option v-for="listingType, key in types" :value="key">{{ listingType.name }}</option>
                        </select>
                        <label>Listing Type</label>
                      </div>

                      <wp-search-filter listing-type="shops-and-businesses" filter-key="search_keywords" location="basic-form" label="General Search Box" @input="filterChanged" inline-template>
                        <div v-if="location === 'primary-filter'" class="explore-head-search">
                          <i class="mi search"></i>
                          <input required ref="input" type="text" :placeholder="label" :value="filters[filterKey]" @input="updateInput">
                        </div>
                        <div v-else class="form-group explore-filter wp-search-filter md-group">
                          <input :aria-label="label" required ref="input" type="text" :value="filters[filterKey]" @input="updateInput">
                          <label>{{label}}</label>
                        </div>
                      </wp-search-filter>

                      <div class="form-group">
                        <button class="buttons button-2 search" @click.prevent="submit">
                          <i class="mi search"></i>
                          Search </button>
                      </div>
                    </form>
                  </div>
                  <div role="tabpanel" class="tab-pane fade in filter-count-3" :class="activeType.id===147?'active':''">

                    <form method="GET">
                      <div class="form-group explore-filter md-group dropdown-filter listing-types-dropdown">
                        <select @select:change="typeDropdownChanged( $event.detail.value )" required="true" class="custom-select" ref="types-dropdown-147">
                          <option v-for="listingType, key in types" :value="key">{{ listingType.name }}</option>
                        </select>
                        <label>Listing Type</label>
                      </div>

                      <wp-search-filter listing-type="event" filter-key="search_keywords" location="basic-form" label="I&#039;m looking for" @input="filterChanged" inline-template>
                        <div v-if="location === 'primary-filter'" class="explore-head-search">
                          <i class="mi search"></i>
                          <input required ref="input" type="text" :placeholder="label" :value="filters[filterKey]" @input="updateInput">
                        </div>
                        <div v-else class="form-group explore-filter wp-search-filter md-group">
                          <input :aria-label="label" required ref="input" type="text" :value="filters[filterKey]" @input="updateInput">
                          <label>{{label}}</label>
                        </div>
                      </wp-search-filter>

                      <div class="form-group">
                        <button class="buttons button-2 search" @click.prevent="submit">
                          <i class="mi search"></i>
                          Search </button>
                      </div>
                    </form>
                  </div>
                  <div role="tabpanel" class="tab-pane fade in filter-count-3" :class="activeType.id===144?'active':''">

                    <form method="GET">
                      <div class="form-group explore-filter md-group dropdown-filter listing-types-dropdown">
                        <select id="my-select" @select:change="typeDropdownChanged( $event.detail.value )" required="true" class="custom-select" ref="types-dropdown-144">
                          <option v-for="listingType, key in types" :value="key">{{ listingType.name }}</option>
                        </select>
                        <label>Listing Type</label>
                      </div>

                      <wp-search-filter listing-type="jobs" filter-key="search_keywords" location="basic-form" label="What are you looking for?" @input="filterChanged" inline-template>
                        <div v-if="location === 'primary-filter'" class="explore-head-search">
                          <i class="mi search"></i>
                          <input required ref="input" type="text" :placeholder="label" :value="filters[filterKey]" @input="updateInput">
                        </div>
                        <div v-else class="form-group explore-filter wp-search-filter md-group">
                          <input :aria-label="label" required ref="input" type="text" :value="filters[filterKey]" @input="updateInput">
                          <label>{{label}}</label>
                        </div>
                      </wp-search-filter>

                      <div class="form-group">
                        <button class="buttons button-2 search" @click.prevent="submit">
                          <i class="mi search"></i>
                          Search </button>
                      </div>
                    </form>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div id="shops" class="popup-search-popular  mt-60 d-flex align-items-center justify-content-center">
            <h3>Shops </h3>
            <p class="brand-purple m-0">Popular Searches:</p>
            <a class="tag" href="#">Hairdressers</a>
            <a class="tag" href="#">Plumbers</a>
            <a class="tag" href="#">Builders</a>
            <a class="tag" href="#">Charity Shops</a>
          </div>

          <div id="jobs" class="popup-search-popular  mt-60 d-flex align-items-center justify-content-center">
            <h3>Jobs </h3>
            <p class="brand-purple m-0">Popular Searches:</p>
            <a class="tag" href="#">Hairdressers</a>
            <a class="tag" href="#">Plumbers</a>
            <a class="tag" href="#">Builders</a>
            <a class="tag" href="#">Charity Shops</a>
          </div>

          <div id="events" class="popup-search-popular  mt-60 d-flex align-items-center justify-content-center">
            <h3>Events </h3>
            <p class="brand-purple m-0">Popular Searches:</p>
            <a class="tag" href="#">Hairdressers</a>
            <a class="tag" href="#">Plumbers</a>
            <a class="tag" href="#">Builders</a>
            <a class="tag" href="#">Charity Shops</a>
          </div>

        </div>
      </div>

      <!--
	<form>
        <input type="search" value="" placeholder="type keyword(s) here" />
        <button type="submit" class="btn btn-primary">Search</button>
    </form>
-->
    </div>
    <!-- end SEARCHPOPUP -->

    <header class="c27-main-header header header-style-default header-width-full-width header-dark-skin header-scroll-dark-skin header-scroll-hide header-fixed header-menu-right main-nav">
      <div class="header-skin"></div>
      <div class="header-container">
        <div class="header-top container-fluid">
          <div class="header-left">
            <div class="mobile-menu">
              <a aria-label="Mobile menu icon" href="#main-menu">
                <div class="mobile-menu-lines"><i class="mi menu"></i></div>
              </a>
            </div>
            <div class="logo">

              <a aria-label="Site logo" href="https://www.bansteadlocal.co.uk/" class="static-logo">
                <img src="https://www.bansteadlocal.co.uk/wp-content/uploads/2020/12/e8eb7c66758e79.png" alt="">
              </a>
            </div>
          </div>
          <div class="header-center">
            <div class="i-nav">
              <div class="mobile-nav-head">
                <div class="mnh-close-icon">
                  <a aria-label="Close mobile menu" href="#close-main-menu">
                    <i class="mi close"></i>
                  </a>
                </div>

              </div>

              <ul id="menu-main-menu" class="main-menu main-nav">
                <li id="menu-item-179" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-133 current_page_item menu-item-179"><a href="https://www.bansteadlocal.co.uk/" aria-current="page">Home</a></li>
                <li id="menu-item-180" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-180"><a href="https://www.bansteadlocal.co.uk/explore/">Shops and Businesses</a>
                  <div class="submenu-toggle"><i class="material-icons arrow_drop_down"></i></div>
                  <ul class="sub-menu i-dropdown">
                    <li id="menu-item-181" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-181"><a href="https://www.bansteadlocal.co.uk/explore/">Explore</a></li>
                    <li id="menu-item-182" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-182"><a href="https://www.bansteadlocal.co.uk/explore-2-columns/">Explore (2 columns)</a></li>
                    <li id="menu-item-183" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-183"><a href="https://www.bansteadlocal.co.uk/explore-alternate/">Explore (3 columns)</a></li>
                    <li id="menu-item-184" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-184"><a href="https://www.bansteadlocal.co.uk/explore-alternate-2/">Explore Alternate</a></li>
                    <li id="menu-item-185" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-185"><a href="https://www.bansteadlocal.co.uk/explore-no-map/">Explore No map</a></li>
                    <li id="menu-item-186" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-186"><a href="https://www.bansteadlocal.co.uk/explore-classic/">Explore classic</a></li>
                  </ul>
                </li>
                <li id="menu-item-187" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-187"><a href="#">Events</a>
                  <div class="submenu-toggle"><i class="material-icons arrow_drop_down"></i></div>
                  <ul class="sub-menu i-dropdown">
                    <li id="menu-item-188" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-188"><a href="https://bansteadlocal.co.uk/listing/liman-restaurant/#profile">Place</a></li>
                    <li id="menu-item-189" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-189"><a href="https://bansteadlocal.co.uk/listing/london-grammar-live/">Event</a></li>
                    <li id="menu-item-190" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-190"><a href="https://bansteadlocal.co.uk/listing/experienced-project-manager/">Jobs</a></li>
                    <li id="menu-item-191" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-191"><a href="https://bansteadlocal.co.uk/listing/charming-1-bedroom-flat-for-rent-in-whitechapel/#profile">Real Estate</a></li>
                    <li id="menu-item-192" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-192"><a href="https://bansteadlocal.co.uk/listing/bmw-316-d-facelift/">Cars</a></li>
                    <li id="menu-item-193" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-193"><a href="https://docs.mylistingtheme.com/category/listing-types/">Create your own!</a></li>
                  </ul>
                </li>
                <li id="menu-item-194" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-194"><a href="#">Jobs</a>
                  <div class="submenu-toggle"><i class="material-icons arrow_drop_down"></i></div>
                  <ul class="sub-menu i-dropdown">
                    <li id="menu-item-195" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-195"><a href="https://www.bansteadlocal.co.uk/all-elementor-widgets/">All elementor widgets</a></li>
                    <li id="menu-item-196" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-196"><a href="https://www.bansteadlocal.co.uk/add-listing/">Add a Listing</a></li>
                    <li id="menu-item-197" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-197"><a href="https://www.bansteadlocal.co.uk/my-account-2/">Dashboard</a></li>
                    <li id="menu-item-198" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-198"><a href="https://www.bansteadlocal.co.uk/shop-2/">Shop</a></li>
                    <li id="menu-item-199" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-199"><a href="https://www.bansteadlocal.co.uk/blog/">Blog</a></li>
                    <li id="menu-item-200" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-200"><a href="https://mylistingtheme.com/">More demos</a></li>
                  </ul>
                </li>
                <li id="menu-item-217" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-217"><a href="#">About</a></li>
                <li id="menu-item-218" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-218"><a href="#">Local Information</a></li>
                <li id="menu-item-219" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-219"><a href="#search">Search</a></li>
              </ul>
              <div class="mobile-nav-button">
                <div class="header-button">
                  <a href="https://www.bansteadlocal.co.uk/add-listing/" class="buttons button-1">
                    <i class="icon-location-pin-check-2"></i> Add a listing </a>
                </div>
              </div>
            </div>
            <div class="i-nav-overlay"></div>
          </div>
          <div class="header-right">
            <div class="user-area signin-area">
              <!-- USER PROFILEIMAGE -->
              <div class="user-area-logged-out">
                <img src="../wp-content/themes/my-listing-child/images/profile-user.svg" />
              </div>
              <!-- end USER PROFILE IMAGE -->

              <a href="https://www.bansteadlocal.co.uk/my-account-2/">
                Login
              </a>
              <span>or</span>
              <a href="https://www.bansteadlocal.co.uk/my-account-2/?register">
                Join the Community
              </a>
            </div>
            <div class="mob-sign-in">
              <a aria-label="Mobile sign in button" href="https://www.bansteadlocal.co.uk/my-account-2/"><i class="mi person"></i></a>
            </div>

            <a class="view-cart-contents" href="#" type="button" id="user-cart-menu" data-toggle="modal" data-target="#wc-cart-modal" title="View your shopping cart">
              <span class="mi shopping_basket"></span>
              <i class="header-cart-counter counter-hidden" data-count="0">
                <span>0</span>
              </i>
            </a>
            <div class="header-button">
              <a href="https://www.bansteadlocal.co.uk/add-listing/" class="buttons button-1">
                <i class="icon-location-pin-check-2"></i> Add a listing </a>
            </div>
          </div>
        </div>
      </div>
    </header>

    <div data-elementor-type="wp-page" data-elementor-id="133" class="elementor elementor-133 elementor-bc-flex-widget" data-elementor-settings="[]">
      <div class="elementor-inner">
        <div class="elementor-section-wrap">
          <section class="elementor-section elementor-top-section elementor-element elementor-element-2woam06 elementor-section-height-min-height elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-items-middle" data-id="2woam06" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
            <div class="elementor-background-overlay"></div>
            <div class="elementor-container elementor-column-gap-no">
              <div class="elementor-row">
                <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9b1306f" data-id="9b1306f" data-element_type="column">
                  <div class="elementor-column-wrap elementor-element-populated">
                    <div class="elementor-widget-wrap">
                      <div class="elementor-element elementor-element-cc73ae3 elementor-widget elementor-widget-heading" data-id="cc73ae3" data-element_type="widget" data-widget_type="heading.default">
                        <div class="elementor-widget-container">
                          <h2 class="elementor-heading-title elementor-size-default">Discover great places
                            in London</h2>
                        </div>
                      </div>
                      <div class="elementor-element elementor-element-b3f1925 elementor-widget elementor-widget-heading" data-id="b3f1925" data-element_type="widget" data-widget_type="heading.default">
                        <div class="elementor-widget-container">
                          <h2 class="elementor-heading-title elementor-size-default">Find awesome places, bars, restaurants and activities in London</h2>
                        </div>
                      </div>
                      <div class="elementor-element elementor-element-1ad38d2 elementor-widget elementor-widget-shortcode" data-id="1ad38d2" data-element_type="widget" data-widget_type="shortcode.default">
                        <div class="elementor-widget-container">
                          <div class="elementor-shortcode">
                            <div class="mylisting-basic-form text-center" :class="tabMode==='dark'?'featured-light':tabMode" data-listing-types="{&quot;place&quot;:{&quot;id&quot;:146,&quot;name&quot;:&quot;Shops and Businesses&quot;,&quot;icon&quot;:&quot;\t\t\t&lt;i class=\&quot;icon-location-pin-check-2\&quot;&gt;&lt;\/i&gt;\r\n\t\t&quot;,&quot;slug&quot;:&quot;place&quot;,&quot;filters&quot;:{&quot;search_location&quot;:&quot;&quot;,&quot;lat&quot;:false,&quot;lng&quot;:false,&quot;category&quot;:&quot;&quot;,&quot;search_keywords&quot;:&quot;&quot;}},&quot;event&quot;:{&quot;id&quot;:147,&quot;name&quot;:&quot;Events&quot;,&quot;icon&quot;:&quot;\t\t\t&lt;i class=\&quot;mi queue_music\&quot;&gt;&lt;\/i&gt;\r\n\t\t&quot;,&quot;slug&quot;:&quot;event&quot;,&quot;filters&quot;:{&quot;search_keywords&quot;:&quot;&quot;}},&quot;jobs&quot;:{&quot;id&quot;:144,&quot;name&quot;:&quot;Jobs&quot;,&quot;icon&quot;:&quot;\t\t\t&lt;i class=\&quot;icon-user-magnify\&quot;&gt;&lt;\/i&gt;\r\n\t\t&quot;,&quot;slug&quot;:&quot;jobs&quot;,&quot;filters&quot;:{&quot;search_keywords&quot;:&quot;&quot;}},&quot;real-estate&quot;:{&quot;id&quot;:145,&quot;name&quot;:&quot;Real Estate&quot;,&quot;icon&quot;:&quot;\t\t\t&lt;i class=\&quot;icon-places-home-3\&quot;&gt;&lt;\/i&gt;\r\n\t\t&quot;,&quot;slug&quot;:&quot;real-estate&quot;,&quot;filters&quot;:{&quot;search_keywords&quot;:&quot;&quot;,&quot;category&quot;:&quot;&quot;,&quot;rent-price-per-month&quot;:&quot;&quot;}},&quot;cars&quot;:{&quot;id&quot;:143,&quot;name&quot;:&quot;Cars&quot;,&quot;icon&quot;:&quot;\t\t\t&lt;i class=\&quot;icon-car-2\&quot;&gt;&lt;\/i&gt;\r\n\t\t&quot;,&quot;slug&quot;:&quot;cars&quot;,&quot;filters&quot;:{&quot;custom-taxonomy-car-brand&quot;:&quot;&quot;,&quot;car-price&quot;:&quot;&quot;}}}" data-config="{&quot;form_id&quot;:&quot;sform-2G5zS&quot;,&quot;tabs_mode&quot;:&quot;transparent&quot;,&quot;types_display&quot;:&quot;tabs&quot;,&quot;box_shadow&quot;:true,&quot;target_url&quot;:&quot;https:\/\/www.bansteadlocal.co.uk\/explore\/&quot;}" v-cloak>
                              <div class="featured-search wide">
                                <div class="fs-tabs">
                                  <ul class="nav nav-tabs cts-carousel" role="tablist">
                                    <li v-for="listingType, key in types" role="presentation" :class="activeType.id===listingType.id?'active':''">
                                      <a role="tab" @click="activeType=listingType">
                                        <div class="lt-icon" v-html="listingType.icon"></div>
                                        {{ listingType.name }}
                                      </a>
                                    </li>
                                    <li role="presentation" class="cts-prev">prev</li>
                                    <li role="presentation" class="cts-next">next</li>
                                  </ul>

                                  <div class="tab-content" :class="boxShadow?'add-box-shadow':''">
                                    <div role="tabpanel" class="tab-pane fade in filter-count-4" :class="activeType.id===146?'active':''">

                                      <form method="GET">

                                        <location-filter listing-type="place" filter-key="search_location" location="basic-form" label="Where to look?" @input="filterChanged" inline-template>
                                          <div v-if="location === 'primary-filter'" class="explore-head-search ehs-location">
                                            <i class="mi search"></i>
                                            <input required ref="input" type="text" :placeholder="label" :value="filters[filterKey]" @autocomplete:change="handleAutocomplete">
                                            <i class="icon-location-user geocode-location" @click="updateWithUserLocation"></i>
                                          </div>
                                          <div v-else class="form-group location-wrapper explore-filter location-filter md-group">
                                            <input :aria-label="label" required ref="input" type="text" placeholder=" " :value="filters[filterKey]" @autocomplete:change="handleAutocomplete">
                                            <i class="icon-location-user geocode-location" @click="updateWithUserLocation"></i>
                                            <label>{{label}}</label>
                                          </div>
                                        </location-filter>

                                        <dropdown-hierarchy-filter listing-type="place" filter-key="category" location="basic-form" label="All categories" pre-selected="[]" ajax-params="{&quot;taxonomy&quot;:&quot;job_listing_category&quot;,&quot;listing-type-id&quot;:146,&quot;orderby&quot;:&quot;count&quot;,&quot;order&quot;:&quot;DESC&quot;,&quot;hide_empty&quot;:&quot;yes&quot;,&quot;term-value&quot;:&quot;slug&quot;,&quot;parent&quot;:0}" @input="filterChanged" inline-template>
                                          <div class="cts-term-hierarchy form-group md-group">
                                            <input type="text" required ref="input" data-placeholder=" " class="hide" :data-template="location==='advanced-form'?'default':'alternate'" :data-selected="preSelected" :data-mylisting-ajax-params="ajaxParams" @termhierarchy:change="handleChange">
                                            <label>{{label}}</label>
                                          </div>
                                        </dropdown-hierarchy-filter>
                                        <wp-search-filter listing-type="place" filter-key="search_keywords" location="basic-form" label="What are you looking for?" @input="filterChanged" inline-template>
                                          <div v-if="location === 'primary-filter'" class="explore-head-search">
                                            <i class="mi search"></i>
                                            <input required ref="input" type="text" :placeholder="label" :value="filters[filterKey]" @input="updateInput">
                                          </div>
                                          <div v-else class="form-group explore-filter wp-search-filter md-group">
                                            <input :aria-label="label" required ref="input" type="text" :value="filters[filterKey]" @input="updateInput">
                                            <label>{{label}}</label>
                                          </div>
                                        </wp-search-filter>

                                        <div class="form-group">
                                          <button class="buttons button-2 search" @click.prevent="submit">
                                            <i class="mi search"></i>
                                            Search </button>
                                        </div>
                                      </form>
                                    </div>
                                    <div role="tabpanel" class="tab-pane fade in filter-count-2" :class="activeType.id===147?'active':''">

                                      <form method="GET">

                                        <wp-search-filter listing-type="event" filter-key="search_keywords" location="basic-form" label="I&#039;m looking for" @input="filterChanged" inline-template>
                                          <div v-if="location === 'primary-filter'" class="explore-head-search">
                                            <i class="mi search"></i>
                                            <input required ref="input" type="text" :placeholder="label" :value="filters[filterKey]" @input="updateInput">
                                          </div>
                                          <div v-else class="form-group explore-filter wp-search-filter md-group">
                                            <input :aria-label="label" required ref="input" type="text" :value="filters[filterKey]" @input="updateInput">
                                            <label>{{label}}</label>
                                          </div>
                                        </wp-search-filter>

                                        <div class="form-group">
                                          <button class="buttons button-2 search" @click.prevent="submit">
                                            <i class="mi search"></i>
                                            Search </button>
                                        </div>
                                      </form>
                                    </div>
                                    <div role="tabpanel" class="tab-pane fade in filter-count-2" :class="activeType.id===144?'active':''">

                                      <form method="GET">

                                        <wp-search-filter listing-type="jobs" filter-key="search_keywords" location="basic-form" label="What are you looking for?" @input="filterChanged" inline-template>
                                          <div v-if="location === 'primary-filter'" class="explore-head-search">
                                            <i class="mi search"></i>
                                            <input required ref="input" type="text" :placeholder="label" :value="filters[filterKey]" @input="updateInput">
                                          </div>
                                          <div v-else class="form-group explore-filter wp-search-filter md-group">
                                            <input :aria-label="label" required ref="input" type="text" :value="filters[filterKey]" @input="updateInput">
                                            <label>{{label}}</label>
                                          </div>
                                        </wp-search-filter>

                                        <div class="form-group">
                                          <button class="buttons button-2 search" @click.prevent="submit">
                                            <i class="mi search"></i>
                                            Search </button>
                                        </div>
                                      </form>
                                    </div>
                                    <div role="tabpanel" class="tab-pane fade in filter-count-4" :class="activeType.id===145?'active':''">

                                      <form method="GET">

                                        <wp-search-filter listing-type="real-estate" filter-key="search_keywords" location="basic-form" label="What are you looking for?" @input="filterChanged" inline-template>
                                          <div v-if="location === 'primary-filter'" class="explore-head-search">
                                            <i class="mi search"></i>
                                            <input required ref="input" type="text" :placeholder="label" :value="filters[filterKey]" @input="updateInput">
                                          </div>
                                          <div v-else class="form-group explore-filter wp-search-filter md-group">
                                            <input :aria-label="label" required ref="input" type="text" :value="filters[filterKey]" @input="updateInput">
                                            <label>{{label}}</label>
                                          </div>
                                        </wp-search-filter>

                                        <dropdown-hierarchy-filter listing-type="real-estate" filter-key="category" location="basic-form" label="All categories" pre-selected="[]" ajax-params="{&quot;taxonomy&quot;:&quot;job_listing_category&quot;,&quot;listing-type-id&quot;:145,&quot;orderby&quot;:&quot;count&quot;,&quot;order&quot;:&quot;DESC&quot;,&quot;hide_empty&quot;:&quot;yes&quot;,&quot;term-value&quot;:&quot;slug&quot;,&quot;parent&quot;:0}" @input="filterChanged" inline-template>
                                          <div class="cts-term-hierarchy form-group md-group">
                                            <input type="text" required ref="input" data-placeholder=" " class="hide" :data-template="location==='advanced-form'?'default':'alternate'" :data-selected="preSelected" :data-mylisting-ajax-params="ajaxParams" @termhierarchy:change="handleChange">
                                            <label>{{label}}</label>
                                          </div>
                                        </dropdown-hierarchy-filter>
                                        <range-filter listing-type="real-estate" filter-key="rent-price-per-month" location="basic-form" label="Price per month" value="" type="range" prefix="$" suffix="" behavior="lower" :min="850" :max="2800" :step="1" :format-value="false" @input="filterChanged" inline-template>
                                          <div v-if="location === 'primary-filter'" class="explore-head-search form-group radius">
                                            <i class="mi search"></i>
                                            <div class="mylisting-range-slider">
                                              <div class="amount">{{label}}: {{displayValue}}</div>
                                              <div class="slider-range" ref="slider"></div>
                                            </div>
                                          </div>
                                          <div v-else class="form-group radius radius1 range-slider explore-filter range-filter">
                                            <label>{{label}}</label>
                                            <div class="mylisting-range-slider">
                                              <div class="amount">{{displayValue}}</div>
                                              <div class="slider-range" ref="slider"></div>
                                            </div>
                                          </div>
                                        </range-filter>

                                        <div class="form-group">
                                          <button class="buttons button-2 search" @click.prevent="submit">
                                            <i class="mi search"></i>
                                            Search </button>
                                        </div>
                                      </form>
                                    </div>
                                    <div role="tabpanel" class="tab-pane fade in filter-count-3" :class="activeType.id===143?'active':''">

                                      <form method="GET">

                                        <dropdown-hierarchy-filter listing-type="cars" filter-key="custom-taxonomy-car-brand" location="basic-form" label="Car brand" pre-selected="[]" ajax-params="{&quot;taxonomy&quot;:&quot;custom-taxonomy-car-brand&quot;,&quot;listing-type-id&quot;:143,&quot;orderby&quot;:&quot;name&quot;,&quot;order&quot;:&quot;DESC&quot;,&quot;hide_empty&quot;:&quot;&quot;,&quot;term-value&quot;:&quot;slug&quot;,&quot;parent&quot;:0}" @input="filterChanged" inline-template>
                                          <div class="cts-term-hierarchy form-group md-group">
                                            <input type="text" required ref="input" data-placeholder=" " class="hide" :data-template="location==='advanced-form'?'default':'alternate'" :data-selected="preSelected" :data-mylisting-ajax-params="ajaxParams" @termhierarchy:change="handleChange">
                                            <label>{{label}}</label>
                                          </div>
                                        </dropdown-hierarchy-filter>
                                        <range-filter listing-type="cars" filter-key="car-price" location="basic-form" label="Price" value="" type="range" prefix="" suffix="$" behavior="lower" :min="15600" :max="35000" :step="1" :format-value="false" @input="filterChanged" inline-template>
                                          <div v-if="location === 'primary-filter'" class="explore-head-search form-group radius">
                                            <i class="mi search"></i>
                                            <div class="mylisting-range-slider">
                                              <div class="amount">{{label}}: {{displayValue}}</div>
                                              <div class="slider-range" ref="slider"></div>
                                            </div>
                                          </div>
                                          <div v-else class="form-group radius radius1 range-slider explore-filter range-filter">
                                            <label>{{label}}</label>
                                            <div class="mylisting-range-slider">
                                              <div class="amount">{{displayValue}}</div>
                                              <div class="slider-range" ref="slider"></div>
                                            </div>
                                          </div>
                                        </range-filter>

                                        <div class="form-group">
                                          <button class="buttons button-2 search" @click.prevent="submit">
                                            <i class="mi search"></i>
                                            Search </button>
                                        </div>
                                      </form>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>
          <section class="elementor-section elementor-top-section elementor-element elementor-element-jgthffa elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="jgthffa" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
            <div class="elementor-background-overlay"></div>
            <div class="elementor-container elementor-column-gap-default">
              <div class="elementor-row">
                <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9o19ub4" data-id="9o19ub4" data-element_type="column">
                  <div class="elementor-column-wrap elementor-element-populated">
                    <div class="elementor-widget-wrap">
                      <div class="elementor-element elementor-element-cc9d226 elementor-widget elementor-widget-heading" data-id="cc9d226" data-element_type="widget" data-widget_type="heading.default">
                        <div class="elementor-widget-container">
                          <h2 class="elementor-heading-title elementor-size-default">Discover places around London</h2>
                        </div>
                      </div>
                      <div class="elementor-element elementor-element-7a267c9 elementor-widget elementor-widget-heading" data-id="7a267c9" data-element_type="widget" data-widget_type="heading.default">
                        <div class="elementor-widget-container">
                          <h2 class="elementor-heading-title elementor-size-default">Filter by category</h2>
                        </div>
                      </div>
                      <section class="elementor-section elementor-inner-section elementor-element elementor-element-4eb841a elementor-section-height-min-height elementor-section-boxed elementor-section-height-default" data-id="4eb841a" data-element_type="section">
                        <div class="elementor-container elementor-column-gap-no">
                          <div class="elementor-row">
                            <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-2a2b376" data-id="2a2b376" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}" data-mylisting-link-to="{&quot;url&quot;:&quot;https:\/\/bansteadlocal.co.uk\/explore\/?type=place&amp;sort=top-rated&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;}">
                              <div class="elementor-column-wrap elementor-element-populated">
                                <div class="elementor-background-overlay"></div>
                                <div class="elementor-widget-wrap">
                                  <div class="elementor-element elementor-element-c6ffc39 elementor-view-default elementor-widget elementor-widget-icon" data-id="c6ffc39" data-element_type="widget" data-widget_type="icon.default">
                                    <div class="elementor-widget-container">
                                      <div class="elementor-icon-wrapper">
                                        <div class="elementor-icon">
                                          <i class="icon-location-pin-check-2" aria-hidden="true"></i>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="elementor-element elementor-element-149a305 elementor-widget elementor-widget-heading" data-id="149a305" data-element_type="widget" data-widget_type="heading.default">
                                    <div class="elementor-widget-container">
                                      <h2 class="elementor-heading-title elementor-size-default">Explore places</h2>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-0a28a0e" data-id="0a28a0e" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}" data-mylisting-link-to="{&quot;url&quot;:&quot;https:\/\/bansteadlocal.co.uk\/explore\/?type=place&amp;category=nightlife&amp;sort=top-rated&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;}">
                              <div class="elementor-column-wrap elementor-element-populated">
                                <div class="elementor-background-overlay"></div>
                                <div class="elementor-widget-wrap">
                                  <div class="elementor-element elementor-element-d952cfb elementor-view-default elementor-widget elementor-widget-icon" data-id="d952cfb" data-element_type="widget" data-widget_type="icon.default">
                                    <div class="elementor-widget-container">
                                      <div class="elementor-icon-wrapper">
                                        <div class="elementor-icon">
                                          <i class="elementor-icon material-icons music_note" aria-hidden="true"></i>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="elementor-element elementor-element-90ee118 elementor-widget elementor-widget-heading" data-id="90ee118" data-element_type="widget" data-widget_type="heading.default">
                                    <div class="elementor-widget-container">
                                      <h2 class="elementor-heading-title elementor-size-default">Nightlife</h2>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </section>
                      <section class="elementor-section elementor-inner-section elementor-element elementor-element-c4f0c75 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default" data-id="c4f0c75" data-element_type="section">
                        <div class="elementor-container elementor-column-gap-no">
                          <div class="elementor-row">
                            <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-d2e2d3f" data-id="d2e2d3f" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}" data-mylisting-link-to="{&quot;url&quot;:&quot;https:\/\/bansteadlocal.co.uk\/explore\/?type=place&amp;category=cinemas&amp;sort=top-rated&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;}">
                              <div class="elementor-column-wrap elementor-element-populated">
                                <div class="elementor-background-overlay"></div>
                                <div class="elementor-widget-wrap">
                                  <div class="elementor-element elementor-element-ebe715d elementor-view-default elementor-widget elementor-widget-icon" data-id="ebe715d" data-element_type="widget" data-widget_type="icon.default">
                                    <div class="elementor-widget-container">
                                      <div class="elementor-icon-wrapper">
                                        <div class="elementor-icon">
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="elementor-element elementor-element-16d43dd elementor-widget elementor-widget-heading" data-id="16d43dd" data-element_type="widget" data-widget_type="heading.default">
                                    <div class="elementor-widget-container">
                                      <h2 class="elementor-heading-title elementor-size-default">Cinema</h2>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-23b5392" data-id="23b5392" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}" data-mylisting-link-to="{&quot;url&quot;:&quot;https:\/\/bansteadlocal.co.uk\/explore\/?type=place&amp;category=restaurants&amp;sort=top-rated&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;}">
                              <div class="elementor-column-wrap elementor-element-populated">
                                <div class="elementor-background-overlay"></div>
                                <div class="elementor-widget-wrap">
                                  <div class="elementor-element elementor-element-c62eba6 elementor-view-default elementor-widget elementor-widget-icon" data-id="c62eba6" data-element_type="widget" data-widget_type="icon.default">
                                    <div class="elementor-widget-container">
                                      <div class="elementor-icon-wrapper">
                                        <div class="elementor-icon">
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="elementor-element elementor-element-d18061a elementor-widget elementor-widget-heading" data-id="d18061a" data-element_type="widget" data-widget_type="heading.default">
                                    <div class="elementor-widget-container">
                                      <h2 class="elementor-heading-title elementor-size-default">Restaurants</h2>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-c604ab0" data-id="c604ab0" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}" data-mylisting-link-to="{&quot;url&quot;:&quot;https:\/\/bansteadlocal.co.uk\/explore\/?type=place&amp;category=gym-and-fitness&amp;sort=top-rated&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;}">
                              <div class="elementor-column-wrap elementor-element-populated">
                                <div class="elementor-background-overlay"></div>
                                <div class="elementor-widget-wrap">
                                  <div class="elementor-element elementor-element-6550b7b elementor-view-default elementor-widget elementor-widget-icon" data-id="6550b7b" data-element_type="widget" data-widget_type="icon.default">
                                    <div class="elementor-widget-container">
                                      <div class="elementor-icon-wrapper">
                                        <div class="elementor-icon">
                                          <i class="icon-sport-dumbbell-1" aria-hidden="true"></i>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="elementor-element elementor-element-3dae295 elementor-widget elementor-widget-heading" data-id="3dae295" data-element_type="widget" data-widget_type="heading.default">
                                    <div class="elementor-widget-container">
                                      <h2 class="elementor-heading-title elementor-size-default">Gym & Fitness</h2>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-2da4103" data-id="2da4103" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}" data-mylisting-link-to="{&quot;url&quot;:&quot;https:\/\/bansteadlocal.co.uk\/explore\/?type=place&amp;category=art-and-history&amp;sort=top-rated&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;}">
                              <div class="elementor-column-wrap elementor-element-populated">
                                <div class="elementor-background-overlay"></div>
                                <div class="elementor-widget-wrap">
                                  <div class="elementor-element elementor-element-0ef5829 elementor-view-default elementor-widget elementor-widget-icon" data-id="0ef5829" data-element_type="widget" data-widget_type="icon.default">
                                    <div class="elementor-widget-container">
                                      <div class="elementor-icon-wrapper">
                                        <div class="elementor-icon">
                                          <i class="icon-temple-2" aria-hidden="true"></i>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="elementor-element elementor-element-98f1ab8 elementor-widget elementor-widget-heading" data-id="98f1ab8" data-element_type="widget" data-widget_type="heading.default">
                                    <div class="elementor-widget-container">
                                      <h2 class="elementor-heading-title elementor-size-default">Art &amp; History</h2>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </section>
                      <section class="elementor-section elementor-inner-section elementor-element elementor-element-ac8cc57 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default" data-id="ac8cc57" data-element_type="section">
                        <div class="elementor-container elementor-column-gap-no">
                          <div class="elementor-row">
                            <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-2d87cea" data-id="2d87cea" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}" data-mylisting-link-to="{&quot;url&quot;:&quot;https:\/\/bansteadlocal.co.uk\/explore\/?type=place&amp;category=outdoor-activities&amp;sort=top-rated&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;}">
                              <div class="elementor-column-wrap elementor-element-populated">
                                <div class="elementor-background-overlay"></div>
                                <div class="elementor-widget-wrap">
                                  <div class="elementor-element elementor-element-21a654e elementor-view-default elementor-widget elementor-widget-icon" data-id="21a654e" data-element_type="widget" data-widget_type="icon.default">
                                    <div class="elementor-widget-container">
                                      <div class="elementor-icon-wrapper">
                                        <div class="elementor-icon">
                                          <i class="icon-sport-football-field" aria-hidden="true"></i>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="elementor-element elementor-element-b7fad9e elementor-widget elementor-widget-heading" data-id="b7fad9e" data-element_type="widget" data-widget_type="heading.default">
                                    <div class="elementor-widget-container">
                                      <h2 class="elementor-heading-title elementor-size-default">Outdoor activities</h2>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-3bc662a" data-id="3bc662a" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}" data-mylisting-link-to="{&quot;url&quot;:&quot;https:\/\/bansteadlocal.co.uk\/explore\/?type=place&amp;category=cinemas&amp;sort=top-rated&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;}">
                              <div class="elementor-column-wrap elementor-element-populated">
                                <div class="elementor-background-overlay"></div>
                                <div class="elementor-widget-wrap">
                                  <div class="elementor-element elementor-element-92f0d83 elementor-view-default elementor-widget elementor-widget-icon" data-id="92f0d83" data-element_type="widget" data-widget_type="icon.default">
                                    <div class="elementor-widget-container">
                                      <div class="elementor-icon-wrapper">
                                        <div class="elementor-icon">
                                          <i class="elementor-icon fa fa-quote-left" aria-hidden="true"></i>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="elementor-element elementor-element-d4056f0 elementor-widget elementor-widget-heading" data-id="d4056f0" data-element_type="widget" data-widget_type="heading.default">
                                    <div class="elementor-widget-container">
                                      <h2 class="elementor-heading-title elementor-size-default">To see a World in a Grain of Sand
                                        And a Heaven in a Wild Flower
                                        Hold Infinity in the palm of your hand
                                        And Eternity in an hour</h2>
                                    </div>
                                  </div>
                                  <div class="elementor-element elementor-element-82fe948 elementor-widget elementor-widget-heading" data-id="82fe948" data-element_type="widget" data-widget_type="heading.default">
                                    <div class="elementor-widget-container">
                                      <h2 class="elementor-heading-title elementor-size-default">William Blake</h2>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-7a9a234" data-id="7a9a234" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}" data-mylisting-link-to="{&quot;url&quot;:&quot;https:\/\/bansteadlocal.co.uk\/explore\/?type=event&amp;sort=top-rated&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;}">
                              <div class="elementor-column-wrap elementor-element-populated">
                                <div class="elementor-background-overlay"></div>
                                <div class="elementor-widget-wrap">
                                  <div class="elementor-element elementor-element-2979ec0 elementor-view-default elementor-widget elementor-widget-icon" data-id="2979ec0" data-element_type="widget" data-widget_type="icon.default">
                                    <div class="elementor-widget-container">
                                      <div class="elementor-icon-wrapper">
                                        <div class="elementor-icon">
                                          <i class="elementor-icon material-icons queue_music" aria-hidden="true"></i>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="elementor-element elementor-element-ad4be9f elementor-widget elementor-widget-heading" data-id="ad4be9f" data-element_type="widget" data-widget_type="heading.default">
                                    <div class="elementor-widget-container">
                                      <h2 class="elementor-heading-title elementor-size-default">Discover events</h2>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </section>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>
          <section class="elementor-section elementor-top-section elementor-element elementor-element-21b6486 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="21b6486" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
            <div class="elementor-container elementor-column-gap-default">
              <div class="elementor-row">
                <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9f168f9" data-id="9f168f9" data-element_type="column">
                  <div class="elementor-column-wrap elementor-element-populated">
                    <div class="elementor-widget-wrap">
                      <div class="elementor-element elementor-element-1abbf35 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="1abbf35" data-element_type="widget" data-widget_type="divider.default">
                        <div class="elementor-widget-container">
                          <div class="elementor-divider">
                            <span class="elementor-divider-separator">
                            </span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>
          <section class="elementor-section elementor-top-section elementor-element elementor-element-d1b35fa elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d1b35fa" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
            <div class="elementor-container elementor-column-gap-default">
              <div class="elementor-row">
                <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1870c31" data-id="1870c31" data-element_type="column">
                  <div class="elementor-column-wrap elementor-element-populated">
                    <div class="elementor-widget-wrap">
                      <div class="elementor-element elementor-element-2a8dc9b elementor-widget elementor-widget-heading" data-id="2a8dc9b" data-element_type="widget" data-widget_type="heading.default">
                        <div class="elementor-widget-container">
                          <h2 class="elementor-heading-title elementor-size-default">Places we recommend you visit</h2>
                        </div>
                      </div>
                      <div class="elementor-element elementor-element-58d2f89 elementor-widget elementor-widget-heading" data-id="58d2f89" data-element_type="widget" data-widget_type="heading.default">
                        <div class="elementor-widget-container">
                          <h2 class="elementor-heading-title elementor-size-default">Handpicked places by our team</h2>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>
          <section class="elementor-section elementor-top-section elementor-element elementor-element-96dabee elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="96dabee" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
            <div class="elementor-container elementor-column-gap-default">
              <div class="elementor-row">
                <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5017527" data-id="5017527" data-element_type="column">
                  <div class="elementor-column-wrap elementor-element-populated">
                    <div class="elementor-widget-wrap">
                      <div class="elementor-element elementor-element-f30d547 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="f30d547" data-element_type="widget" data-widget_type="divider.default">
                        <div class="elementor-widget-container">
                          <div class="elementor-divider">
                            <span class="elementor-divider-separator">
                            </span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>
          <section class="elementor-section elementor-top-section elementor-element elementor-element-135aa42 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="135aa42" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
            <div class="elementor-container elementor-column-gap-default">
              <div class="elementor-row">
                <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2408401" data-id="2408401" data-element_type="column">
                  <div class="elementor-column-wrap elementor-element-populated">
                    <div class="elementor-widget-wrap">
                      <div class="elementor-element elementor-element-210821d elementor-widget elementor-widget-heading" data-id="210821d" data-element_type="widget" data-widget_type="heading.default">
                        <div class="elementor-widget-container">
                          <h2 class="elementor-heading-title elementor-size-default">What's happening?</h2>
                        </div>
                      </div>
                      <div class="elementor-element elementor-element-7a665cf elementor-widget elementor-widget-heading" data-id="7a665cf" data-element_type="widget" data-widget_type="heading.default">
                        <div class="elementor-widget-container">
                          <h2 class="elementor-heading-title elementor-size-default">Discover events throughout the city</h2>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>
          <section class="elementor-section elementor-top-section elementor-element elementor-element-0730b8c elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="0730b8c" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
            <div class="elementor-container elementor-column-gap-default">
              <div class="elementor-row">
                <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-96a0367" data-id="96a0367" data-element_type="column">
                  <div class="elementor-column-wrap elementor-element-populated">
                    <div class="elementor-widget-wrap">
                      <div class="elementor-element elementor-element-9bc8b9a elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="9bc8b9a" data-element_type="widget" data-widget_type="divider.default">
                        <div class="elementor-widget-container">
                          <div class="elementor-divider">
                            <span class="elementor-divider-separator">
                            </span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>
          <section class="elementor-section elementor-top-section elementor-element elementor-element-288d355 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="288d355" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
            <div class="elementor-container elementor-column-gap-default">
              <div class="elementor-row">
                <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b52ba3a" data-id="b52ba3a" data-element_type="column">
                  <div class="elementor-column-wrap elementor-element-populated">
                    <div class="elementor-widget-wrap">
                      <div class="elementor-element elementor-element-128c3cf elementor-widget elementor-widget-heading" data-id="128c3cf" data-element_type="widget" data-widget_type="heading.default">
                        <div class="elementor-widget-container">
                          <h2 class="elementor-heading-title elementor-size-default">Real Estate</h2>
                        </div>
                      </div>
                      <div class="elementor-element elementor-element-99c1597 elementor-widget elementor-widget-heading" data-id="99c1597" data-element_type="widget" data-widget_type="heading.default">
                        <div class="elementor-widget-container">
                          <h2 class="elementor-heading-title elementor-size-default">Looking for properties to rent?</h2>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>
          <section class="elementor-section elementor-top-section elementor-element elementor-element-ad26e3f elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="ad26e3f" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
            <div class="elementor-container elementor-column-gap-default">
              <div class="elementor-row">
                <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a26b29e" data-id="a26b29e" data-element_type="column">
                  <div class="elementor-column-wrap elementor-element-populated">
                    <div class="elementor-widget-wrap">
                      <div class="elementor-element elementor-element-d8cbafb elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="d8cbafb" data-element_type="widget" data-widget_type="divider.default">
                        <div class="elementor-widget-container">
                          <div class="elementor-divider">
                            <span class="elementor-divider-separator">
                            </span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>
          <section class="elementor-section elementor-top-section elementor-element elementor-element-5d86993 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5d86993" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
            <div class="elementor-container elementor-column-gap-default">
              <div class="elementor-row">
                <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cfbae1e" data-id="cfbae1e" data-element_type="column">
                  <div class="elementor-column-wrap elementor-element-populated">
                    <div class="elementor-widget-wrap">
                      <div class="elementor-element elementor-element-a52f7e5 elementor-widget elementor-widget-heading" data-id="a52f7e5" data-element_type="widget" data-widget_type="heading.default">
                        <div class="elementor-widget-container">
                          <h2 class="elementor-heading-title elementor-size-default">Jop openings</h2>
                        </div>
                      </div>
                      <div class="elementor-element elementor-element-f9f9a03 elementor-widget elementor-widget-heading" data-id="f9f9a03" data-element_type="widget" data-widget_type="heading.default">
                        <div class="elementor-widget-container">
                          <h2 class="elementor-heading-title elementor-size-default">Find job openings in London</h2>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>
          <section class="elementor-section elementor-top-section elementor-element elementor-element-5f0bda0 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle" data-id="5f0bda0" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
            <div class="elementor-container elementor-column-gap-default">
              <div class="elementor-row">
                <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-163e55d" data-id="163e55d" data-element_type="column">
                  <div class="elementor-column-wrap elementor-element-populated">
                    <div class="elementor-widget-wrap">
                      <section class="elementor-section elementor-inner-section elementor-element elementor-element-831aa73 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="831aa73" data-element_type="section">
                        <div class="elementor-container elementor-column-gap-default">
                          <div class="elementor-row">
                            <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-1a1b1d3" data-id="1a1b1d3" data-element_type="column">
                              <div class="elementor-column-wrap elementor-element-populated">
                                <div class="elementor-widget-wrap">
                                  <div class="elementor-element elementor-element-a8c4296 elementor-widget elementor-widget-heading" data-id="a8c4296" data-element_type="widget" data-widget_type="heading.default">
                                    <div class="elementor-widget-container">
                                      <h2 class="elementor-heading-title elementor-size-default">Get MyListing today!</h2>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-750c7b5" data-id="750c7b5" data-element_type="column">
                              <div class="elementor-column-wrap elementor-element-populated">
                                <div class="elementor-widget-wrap">
                                  <div class="elementor-element elementor-element-e49a33c elementor-align-left elementor-tablet-align-center elementor-mobile-align-center elementor-widget elementor-widget-button" data-id="e49a33c" data-element_type="widget" data-widget_type="button.default">
                                    <div class="elementor-widget-container">
                                      <div class="elementor-button-wrapper">
                                        <a href="https://themeforest.net/item/mylisting-directory-listing-wordpress-theme/20593226" class="elementor-button-link elementor-button elementor-size-md" role="button">
                                          <span class="elementor-button-content-wrapper">
                                            <span class="elementor-button-text">Purchase now</span>
                                          </span>
                                        </a>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </section>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>
        </div>
      </div>
    </div>

  </div>
  <link rel='stylesheet' id='mylisting-footer-css' href='https://www.bansteadlocal.co.uk/wp-content/themes/my-listing/assets/dist/footer.css?ver=2.9.10' type='text/css' media='all' />

  <footer class="footer ">
    <div class="container">
      <div class="row">
      </div>

      <div class="row">
        <div class="col-md-12">
          <div class="footer-bottom">
            <div class="row">
              <div class="col-md-12 col-sm-12 col-xs-12 social-links">
                <ul id="menu-footer-social-links" class="main-menu social-nav">
                  <li id="menu-item-176" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-176"><a href="https://www.facebook.com/wearecase27/"><i class="fa fa-facebook-f"></i></a></li>
                  <li id="menu-item-177" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-177"><a href="https://www.youtube.com/channel/UCva2ULajnzEhorlabr_yDpA"><i class="fa fa-youtube-play"></i></a></li>
                  <li id="menu-item-178" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-178"><a href="https://twitter.com/collective27?lang=en"><i class="fa fa-twitter"></i></a></li>
                </ul>
              </div>
              <div class="col-md-12 col-sm-12 col-xs-12 copyright">
                <p>© Made by 27collective</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </footer>
  <!-- Quick view modal -->
  <link rel='stylesheet' id='mylisting-quick-view-modal-css' href='https://www.bansteadlocal.co.uk/wp-content/themes/my-listing/assets/dist/quick-view-modal.css?ver=2.9.10' type='text/css' media='all' />
  <div id="quick-view" class="modal modal-27 quick-view-modal c27-quick-view-modal" role="dialog">
    <div class="container">
      <div class="modal-dialog">
        <div class="modal-content"></div>
      </div>
    </div>
    <div class="loader-bg">

      <div class="paper-spinner center-vh" style="width: 28px; height: 28px;">
        <div class="spinner-container active">
          <div class="spinner-layer layer-1" style="border-color: #ddd;">
            <div class="circle-clipper left">
              <div class="circle" style="border-width: 3px;"></div>
            </div>
            <div class="gap-patch">
              <div class="circle" style="border-width: 3px;"></div>
            </div>
            <div class="circle-clipper right">
              <div class="circle" style="border-width: 3px;"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="comparison-view" class="modal modal-27" role="dialog">
    <div class="modal-dialog">
      <div class="modal-content"></div>
    </div>
    <div class="loader-bg">

      <div class="paper-spinner center-vh" style="width: 28px; height: 28px;">
        <div class="spinner-container active">
          <div class="spinner-layer layer-1" style="border-color: #ddd;">
            <div class="circle-clipper left">
              <div class="circle" style="border-width: 3px;"></div>
            </div>
            <div class="gap-patch">
              <div class="circle" style="border-width: 3px;"></div>
            </div>
            <div class="circle-clipper right">
              <div class="circle" style="border-width: 3px;"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Modal - WC Cart Contents-->
  <div id="wc-cart-modal" class="modal modal-27" role="dialog">
    <div class="modal-dialog modal-md">
      <div class="modal-content">
        <div class="sign-in-box">
          <div class="widget woocommerce widget_shopping_cart">
            <h2 class="widgettitle">Cart</h2>
            <div class="widget_shopping_cart_content"></div>
          </div>
        </div>
      </div>
    </div>
  </div><!-- Root element of PhotoSwipe. Must have class pswp. -->
  <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
    <!-- Background of PhotoSwipe.
It's a separate element as animating opacity is faster than rgba(). -->
    <div class="pswp__bg"></div>
    <!-- Slides wrapper with overflow:hidden. -->
    <div class="pswp__scroll-wrap">
      <!-- Container that holds slides.
        PhotoSwipe keeps only 3 of them in the DOM to save memory.
        Don't modify these 3 pswp__item elements, data is added later on. -->
      <div class="pswp__container">
        <div class="pswp__item"></div>
        <div class="pswp__item"></div>
        <div class="pswp__item"></div>
      </div>
      <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
      <div class="pswp__ui pswp__ui--hidden">
        <div class="pswp__top-bar">
          <!--  Controls are self-explanatory. Order can be changed. -->
          <div class="pswp__counter"></div>
          <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
          <button class="pswp__button pswp__button--share" title="Share"></button>
          <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
          <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
          <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
          <!-- element will get class pswp__preloader--active when preloader is running -->
          <div class="pswp__preloader">
            <div class="pswp__preloader__icn">
              <div class="pswp__preloader__cut">
                <div class="pswp__preloader__donut"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
          <div class="pswp__share-tooltip"></div>
        </div>
        <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
        </button>
        <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
        </button>
        <div class="pswp__caption">
          <div class="pswp__caption__center"></div>
        </div>
      </div>
    </div>
  </div>
  <script id="mylisting-dialog-template" type="text/template">
    <div class="mylisting-dialog-wrapper">
		<div class="mylisting-dialog">
			<div class="mylisting-dialog--message"></div><!--
			 --><div class="mylisting-dialog--actions">
				<div class="mylisting-dialog--dismiss mylisting-dialog--action">Dismiss</div>
				<div class="mylisting-dialog--loading mylisting-dialog--action hide">
					
<div class="paper-spinner " style="width: 24px; height: 24px;">
	<div class="spinner-container active">
		<div class="spinner-layer layer-1" style="border-color: #777;">
			<div class="circle-clipper left">
				<div class="circle" style="border-width: 2.5px;"></div>
			</div><div class="gap-patch">
				<div class="circle" style="border-width: 2.5px;"></div>
			</div><div class="circle-clipper right">
				<div class="circle" style="border-width: 2.5px;"></div>
			</div>
		</div>
	</div>
</div>				</div>
			</div>
		</div>
	</div>
</script> <a href="#" class="back-to-top">
    <i class="mi keyboard_arrow_up"></i>
  </a>
  <style type="text/css">
    .c27-main-header .logo img {
      height: 38px;
    }

    @media screen and (max-width: 1200px) {
      .c27-main-header .logo img {
        height: 50px;
      }
    }

    @media screen and (max-width: 480px) {
      .c27-main-header .logo img {
        height: 40px;
      }
    }

    .c27-main-header:not(.header-scroll) .header-skin {
      background: rgba(25, 28, 31, 0)
    }

    .c27-main-header:not(.header-scroll) .header-skin {
      border-bottom: 1px solid rgba(255, 255, 255, 0)
    }

    .c27-main-header.header-scroll .header-skin {
      background: #202125 !important;
    }

    .c27-main-header.header-scroll .header-skin {
      border-bottom: 1px solid #202125 !important;
    }

    footer.footer {
      background: #ffffff
    }
  </style>
  <script id="case27-basic-marker-template" type="text/template">
    <a aria-label="Location block map marker" href="#" class="marker-icon">
		<div class="marker-img" style="background-image: url({{marker-bg}});"></div>
	</a>
</script>
  <script id="case27-traditional-marker-template" type="text/template">
    <div class="cts-marker-pin">
		<img alt="Map marker pin" src="https://www.bansteadlocal.co.uk/wp-content/themes/my-listing/assets/images/pin.png">
	</div>
</script>
  <script id="case27-user-location-marker-template" type="text/template">
    <div class="cts-geoloc-marker"></div>
</script>
  <script id="case27-marker-template" type="text/template">
    <a aria-label="Explore page map marker" href="#" class="marker-icon {{listing-id}}">
		{{icon}}
		<div class="marker-img" style="background-image: url({{marker-bg}});"></div>
	</a>
</script>
  <script type="text/javascript">
    (function() {
      var c = document.body.className;
      c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
      document.body.className = c;
    })();
  </script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=7.4.4' id='wp-polyfill-js'></script>
  <script type='text/javascript' id='wp-polyfill-js-after'>
    ('fetch' in window) || document.write('<script src="https://www.bansteadlocal.co.uk/wp-includes/js/dist/vendor/wp-polyfill-fetch.min.js?ver=3.0.0"></scr' + 'ipt>');
    (document.contains) || document.write('<script src="https://www.bansteadlocal.co.uk/wp-includes/js/dist/vendor/wp-polyfill-node-contains.min.js?ver=3.42.0"></scr' + 'ipt>');
    (window.DOMRect) || document.write('<script src="https://www.bansteadlocal.co.uk/wp-includes/js/dist/vendor/wp-polyfill-dom-rect.min.js?ver=3.42.0"></scr' + 'ipt>');
    (window.URL && window.URL.prototype && window.URLSearchParams) || document.write('<script src="https://www.bansteadlocal.co.uk/wp-includes/js/dist/vendor/wp-polyfill-url.min.js?ver=3.6.4"></scr' + 'ipt>');
    (window.FormData && window.FormData.prototype.keys) || document.write('<script src="https://www.bansteadlocal.co.uk/wp-includes/js/dist/vendor/wp-polyfill-formdata.min.js?ver=3.0.12"></scr' + 'ipt>');
    (Element.prototype.matches && Element.prototype.closest) || document.write('<script src="https://www.bansteadlocal.co.uk/wp-includes/js/dist/vendor/wp-polyfill-element-closest.min.js?ver=2.0.2"></scr' + 'ipt>');
    ('objectFit' in document.documentElement.style) || document.write('<script src="https://www.bansteadlocal.co.uk/wp-includes/js/dist/vendor/wp-polyfill-object-fit.min.js?ver=2.3.4"></scr' + 'ipt>');
  </script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-includes/js/dist/hooks.min.js?ver=d0188aa6c336f8bb426fe5318b7f5b72' id='wp-hooks-js'></script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-includes/js/dist/i18n.min.js?ver=6ae7d829c963a7d8856558f3f9b32b43' id='wp-i18n-js'></script>
  <script type='text/javascript' id='wp-i18n-js-after'>
    wp.i18n.setLocaleData({
      'text direction\u0004ltr': ['ltr']
    });
  </script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-includes/js/dist/vendor/lodash.min.js?ver=4.17.21' id='lodash-js'></script>
  <script type='text/javascript' id='lodash-js-after'>
    window.lodash = _.noConflict();
  </script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-includes/js/dist/url.min.js?ver=7c99a9585caad6f2f16c19ecd17a86cd' id='wp-url-js'></script>
  <script type='text/javascript' id='wp-api-fetch-js-translations'>
    (function(domain, translations) {
      var localeData = translations.locale_data[domain] || translations.locale_data.messages;
      localeData[""].domain = domain;
      wp.i18n.setLocaleData(localeData, domain);
    })("default", {
      "locale_data": {
        "messages": {
          "": {}
        }
      }
    });
  </script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-includes/js/dist/api-fetch.min.js?ver=25cbf3644d200bdc5cab50e7966b5b03' id='wp-api-fetch-js'></script>
  <script type='text/javascript' id='wp-api-fetch-js-after'>
    wp.apiFetch.use(wp.apiFetch.createRootURLMiddleware("https://www.bansteadlocal.co.uk/wp-json/"));
    wp.apiFetch.nonceMiddleware = wp.apiFetch.createNonceMiddleware("02427ddbc9");
    wp.apiFetch.use(wp.apiFetch.nonceMiddleware);
    wp.apiFetch.use(wp.apiFetch.mediaUploadMiddleware);
    wp.apiFetch.nonceEndpoint = "https://www.bansteadlocal.co.uk/wp-admin/admin-ajax.php?action=rest-nonce";
  </script>
  <script type='text/javascript' id='contact-form-7-js-extra'>
    /* <![CDATA[ */
    var wpcf7 = [];
    /* ]]> */
  </script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.4' id='contact-form-7-js'></script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.70' id='jquery-blockui-js'></script>
  <script type='text/javascript' id='wc-add-to-cart-js-extra'>
    /* <![CDATA[ */
    var wc_add_to_cart_params = {
      "ajax_url": "\/wp-admin\/admin-ajax.php",
      "wc_ajax_url": "\/?wc-ajax=%%endpoint%%",
      "i18n_view_cart": "View cart",
      "cart_url": "https:\/\/www.bansteadlocal.co.uk\/cart-2\/",
      "is_cart": "",
      "cart_redirect_after_add": "no"
    };
    /* ]]> */
  </script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=5.1.0' id='wc-add-to-cart-js'></script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4' id='js-cookie-js'></script>
  <script type='text/javascript' id='woocommerce-js-extra'>
    /* <![CDATA[ */
    var woocommerce_params = {
      "ajax_url": "\/wp-admin\/admin-ajax.php",
      "wc_ajax_url": "\/?wc-ajax=%%endpoint%%"
    };
    /* ]]> */
  </script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=5.1.0' id='woocommerce-js'></script>
  <script type='text/javascript' id='wc-cart-fragments-js-extra'>
    /* <![CDATA[ */
    var wc_cart_fragments_params = {
      "ajax_url": "\/wp-admin\/admin-ajax.php",
      "wc_ajax_url": "\/?wc-ajax=%%endpoint%%",
      "cart_hash_key": "wc_cart_hash_3767e01ccd2f2cf2f874e2b7b5f24fb2",
      "fragment_name": "wc_fragments_3767e01ccd2f2cf2f874e2b7b5f24fb2",
      "request_timeout": "5000"
    };
    /* ]]> */
  </script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=5.1.0' id='wc-cart-fragments-js'></script>
  <script type='text/javascript' src='https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js' id='bootstrap_js-js'></script>
  <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.6.0/umd/popper.min.js?ver=5.7.8' id='popper-js'></script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-content/themes/my-listing-child/js/custom.js?ver=5.7.8' id='custom-js'></script>
  <script type='text/javascript' src='https://maps.googleapis.com/maps/api/js?key=&#038;libraries=places&#038;v=3' id='google-maps-js'></script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-content/themes/my-listing/assets/dist/maps/google-maps/google-maps.js?ver=2.9.10' id='mylisting-google-maps-js'></script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-includes/js/jquery/ui/core.min.js?ver=1.12.1' id='jquery-ui-core-js'></script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-includes/js/jquery/ui/mouse.min.js?ver=1.12.1' id='jquery-ui-mouse-js'></script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-includes/js/jquery/ui/sortable.min.js?ver=1.12.1' id='jquery-ui-sortable-js'></script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-includes/js/dist/vendor/moment.min.js?ver=2.26.0' id='moment-js'></script>
  <script type='text/javascript' id='moment-js-after'>
    moment.updateLocale('en_US', {
      "months": ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
      "monthsShort": ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
      "weekdays": ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
      "weekdaysShort": ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
      "week": {
        "dow": 1
      },
      "longDateFormat": {
        "LT": "g:i a",
        "LTS": null,
        "L": null,
        "LL": "F j, Y",
        "LLL": "F j, Y g:i a",
        "LLLL": null
      }
    });
  </script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-content/themes/my-listing/assets/vendor/select2/select2.js?ver=4.0.13' id='select2-js'></script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-content/themes/my-listing/assets/vendor/vuejs/vue.min.js?ver=2.6.11' id='vuejs-js'></script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-includes/js/jquery/ui/slider.min.js?ver=1.12.1' id='jquery-ui-slider-js'></script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-content/themes/my-listing/assets/dist/vendor.js?ver=2.9.10' id='mylisting-vendor-js'></script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-content/themes/my-listing/assets/dist/frontend.js?ver=2.9.10' id='c27-main-js'></script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-includes/js/wp-embed.min.js?ver=5.7.8' id='wp-embed-js'></script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.1.4' id='elementor-webpack-runtime-js'></script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.1.4' id='elementor-frontend-modules-js'></script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.8.1' id='elementor-dialog-js'></script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2' id='elementor-waypoints-js'></script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-content/plugins/elementor/assets/lib/share-link/share-link.min.js?ver=3.1.4' id='share-link-js'></script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js?ver=5.3.6' id='swiper-js'></script>
  <script type='text/javascript' id='elementor-frontend-js-before'>
    var elementorFrontendConfig = {
      "environmentMode": {
        "edit": false,
        "wpPreview": false,
        "isScriptDebug": false,
        "isImprovedAssetsLoading": false
      },
      "i18n": {
        "shareOnFacebook": "Share on Facebook",
        "shareOnTwitter": "Share on Twitter",
        "pinIt": "Pin it",
        "download": "Download",
        "downloadImage": "Download image",
        "fullscreen": "Fullscreen",
        "zoom": "Zoom",
        "share": "Share",
        "playVideo": "Play Video",
        "previous": "Previous",
        "next": "Next",
        "close": "Close"
      },
      "is_rtl": false,
      "breakpoints": {
        "xs": 0,
        "sm": 480,
        "md": 768,
        "lg": 1025,
        "xl": 1440,
        "xxl": 1600
      },
      "version": "3.1.4",
      "is_static": false,
      "experimentalFeatures": [],
      "urls": {
        "assets": "https:\/\/www.bansteadlocal.co.uk\/wp-content\/plugins\/elementor\/assets\/"
      },
      "settings": {
        "page": [],
        "editorPreferences": []
      },
      "kit": {
        "global_image_lightbox": "yes",
        "lightbox_enable_counter": "yes",
        "lightbox_enable_fullscreen": "yes",
        "lightbox_enable_zoom": "yes",
        "lightbox_enable_share": "yes",
        "lightbox_title_src": "title",
        "lightbox_description_src": "description"
      },
      "post": {
        "id": 133,
        "title": "Banstead%20Local%20%E2%80%93%20Just%20another%20WordPress%20site",
        "excerpt": "",
        "featuredImage": false
      }
    };
  </script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.1.4' id='elementor-frontend-js'></script>
  <script type='text/javascript' src='https://www.bansteadlocal.co.uk/wp-content/plugins/elementor/assets/js/preloaded-elements-handlers.min.js?ver=3.1.4' id='preloaded-elements-handlers-js'></script>

  <script>
    jQuery(document).ready(function() {
      jQuery("#shops,#jobs,#events").hide();
      jQuery("#shops").show();
      jQuery(".mlduo-select").on("select2:select",
        function(index) {
          var selectedItem = jQuery(this).select2().val();
          console.log(selectedItem);
          jQuery("#shops,#jobs,#events").hide();
          switch (selectedItem) {
            case "event":
              jQuery("#events").show();
              break;
            case "jobs":
              jQuery("#jobs").show();
              break;
            case "shops-and-businesses":
              jQuery("#shops").show();
              break;
          }
        });
    });
  </script>

</body>

</html>
/*
#shops,
#jobs,
#events {
  display: none !important;
}
.col-lg-7[data-select2-id]:has(.tab-pane:nth-child(1).active) #shops {
  display: flex !important;
}
.col-lg-7[data-select2-id]:has(.tab-pane:nth-child(2).active) #events {
  display: flex !important;
}
.col-lg-7[data-select2-id]:has(.tab-pane:nth-child(3).active) #jobs {
  display: flex !important;
}
*/

/*white space is important after display: */
#shops.d-flex[style*="display: block"],
#jobs.d-flex[style*="display: block"],
#events.d-flex[style*="display: block"] {
  display: flex !important;
}
#shops.d-flex[style*="display: none"],
#jobs.d-flex[style*="display: none"],
#events.d-flex[style*="display: none"] {
  display: none !important;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.