/*!
Theme Name: brightwater
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: brightwater
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

brightwater is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*-- Theme Variables --*/
/*-- Common Classes --*/
.textCenter, .textcenter {
  text-align: center;
}

.wrapper {
  --wrapper-padding: 24px;
  max-width: 1400px;
  margin: 0 auto;
  padding-inline: var(--wrapper-padding);
  width: 100%;
}
@media (min-width: 768px) {
  .wrapper.pullRight {
    margin-right: 0;
    padding-right: 0;
  }
  .wrapper.pullLeft {
    margin-left: 0;
    padding-left: 0;
  }
}
@media (min-width: 1280px) {
  .wrapper {
    --wrapper-padding: 30px;
  }
  .wrapper.pullRight, .wrapper.pullLeft {
    max-width: calc(1400px + (100% - 1400px) / 2);
  }
}

a:has(img:only-child, svg:only-child) {
  line-height: 0;
}

.screen-reader, .screen-reader-text {
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.o-flex {
  display: flex;
  flex-wrap: var(--wrap, wrap);
  flex-direction: var(--direction, row);
  justify-content: var(--justify, flex-start);
  column-gap: var(--gapy, 0);
  row-gap: var(--gapx, 0);
  align-items: var(--align, stretch);
}
.o-flex.is-col {
  --direction: column;
}
.o-flex.is-nowrap {
  --wrap: nowrap;
}
.o-flex.is-center {
  --justify: center;
}
.o-flex.just-between {
  --justify: space-between;
}
.o-flex.is-vcenter {
  --align: center;
}
.o-flex.is-reverse {
  --direction: row-reverse;
}
.o-flex:has(.landscape) {
  align-items: flex-start;
}

.isCol {
  --direction: column;
}

.vcenter, .aligncenter {
  --align: center;
}

.noWrap {
  --wrap: nowrap;
}

.justCenter {
  --justify: center;
}

.justBetween, .spaceBetween {
  --justify: space-between;
}

.u-place-center {
  --justify: center;
  --align: center;
}

.imgWrap img, .imgWrap video, .imgWrap iframe {
  display: block;
}

time {
  display: block;
}

.anim {
  opacity: 0;
  transition: 0.5s ease;
  will-change: opacity, transform;
  transform: translateY(40px);
}
.anim:is(.fade) {
  transform: translateY(0);
}
.anim:is(.zoomover) {
  transform: scale(1.15);
}
.anim:is(.in) {
  opacity: 1;
  transform: translate(0) scale(1);
}

.zoomover img {
  transition: 0.5s ease;
  transform: scale(1.5);
}
.zoomover:is(.in) img {
  transform: scale(1);
}

.imageWrap > img {
  display: block;
}

[class*=card] {
  width: 100%;
}

[class*=wid] {
  max-width: 100%;
  width: 100%;
}

@media (min-width: 768px) {
  .wid50 {
    max-width: 50%;
  }
}

@media (min-width: 768px) {
  .wid25 {
    max-width: 25%;
  }
}

@media (min-width: 768px) {
  .wid33 {
    max-width: 33.333%;
  }
}

@media (min-width: 768px) {
  .wid60 {
    max-width: 60%;
  }
}

@media (min-width: 768px) {
  .wid40 {
    max-width: 40%;
  }
}

@media (min-width: 768px) {
  .wid75 {
    max-width: 75%;
  }
}

@media (min-width: 768px) {
  .wid30 {
    max-width: 30%;
  }
}

@media (min-width: 768px) {
  .wid70 {
    max-width: 70%;
  }
}

.has-arrow-pointer {
  cursor: default;
}

.ptb0 {
  --pt: 0;
  --pb: 0;
}

.z2 {
  z-index: 2;
  position: relative;
}

.hasBg {
  position: relative;
  overflow: hidden;
}

.hasOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.vh100 {
  min-height: 100vh;
}

video, img {
  max-width: 100%;
  width: 100%;
  object-fit: cover;
  height: auto;
}

iframe {
  border: none;
}

.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.bg img, .bg video, .bg iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.bg iframe {
  left: 50%;
  transform: translateX(-50%) scale(1.0000005);
}

.is-cover video, .is-cover img {
  height: 100%;
  width: 100%;
}

/*--- Edit content reset ---*/
.reset {
  margin: 0;
  padding: 0;
  list-style: none;
}

.landscape {
  aspect-ratio: 16/9;
  height: auto;
}

.square {
  aspect-ratio: 1/1;
  height: auto;
}

.portrait {
  aspect-ratio: 6/19;
  height: auto;
}

.mediaWrap:not(:has(:nth-child(1))) {
  display: none;
}
.mediaWrap .desktopVideo, .mediaWrap .desktopImg {
  display: none;
}
.mediaWrap .desktopVideo:only-child, .mediaWrap .desktopImg:only-child {
  display: block;
}
@media (min-width: 768px) {
  .mediaWrap .mobileVideo, .mediaWrap .mobileImg {
    display: none;
  }
  .mediaWrap .desktopVideo, .mediaWrap .desktopImg {
    display: block;
  }
}

p:only-child, figure:only-child {
  margin: 0;
}
p:last-child, figure:last-child {
  margin-bottom: 0;
}

.imgWrap:not(:has(img)) {
  background: url("wp-content/uploads/2025/07/brightwater-logo-drak.svg") #f4f4f4 no-repeat center;
  background-size: 76px auto;
}

.mb75 {
  margin-bottom: var(--mby, 40px);
}
@media (min-width: 1200px) {
  .mb75 {
    --mby: 60px;
  }
}
@media (min-width: 1400px) {
  .mb75 {
    --mby: 75px;
  }
}

.cBlock {
  padding: var(--pt, 80px) 0 var(--pb, 80px);
  color: var(--color, #000);
  background-color: var(--bg-color, #fff);
}
@media (min-width: 1024px) {
  .cBlock {
    --pt: 100px;
    --pb: 100px;
  }
}
@media (min-width: 1400px) {
  .cBlock {
    --pt: 140px;
    --pb: 140px;
  }
}

input[type=reset], input[type=submit], .btn, button, .button {
  background: var(--button-bg-color, #fff);
  border: 1px solid var(--button-bg-color, #fff);
  transition: 0.7s ease;
  text-align: center;
  padding: 13px 20px 15px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.02em;
  border-radius: 30px;
  color: var(--button-color, #000);
  font-size: 14px;
  font-family: "utile", sans-serif;
}
input[type=reset]:active, input[type=submit]:active, .btn:active, button:active, .button:active {
  scale: 0.98;
}
input[type=reset]:hover, input[type=submit]:hover, .btn:hover, button:hover, .button:hover {
  background: var(--button-color, #000);
  color: var(--button-bg-color, #fff);
  border-color: var(--button-color, #000);
  opacity: 1;
}
@media (min-width: 991px) {
  input[type=reset], input[type=submit], .btn, button, .button {
    font-size: 16px;
  }
}
@media (min-width: 1400px) {
  input[type=reset], input[type=submit], .btn, button, .button {
    font-size: 18px;
  }
}

.btn--sm, button--sm, .button--sm {
  font-size: 16px;
  padding: 8.5px 20px 10.5px;
}
.btn--text-only, button--text-only, .button--text-only {
  --button-bg-color: transparent;
  border: none;
  padding: 0;
}
.btn--text-only:after, button--text-only:after, .button--text-only:after {
  content: "";
  border-top: 1px solid;
  display: block;
  margin: 2px 0 0;
  width: 0;
  transition: 0.5s ease;
}
.btn--text-only:hover, button--text-only:hover, .button--text-only:hover {
  --button-color: transparent;
  --button-bg-color: #586954;
}
.btn--text-only:hover:after, button--text-only:hover:after, .button--text-only:hover:after {
  width: 100%;
}
.btn.is-bordered, button.is-bordered, .button.is-bordered {
  border-color: var(--button-color);
  background: transparent;
}
.btn.is-bordered:hover, button.is-bordered:hover, .button.is-bordered:hover {
  background-color: var(--button-color, #000);
}

.flat {
  padding: 0;
  border: none;
}
.flat:hover {
  background: inherit;
  color: #0e3b4f;
}

.gap32 {
  column-gap: 32px;
  row-gap: 32px;
}

.gap24 {
  column-gap: 24px;
  row-gap: 24px;
}

.swiper-button-disabled {
  opacity: 0.25;
  pointer-events: none;
}

.arrowsWrap {
  margin: 20px auto 0;
  --wrap:nowrap;
}
@media (min-width: 1024px) {
  .arrowsWrap {
    margin: 40px auto 0;
  }
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.slideArw {
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  position: relative;
  border: none;
  padding: 1px 4px 2px 0;
  background-color: transparent;
  min-height: 24px;
}
.slideArw:before, .slideArw:after {
  content: "";
  color: #000;
  display: inline-block;
  line-height: 0;
  transition: 0.7s ease;
}
.slideArw:after {
  height: 17.25px;
  width: 17.25px;
  border: solid;
  border-width: 1px 1px 0 0;
  rotate: 45.5deg;
  box-sizing: border-box;
}
.slideArw:before {
  width: 30px;
  margin: 0 -20px 0 0;
  height: 1px;
  background: #000;
}
.slideArw:hover {
  opacity: 0.5;
  background: transparent;
}
.slideArw.prev {
  transform: rotateY(180deg);
}
@media (min-width: 1400px) {
  .slideArw {
    padding: 1px 8px 1px 0;
    min-height: 50px;
  }
  .slideArw:after {
    height: 37.25px;
    width: 33.25px;
  }
  .slideArw:before {
    width: 64px;
    margin: -3px -40px 0 0;
  }
}

.error404 .error404 {
  min-height: 60vh;
}
.error404 br {
  display: block;
}
.error404 h1 {
  line-height: 1.4;
}

.c-ac-head {
  cursor: pointer;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 15px;
}
.c-ac-head:hover {
  color: #0e3b4f;
}
.c-ac-details {
  display: none;
}
.c-ac p {
  margin: 0;
}
.c-ac p + p {
  margin-top: 24px;
}
.c-ac.isOpen .chevIcn {
  transform: rotate(-135deg) translateY(0);
}

.spacer {
  background: transparent;
  opacity: 0;
  visibility: hidden;
  margin: 0;
  height: var(--space, var(--space_desktop));
}

@media (max-width: 1279px) {
  br {
    display: none;
  }
  .spacer {
    --space: var(--space-tablet);
  }
}
@media (max-width: 767px) {
  .spacer {
    --space: var(--space-mobile);
  }
  .sm-center {
    text-align: center;
  }
}
/*-- Reset Browser --*/
a :focus, a :focus-within, a :active, button :focus, button :focus-within, button :active, [type=submit] :focus, [type=submit] :focus-within, [type=submit] :active {
  outline: 0;
  outline-color: transparent !important;
}
a :focus-visible, button :focus-visible, [type=submit] :focus-visible {
  outline: 1px dotted !important;
  outline-offset: 2px;
}

::placeholder {
  opacity: 1;
  color: #000;
}

.gform_required_legend, .hide_summary {
  display: none;
}

textarea {
  resize: none;
}

img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
img[data-srcset] {
  opacity: 0;
  transition: 0.25s ease;
}
img[data-srcset].loaded {
  opacity: 1;
}

body {
  font-family: "ivypresto-text", serif;
  margin: 0;
  padding: 0;
  font-weight: 100;
}
body.noscroll {
  overflow: hidden;
}

.bodyFont {
  font-family: "ivypresto-text", serif;
}

.headFont {
  font-family: "ivypresto-text", serif;
  font-weight: 100;
}

.font-utile {
  font-family: "utile", sans-serif;
}

.zoomover {
  overflow: hidden;
}

.bodyFonts {
  font-family: "ivypresto-text", serif;
  font-weight: normal;
  font-style: normal;
}

.headFonts {
  font-family: "ivypresto-text", serif;
  font-weight: normal;
  font-style: normal;
}

a, button, section, b, div, input, section, select, span, textarea {
  box-sizing: border-box;
}

input, form, select, textarea {
  max-width: 100%;
  width: 100%;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  --color: var(--head-color);
  font-family: "ivypresto-text", serif;
  margin: 0;
  font-weight: 100;
  color: var(--color);
}

h1, .ivypresto-display {
  font-family: "ivypresto-display", serif;
}

a {
  text-decoration: none;
  word-wrap: break-word;
  max-width: 100%;
}

svg {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: auto;
  transition: 0.5s ease;
}

span, a, img {
  display: inline-block;
}

a {
  color: #0e3b4f;
}
a:has(> img:only-child) {
  display: block;
  font-size: 0;
}
a:hover {
  opacity: 0.75;
}

table {
  max-width: 100%;
  width: 100%;
  border-collapse: collapse;
}

img {
  object-fit: cover;
}

input[type=reset], input[type=submit], .hasLink, button, a, select, .button, .btn {
  cursor: pointer;
  transition: 0.25s ease;
}

button, select, input, textarea {
  appearance: none;
  outline: none;
}

textarea {
  resize: none;
  height: 250px;
}

select, textarea, input {
  border: 1px solid #101010;
  font-family: "utile", sans-serif;
}

textarea, button, .button, input {
  padding: 12px 18px 14px;
}
@media (min-width: 768px) {
  textarea, button, .button, input {
    padding: 12px 20px 14px;
  }
}

/*-- Font Weights --*/
body .w100 {
  font-weight: 100;
}
body .w200 {
  font-weight: 200;
}
body .w300 {
  font-weight: 300;
}
body .w400 {
  font-weight: 400;
}
body .w500 {
  font-weight: 500;
}
body .w600 {
  font-weight: 600;
}
body .w700 {
  font-weight: 700;
}
body .w800 {
  font-weight: 800;
}
body .w900 {
  font-weight: 900;
}

.plusIcon {
  position: relative;
  display: inline-block;
  width: 12px;
  font-style: normal;
  height: 12px;
  cursor: pointer;
}
.plusIcon::before, .plusIcon:after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 12px;
  background: #101010;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 0.75s ease;
  transform: translate(-50%, -50%);
}
.plusIcon::before {
  transform: translate(-50%, -50%) rotate(90deg);
}

.chevIcn {
  height: 16.85px;
  width: 16.85px;
  transition: 0.5s ease;
  border: solid #0e3b4f;
  display: inline-block;
  border-width: 0 1px 1px 0;
  transform: rotate(-45deg);
  vertical-align: middle;
}
.chevIcn.down {
  transform: rotate(45deg) translateY(-50%);
}

.noScroll {
  overflow: hidden;
}

select {
  padding: 22px 48px 22px 22px;
  background: url("images/chev-down.svg") no-repeat;
  background-size: 22px;
  background-position: right 10px center;
  cursor: pointer;
}
select option {
  background-color: #fff;
  color: #000 !important;
}

[data-url] {
  cursor: pointer;
  transition: 0.75s ease;
}
[data-url]:hover {
  opacity: 0.7;
}

/*------------------- Typography -----------------------*/
:root {
  --font120: 57px;
  --font100: 57px;
  --font90: 57px;
  --font80: 40px;
  --font70: 36px;
  --font56: 34px;
  --font55: 40px;
  --font35: 30px;
  --font30: 20px;
  --font28: 22px;
  --font26: 22px;
  --font24: 18px;
  --font22: 18px;
  --font20: 15px;
  --font18: 16px;
  --font17: 14px;
  --font16: 14px;
}
@media (min-width: 768px) {
  :root {
    --font120: 58px;
    --font100: 58px;
    --font90: 57px;
    --font80: 54px;
    --font70: 54px;
    --font56: 38px;
    --font55: 38px;
    --font35: 30px;
    --font30: 22px;
    --font28: 23px;
    --font26: 23px;
    --font24: 19px;
    --font22: 18px;
    --font20: 16px;
    --font18: 16px;
    --font17: 14px;
    --font16: 14px;
  }
}
@media (min-width: 991px) {
  :root {
    --font120: 59px;
    --font100: 59px;
    --font90: 57px;
    --font80: 60px;
    --font70: 54px;
    --font56: 40px;
    --font55: 40px;
    --font35: 32px;
    --font30: 24px;
    --font28: 23px;
    --font26: 24px;
    --font24: 21px;
    --font22: 20px;
    --font20: 18px;
    --font18: 16px;
    --font17: 14px;
    --font16: 14px;
  }
}
@media (min-width: 1280px) {
  :root {
    --font120: 68px;
    --font100: 68px;
    --font90: 66px;
    --font80: 72px;
    --font70: 64px;
    --font56: 46px;
    --font55: 46px;
    --font35: 32px;
    --font30: 26px;
    --font28: 24px;
    --font26: 26px;
    --font24: 23px;
    --font22: 22px;
    --font20: 20px;
    --font18: 17px;
    --font17: 16px;
    --font16: 16px;
  }
}
@media (min-width: 1400px) {
  :root {
    --font120: 120px;
    --font100: 100px;
    --font90: 90px;
    --font80: 80px;
    --font70: 70px;
    --font56: 56px;
    --font55: 55px;
    --font35: 35px;
    --font30: 30px;
    --font28: 28px;
    --font26: 26px;
    --font24: 24px;
    --font22: 22px;
    --font20: 20px;
    --font18: 18px;
    --font17: 17px;
    --font16: 16px;
  }
}
@media (max-width: 375px) {
  :root {
    --font100: 40px;
    --font90: 40px;
    --font55: 34px;
  }
}

.font120 {
  font-size: var(--font120);
  line-height: 1.04;
}

.font100 {
  font-size: var(--font100);
  line-height: 1.04;
}

.font90 {
  font-size: var(--font90);
  line-height: 1.04;
}

.font80 {
  font-size: var(--font80);
  line-height: 1.1;
}

.font70 {
  font-size: var(--font70);
  line-height: 1.2;
}

.font56 {
  font-size: var(--font56);
  line-height: 1.69;
}

.font55 {
  font-size: var(--font55);
  line-height: 1;
}

.font35 {
  font-size: var(--font35);
  line-height: 1;
}

.font30 {
  font-size: var(--font30);
  line-height: 1.2;
}

.font28, h1 {
  font-size: var(--font28);
  line-height: 1.2;
}

.font26, h2 {
  font-size: var(--font26);
  line-height: 1.4;
}

.font24, h3 {
  font-size: var(--font24);
  line-height: 1.4;
}

.font22, h4 {
  font-size: var(--font22);
  line-height: 1.4;
}

.font20, h4 {
  font-size: var(--font20);
  line-height: 1.4;
}

.font18, h5 {
  font-size: var(--font18);
  line-height: 1.5;
}

.font17, h6 {
  font-size: var(--font17);
  line-height: 1.5;
}

.font16, h6 {
  font-size: var(--font16);
  line-height: 1.4;
}

.font13 {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.1538461538;
}

.font16 {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.02em;
}

.gchoice, .gfield_radio, .ginput_container_consent {
  display: flex;
  column-gap: 12px;
  row-gap: 12px;
  flex-wrap: wrap;
  cursor: pointer;
}
.gchoice input, .gchoice label, .gfield_radio input, .gfield_radio label, .ginput_container_consent input, .ginput_container_consent label {
  cursor: pointer;
}

.gchoice {
  align-items: center;
}

.gfield_radio {
  column-gap: 36px;
}

.ginput_container {
  margin: 14px 0 0;
}

input[type=radio], input[type=checkbox] {
  padding: 0;
  height: 20px;
  width: 20px;
  margin: 0;
  transition: 0.25s linear;
}
input[type=radio]:checked, input[type=checkbox]:checked {
  background-color: #333;
  box-shadow: -2px 1px 3px #999;
  border: #fff 2px solid;
}

input[type=radio], .ginput_container_consent input[type=checkbox] {
  border-radius: 50%;
}

input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml;utf8,<svg fill='none' stroke='white' stroke-width='3' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M5 13l4 4L19 7'/></svg>");
}

.gform-field-label, .gfield_label, .gform-field-label {
  letter-spacing: 0.02em;
}

.gfield_consent_label {
  max-width: calc(100% - 36px);
  box-sizing: border-box;
}

fieldset {
  padding: 0;
  border: none;
  margin: 0;
}

.gform_footer {
  margin: 22px 0 0;
}

.gform-loader {
  position: absolute;
  left: 0;
  top: 110%;
}

.gform_body {
  font-family: "utile", sans-serif;
}
.gform_body .hidden_label > .gform-field-label {
  display: none;
}
.gform_body .gform_submission_error {
  display: none;
}
.gform_body .validation_message {
  color: red;
  margin: 10px 0 0;
  font-size: 14px;
}
.gform_body .gform_fields {
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--form-row-gap, 22px);
  column-gap: var(--form-col-gap, 22px);
}
.gform_body .gfield {
  width: 100%;
}
.gform_body .gform_button {
  font-size: var(--font18);
  font-weight: 500;
  line-height: 1.1;
  border-radius: 60px;
}
.gform_body input[type=password], .gform_body input[type=number], .gform_body input[type=tel], .gform_body input[type=email],
.gform_body input[type=text], .gform_body textarea {
  font-size: var(--font16);
  font-family: "utile", sans-serif;
  font-weight: 400;
  padding: 28px 25px;
  letter-spacing: 0.02em;
  border-radius: 0;
  height: 74px;
}
.gform_body textarea {
  height: 160px;
}
@media (min-width: 768px) {
  .gform_body .gfield--width-half {
    max-width: calc((100% - var(--form-col-gap)) / 2);
  }
}
@media (min-width: 1280px) {
  .font100 {
    line-height: 1;
  }
  .gform_body {
    --form-col-gap: 36.82px;
  }
}
@keyframes stickyHeadAnim {
  0% {
    transform: translateY(-150px);
  }
  100% {
    transform: translateY(0);
  }
}
.shead {
  --menuTopBottomSpace: 110px;
  --headTopBottomSpace: 22px;
  transition: 0.7s ease all;
  position: fixed;
  padding: var(--headTopBottomSpace) 0;
  z-index: 99;
  top: 0;
  left: 0;
}
.shead .logoWrap, .shead .mtoggle, .shead .qlink {
  z-index: 9;
  position: relative;
}
.shead .mtoggle span, .shead .qlink {
  text-transform: uppercase;
  line-height: 1;
  color: #000;
  letter-spacing: 0.2em;
  margin: 0 0 3.5px;
  transition: 0.45s ease;
}
.shead .mtoggle span:hover, .shead .qlink:hover {
  opacity: 0.7;
}
.shead .siteNav {
  min-width: 82px;
  text-align: right;
}
.shead .logoWrap {
  display: block;
  max-width: 50px;
}
.shead.sticky {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(2px);
}
.shead a:hover {
  opacity: 1;
}
.shead .font56 {
  line-height: 1.75em;
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
.shead .chevIcn {
  height: 10px;
  width: 10px;
}
.shead .status {
  font-size: 80%;
  font-family: "utile";
  letter-spacing: 0.2em;
  margin: 12px 0 0;
  color: #000;
}
@media (max-height: 900px) {
  .shead {
    --menuTopBottomSpace: 100px;
  }
  .shead .siteNav {
    max-width: 77px;
  }
}
@media (max-height: 800px) {
  .shead {
    --menuTopBottomSpace: 80px;
  }
}
@media (min-width: 991px) {
  .shead {
    --headTopBottomSpace: 22px;
  }
}
@media (min-width: 1280px) {
  .shead {
    --headTopBottomSpace: 32px;
  }
  .shead .chevIcn {
    height: 14px;
    width: 14px;
  }
  .shead .font56 {
    line-height: 1.75em;
  }
  .shead .leftPan {
    width: 541px;
  }
  .shead .logoWrap {
    margin-left: -11px;
    margin-top: 3px;
  }
}
@media (min-width: 1600px) {
  .shead {
    --headTopBottomSpace: 44px;
  }
}
@media (max-width: 1279px) {
  .shead .deskSubmenu, .shead .subMenu .btn, .shead .status {
    display: none;
  }
  .shead .subMenu {
    margin: 20px 0 30px;
  }
  .shead .label {
    margin: 0 0 23px;
    font-size: 18px;
    color: #000;
    font-family: "utile", sans-serif;
    letter-spacing: 0.02em;
  }
  .shead .twocols .label span {
    font-size: 18px;
  }
  .shead .font56 {
    font-size: 36px;
  }
  .shead .font56:after {
    transform: translateY(-10px);
    height: 1px;
  }
  .shead .mitem:is(.isOpen) .font56:after {
    width: 100%;
  }
}
@media (max-width: 375px) {
  .shead .label {
    margin: 0 0 12px;
  }
  .shead .font56 {
    font-size: 28px;
  }
}

body:not(.menuOpen) .lightHead:not(.sticky) svg {
  fill: #fff;
}
body:not(.menuOpen) .lightHead:not(.sticky) a, body:not(.menuOpen) .lightHead:not(.sticky) button, body:not(.menuOpen) .lightHead:not(.sticky) span {
  color: #fff;
}

.mainNav {
  position: fixed;
  top: 0;
  left: -100vw;
  z-index: 2;
  width: 100%;
  height: 100vh;
  background: #fff;
  transition: 0.7s all ease-in-out;
  opacity: 1;
  padding: var(--menuTopBottomSpace) 0 60px;
  display: flex;
  align-items: center;
}
.mainNav img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.mainNav .leftPan .subMenu {
  display: none;
}
.mainNav .menuWrap {
  height: calc(100vh - var(--menuTopBottomSpace) - 60px);
  overflow: auto;
  justify-content: center;
  --align: flex-start;
}
@media (min-width: 1280px) {
  .mainNav {
    padding: var(--menuTopBottomSpace) 0;
  }
  .mainNav .menuWrap {
    height: calc(100vh - var(--menuTopBottomSpace) * 2);
    --align: center;
  }
}

.mtoggle {
  background: transparent;
  border: none;
  box-shadow: none;
  outline: none;
  line-height: 0;
  height: 24px;
  padding: 0;
}
.mtoggle span {
  transition: 0.8s;
  transform: translateY(0);
  color: #000;
}
.mtoggle .plusIcn {
  opacity: 0;
  transform: translateY(10px);
  transition: 0s ease;
  position: absolute !important;
  right: 0;
  top: 0;
  position: relative;
  display: inline-block;
  width: 24px;
  font-style: normal;
  height: 24px;
  cursor: pointer;
}
.mtoggle .plusIcn::before, .mtoggle .plusIcn:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 24px;
  background: rgb(14, 59, 79);
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 0.75s ease;
  transform: translate(-50%, -50%);
}
.mtoggle .plusIcn::before {
  transform: translate(-50%, -50%) rotate(90deg);
}
.mtoggle:hover {
  background-color: transparent;
}

.menuOpen .font56 {
  clip-path: polygon(0% 0%, 200% 0%, 200% 200%, 0% 200%);
  transition: 0.5s ease-in-out;
  transition-delay: 0.45s;
}
.menuOpen .mtoggle span {
  opacity: 0;
  left: 0;
  transform: translateY(-10px);
  visibility: hidden;
}
.menuOpen .mtoggle .plusIcn {
  opacity: 1;
  transition: 0.7s ease;
  transform: translateY(0) rotate(45deg);
}
.menuOpen .deskSubmenu .subMenu {
  opacity: 1;
  transition-delay: 0.5s;
}
.menuOpen .mainNav {
  left: 0;
}
.menuOpen .mitem a:after {
  content: "";
  width: 0;
  height: 2px;
  background: #0E3B4F;
  transition: width 0.7s ease;
  display: block;
  transform: translateY(var(--lineTopy, -10px));
}
.menuOpen .mitem a.active:after {
  width: 100%;
}
.menuOpen .mitem a:has(.chevIcn).active:after {
  width: var(--linex, calc(100% - 20px));
}
@media (min-width: 1280px) {
  .menuOpen .mitem {
    --linex: calc(100% - 32px);
    --lineTopy: -12px;
  }
}
.menuOpen .card a:after {
  display: none;
}

.deskSubmenu {
  width: 573px;
  margin-left: 58px;
}
.deskSubmenu .subMenu {
  opacity: 0;
  transition: 0.7s ease;
}
.deskSubmenu .cont {
  display: none;
}
.deskSubmenu .cont.imgWrap {
  height: 570px;
}
.deskSubmenu .cont.isShow {
  display: flex;
  animation: fadeIn 1s ease;
  --align: flex-start;
}
.deskSubmenu .card {
  width: var(--cardx, 100%);
  text-align: left;
}
.deskSubmenu .card a {
  display: block;
}
.deskSubmenu .card a:hover .label {
  color: #0e3b4f;
  text-decoration: underline;
}
.deskSubmenu .card .label {
  font-family: "utile", sans-serif;
  text-align: left;
}
.deskSubmenu .card .label span {
  font-size: var(--font35);
  font-family: "ivypresto-text", serif;
  font-weight: 100;
  letter-spacing: 0.02em;
  line-height: 1.2;
}
.deskSubmenu .card .btn {
  width: max-content;
  max-width: 100%;
  font-size: 13px;
  font-weight: 400;
  padding: 6px 14px 10px;
}
.deskSubmenu .card .label {
  margin: 20px 0 0;
  letter-spacing: 0.02em;
  font-family: "utile", sans-serif;
  color: #000;
}
.deskSubmenu .imgWrap {
  background: #f4f4f4;
  height: var(--cardy, 100%);
}
.deskSubmenu .fivecols {
  --gapy: 25px;
  --gapx: 73px;
  --cardx: calc( (100% - 50px) / 3 );
  --cardy: 200px;
}
.deskSubmenu .fivecols .card .label {
  margin: 11px 0 0;
}
.deskSubmenu .fivecols .card:first-child {
  --cardx: calc(100% - 25px - ( (100% - 50px) / 3 ));
}
.deskSubmenu .twocols {
  --column-gap: 50px;
  --gapx: 50px;
  --cardy: 202px;
  --cardx: calc( (100% - 50px) / 2 );
}
.deskSubmenu .sixcols {
  --gapx: clamp(20px, 18vw,70px);
}
.deskSubmenu .sixcols .card {
  --cardx: calc((100% - 42px)/ 3);
}
.deskSubmenu .sixcols .card .label {
  margin: 10px 0 0;
}
.deskSubmenu .sixcols img {
  height: clamp(140px, 14vw, 196px);
}
.deskSubmenu .threecols {
  --gapx: clamp(20px, 4vw,56px);
  --gapy: clamp(20px, 4vw,56px);
}
.deskSubmenu .threecols .card {
  --cardx: calc((100% - clamp(20px, 4vw,56px)) / 2);
}
.deskSubmenu .threecols .card img {
  height: 190px;
}
.deskSubmenu .threecols .card:first-child {
  --cardx: 100%;
}
.deskSubmenu .threecols .card:first-child img {
  height: 190px;
}

.dots {
  column-gap: 9px;
}

.dot {
  height: 10px;
  width: 10px;
  background: #8E8E8E;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.7s ease;
}
.dot.active, .dot:hover {
  background: #000;
}

.socials {
  margin: 0;
}
.socials p {
  margin: 0 0 20px;
}
.socials ul {
  --gapy: 16px;
  --gapx: 12px;
  --direction: row;
  --justify: center;
}
.socials a {
  height: 34px;
  width: 34px;
}
.socials a:hover {
  opacity: 0.5;
}

.sfoot {
  background: url("../brightwater/imgs/bg-footer-m.png") #fff no-repeat center center;
  background-size: cover;
  padding: 70px 0 49px;
  background-attachment: fixed;
}
.sfoot {
  --button-bg-color: transparent;
  --button-color: #000;
}
.sfoot #gform_confirmation_message_2 {
  font-size: var(--font20);
  text-align: center;
  max-width: 60%;
  margin-inline: auto;
  padding: 0 12px;
}
.sfoot:has(#gform_confirmation_message_2) .dots {
  visibility: hidden;
}
.sfoot .button, .sfoot .btn {
  border-color: #000;
}
.sfoot .button:hover, .sfoot .btn:hover {
  background-color: #000;
  color: #fff;
}
.sfoot .c-ac.isOpen .chevIcn {
  transform: rotate(-135deg) translateY(-50%);
}
.sfoot .gf_progressbar_wrapper {
  display: none;
}
.sfoot .copy p {
  margin: 0 auto;
}
.sfoot .c-ac-head {
  margin: 0;
  justify-content: center;
}
.sfoot .sales, .sfoot .contactWrp {
  margin: 0 0 43px;
}
.sfoot .font26 {
  letter-spacing: 0.5px;
}
.sfoot .gfield_label, .sfoot .gfield_consent_label {
  color: rgba(0, 0, 0, 0.5);
}
.sfoot .gfield_consent_label {
  text-align: left;
  font-style: italic;
}
.sfoot a {
  color: #000;
}
.sfoot a:hover {
  color: #0e3b4f;
}
.sfoot .logos {
  margin: 0 0 50px;
  max-width: 810px;
  --gapx: 22px;
  --gapy: 30px;
  --direction: row;
  --justify: center;
}
.sfoot .logo {
  max-width: 182px;
  line-height: 0;
}
.sfoot .logo img {
  max-height: 24.75px;
  object-fit: contain;
}
.sfoot .chevIcn {
  height: 8px;
  width: 8px;
}
@media (max-width: 767px) {
  .sfoot .font13 {
    font-size: 10px;
  }
  .sfoot .logo {
    max-width: 150px;
  }
  .sfoot .logo img {
    max-height: 22.75px;
  }
  .sfoot .font26 {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .sfoot .copy {
    text-align: center;
  }
}
@media (min-width: 1024px) {
  .sfoot .chevIcn {
    display: none;
  }
  .sfoot .sales, .sfoot .contactWrp {
    margin: 0 0 30px;
  }
  .sfoot .gfield_consent_label {
    font-size: 70%;
    padding-left: 10px;
  }
  .sfoot .gfield_consent_label .gfield_required_asterisk {
    display: none;
  }
}
@media (min-width: 1280px) {
  .sfoot {
    padding: 49px 0 24px;
    background-image: url("../brightwater/imgs/bg-footer.png");
  }
  .sfoot .logos {
    margin: 0 0 44px;
    --gapy: 52px;
  }
}

.footTop {
  --form-row-gap: 32px;
}
.footTop .gform_page_footer {
  text-align: center;
}
.footTop fieldset {
  text-align: center;
}
.footTop .gform_previous_button {
  height: 0;
  position: absolute;
  width: 0;
  visibility: hidden;
}
.footTop .gfield_radio, .footTop .gform_footer {
  justify-content: center;
  display: flex;
}
.footTop .gform_next_button {
  min-width: 73px;
}
.footTop .right {
  margin: 47px 0 72px;
  padding-top: 44px;
  border-top: 1px solid;
}
.footTop .c-ac-details {
  margin: 22px 0 0;
}
.footTop .c-ac-details br {
  display: block;
}
.footTop select, .footTop textarea, .footTop input {
  background: transparent;
}
.footTop .button {
  width: auto;
  margin: 0 auto;
  display: block;
}
.footTop input[type=password], .footTop input[type=number], .footTop input[type=tel], .footTop input[type=email], .footTop input[type=text], .footTop textarea {
  padding: 0 0 13px;
  border-width: 0 0 1px;
  height: auto;
  letter-spacing: 0.2px;
}
.footTop .gform_page_footer {
  margin: 32px 0;
}
.footTop ::placeholder {
  opacity: 0.5;
}
.footTop .formWrap {
  max-width: 492px;
  margin: 22px auto 0;
}
.footTop .left {
  --direction: column;
  --justify: center;
}
@media (min-width: 1024px) {
  .footTop {
    display: flex;
    margin: 0 0 65px;
  }
  .footTop .c-ac-head {
    pointer-events: none;
  }
  .footTop .left, .footTop .right {
    padding: 40px 40px 0;
  }
  .footTop .left {
    width: 40%;
  }
  .footTop .right {
    width: 60%;
  }
  .footTop .formWrap {
    margin: 50px auto 0;
  }
  .footTop .right {
    margin: 0;
    border-left: 1px solid;
    border-top: 0;
  }
  .footTop .c-ac-details {
    display: block !important;
  }
}
@media (min-width: 1400px) {
  .footTop {
    --form-row-gap: 31px;
  }
  .footTop .left, .footTop .right {
    padding: 60px 40px 0;
  }
  .footTop .gform_page_footer {
    margin: 46px 0 25px;
  }
}

.heroTop {
  min-height: 100vh;
  max-width: 100%;
  display: grid;
  align-items: center;
  --pt: 0;
  --pb: 0;
}
.heroTop.alignBottom {
  align-items: flex-end;
}
.heroTop iframe {
  pointer-events: none;
}
.heroTop:has(iframe) {
  min-height: inherit;
}
.heroTop:has(iframe) .videoWrap {
  position: relative;
}
@media (orientation: landscape) {
  .heroTop:has(iframe) .videoWrap {
    padding-bottom: 56.25%;
  }
}
@media (orientation: portrait) {
  .heroTop:has(iframe) .videoWrap {
    aspect-ratio: 9/16;
  }
}
.heroTop .overlay {
  z-index: 2;
}
.heroTop .isCol {
  z-index: 3;
  position: relative;
  padding: 200px 10px;
}
.heroTop .isCol:not(:has(:nth-child(1))) {
  display: none;
}
.heroTop.alignBottom .isCol {
  padding-bottom: 47px;
}
.heroTop .gotoButton {
  height: 49px;
  width: 49px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.7);
  position: relative;
  margin: 24px 0 0;
}
.heroTop .gotoButton:before {
  content: "";
  height: 12px;
  transition: 0.7s ease;
  width: 12px;
  border: solid #000;
  border-width: 0 1px 1px 0;
  rotate: 45deg;
  display: block;
  position: absolute;
  top: 30%;
  left: 38%;
}
.heroTop .gotoButton:hover {
  background: rgba(16, 16, 16, 0.35);
}
.heroTop .gotoButton:hover:before {
  border-color: #fff;
}
.heroTop .button {
  margin: 0 5px 5px;
}
.heroTop .head {
  margin: 0 0 25px;
}
.heroTop .head span {
  margin: 0 0 25px;
  font-size: var(--font17);
  display: block;
  font-weight: 700;
  font-family: "utile", sans-serif;
  letter-spacing: 0.02em;
}
.heroTop .logoImg {
  max-width: 208px;
  max-height: 180px;
  margin: 0 auto 22px;
}
.heroTop .logoImg:only-child {
  margin: 0;
}
@media (min-width: 768px) {
  .heroTop .head {
    margin: 0 0 38px;
  }
  .heroTop .head span {
    margin: 0 0 32px;
  }
  .heroTop .logoImg {
    max-width: 300px;
    height: auto;
  }
  .heroTop .button {
    margin: 0 5px 5px;
  }
}
@media (min-width: 1300px) {
  .heroTop.alignBottom .isCol {
    padding-bottom: 61px;
  }
  .heroTop .button {
    margin: 0 16px 20px;
  }
  .heroTop .logoImg {
    max-width: 398px;
    max-height: 358px;
  }
  .heroTop .head {
    margin: 0 0 58px;
  }
  .heroTop .head span {
    margin: 0 0 40px;
  }
}
@media (min-width: 1400px) {
  .heroTop .auto-width {
    max-width: 100%;
    max-height: max-content;
    width: auto;
  }
}

.residences {
  --button-bg-color: var(--blockbgColor, #F3EAE3);
  overflow: hidden;
}
.residences .logoImg {
  object-fit: contain;
}
.residences .logoImg img {
  object-fit: contain;
}
.residences .textCont {
  max-width: 400px;
  padding: 100px 20px;
  margin: 0 auto;
}
.residences .content {
  margin: 50px 0;
}
.residences .textWrap {
  display: grid;
  align-items: center;
}
.residences .textWrap {
  background: var(--blockbgColor, #F3EAE3);
  color: var(--blockColor, #000);
}
.residences .mediaWrap {
  height: 100%;
}
@media (max-width: 767px) {
  .residences .bg, .residences img, .residences video, .residences iframe {
    position: relative;
  }
  .residences .inwrap {
    margin-inline: calc(var(--wrapper-padding) * -1);
    --direction: column-reverse;
  }
  .residences .textWrap {
    order: -1;
  }
}
@media (min-width: 768px) {
  .residences .inwrap:is(.rightMedia) {
    --direction: row-reverse;
  }
  .residences .textCont {
    padding: 0;
  }
  .residences .content {
    margin: 40px 0;
    padding: 0 10px;
  }
  .residences .textWrap {
    min-height: 500px;
  }
}
.icSlides {
  --cardHeight: 477px;
}
.icSlides .imgWrap {
  height: var(--cardHeight, 477px);
}
.icSlides .imgWrap img {
  width: 100%;
}
.icSlides .link {
  margin: 10px 0 0;
  text-decoration: underline;
  letter-spacing: 0.02em;
  font-family: "utile", sans-serif;
  color: #000;
}
.icSlides .link:hover {
  color: #0e3b4f;
}
.icSlides .head, .icSlides .date {
  margin: 0 0 10px;
}
.icSlides .head {
  letter-spacing: 0.03em;
}
.icSlides .date {
  font-family: "utile", sans-serif;
  letter-spacing: 0.07em;
}
.icSlides_cont {
  margin: 21px 0 0;
}
.icSlides .static_auto {
  text-align: center;
}
.icSlides .arrowsWrap {
  margin-top: 40px;
  --align: center;
}
.icSlides .swiper-scrollbar {
  height: 8px;
  background: #e5e5e5;
  flex: 1;
  border-radius: 8px;
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  margin: 0;
  display: block !important;
}
@media (max-width: 1025px) {
  .icSlides .swiper-scrollbar {
    height: 6px;
  }
}
.icSlides .swiper-scrollbar-drag {
  background: rgba(153, 153, 153, 0.6705882353);
  border-radius: 8px;
}
.icSlides .dynamic_news {
  --cardHeight: 241px;
}
.icSlides .dynamic_news .head, .icSlides .dynamic_news .imgWrap {
  cursor: pointer;
}
.icSlides .dynamic_news .head:hover {
  color: #0e3b4f;
}
@media (max-width: 767px) {
  .icSlides {
    --font22: 16px;
  }
}
@media (min-width: 480px) {
  .icSlides .card {
    width: 345px;
    margin-right: 20px;
  }
}
@media (min-width: 768px) {
  .icSlides .imgContSlider {
    padding-right: 30px;
  }
  .icSlides .dynamic_news {
    --cardHeight: 370px;
  }
  .icSlides .static_auto .icSlides_cont {
    margin: 16px 0 0;
  }
  .icSlides .static_auto img {
    position: relative;
  }
}
@media (min-width: 991px) {
  .icSlides {
    --cardHeight: 500px;
  }
  .icSlides .head {
    margin: 0 0 21px;
  }
  .icSlides .head:only-child {
    margin: 0;
  }
  .icSlides_cont {
    margin: 40px 0 0;
  }
  .icSlides .link {
    margin: 21px 0 0;
  }
}
@media (min-width: 1400px) {
  .icSlides {
    --cardHeight: 681px;
  }
  .icSlides .static_auto .card {
    width: auto;
  }
  .icSlides .static_auto img {
    height: var(--cardHeight, 477px);
    width: auto;
  }
  .icSlides .card {
    width: 550px;
    margin-right: 30px;
  }
  .icSlides .static_auto {
    --cardHeight: 615px;
  }
}

.imgSpecs .cover-area {
  opacity: 0;
  transition: 0.5s ease;
}
.imgSpecs svg {
  display: none;
}
.imgSpecs .imgWrap {
  position: relative;
}
.imgSpecs .imgWrap:before {
  content: "";
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}
.imgSpecs .strWhite {
  stroke: #fff;
}
.imgSpecs .fillWhite {
  fill: #fff;
}
.imgSpecs .dp {
  border-radius: 50%;
  padding: 2px;
  border: 1px solid transparent;
  outline: 1px solid transparent;
  box-sizing: border-box;
  cursor: pointer;
  transition: 0.5s ease border, 0.75s ease outline;
  outline-offset: 2px;
}
.imgSpecs .dp i {
  border-radius: 50%;
  border: 1px solid transparent;
  position: relative;
  padding: 6px;
}
.imgSpecs .dp i:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #fff;
  height: var(--dp, 9px);
  width: var(--dp, 9px);
  transition: 0.5s ease;
}
.imgSpecs .dp:hover {
  border-color: #fff;
  outline-color: #fff;
}
.imgSpecs .dp:hover i {
  border-color: #fff;
}
.imgSpecs .dp:hover i:before {
  scale: 0.65;
  transform-origin: top left;
}
.imgSpecs .logo {
  width: 1px;
}
.imgSpecs .data-layer {
  position: absolute;
  bottom: var(--btm, 2%);
  left: var(--lft, 2%);
  z-index: 9;
  color: #fff;
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  z-index: 3;
  width: var(--dp, 9px);
}
.imgSpecs .data-layer:has(.dp:hover) {
  z-index: 2;
}
.imgSpecs .data-layer:has(.dp:hover) .logo:after {
  height: var(--line, 32vw);
}
.imgSpecs .data-layer:has(.dp:hover) .logo .speq {
  opacity: 1;
  transition-delay: 0.5s;
}
.imgSpecs .data-points {
  visibility: hidden;
}
.imgSpecs .bright-village-svg {
  bottom: 4.25%;
  left: 31.5%;
  width: 30%;
  height: 22%;
  top: inherit;
}
@media (max-width: 767px) {
  .imgSpecs .imgWrap {
    position: relative;
    padding-top: 100%;
  }
  .imgSpecs picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 768px) {
  .imgSpecs .data-points {
    visibility: visible;
  }
  .imgSpecs .data-layer:has(.dp:hover) .grp-1.cover-area {
    opacity: 1;
  }
  .imgSpecs .data-layer:has(.dp:hover) .grp-7.cover-area {
    opacity: 1;
  }
  .imgSpecs .grp-1 {
    --btm: 6%;
    --lft: 46%;
  }
  .imgSpecs .grp-1 .speq {
    font-size: var(--font20);
  }
  .imgSpecs .grp-2 {
    --btm: 25%;
    --lft: 53.6%;
    --line: 21vw;
  }
  .imgSpecs .grp-3 {
    --btm: 6%;
    --lft: 55.75%;
    --line: 34vw;
  }
  .imgSpecs .grp-4 {
    --btm: 40%;
    --lft: 62%;
    --line: 18vw;
  }
  .imgSpecs .grp-5 {
    --btm: 19.5%;
    --lft: 63%;
    --line: 17vw;
    --logox: 80px;
  }
  .imgSpecs .grp-6 {
    --btm: 20.5%;
    --lft: 68.3%;
    --line: 23vw;
    --logox: 42px;
  }
  .imgSpecs .grp-7 {
    --btm: 32%;
    --lft: 74.5%;
    --line: 18vw;
  }
  .imgSpecs .speq {
    opacity: 0;
    transition: 0.5s ease;
    pointer-events: none;
    min-width: var(--logox, 160px);
    text-align: center;
    transform: translateX(-50%);
    max-height: 50px;
    object-fit: contain;
  }
  .imgSpecs .logo:after {
    content: "";
    width: 1px;
    background: #fff;
    height: 0;
    display: block;
    margin: 6px auto -8px;
    transition: 0.5s ease;
    height: 0;
  }
  .imgSpecs i {
    display: block;
  }
  .imgSpecs svg {
    position: absolute;
    top: 0.3%;
    left: 1.3%;
    width: 98%;
    height: 100%;
    display: block;
  }
}
@media (min-width: 1024px) {
  .imgSpecs {
    --dp: 14px;
  }
  .imgSpecs .grp-5 {
    --line: 21vw;
  }
  .imgSpecs .grp-6 {
    --logox: 68px;
  }
}
@media (min-width: 1300px) {
  .imgSpecs {
    --logox: 200px;
  }
  .imgSpecs .speq {
    max-height: 60px;
  }
  .imgSpecs .grp-2 {
    --line: 22vw;
  }
  .imgSpecs .grp-5 {
    --line: 20.5vw;
    --logox: 124px;
  }
  .imgSpecs .grp-5 .speq {
    max-height: 80px;
  }
  .imgSpecs .grp-6 {
    --logox: 120px;
    --btm: 26%;
  }
  .imgSpecs .grp-6 .speq {
    max-height: 80px;
  }
  .imgSpecs .grp-7 {
    --line: 19.5vw;
  }
}
@media (min-width: 1440px) {
  .imgSpecs {
    --logox: 200px;
    --line: 450px;
  }
  .imgSpecs .logo:after {
    margin-top: 16px;
  }
  .imgSpecs .grp-2 {
    --line: 320px;
    --logox: 200px;
  }
  .imgSpecs .grp-3 {
    --line: 470px;
    --logox: 200px;
  }
  .imgSpecs .grp-4 {
    --btm: 41.6%;
    --line: 240px;
  }
  .imgSpecs .grp-5 {
    --line: 295px;
    --btm: 24%;
  }
  .imgSpecs .grp-6 {
    --line: 331px;
  }
  .imgSpecs .grp-7 {
    --line: 280px;
  }
}

.projList {
  overflow: hidden;
}
.projList .textWrap {
  row-gap: 15px;
  padding: 30px 22px;
}
.projList .hasBg {
  height: 270px;
  scale: 1.005;
}
.projList .isCol {
  background: #F3EAE3;
}
@media (max-width: 767px) {
  .projList {
    --font26: 20px;
  }
}
@media (max-width: 768px) {
  .projList .inwrap {
    margin: 0 -24px;
  }
}
@media (min-width: 1366px) {
  .projList .textWrap {
    row-gap: 10px;
    padding: 54px 56.5px;
  }
}

.statistics {
  position: relative;
  --gapy: 30px;
  --gapx: 50px;
  --justify: center;
}
.statistics:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 1;
  background: var(--bg-image) no-repeat center center;
  background-size: cover;
  opacity: 0.19;
}
.statistics .cont {
  margin: 15px 0 0;
}
.statistics .isCol {
  max-width: calc((100% - var(--gapy)) / 2);
}
.statistics .inwrap {
  max-width: var(--capx, 996px);
}
.statistics .desc h2 {
  font-size: var(--font56);
}
@media (min-width: 768px) {
  .statistics .isCol {
    max-width: calc((100% - var(--gapy) * 2) / 3);
  }
  .statistics .desc p {
    max-width: 492px;
  }
}
@media (min-width: 1400px) {
  .statistics {
    --pt: 130px;
    --pb: 130px;
    --gapx: 82px;
  }
  .statistics .cont {
    margin: 48px auto 0;
  }
}

.statistics.gridView:before {
  opacity: 1;
}
@media (max-width: 767px) {
  .statistics.gridView {
    --font22: 16px;
  }
}

.statistics.listView {
  --pt: 54px;
  --pb: 54px;
  --capx: 100%;
  --gapx: 0;
  --mediax:100%;
  --gapx: 37px;
}
.statistics.listView:before {
  opacity: 1;
}
.statistics.listView .inwrap {
  --gapx: 47px;
}
.statistics.listView .leftPan {
  width: var(--mediax);
  min-height: 322px;
}
.statistics.listView .stat {
  max-width: calc((100% - var(--gapy)) / 2);
}
.statistics.listView .font90 {
  font-size: min(var(--font80), 70px);
}
.statistics.listView .desc {
  text-align: left;
}
@media (max-width: 991px) {
  .statistics.listView {
    --font22: 18px;
  }
  .statistics.listView .font70 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .statistics.listView {
    --font22: 16px;
  }
}
@media (min-width: 768px) {
  .statistics.listView {
    --mediax: 45%;
    --gapy: 54px;
  }
  .statistics.listView .inwrap {
    width: calc(100% - var(--gapy) - var(--mediax));
    text-align: left;
  }
}
@media (min-width: 1366px) {
  .statistics.listView {
    --gapy: 84px;
  }
  .statistics.listView .inwrap {
    --gapx: 52px;
  }
  .statistics.listView .cont {
    margin: 22px auto 0;
  }
}

.fcta {
  padding: 24px 24px 29px;
  min-height: 450px;
}
.fcta .contWrap {
  border: 5px solid;
  border-radius: 38px;
  outline: 2px solid;
  outline-offset: -19px;
  padding: 96px 30px;
}
.fcta .logoImg {
  width: 136px;
  margin: 0 0 22px;
}
.fcta .logoImg:only-child {
  margin-bottom: 0;
}
.fcta .head {
  margin: 0 0 22px;
}
.fcta .head:last-child {
  margin-bottom: 0;
}
.fcta .content {
  margin: 22px auto 51px;
  max-width: 60vw;
  text-wrap: balance;
}
.fcta .cont {
  max-width: min(60.7594936709vw, 650px);
}
.fcta .mediaCont {
  max-width: 1340px;
}
.fcta {
  --color: #000;
}
@media (min-width: 1024px) {
  .fcta {
    min-height: var(--min-height, 450px);
  }
  .fcta .logoImg {
    width: calc(var(--logo-width) * 0.75);
  }
  .fcta .contWrap {
    padding: 114px 0 60px;
  }
  .fcta .content {
    margin: 44px auto 28px;
  }
}
@media (min-width: 1400px) {
  .fcta {
    padding: 54px 50px;
  }
  .fcta .contWrap {
    padding: 116px 0 83px;
  }
  .fcta .logoImg {
    margin: 0 0 31px;
    width: var(--logo-width);
  }
  .fcta .content {
    margin: 65px auto 42px;
    max-width: min(75%, 960px);
  }
}

.registerCta {
  --pt: 104px;
  --pb: 104px;
  min-height: 685px;
}
.registerCta .head {
  margin: 0 0 28px;
  line-height: 1.07;
  letter-spacing: 0.01em;
}
.registerCta .cont {
  max-width: 100%;
}
.registerCta .contWrap {
  border: none;
  outline: none;
}
.registerCta .textCenter {
  padding: 0;
}
@media (min-width: 1400px) {
  .registerCta {
    min-height: var(--min-height, 685px);
  }
  .registerCta .head {
    margin: 0 0 46px;
  }
  .registerCta .cont {
    max-width: min(59.0277777778vw, 960px);
  }
}
.registerCta .SmallTitle {
  position: relative;
  color: #586954;
  margin-bottom: 20px;
  z-index: 1;
  margin-top: 50px;
}
@media (min-width: 768px) {
  .registerCta .SmallTitle {
    position: absolute;
    top: 50px;
    left: 30px;
    margin-top: 0px;
  }
}
@media (min-width: 1400px) {
  .registerCta .SmallTitle {
    left: calc((100% - 1400px) / 2);
    padding-left: 30px;
  }
}

.Eventcta .content {
  max-width: min(90%, 960px);
}

.contactBlock {
  --form-row-gap: 8px;
  --font16: 16px;
}
.contactBlock:has(.gform_confirmation_message) .head {
  display: none;
}
.contactBlock .gform-footer {
  text-align: center;
  margin: 60px 0 0;
}
.contactBlock .gform_wrapper {
  margin: 36px 0 0;
}
.contactBlock .gform_wrapper:first-child {
  margin: -14px 0 0;
}
.contactBlock .gform_confirmation_message {
  font-size: var(--font55);
  text-align: center;
  max-width: 720px;
  margin: 20px auto;
  font-weight: 100;
}
@media (max-width: 1280px) {
  .contactBlock {
    --font26: 20px;
  }
}
@media (min-width: 1280px) {
  .contactBlock {
    --form-row-gap: 10px;
  }
}
@media (min-width: 1440px) {
  .contactBlock {
    --pt: 160px;
    --pb: 160px;
    --form-row-gap: 16px;
  }
  .contactBlock .gform-footer {
    margin: 52px 0 0;
  }
  .contactBlock .gform_wrapper {
    margin: 55px 0 0;
  }
}

.pageHead .head {
  line-height: 1.09em;
}
.pageHead .head span {
  display: block;
  margin: 0 0 13px;
  font-size: var(--font26);
  font-family: "utile", sans-serif;
  letter-spacing: 0.05em;
  line-height: 1.09em;
}
.pageHead .head .date {
  margin: 0 0 14px;
}
.pageHead .mediaWrap {
  margin: 80px 0 0;
}
.pageHead .mediaWrap img {
  min-height: 477px;
}
@media (max-width: 767px) {
  .pageHead {
    --font26: 20px;
    --font90: 48px;
  }
}
@media (max-width: 375px) {
  .pageHead {
    --font26: 16px;
    --font90: 40px;
  }
}
@media (min-width: 768px) {
  .pageHead .head .date {
    margin: 0 0 20px;
  }
}
@media (min-width: 1400px) {
  .pageHead .head .date {
    margin: 0 0 26px;
  }
  .pageHead .mediaWrap {
    margin: 126px 0 0;
  }
}

.infoHead {
  --gapy: 40px;
  --gapx: 25px;
}
.infoHead .is-stack {
  --direction: column;
}
.infoHead .btnWrap {
  --direction: row;
  margin-top: clamp(10px, 2.35vw, 45px);
}
.infoHead .btnWrap .button:hover {
  border-color: #000;
}
.infoHead .socialIcon {
  --direction: row;
  --align: flex-end;
}
.infoHead .socialIcon .icon {
  width: 30px;
  height: 30px;
}
.infoHead li:before {
  content: "";
  height: 2px;
  width: 2px;
  display: inline-block;
  vertical-align: top;
  margin: var(--dot-adj, 4.5% 16px 0 0);
  border-radius: 50%;
  background: #000;
}
.infoHead ul, .infoHead ol {
  list-style-type: none;
  padding: 0;
}
.infoHead p, .infoHead ol, .infoHead ul {
  margin: var(--cont-gap, 25px) 0 0;
}
.infoHead :first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .infoHead .cont {
    max-width: var(--cont-width, 100%);
  }
  .infoHead ol, .infoHead ul {
    max-width: 616px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 32px;
  }
  .infoHead .socialIcon .icon {
    width: 53px;
    height: 53px;
  }
}
@media (min-width: 1280px) {
  .infoHead {
    --dot-adj: 6% 25px 0 0;
    --cont-gap: 50px;
  }
  .infoHead .is-inline .head {
    width: calc(100% - var(--gapy) - var(--cont-width));
  }
  .infoHead .is-inline .cont {
    max-width: var(--cont-width, 100%);
  }
}

.fullMedia.wrapper {
  max-width: 100%;
  --wrapper-width: 1400px;
}
.fullMedia.wrapper .hasBg, .fullMedia.wrapper .overlay {
  max-width: calc(100vw - var(--wrapper-padding) * 2);
  margin: 0 auto;
}
@media (min-width: 1400px) {
  .fullMedia.wrapper .hasBg, .fullMedia.wrapper .overlay {
    max-width: calc(var(--wrapper-width) - var(--wrapper-padding) * 2);
  }
}

.textEditor h2, .textEditor h3 {
  line-height: 1.07em;
}
.textEditor h2 {
  font-size: var(--font55);
  margin: 0 0 25px;
}
.textEditor:is(.textCenter) .cont {
  margin: 0 auto;
}
.textEditor p, .textEditor li {
  line-height: 1.4;
}
.textEditor :last-child {
  margin-bottom: 0;
}
.textEditor .cont {
  padding: 0;
}
.textEditor .cont :only-child {
  margin: 0;
}
@media (min-width: 1280px) {
  .textEditor h2 {
    margin: 0 0 43px;
  }
  .textEditor:is(.textCenter) .cont {
    padding: 0;
  }
  .textEditor p {
    margin-block: 1.5em;
  }
}
@media (max-width: 767px) {
  .textEditor {
    --font28: 18px;
  }
  .textEditor .cont {
    letter-spacing: 0.02em;
  }
}

.features .mediaWrap {
  margin: 0 0 30px;
  height: 477px;
}
.features .mediaWrap:last-child {
  margin-bottom: 0;
}
.features:has(.wid50) .inWrap {
  --gapx: 44px;
  --gapy: 30px;
}
.features .landscape, .features .square, .features .portrait {
  aspect-ratio: inherit;
}
.features h3, .features h2 {
  margin: 0 0 10px;
  font-weight: 100;
}
.features p {
  margin: 0 0 20px;
}
.features p + h3, .features p + h2 {
  margin: 60px 0 10px;
}
.features .textCont > :last-child {
  margin-bottom: 0;
}
.features a:only-child {
  color: #000;
  letter-spacing: 0.05em;
  text-decoration: underline;
  font-family: "utile", sans-serif;
  font-size: 16px;
}
.features h3 {
  font-size: var(--font26);
}
.features .inWrap {
  --gapx: 80px;
}
.features .card {
  --gapx: 0;
}
.features .wid50 {
  max-width: 470px;
}
@media (min-width: 991px) {
  .features a:only-child {
    letter-spacing: 0.02em;
  }
  .features .textCont {
    max-width: 470px;
  }
  .features p + h3, .features p + h2 {
    margin: 55px 0 20px;
  }
  .features .inWrap {
    --gapy: 24px;
  }
  .features .square {
    justify-content: space-between;
  }
  .features .square .mediaWrap {
    max-width: min(56.65%, 760px);
    margin: 0;
    height: 100%;
  }
  .features .square .textCont {
    max-width: min(40%, 516px);
  }
  .features .portrait {
    max-width: 36%;
  }
  .features .landscape {
    max-width: 58%;
  }
  .features .wid50 {
    max-width: calc((100% - var(--gapy)) / 2);
  }
}
@media (min-width: 1200px) {
  .features .portrait {
    max-width: 38%;
  }
}
@media (min-width: 1366px) {
  .features .card {
    --gapx: 10px;
  }
  .features .portrait {
    max-width: min(40%, 471px);
  }
  .features .landscape {
    max-width: min(59.75%, 819px);
  }
  .features h3, .features h2 {
    margin: 0 0 20px;
  }
  .features .mediaWrap {
    height: 538px;
  }
  .features .square {
    --gapy: 50px;
  }
  .features .square .mediaWrap {
    height: 656px;
  }
  .features .inWrap {
    --gapx: 100px;
    --gapy: 47px;
  }
  .features .landscape .textCont {
    max-width: 522px;
  }
}
@media (min-width: 1440px) {
  .features .landscape {
    max-width: min(67%, 819px);
  }
}

.sub-head + .features .card .textCont h2:first-child {
  font-size: var(--font70);
  line-height: 1.15;
}

.map {
  min-height: clamp(420px, 85vw, 900px);
}
.map .closeTrig {
  transform: rotate(45deg);
  transition: all 0.3s;
}
.map .closeTrig:hover {
  transform: rotate(135deg);
}
.map .locationData {
  background: #fff;
  visibility: hidden;
  padding: 27px 29px;
  margin-left: -31px;
  row-gap: 20px;
  min-width: min(80vw, 335px);
  --direction: row;
  --direction: column;
  --align: flex-start;
  bottom: 12px;
  position: absolute;
  display: none;
  margin-bottom: 10px;
}
@media (min-width: 1400px) {
  .map .locationData {
    margin-left: -35px;
  }
}
.map .closeTrig {
  position: relative;
  display: inline-block;
  width: 17px;
  font-style: normal;
  height: 17px;
  cursor: pointer;
}
.map .closeTrig::before, .map .closeTrig:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 17px;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 0.75s ease;
  transform: translate(-50%, -50%);
}
.map .closeTrig::before {
  transform: translate(-50%, -50%) rotate(90deg);
}
.map p {
  margin: 0;
}
.map .name {
  color: var(--button-color, #000);
  text-decoration: underline;
  max-width: calc(100% - 36px);
  font-family: "ivypresto-text", serif;
}
.map .address {
  font-weight: 600;
}
.map .font16 {
  font-family: "utile", sans-serif;
}

.markerPoint {
  border: #fff solid;
  transform: rotate(45deg);
  background: #fff;
  width: 40px;
  height: 40px;
  opacity: 0;
  display: block;
  position: absolute;
  bottom: 0;
  z-index: -1;
  left: 12px;
}
@media (min-width: 1400px) {
  .markerPoint {
    width: 45px;
  }
}

.marker {
  opacity: 0;
}
.marker .locationData {
  opacity: 0;
}
.marker .locationData p {
  --direction: row;
}
.marker.isActive {
  opacity: 1;
  z-index: 1;
}
.marker.isActive .markerPoint {
  opacity: 1;
}
.marker.isActive .locationData {
  visibility: visible;
  opacity: 1;
  display: flex;
}

.markerPointRound {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: transparent;
  display: block;
  position: relative;
  z-index: 0;
  cursor: pointer;
  background-color: #000000 !important;
}

.mapBox {
  --pt: 80px;
  --pb: 0;
}
.mapBox [data-label=Brightwater] {
  font-weight: 600;
}
.mapBox a, .mapBox .flat {
  color: var(--button-color, #000);
  font-weight: 100;
}
.mapBox a:hover, .mapBox .flat:hover {
  color: var(--button-color, #000);
}
.mapBox .txt {
  margin: 18px 0 0;
}
.mapBox .contWrap {
  max-width: 745px;
  margin: 0 auto 75px;
  padding-inline: 22px;
}
.mapBox .inWrap {
  background: var(--bg-color, rgba(243, 234, 227, 0.7));
}
@media (min-width: 991px) {
  .mapBox .map {
    max-width: calc(100% - 400px);
    border-right: 2px solid;
  }
  .mapBox .mapNav {
    max-width: 400px;
  }
}
@media (min-width: 1400px) {
  .mapBox {
    --pt: 90px;
  }
  .mapBox .txt {
    margin: 35px 0 0;
  }
  .mapBox .contWrap {
    margin: 0 auto 95px;
  }
}
@media (min-width: 1600px) {
  .mapBox .map {
    max-width: 70%;
  }
  .mapBox .mapNav {
    max-width: 30%;
    padding: 40px 5%;
  }
}

.mapNav {
  padding: 75px 27px 89px;
  --button-bg-color: transparent;
  --font22: 22px;
  --font18: 18px;
}
.mapNav .label {
  margin: 0 0 16px;
}
.mapNav .retailButton {
  background: #0e3b4f;
  color: #fff;
  margin: 28px auto 0;
  display: block;
  width: max-content;
  letter-spacing: 0.02em;
}
.mapNav .retailButton:hover {
  background: #fff;
  color: #0e3b4f;
  border-color: #fff;
}
.mapNav .catColor {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  margin-left: 10px;
}
.mapNav .taxItem {
  border: solid #000;
  border-width: 0 0 1px;
  padding: 22px 0;
}
.mapNav .taxItem:first-child .catParam {
  font-weight: 600;
}
.mapNav .taxItem.isActive .mapNav_cat {
  margin: 0 0 21px;
}
.mapNav .taxItem.isActive .chevIcn {
  transform: rotate(45deg);
}
.mapNav .flat {
  font-family: "utile", sans-serif;
}
.mapNav_icn {
  height: 13.4px;
  width: 13.4px;
  filter: brightness(0);
  position: absolute;
  right: 0;
}
.mapNav_props {
  display: none;
  max-height: 240px;
  overflow: auto;
}
.mapNav_cat {
  margin: 0;
  text-transform: uppercase;
  font-family: "utile", sans-serif;
  letter-spacing: 0.07em;
  position: relative;
}
.mapNav_prop {
  margin: 0 0 10px;
  display: block;
  width: max-content;
  letter-spacing: 0.02em;
}
.mapNav_prop.isActive {
  font-weight: 600;
}
@media (min-width: 992px) {
  .mapNav {
    padding: 54px 50px;
  }
}
@media (min-width: 1400px) {
  .mapNav .retailButton {
    margin: 49px auto 0;
  }
}

.eve_list {
  overflow: visible;
  --button-color: #000;
  --button-bg-color: #fff;
  --image-width: 642px;
}
.eve_list .inWrap {
  column-gap: 28px;
  row-gap: 30px;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .eve_list .mediaWrap {
    display: none;
  }
}
@media (min-width: 768px) {
  .eve_list .mediaWrap {
    position: sticky;
    top: 100px;
    left: 0;
  }
  .eve_list .rightPan {
    max-width: calc(60% - 28px);
  }
}
@media (min-width: 1400px) {
  .eve_list .inWrap {
    column-gap: 50px;
  }
  .eve_list .imageWrap {
    max-width: var(--image-width);
  }
  .eve_list .rightPan {
    max-width: calc(100% - var(--image-width) - 50px);
  }
}

.eve_list_link .event {
  padding: 30px 0;
}
@media (min-width: 1400px) {
  .eve_list_link .event {
    padding: 45px 0 34px 0;
  }
}
.eve_list_link .event .date {
  margin: 0;
  margin-bottom: 10px;
}
.eve_list_link .imageWrap img {
  aspect-ratio: 642/446;
}
.eve_list_link .btnWrap {
  --justify: flex-end;
  margin-top: clamp(30px, 3.9vw, 86px);
}
.eve_list_link .btnWrap .button:hover {
  border-color: #000;
}

.event {
  padding: 20px 0;
  border-top: solid 1px;
}
.event .date {
  margin: 0 0 15px;
}
.event:last-child {
  border-bottom: solid 1px;
}
.event_plusIcn {
  margin: 0 0 -13px;
  position: relative;
  display: inline-block;
  width: var(--plus-width, 34px);
  font-style: normal;
  height: var(--plus-width, 34px);
  cursor: pointer;
}
.event_plusIcn::before, .event_plusIcn:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: var(--plus-width, 34px);
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 0.75s ease;
  transform: translate(-50%, -50%);
}
.event_plusIcn::before {
  transform: translate(-50%, -50%) rotate(90deg);
}
.event_details, .event .btnWrap {
  padding: 32px 0 0;
}
.event .title, .event .subTitle {
  letter-spacing: 0.05em;
}
.event .subTitle {
  margin: 6px 0 15px;
}
.event .label {
  letter-spacing: 0.01em;
}
.event .desc {
  margin: 10px 0 0;
}
.event .location {
  background: url("imgs/location-pin-icn.svg") no-repeat;
  background-size: 10px auto;
  background-position: left center;
  padding-left: 18px;
  margin: 0;
  color: #000000;
}
.event .c-ac-head {
  align-items: flex-start;
}
.event.isOpen .event_plusIcn:after {
  opacity: 0;
}
@media (max-width: 767px) {
  .event {
    --font22: 15px;
  }
}
@media (min-width: 1400px) {
  .event {
    --plus-width: 58px;
  }
  .event_details, .event .btnWrap {
    padding: 46px 0 0;
  }
  .event .font22 {
    font-size: 23px;
  }
  .event .desc + .label {
    margin: 33px 0 0;
  }
  .event .date {
    margin: 0 0 20px;
  }
  .event .subTitle {
    margin: -4px 0 15px;
  }
}

.attractions {
  --pt: 0;
  --pb: 0;
}
.attractions .mediaWrap {
  width: 100%;
  max-width: 100%;
}
.attractions .attractionSlides {
  width: 100%;
  margin: 0 auto 0 0;
}
.attractions .arrowsWrap {
  margin: 0 0 32px;
  padding: 0;
}
.attractions .card {
  gap: 10px;
  padding: 34px 0;
  display: flex;
  flex-direction: column;
  max-width: 500px;
}
.attractions .card .title {
  margin: 0 0 10px;
}
.attractions .card img {
  max-width: 36px;
  max-height: 41px;
  object-fit: contain;
}
.attractions .desc {
  max-width: 500px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .attractions {
    background-color: transparent !important;
  }
  .attractions .swiper-scrollbar {
    display: none;
  }
  .attractions .mediaWrap img {
    min-height: 477px;
  }
  .attractions .inwrap {
    padding: 0 24px;
  }
}
@media (min-width: 768px) {
  .attractions .card {
    padding: 25px 0;
  }
  .attractions .card .title {
    margin: 0 0 20px;
  }
  .attractions .attractionSlides {
    width: 27.77%;
    padding: 0 1.5em;
  }
  .attractions .arrowsWrap {
    display: none;
  }
  .attractions .mediaWrap {
    width: 100%;
    max-width: 72.23%;
  }
}
@media (min-width: 1280px) {
  .attractions .attractionSlides {
    padding: 0 3.25em;
  }
}
@media (min-width: 1600px) {
  .attractions .attractionSlides {
    padding: 3.25em;
  }
}

.prospects {
  --capx: 300px;
  --gapy: 30px;
}
.prospects a {
  color: #000;
}
.prospects a:hover {
  color: #0e3b4f;
}
.prospects .headTop {
  margin-bottom: 50px;
}
.prospects .headTop p {
  letter-spacing: 0.07em;
}
.prospects .card {
  padding: 20px 0;
  border-top: 1px solid;
}
.prospects .card:last-child {
  border-bottom: none;
}
.prospects .title {
  line-height: 1.14;
}
.prospects .imgWrap {
  width: var(--capx);
}
.prospects .imgWrap img {
  height: var(--capy, 190px);
}
.prospects .desc {
  max-width: calc(100% - var(--gapy) - var(--capx));
}
@media (max-width: 767px) {
  .prospects {
    --capx: 195px;
    --capy: 130px;
    --gapy: 16px;
  }
  .prospects .headTop {
    margin-bottom: 25px;
  }
  .prospects .title {
    font-size: 20px;
  }
  .prospects .card {
    padding: 25px 0;
  }
}
@media (max-width: 375px) {
  .prospects {
    --capx: 146px;
    --capy: 90px;
  }
}
@media (min-width: 1366px) {
  .prospects {
    --pt: 160px;
    --pb: 160px;
  }
}

.grid-gallery {
  --pt: 70px;
  --pb: 70px;
  --gapy: 24.5px;
  --gapx: 24.5px;
}
.grid-gallery .arrowsWrap {
  padding: 0;
}
.grid-gallery .imageWrap {
  width: calc((100% - var(--gapy)) / 2);
  height: clamp(156px, 20vw, 298px) !important;
}
.grid-gallery .label {
  width: 100%;
  --align: center;
  --justify:center;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  z-index: 2;
  padding: 60px 22px;
  box-sizing: border-box;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: 0.5s ease-in-out;
}
.grid-gallery .label span {
  position: absolute;
  min-height: 30px;
  font-family: "utile", sans-serif;
  letter-spacing: 0.1em;
  font-weight: 500;
  width: 100%;
  bottom: 0;
  font-size: var(--font16);
}
@media (min-width: 680px) {
  .grid-gallery {
    --gapy: 30px;
    --gapx: 30px;
  }
  .grid-gallery .imageWrap {
    width: calc((100% - var(--gapy) * 2) / 3);
  }
}
@media (min-width: 992px) {
  .grid-gallery .imageWrap {
    width: calc((100% - var(--gapy) * 3) / 4);
  }
}
@media (min-width: 1280px) {
  .grid-gallery {
    --pb: 95px;
    --gapy: 55px;
    --gapx: 50px;
  }
  .grid-gallery .arrowsWrap {
    margin: 60px 0 0;
  }
  .grid-gallery .imageWrap {
    padding-top: 0;
  }
  .grid-gallery .imageWrap:hover {
    opacity: 1;
  }
  .grid-gallery .imageWrap:hover .label {
    opacity: 1;
  }
}

.mediaList {
  --gapx: 39px;
}
.mediaList .mediaWrap {
  margin-inline: calc(var(--wrapper-padding) * -1);
  min-height: 270px;
  width: var(--mediax, calc(100% + var(--wrapper-padding) * 2));
}
.mediaList .head {
  margin: 0 0 10px;
}
.mediaList .card {
  margin: 72px 0 0;
}
.mediaList .card:first-child {
  margin-top: 0;
}
@media (min-width: 768px) {
  .mediaList {
    --mediax: 300px;
    --mediay: 270px;
    --gapy: 40px;
    --align: flex-start;
    --direction: row-reverse;
    --justify: space-between;
  }
  .mediaList .cont {
    max-width: calc(100% - var(--mediax) - var(--gapy));
  }
  .mediaList .mediaWrap {
    margin: 0;
    height: var(--mediay);
  }
  .mediaList .card {
    margin: 0;
    padding: 30px 0;
    border-top: 1px solid;
  }
  .mediaList .card:last-child {
    border-bottom: 1px solid;
  }
}
@media (min-width: 992px) {
  .mediaList {
    --mediax: 470px;
    --mediay: 300px;
  }
  .mediaList .head {
    margin: 0 0 33px;
  }
  .mediaList .font26 {
    font-size: var(--font56);
    line-height: 1.14em;
  }
  .mediaList .content {
    max-width: 646px;
  }
}

.logoGrid {
  --gapy: 10vw;
  --gapx: 18px;
}
@media (min-width: 768px) {
  .logoGrid {
    --gapx: 24px;
    --gapy: 50px;
  }
}
@media (min-width: 1280px) {
  .logoGrid {
    --gapx: 30px;
  }
}
.logoGrid.lt4 {
  --gapx: 53px;
}

.fig {
  --lgy: 64px;
  --capx: 120px;
  --justify: flex-start;
  --gapx: 10px;
  width: clamp(114px, 39vw, var(--capx));
  margin: 0;
}
.fig .label {
  font-size: var(--fs, 12px);
  letter-spacing: 0.02em;
  line-height: 1.05em;
}
.fig img {
  width: auto;
  height: auto;
  object-fit: contain;
  max-width: var(--ix, 121px);
  max-height: var(--iy, 54px);
}
.fig .logoWrap {
  height: var(--lgy, 64px);
}
.fig span {
  font-weight: 700;
  display: block;
}
.fig--md {
  width: clamp(232px, 39vw, var(--capx-md));
  --ix: 232px;
  --iy: 98px;
  --lgy: 98px;
  margin: 0 0 30px;
}
.fig--md .label {
  font-size: var(--fs--md, 16px);
}
@media (min-width: 375px) {
  .fig {
    --capx: 150px;
    --capx-md: 289px;
  }
}
@media (min-width: 400px) {
  .fig {
    --lgy: 108px;
    --capx: 200px;
    --capx-md: 298px;
    --fs: 13px;
  }
}
@media (min-width: 768px) {
  .fig {
    --ix: 138px;
    --iy: 60px;
  }
}
@media (min-width: 1280px) {
  .fig {
    --lgy: 124px;
    --capx: 22%;
    --fs: 18px;
    --fs--md: 18px;
    --ix: 238px;
    --iy: 106px;
    --capx-md: 344px;
  }
  .fig--md {
    padding-inline: 26px;
  }
}

.sub-head {
  --pb: 12px;
  --pb: 32px;
}
.sub-head + .cBlock {
  --pt: 0;
}
.sub-head .content {
  max-width: 960px;
}
.sub-head .head {
  color: var(--blockColor, #586954);
  padding-top: 15px;
  border-top: 2px solid;
}
@media (min-width: 992px) {
  .sub-head {
    --pt: 120px;
    --pb: 44px;
  }
}
@media (min-width: 1250px) {
  .sub-head {
    --pt: 160px;
    --pb: 54px;
  }
}
@media (min-width: 1600px) {
  .sub-head {
    --pt: 200px;
    --pb: 62px;
  }
}

.chouse-head p {
  color: var(--color, #838383);
}
.chouse-head .btn {
  font-family: "ivypresto-text", serif;
  font-weight: 100;
}
.chouse-head .head {
  margin: 0 0 0.35em;
}
.chouse-head .btnWrap {
  margin: 54px 0 0 0;
  --gapy: 24px;
  --gapx: 12px;
  padding-top: 23.5px;
  border-top: 2px solid #586954;
}
.chouse-head .content {
  max-width: 1018px;
}
@media (min-width: 1400px) {
  .chouse-head .btnWrap {
    margin: 95px 0 0 0;
  }
}
@media (min-width: 1600px) {
  .chouse-head .btnWrap {
    --gapy: 40px;
  }
}

.clubHouseSchema p, .clubHouseSchema li {
  font-family: "utile", sans-serif;
}

.pcHilights {
  --pt: 63px;
  --pb: 105px;
  --gapy: 30px;
  --gapx: 50px;
  clip-path: inset(0 0 0 0);
}
.pcHilights .bg {
  position: fixed;
}
.pcHilights .bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--bg-overlay, rgba(255, 255, 255, 0.61));
  z-index: 2;
}
.pcHilights .inwrap {
  max-width: var(--capx, 996px);
}
.pcHilights .isCol {
  max-width: calc((100% - var(--gapy)) / 2);
}
.pcHilights .head {
  margin: 0 0 var(--head-mb, 85px);
}
.pcHilights .icn {
  margin: 0 0 var(--icon-margin, 15px);
}
.pcHilights .icn img {
  max-height: var(--icn-height, 80px);
  object-fit: contain;
}
.pcHilights .label {
  margin-inline: auto;
}
@media (max-width: 767px) {
  .pcHilights {
    --font22: 16px;
  }
}
@media (min-width: 600px) {
  .pcHilights {
    --direction: row;
    --justify: center;
  }
}
@media (min-width: 768px) {
  .pcHilights .isCol {
    max-width: calc((100% - var(--gapy) * 2) / 3);
  }
}
@media (min-width: 1400px) {
  .pcHilights {
    --gapx: 82px;
  }
}
@media (min-width: 1600px) {
  .pcHilights {
    --pt: 129px;
    --pb: 127px;
    --icn-height: 100px;
    --icon-margin: 25px;
    --gapy: 82px;
    --head-mb: 98px;
  }
}

.imgSpecsnew {
  /* Text */
  /* ON default visible */
  /* Circle */
  /* OFF State (Unchecked) */
}
.imgSpecsnew .cover-area {
  opacity: 0;
  transition: 0.5s ease;
}
.imgSpecsnew svg {
  display: none;
}
.imgSpecsnew .imgWrap {
  position: relative;
}
.imgSpecsnew .imgWrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}
.imgSpecsnew .strWhite {
  stroke: #F3EAE4;
}
.imgSpecsnew .fillWhite {
  fill: #F3EAE4;
}
.imgSpecsnew .grp-13 .dp i:before {
  opacity: 0;
}
.imgSpecsnew .dp {
  border-radius: 50%;
  padding: 2px;
  border: 1px solid transparent;
  outline: 1px solid transparent;
  box-sizing: border-box;
  cursor: pointer;
  transition: 0.5s ease border, 0.75s ease outline;
  outline-offset: 2px;
}
@media (min-width: 1366px) {
  .imgSpecsnew .dp {
    padding: 3px;
    outline-offset: 3px;
  }
}
.imgSpecsnew .dp i {
  border-radius: 50%;
  border: 1px solid transparent;
  position: relative;
  padding: 8px;
}
@media (min-width: 1366px) {
  .imgSpecsnew .dp i {
    padding: 9px;
  }
}
.imgSpecsnew .dp i:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #F3EAE4;
  height: var(--dp, 9px);
  width: var(--dp, 9px);
  transition: 0.5s ease;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
}
.imgSpecsnew .dp.hover-effect i:before {
  scale: 0.65;
  transform-origin: top left;
  opacity: 1 !important;
}
.imgSpecsnew .dp:hover {
  border-color: #F3EAE4;
  outline-color: #F3EAE4;
}
.imgSpecsnew .dp:hover i {
  border-color: #F3EAE4;
}
.imgSpecsnew .dp:hover i:before {
  scale: 0.65;
  transform-origin: top left;
}
.imgSpecsnew .logo {
  width: 1px;
  display: flex;
  row-gap: 20px;
  flex-direction: column-reverse;
}
.imgSpecsnew .data-layer {
  position: absolute;
  bottom: var(--btm, 2%);
  left: var(--lft, 2%);
  z-index: 9;
  color: #fff;
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  z-index: 3;
  width: var(--dp, 9px);
}
.imgSpecsnew .data-layer:has(.dp.hover-effect) {
  z-index: 2;
}
.imgSpecsnew .data-layer:has(.dp.hover-effect) .logo:after {
  height: var(--line, 32vw);
}
.imgSpecsnew .data-layer:has(.dp.hover-effect) .logo .speq {
  opacity: 1;
}
.imgSpecsnew .data-layer:has(.dp:hover) {
  z-index: 2;
}
.imgSpecsnew .data-layer:has(.dp:hover) .logo:after {
  height: var(--line, 32vw);
}
.imgSpecsnew .data-layer:has(.dp:hover) .logo .speq {
  opacity: 1;
}
.imgSpecsnew .data-points {
  visibility: hidden;
}
.imgSpecsnew .bright-village-svg {
  bottom: 4.25%;
  left: 31.5%;
  width: 30%;
  height: 22%;
  top: inherit;
}
@media (max-width: 767px) {
  .imgSpecsnew .imgWrap {
    position: relative;
    padding-top: 100%;
  }
  .imgSpecsnew picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .imgSpecsnew picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (min-width: 768px) {
  .imgSpecsnew .data-points {
    visibility: visible;
  }
  .imgSpecsnew .data-layer:has(.dp:hover) .grp-1.cover-area {
    opacity: 1;
  }
  .imgSpecsnew .data-layer:has(.dp:hover) .grp-7.cover-area {
    opacity: 1;
  }
  .imgSpecsnew .grp-1 {
    --btm: 6%;
    --lft: 46%;
  }
  .imgSpecsnew .grp-1 .speq {
    font-size: var(--font20);
  }
  .imgSpecsnew .grp-2 {
    --btm: 29%;
    --lft: 48.6%;
    --line: min(22vw, 311px);
  }
  .imgSpecsnew .grp-3 {
    --btm: 11%;
    --lft: 50.2%;
    --line: min(32vw , 458px);
  }
  .imgSpecsnew .grp-4 {
    --btm: 44.5%;
    --lft: 56.6%;
    --line: min(13vw , 183px);
    --logox: 200px;
  }
  .imgSpecsnew .grp-5 {
    --btm: 28.5%;
    --lft: 58.4%;
    --line: min(20vw , 283px);
    --logox: 130px;
  }
  .imgSpecsnew .grp-6 {
    --btm: 29.5%;
    --lft: 63.4%;
    --line: min(20vw , 283px);
    --logox: 130px;
  }
  .imgSpecsnew .grp-7 {
    --btm: 32.5%;
    --lft: 70.5%;
    --line: min(20vw , 268px);
    --logox: 160px;
  }
  .imgSpecsnew .grp-8 {
    --btm: 58%;
    --lft: 19.5%;
    --line: min(10vw, 140px);
    --logox: 220px;
  }
  .imgSpecsnew .grp-9 {
    --btm: 65.5%;
    --lft: 46.5%;
    --line: min(6vw, 84px);
    --logox: 220px;
  }
  .imgSpecsnew .grp-10 {
    --btm: 41%;
    --lft: 74.7%;
    --line: min(14.5vw, 203px);
    --logox: 220px;
  }
  .imgSpecsnew .grp-11 {
    --btm: 10.9%;
    --lft: 60.2%;
    --line: min(32vw,448px);
    --logox: 220px;
  }
  .imgSpecsnew .grp-12 {
    --btm: 15.5%;
    --lft: 33.8%;
    --line: min(24vw , 364px);
    --logox: 240px;
    --logoy: 100px;
  }
  .imgSpecsnew .grp-13 {
    --btm: 24.5%;
    --lft: 50.5%;
    --line: min(21vw , 322px);
    --logox: 100px;
    --logoy: 80px;
    pointer-events: none;
  }
  .imgSpecsnew .speq {
    opacity: 0;
    transition: 0.5s ease;
    pointer-events: none;
    min-width: var(--logox, 160px);
    text-align: center;
    transform: translateX(-50%);
    max-height: var(--logoy, 50px);
    object-fit: contain;
    font-size: clamp(20px, 1.3vw, 24px);
    font-family: "utile", sans-serif;
    font-weight: 500;
  }
  .imgSpecsnew .logo:after, .imgSpecsnew .logo:before {
    content: "";
    width: 1px;
    background: #F3EAE4;
    height: 0;
    display: block;
    margin: 6px auto -14px;
    transition: 0.5s ease;
    height: 0;
    z-index: -1;
  }
  .imgSpecsnew .logo:after {
    position: absolute;
  }
  .imgSpecsnew .logo:before {
    height: var(--line, 32vw);
    background-color: transparent;
  }
  .imgSpecsnew i {
    display: block;
  }
  .imgSpecsnew svg {
    position: absolute;
    top: 0.3%;
    left: 1.3%;
    width: 98%;
    height: 100%;
    display: block;
  }
}
@media (min-width: 1024px) {
  .imgSpecsnew {
    --dp: 14px;
  }
  .imgSpecsnew .grp-12 {
    --logox: 280px;
    --logoy: 140px;
  }
  .imgSpecsnew .grp-13 {
    --logox: 135px;
    --logoy: 90px;
  }
}
@media (min-width: 1300px) {
  .imgSpecsnew {
    --logox: 200px;
  }
  .imgSpecsnew .grp-5 .speq {
    max-height: 80px;
  }
  .imgSpecsnew .grp-6 .speq {
    max-height: 80px;
  }
}
@media (min-width: 1440px) {
  .imgSpecsnew {
    --dp: 17px;
    --logox: 200px;
    --line: 450px;
  }
  .imgSpecsnew .speq {
    max-height: var(--logoy, 60px);
  }
  .imgSpecsnew .logo:after {
    margin-top: 16px;
  }
  .imgSpecsnew .grp-12 {
    --logoy: 200px;
    --logox: 280px;
  }
  .imgSpecsnew .grp-13 {
    --logoy: 120px;
  }
}
.imgSpecsnew-mainwrap {
  position: relative;
}
.imgSpecsnew-bottom {
  position: absolute;
  bottom: 12px;
  width: calc(100% - var(--wrapper-padding) * 2);
  --justify: center;
  z-index: 2;
  --align: center;
}
@media (max-width: 767px) {
  .imgSpecsnew-bottom {
    display: none;
  }
}
.imgSpecsnew .bw-tabs {
  gap: clamp(0.625rem, -4.46rem + 8.21vw, 3.75rem);
  display: flex;
}
.imgSpecsnew .bw-tabs button {
  background: #0D3B4F;
  border: 1px solid transparent;
  color: #fff;
  font-size: clamp(0.875rem, 0.589rem + 0.595vw, 1.125rem);
  text-transform: uppercase;
  padding: 12px clamp(1.25rem, 0.009rem + 2.586vw, 2.336rem) 14px;
}
.imgSpecsnew .bw-tabs button:hover {
  background: #fff;
  color: #000000;
}
.imgSpecsnew .bw-tabs button.active {
  background: #fff;
  color: #000000;
}
.imgSpecsnew .bw-tabs button.active:hover {
  background: #0D3B4F;
  color: #fff;
}
.imgSpecsnew .comingSoonWrap {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
  position: absolute;
  right: 10px;
}
@media (max-width: 767px) {
  .imgSpecsnew .comingSoonWrap {
    display: none;
  }
}
@media (min-width: 1200px) {
  .imgSpecsnew .comingSoonWrap {
    gap: 15px;
    right: var(--wrapper-padding);
  }
}
.imgSpecsnew .comingSoonWrap.active .toggleLabel {
  background-color: #fff;
}
.imgSpecsnew .toggleSwitch input {
  display: none;
}
.imgSpecsnew .comingSoonText {
  font-family: "utile", sans-serif;
  font-size: clamp(0.875rem, 0.672rem + 0.328vw, 1rem);
  font-weight: 500;
}
.imgSpecsnew .toggleLabel {
  position: relative;
  width: 67px;
  height: 28px;
  background: #808080;
  border-radius: 50px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: clamp(0.875rem, 0.732rem + 0.298vw, 1rem);
  font-weight: 500;
}
.imgSpecsnew .toggleText {
  transition: 0.6s ease;
}
.imgSpecsnew .onText {
  color: #0D3B4F;
  display: block;
  width: 100%;
  text-align: right;
  font-family: "utile", sans-serif;
  padding-right: 11px;
  top: -1px;
  position: relative;
  font-weight: 500;
}
.imgSpecsnew .offText {
  color: #fff;
  opacity: 0;
  display: block;
  position: absolute;
  font-family: "utile", sans-serif;
  padding-left: 7px;
  top: 2px;
  font-weight: 500;
}
.imgSpecsnew .toggleCircle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #0D3B4F;
  border-radius: 50%;
  top: 4px;
  left: 4px;
  transition: 0.6s ease, 0s ease background-color;
}
.imgSpecsnew #comingSoonToggle:not(:checked) + .toggleLabel .toggleCircle {
  transform: translateX(38px);
  background-color: #fff;
}
.imgSpecsnew #comingSoonToggle:not(:checked) + .toggleLabel .onText {
  opacity: 0;
}
.imgSpecsnew #comingSoonToggle:not(:checked) + .toggleLabel .offText {
  opacity: 1;
  color: #fff;
}
.imgSpecsnew .map-svg {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}
.imgSpecsnew .map-svg.residential {
  width: 52.6%;
  left: 31.5%;
  top: 11.5%;
}
.imgSpecsnew .map-svg.parks {
  width: 39.3%;
  left: 30%;
  top: -2.9%;
}
.imgSpecsnew .map-svg.retail {
  width: 53%;
  left: 31.5%;
  top: 13.5%;
}
.imgSpecsnew .map-svg.hover-svg.grp-7-svg {
  width: 16%;
  left: 63.2%;
  top: 15.3%;
}
.imgSpecsnew .map-svg.hover-svg.grp-8-svg {
  width: 27%;
  left: 5%;
  top: -10.9%;
}
.imgSpecsnew .map-svg.hover-svg.grp-9-svg {
  width: 36.1%;
  left: 32.2%;
  top: -19.5%;
}
.imgSpecsnew .map-svg.hover-svg.grp-10-svg {
  width: 17%;
  left: 67%;
  top: 10.1%;
}
.imgSpecsnew .map-svg.hover-svg.grp-11-svg {
  width: 7.8%;
  left: 57.4%;
  top: 37%;
}
.imgSpecsnew .map-svg.hover-svg.grp-12-svg.grp-13-svg {
  width: 29%;
  left: 27.2%;
  top: 31%;
}
.imgSpecsnew .map-svg.active {
  opacity: 1; /* 1 pan kari sako */
  pointer-events: auto;
}

.single p {
  margin: 24px 0;
}
.single p:last-child .size-full:only-child {
  margin-bottom: 0;
}
.single .pageHead {
  margin: 9px 0 69px;
}
.single .eventTop {
  margin: 50px auto 78px;
  max-width: 960px;
}
.single .eventTop img {
  margin-block: 0;
  width: 100%;
}
.single .content > :first-child {
  margin-top: 0;
}
.single_cont {
  max-width: 646px;
  margin: 0 auto;
  padding-bottom: 45px;
}
.single .date {
  letter-spacing: 0.05em;
  font-family: "utile", sans-serif;
}
.single h2, .single .size-full {
  margin: 46px auto;
}
.single h3 {
  margin: 32px 0;
  font-size: var(--font35);
}
.single h4 {
  font-size: var(--font30);
}
.single h5 {
  font-size: var(--font28);
}
.single h6 {
  font-size: var(--font26);
}
.single h4, .single h5, .single h6 {
  margin: 1.2em 0;
}
@media (max-width: 767px) {
  .single {
    --font26: 20px;
    --font22: 16px;
  }
}
@media (min-width: 768px) {
  .single .size-full {
    width: auto;
    display: block;
  }
}
@media (min-width: 1024px) {
  .single .eventTop {
    margin: 4em auto 7em;
  }
  .single .pageHead {
    margin: 0.475em 0 2.3em;
  }
  .single p {
    margin: 1.63em 0;
  }
  .single_cont {
    padding-bottom: 5.25em;
  }
  .single h2, .single .size-full {
    margin: 4.5em auto;
  }
  .single .font26, .single h2 {
    line-height: 1.5384615385;
  }
}

.postsWrap {
  margin: 60px 0 80px;
}
.postsWrap .imgWrap {
  height: 340px;
}
.postsWrap .page-title {
  margin: 0 0 60px;
}
.postsWrap .head {
  margin: 15px 0 10px;
}
.postsWrap .card {
  padding-bottom: 32px;
}
.postsWrap .date {
  margin: 20px 0 0;
  display: block;
  letter-spacing: 0.05em;
  font-family: "utile", sans-serif;
}
.postsWrap .cont {
  margin: 0 0 24px;
}
@media (min-width: 768px) {
  .postsWrap .card {
    max-width: calc((100% - 64px) / 2);
  }
}
@media (min-width: 1280px) {
  .postsWrap .page-title {
    margin: 0 0 80px;
  }
  .postsWrap .card {
    max-width: calc((100% - 64px) / 3);
  }
}
@media (min-width: 1400px) {
  .postsWrap {
    margin: 120px 0;
  }
}

.search-form {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  max-width: 400px;
}
.search-form input[type=submit] {
  border: 1px solid;
  width: max-content;
}

/*# sourceMappingURL=style.css.map */