.elementor-1268 .elementor-element.elementor-element-1bba7a88{--display:flex;}.elementor-1268 .elementor-element.elementor-element-4dda4fcb{--display:flex;}.elementor-1268 .elementor-element.elementor-element-4dda4fcb:not(.elementor-motion-effects-element-type-background), .elementor-1268 .elementor-element.elementor-element-4dda4fcb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1268 .elementor-element.elementor-element-2e8f7611{text-align:center;font-family:"DM Serif Text", Sans-serif;font-size:62px;font-weight:700;}.elementor-1268 .elementor-element.elementor-element-778bdd36{--display:flex;}.elementor-1268 .elementor-element.elementor-element-1e928089 > .elementor-widget-container{margin:-42px 0px 0px 0px;}.elementor-1268 .elementor-element.elementor-element-1e928089{text-align:center;}.elementor-1268 .elementor-element.elementor-element-1bc9ab77{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:23px;--padding-left:0px;--padding-right:0px;}.elementor-1268 .elementor-element.elementor-element-1bc9ab77:not(.elementor-motion-effects-element-type-background), .elementor-1268 .elementor-element.elementor-element-1bc9ab77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#29818E;}.elementor-1268 .elementor-element.elementor-element-3160d161 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1268 .elementor-element.elementor-element-3160d161.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-1268 .elementor-element.elementor-element-3160d161{text-align:center;font-family:"DM Serif Text", Sans-serif;font-size:16px;color:#FFFFFF;}.elementor-1268 .elementor-element.elementor-element-4bb931a5{--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-1268 .elementor-element.elementor-element-4bb931a5:not(.elementor-motion-effects-element-type-background), .elementor-1268 .elementor-element.elementor-element-4bb931a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ACD5DA;}.elementor-1268 .elementor-element.elementor-element-5995e91a{--display:flex;}.elementor-1268 .elementor-element.elementor-element-798f50b6 > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-1268 .elementor-element.elementor-element-771bdcc4{--display:flex;}.elementor-1268 .elementor-element.elementor-element-7e6a39d8{--display:flex;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1268 .elementor-element.elementor-element-7e6a39d8:not(.elementor-motion-effects-element-type-background), .elementor-1268 .elementor-element.elementor-element-7e6a39d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1268 .elementor-element.elementor-element-171dec8d{--grid-columns:3;}@media(max-width:1024px){.elementor-1268 .elementor-element.elementor-element-171dec8d{--grid-columns:2;}}@media(max-width:767px){.elementor-1268 .elementor-element.elementor-element-171dec8d{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-798f50b6 */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-7e7134c6 */<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 */