:root {
  --wave-height:min(10rem, 10vw);
  --wave-width:120%;
  --splash-width:0px;
  --divider-space: calc(var(--section-space-m) + 5rem);
  --white-wave-width: 100%;
  --white-wave-height:min(10rem, 10vw);
}
a {
  transition: all 0.3s ease;
}
.bar-wrapper .label {
  font-family: flood;
  font-size: 2rem;
  line-height: 1.5rem !important;
}
.bar-wrapper .label-blurb {
  font-family: outfit;
  font-size: var(--text-s);
}
#smooth-wrapper {
  overflow: hidden !important;
}
.fluentform .ff_input-group-text {
  background: var(--primary) !important;
  color: var(--action) !important;
  font-size: var(--h4) !important;
  border: none !important;
}
.wave-bottom-white {
  position: relative;
  /* Other styling for your div (e.g., height, width) */
}
.wave-bottom-white::after {
  content: '';
  filter: invert(100%);
  position: absolute;
  bottom: -3px;
  left: 50%;
  /* Center horizontally */
  transform: translateX(-50%);
  /* Shift it back by half its own width */
  width: var(--white-wave-width);
  height: var(--white-wave-height);
  /* Adjust the height as needed */
  background-image: url('/wp-content/uploads/waves.svg');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  /* You can change this to 'contain' or other values based on your requirement */
  transform-origin: bottom center;
  /* Set the transform origin */
  z-index: 0;
}
.wave-bottom-white-short {
  position: relative;
  /* Other styling for your div (e.g., height, width) */
}
.wave-bottom-white-short::after {
  content: '';
  filter: invert(100%);
  position: absolute;
  bottom: -3px;
  left: 50%;
  /* Center horizontally */
  transform: translateX(-50%);
  /* Shift it back by half its own width */
  width: var(--white-wave-width);
  height: var(--white-wave-height);
  /* Adjust the height as needed */
  background-image: url('/wp-content/uploads/waves-short.svg');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  /* You can change this to 'contain' or other values based on your requirement */
  transform-origin: bottom center;
  /* Set the transform origin */
}
.fluentform .ff-el-progress-bar {
  color: var(--primary) !important;
}
.trigger-modal-menu {
  z-index: 99999 !important;
}
.brxe-toggle.trigger-modal-menu.brxa--squeeze.is-active.brx-open {
  color: var(--action);
  fill: var(--action);
}
.feature-card__heading {
  transform: rotate(-3deg);
  padding: 0.5em 0.5em;
  line-height: 1.25;
  color: var(--action);
  /* adjust this to avoid overlapping the padding */
  background-color: var(--primary);
  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;
  display: inline !important;
}
.hero-green__highlight {
  padding: 0.25em 0.25em;
  line-height: 1.35;
  color: var(--action);
  /* adjust this to avoid overlapping the padding */
  background-color: var(--primary);
  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;
  display: inline !important;
  z-index: 1;
}
.action-highlight {
  transform: rotate(-2deg);
  padding: 0.25em 0.25em;
  line-height: 1.35;
  background-color: var(--action);
  /* adjust this to avoid overlapping the padding */
  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;
  display: inline !important;
  z-index: 1;
}
.btn--primary.btn--splash {
  position: relative;
  /* Ensures that the pseudo-elements are positioned in relation to this element */
}
.ff-btn.ff-btn-submit.ff-btn-md.btn--primary.btn--splash.ff_btn_no_style::before {
  width: var(--splash-width);
  content: url('https://www.brightwater.com/wp-content/uploads/splash-left.svg');
  position: absolute;
  left: 0;
  margin-top: -40px;
  margin-left: -30px;
}
.ff-btn.ff-btn-submit.ff-btn-md.btn--primary.btn--splash.ff_btn_no_style::after {
  width: var(--splash-width);
  content: url('https://www.brightwater.com/wp-content/uploads/splash-right.svg');
  position: absolute;
  right: 0;
  margin-top: -40px;
  margin-right: -30px;
}
.testimonial-card-dark__body::after {
  content: '';
  position: absolute;
  transform: rotate(-20deg);
  bottom: -40px;
  /* Adjust this value to move the triangle up or down */
  left: 60px;
  /* Adjust this value to move the triangle left or right */
  border-width: 50px 20px 0 20px;
  /* Increase the first value to make the triangle taller */
  border-style: solid;
  border-color: var(--primary-ultra-dark) transparent transparent transparent;
  /* The first colour is the triangle colour */
}
.testimonial-card__body::after {
  content: '';
  position: absolute;
  transform: rotate(-20deg);
  bottom: -40px;
  /* Adjust this value to move the triangle up or down */
  left: 60px;
  /* Adjust this value to move the triangle left or right */
  border-width: 50px 20px 0 20px;
  /* Increase the first value to make the triangle taller */
  border-style: solid;
  border-color: var(--primary-ultra-dark) transparent transparent transparent;
  /* The first colour is the triangle colour */
}
/*
.testimonial-hero__lede::before{
    background-position: top center;
    background-repeat: no-repeat;
    content: "";
    background-image: url('https://www.brightwater.com/wp-content/uploads/speech-left.svg');
    width:100px;
    position: absolute;
    height: 100%;
    margin-left: -100px;
    margin-top:-50px;
}
*/