.elementor-689 .elementor-element.elementor-element-bcc6fa5{--display:flex;}.elementor-689 .elementor-element.elementor-element-a4ba020{--display:flex;}.elementor-689 .elementor-element.elementor-element-a4ba020:not(.elementor-motion-effects-element-type-background), .elementor-689 .elementor-element.elementor-element-a4ba020 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-689 .elementor-element.elementor-element-042c321{text-align:center;font-family:"DM Serif Text", Sans-serif;font-size:62px;font-weight:700;}.elementor-689 .elementor-element.elementor-element-4bf921d{--display:flex;}.elementor-689 .elementor-element.elementor-element-5005dc3 > .elementor-widget-container{margin:-42px 0px 0px 0px;}.elementor-689 .elementor-element.elementor-element-5005dc3{text-align:center;}.elementor-689 .elementor-element.elementor-element-7d86cca{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:23px;--padding-left:0px;--padding-right:0px;}.elementor-689 .elementor-element.elementor-element-7d86cca:not(.elementor-motion-effects-element-type-background), .elementor-689 .elementor-element.elementor-element-7d86cca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#29818E;}.elementor-689 .elementor-element.elementor-element-eeeeb20 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-689 .elementor-element.elementor-element-eeeeb20.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-689 .elementor-element.elementor-element-eeeeb20{text-align:center;font-family:"DM Serif Text", Sans-serif;font-size:16px;color:#FFFFFF;}.elementor-689 .elementor-element.elementor-element-e00ec80{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:17px;--padding-bottom:-12px;--padding-left:0px;--padding-right:0px;}.elementor-689 .elementor-element.elementor-element-e00ec80:not(.elementor-motion-effects-element-type-background), .elementor-689 .elementor-element.elementor-element-e00ec80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ACD5DA;}.elementor-689 .elementor-element.elementor-element-30cede2b{--display:flex;}.elementor-689 .elementor-element.elementor-element-7c79700c > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-689 .elementor-element.elementor-element-79f7cde{--display:flex;}.elementor-689 .elementor-element.elementor-element-a3096f8{--display:flex;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-689 .elementor-element.elementor-element-a3096f8:not(.elementor-motion-effects-element-type-background), .elementor-689 .elementor-element.elementor-element-a3096f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-689 .elementor-element.elementor-element-335bd51{--grid-columns:3;}@media(max-width:1024px){.elementor-689 .elementor-element.elementor-element-335bd51{--grid-columns:2;}}@media(max-width:767px){.elementor-689 .elementor-element.elementor-element-335bd51{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-7c79700c */select {
  padding: 12px;
  font-size: 16px;
  margin: 12px auto; /* Centered horizontally */
  border-radius: 20px;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  width: 100%;
  max-width: 350px;
  display: block; /* Required for margin auto to work */
}

label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  color: #2c2c2c;
  text-align: center; /* Center label text */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e47a312 */<div style="text-align: center;">
  <label for="location-filter" style="display: block; font-weight: bold; margin-bottom: 8px;">Explore by Location:</label>
  <select id="location-filter" onchange="location = this.value;" style="padding: 12px; font-size: 16px; border-radius: 6px; border: 1px solid #ccc; background-color: #f9f9f9; max-width: 300px; width: 100%; margin: 0 auto; display: block;">
    <option value="">Choose a location</option>
    <option value="/oneroa-accommodation">Oneroa</option>
    <option value="/onetangi-accommodation">Onetangi</option>
    <option value="/palm-beach-accommodation">Palm Beach</option>
    <option value="/ostend-accommodation">Ostend</option>
    <option value="/little-oneroa-accommodation">Little Oneroa</option>
    <option value="/church-bay-accommodation">Church Bay</option>
    <option value="/rocky-bay-accommodation">Rocky Bay</option>
    <option value="/enclosure-bay-accommodation">Enclosure Bay</option>
  </select>
</div>/* End custom CSS */