.elementor-961 .elementor-element.elementor-element-28c69972{--display:flex;}.elementor-961 .elementor-element.elementor-element-7718eedc{--display:flex;}.elementor-961 .elementor-element.elementor-element-7718eedc:not(.elementor-motion-effects-element-type-background), .elementor-961 .elementor-element.elementor-element-7718eedc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-961 .elementor-element.elementor-element-4f117537{text-align:center;font-family:"DM Serif Text", Sans-serif;font-size:62px;font-weight:700;}.elementor-961 .elementor-element.elementor-element-5728fddd{--display:flex;}.elementor-961 .elementor-element.elementor-element-65ca1e97 > .elementor-widget-container{margin:-42px 0px 0px 0px;}.elementor-961 .elementor-element.elementor-element-65ca1e97{text-align:center;}.elementor-961 .elementor-element.elementor-element-635cd188{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-961 .elementor-element.elementor-element-635cd188:not(.elementor-motion-effects-element-type-background), .elementor-961 .elementor-element.elementor-element-635cd188 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#29818E;}.elementor-961 .elementor-element.elementor-element-1e6c0b17 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-961 .elementor-element.elementor-element-1e6c0b17.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-961 .elementor-element.elementor-element-1e6c0b17{text-align:center;font-family:"DM Serif Text", Sans-serif;font-size:16px;color:#FFFFFF;}.elementor-961 .elementor-element.elementor-element-b9123ac{--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-961 .elementor-element.elementor-element-b9123ac:not(.elementor-motion-effects-element-type-background), .elementor-961 .elementor-element.elementor-element-b9123ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ACD5DA;}.elementor-961 .elementor-element.elementor-element-ca7e884{--display:flex;}.elementor-961 .elementor-element.elementor-element-1dbcc06 > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-961 .elementor-element.elementor-element-6ccf472f{--display:flex;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-961 .elementor-element.elementor-element-6ccf472f:not(.elementor-motion-effects-element-type-background), .elementor-961 .elementor-element.elementor-element-6ccf472f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-961 .elementor-element.elementor-element-3dd14279{--grid-columns:3;}@media(max-width:1024px){.elementor-961 .elementor-element.elementor-element-3dd14279{--grid-columns:2;}}@media(max-width:767px){.elementor-961 .elementor-element.elementor-element-3dd14279{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-1dbcc06 */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-7c21827 */<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 */