:root {
  --dark-blue: #0c4ea2;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.section-slider {
  padding: 4rem 8% 3rem;
}

.hero-header {
  position: relative;
}

.overlay-video {
  background-color: #00000073;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.body {
  color: #000000e6;
  font-family: DM Sans, sans-serif;
  font-size: 1rem;
  line-height: 125%;
}

.hero-title {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: #fff;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 15%;
  padding-right: 15%;
  display: flex;
}

.h1._4 {
  font-size: 4rem;
  line-height: 125%;
}

.h1._4.no-top {
  margin-top: 0;
}

.h1.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.text-2 {
  font-size: 1.5rem;
  line-height: 130%;
}

.nav-link {
  font-weight: 600;
}

.nav-link.w--current {
  color: #000000e6;
}

.nav-link.contact-us, .nav-link.mobile {
  display: none;
}

.button-primary {
  text-align: center;
  background-image: linear-gradient(#1e9ecf, #0c4ea2);
  border-radius: 20px;
  padding-left: 24px;
  padding-right: 24px;
  font-weight: 600;
}

.button-primary.disabled {
  background-color: #0000004d;
  background-image: none;
}

.navbar {
  background-color: #fff;
  padding-top: 8px;
  padding-bottom: 8px;
  position: sticky;
  top: 0;
}

.nav-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding-left: 8%;
  padding-right: 8%;
  display: grid;
}

.nav-menu {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.img-slide1 {
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  display: flex;
  position: relative;
}

.image {
  width: 100%;
}

.slider {
  border-radius: 20px;
  height: 30rem;
  overflow: hidden;
}

.img-slide2 {
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.img-slide3 {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.overlay-slide {
  color: #fff;
  background-image: linear-gradient(0deg, #000c, #0000 62%);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 3rem 4rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.h2 {
  font-size: 32px;
}

.section-services {
  padding: 0 8% 4rem;
}

.p-center {
  text-align: center;
}

.services-cards {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2rem;
  display: grid;
}

.services-cards._3 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-service {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  padding: 16px 16px 24px;
  display: flex;
  box-shadow: 0 0 11px #00000026;
}

.img-service {
  aspect-ratio: 1;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: block;
  overflow: hidden;
}

.image-2 {
  width: 100%;
}

.service-img-title {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.product-section {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  padding: 2rem 8%;
  display: flex;
}

.breadcrumb-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.breadcrumb-wrapper.no-bottom-m {
  margin-bottom: 0;
}

.ic {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-link {
  color: var(--dark-blue);
  font-weight: 600;
  text-decoration: none;
}

.text-link:hover {
  text-decoration: underline;
}

.text-link.current {
  color: #666;
}

.text-link.current:hover {
  text-decoration: none;
}

.product-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.product-imgs {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.img-section {
  overflow: hidden;
}

.slider-3 {
  background-color: #fff;
  height: 100px;
  overflow: hidden;
}

.mask-2 {
  width: 100px;
  height: 100px;
  overflow: visible;
}

.slide-4 {
  cursor: pointer;
}

.thumbnail {
  padding-right: .5rem;
}

.left-arrow {
  background-image: linear-gradient(90deg, #fff, #fff 26%, #fff0);
  justify-content: center;
  align-items: center;
  display: flex;
  inset: 0% auto 0% -18px;
}

.icon-4 {
  display: none;
}

.right-arrow {
  background-image: linear-gradient(90deg, #fff0, #fff 73%, #fff);
  justify-content: center;
  align-items: center;
  display: flex;
  inset: 0% -18px 0% auto;
}

.h3 {
  font-size: 20px;
}

.h3.no-bottom-m {
  margin-top: 20px;
  margin-bottom: 0;
}

.h3.gray {
  color: #858585;
}

.main-image {
  width: 100%;
}

.related-products-section {
  padding: 1rem 8% 4rem;
}

.accordion-wrapper-2 {
  width: 100%;
  margin-bottom: 60px;
  display: block;
}

.accordion-wrapper-2._3 {
  margin-bottom: 0;
}

.see-more-icon {
  background-color: var(--dark-blue);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  display: flex;
  position: relative;
}

.see-more-icon._1-left {
  margin-left: 1rem;
}

.center-p-2 {
  text-align: center;
}

.accordion-2 {
  background-color: #fff;
  border-radius: 16px;
  width: 100%;
  box-shadow: 0 4px 11px #00000012;
}

.h4 {
  font-size: 20px;
  font-weight: 600;
}

.h4.no-m {
  margin-top: 0;
  margin-bottom: 0;
}

.container-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.icon-vertical {
  background-color: #fff;
  border-radius: 2px;
  width: 1.5px;
  height: 20px;
  position: static;
}

.faq-section {
  border-bottom: 1px #e4ebf3;
  height: auto;
  padding: 2rem 15% 4rem;
  position: relative;
}

.accordion-panel {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-flow: column;
  padding: 0 1.5rem 0;
  display: block;
  overflow: hidden;
}

.div-block-79 {
  background-color: var(--dark-blue);
  width: 60px;
  height: 4px;
}

.p1 {
  font-size: 16px;
}

.p1.gray {
  color: #666;
}

.p1.gray.medium {
  font-weight: 500;
}

.about-description {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.content-accordion {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  padding-bottom: 32px;
  display: flex;
}

.accordion-header {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: left;
  cursor: pointer;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
}

.p-width-2 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.icon-horiz {
  background-color: #fff;
  border-radius: 2px;
  width: 20px;
  height: 1.5px;
  position: absolute;
}

.service-title.mobile {
  display: none;
}

.about-us-section {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px #e4ebf3;
  flex-flow: column;
  height: auto;
  padding: 2rem 15% 4rem;
  display: flex;
  position: relative;
}

._2columns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  margin-top: 0;
  display: flex;
}

._2columns.top-1 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-top: 1rem;
  display: grid;
}

.ig-wrapper {
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  display: flex;
}

.card-ig {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #000000e6;
  text-align: center;
  border-radius: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 16px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 0 11px #00000026;
}

.section-gallery {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  padding-bottom: 1rem;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
}

.lightbox-link {
  flex-flow: wrap;
  display: flex;
}

.div-block-80 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-80.flex {
  display: flex;
}

.div-block-82 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-64 {
  width: 100%;
}

.slogan {
  color: #fff;
  text-align: center;
  width: auto;
  padding-top: 0;
  padding-bottom: 2rem;
  font-weight: 600;
  line-height: 100%;
}

.footer-link-two {
  color: #fff;
  max-width: 13rem;
  margin-top: 16px;
  font-weight: 300;
  text-decoration: none;
}

.footer-link-two:hover {
  color: #ffffffbf;
}

.footer-columns {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: 1fr;
  justify-items: end;
  width: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  display: grid;
}

.footer-top {
  background-color: var(--dark-blue);
  margin-top: 0;
  padding: 20px 8% 10px;
}

.footer-brand {
  width: auto;
  padding-top: 0;
  padding-bottom: 2rem;
}

.footer-brand.w--current {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bottom-section {
  color: #000;
  background-color: #39b6e6;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  padding-left: 8%;
  padding-right: 8%;
  display: flex;
}

.footer-column {
  flex-flow: column;
  display: flex;
}

.text-field {
  color: #fff;
  background-color: #fff;
  border: 1px #000;
  border-radius: 40px 0 0 40px;
  width: 14rem;
  height: 40px;
  padding-left: 16px;
  font-weight: 300;
}

.submit-button {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #000;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  height: 40px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 12px;
}

.footer-menu {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-content {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 20% 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: start stretch;
  display: grid;
}

.form {
  display: flex;
}

.subscribe-input-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.title-and-contact-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: .5rem;
  display: flex;
}

.contact-content {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 2rem;
  display: grid;
}

.contact-section {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  min-height: 100%;
  padding: 20px 5% 2rem;
  display: flex;
}

.contact-info-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #000000b3;
  background-color: #f7f7f7;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  display: flex;
}

.heading-4 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
}

.contact-info-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: #ffffffb3;
  flex-flow: column;
  margin-top: 0;
  padding-left: 3rem;
  display: flex;
}

.heading-2 {
  color: #000;
  margin-top: 40px;
  font-size: 2.5rem;
  line-height: 100%;
}

.heading-2.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.contact-item-ic {
  background-color: var(--dark-blue);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 80px;
  display: flex;
}

.contact-banner {
  color: #fff;
  background-color: #e0a8a1;
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/water.webp');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  border-radius: 20px;
  height: 50svh;
  padding: 2rem;
  font-size: 3rem;
  font-weight: 600;
  line-height: 150%;
  display: none;
}

.link-3 {
  color: #000000b3;
}

.cotact-bnner-txt {
  width: 60%;
}

.brand {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #000000e6;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.dropdown-list {
  background-color: #916c6c;
}

.dropdown-list.w--open {
  background-color: #fff;
}

.coming-soon-section {
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  max-height: 100vh;
  padding-top: 3rem;
  display: flex;
  position: relative;
}

.div-block-84 {
  background-image: linear-gradient(#fff, #fff0), url('../images/blue-pool-bg.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 100%;
  justify-content: center;
  align-items: center;
  height: 30rem;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-84.pool {
  background-image: linear-gradient(#fff, #fff0), url('../images/pool-squares.webp');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  display: block;
}

.coming-soon-texts {
  z-index: 12;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 20%;
  margin-right: 20%;
  display: flex;
  position: relative;
}

.p-blue {
  color: var(--dark-blue);
}

.text-block {
  font-size: 1.5rem;
  line-height: 130%;
}

.coming-soon-description {
  margin-top: 1.5rem;
}

.cs-logo-wrapper {
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 170px;
  margin-bottom: 2rem;
  display: flex;
}

.image-66 {
  width: 100%;
  max-width: none;
  overflow: visible;
}

.au-img2 {
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
  overflow: hidden;
}

.list-letters {
  list-style-type: lower-alpha;
}

.image-69, .image-copy, .image-3 {
  width: 100%;
}

.expand-all-wrapper {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.expand-all {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.field-label {
  font-weight: 400;
}

.text-field-2 {
  background-color: #f8f8f8;
  border: 1px solid #d2d2d2;
  border-radius: 8px;
}

.text-field-2.disabled {
  border-style: none;
}

._2columns-form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  padding-right: 3rem;
  display: flex;
}

.contact-cards {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.text-span, .text-span-2, .text-span-3, .text-span-4, .text-span-5 {
  color: var(--dark-blue);
}

.product-buttons {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.button-alternative {
  color: #0c4ea2;
  text-align: center;
  background-color: #fff;
  border: 2px solid #0c4ea2;
  border-radius: 20px;
  padding-left: 24px;
  padding-right: 24px;
  font-weight: 600;
}

.button-alternative.arrow-right {
  background-image: url('../images/arrow-narrow-right.svg');
  background-position: 93%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 48px;
}

.added-notice {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.p2 {
  font-size: 14px;
}

.p2.green {
  color: #31853a;
}

.section-banner-booking {
  color: #ffffffe6;
  background-image: linear-gradient(#0000 38%, #000000b3), url('../images/banner-booking-1.webp');
  background-position: 0 0, 50% 70%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-flow: column;
  height: 40svh;
  padding-left: 8%;
  padding-right: 8%;
  display: flex;
}

.banner-container {
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  padding-bottom: 2rem;
  display: flex;
}

.section-booking {
  padding: 3rem 8%;
}

.booking-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  display: flex;
}

.booking-container.grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.booking-info-card {
  background-color: #fff;
  border-radius: 20px;
  padding: 8px 24px 32px;
  box-shadow: 0 8px 32px #0000001c;
}

.booking-info-card.disabled {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  box-shadow: none;
  background-color: #0000;
  border: 1px solid #c8c8c8;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 8px;
  display: flex;
}

.notice-booking {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #c7dfff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 24px;
  display: flex;
}

.content-booking {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.divider {
  background-color: #dbdbdb;
  height: 1px;
}

.check-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: .5rem;
  display: flex;
}

.checkbox {
  border: 2px solid #919191;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-top: 0;
  margin-right: 10px;
}

.checkbox.w--redirected-checked {
  background-color: #0c4ea2;
  border-color: #0c4ea2;
}

.buttons-booking {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.booking-form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 1rem;
  display: grid;
}

.booking-form.flex {
  display: flex;
}

.textarea {
  background-color: #f8f8f8;
  border: 1px solid #d2d2d2;
  border-radius: 8px;
}

.checkbox-field {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-thank-you {
  min-height: 60svh;
  padding: 3rem 8%;
}

.thank-you-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.check-gif {
  width: 150px;
  height: 150px;
}

.check-gif._100 {
  width: 100px;
  height: 100px;
}

.button-ty-wrapper {
  margin-top: 1rem;
}

.login-section {
  background-color: #f1f1f4;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  padding: 3rem 8%;
  display: flex;
}

.heading-5 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
}

.login-links {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 1rem;
  display: flex;
}

.login-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 30rem;
  padding: 2rem;
  display: flex;
  box-shadow: 0 4px 15px #0000001c;
}

.p1-2 {
  color: #000;
  margin-bottom: 0;
  font-weight: 300;
  text-decoration: none;
}

.form-block {
  width: 100%;
}

.logo-login-wrapper {
  justify-content: center;
  align-items: center;
  width: 6rem;
  margin-bottom: -1rem;
  display: flex;
}

.form-login {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.vertical-16px-gap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.vertical-16px-gap.center {
  justify-content: flex-start;
  align-items: center;
}

.notice-incorrect {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #ffdcdd;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.login-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-menu-icons {
  margin-bottom: 0;
  padding-left: 32px;
  list-style-type: none;
}

.icon-link {
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
}

.user-menu {
  background-color: #fff;
  border-radius: 8px;
  flex-flow: column;
  width: 10rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: none;
  position: absolute;
  inset: 40px 0% auto auto;
  box-shadow: 0 2px 11px #0003;
}

.link-user-menu {
  color: #000000e6;
  padding: .5rem 1rem;
  text-decoration: none;
}

.link-user-menu:hover {
  background-color: #f0f0f0;
}

.section-quote {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  padding: 3rem 8%;
  display: flex;
}

.service {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.service-pic-title {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.service-pic-title._1rem {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.service-pic-wrapper {
  border-radius: 8px;
  width: 80px;
  height: 80px;
  overflow: hidden;
}

.service-pic-wrapper._70 {
  width: 70px;
  min-width: 70px;
  height: 70px;
  min-height: 70px;
}

.modal {
  z-index: 1000;
  background-color: #000000b3;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.modal.thank-you, .modal.decline, .modal.after-declined, .modal.login, .modal.signup {
  display: none;
}

.pop-up {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  width: 45%;
  padding: 2rem;
  display: flex;
  position: relative;
}

.modal-gif-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-center {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.x-wrapper {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  inset: 8px 8px auto auto;
}

.close-popup {
  color: #000;
}

.order-summary-section {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.tab-link {
  background-color: #fff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.tab-link.w--current {
  background-color: var(--dark-blue);
  color: #fff;
}

.tab-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  padding-top: 2rem;
  display: flex;
}

.tabs {
  margin-top: 1rem;
}

.tabs-menu {
  border-bottom: 1px solid #dbdbdb;
}

.other-payments-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.other-payments-wrapper.top-m {
  margin-top: 1rem;
}

.other-payments-wrapper.flex {
  display: flex;
}

.payment-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid #c6c6c6;
  border-radius: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  display: flex;
}

.payment-wrapper._2 {
  justify-content: flex-start;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
}

.payment-wrapper._2.selected {
  border-width: 2px;
  border-color: var(--dark-blue);
}

.pm-ic {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.divider-or {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.select-field {
  color: #000000e6;
  background-color: #f8f8f8;
  border: 1px solid #d2d2d2;
  border-radius: 8px;
}

.account-section {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  min-height: 70svh;
  padding: 2rem 8%;
  display: flex;
}

.heading-and-button {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.tertiary-button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--dark-blue);
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.acc-info-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 20rem;
  grid-auto-columns: 1fr;
  display: grid;
}

.order-history-wrapper, .account-details-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.horiz-scroll {
  flex-flow: column;
  display: flex;
  overflow: auto;
}

.table {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 100%;
  display: flex;
}

.title-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #dbdbdb;
  grid-template-rows: auto;
  grid-template-columns: minmax(45px, 1fr) minmax(100px, 1fr) minmax(70px, 1fr) minmax(90px, 1fr) minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  min-width: 100%;
  display: grid;
}

.row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: minmax(45px, 1fr) minmax(100px, 1fr) minmax(70px, 1fr) minmax(90px, 1fr) minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  min-width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: grid;
}

.row:hover {
  background-color: #f3f3f3;
}

.row.flex {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(45px, 1fr) minmax(130px, 1fr) minmax(70px, 1fr) minmax(90px, 1fr) minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  display: flex;
}

.vertical-8px-gap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.booking-info-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.order-info {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.services-checkboxes {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.service-checkbox-card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 24px 16px 16px;
  display: flex;
  box-shadow: 0 8px 32px #0000001c;
}

.srv-img {
  aspect-ratio: 1;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 8px;
}

.srv-img._1 {
  background-image: url('../images/openings-1.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
}

.srv-img._2 {
  background-image: url('../images/repair-2.webp');
  background-position: 50%;
  background-size: cover;
}

.srv-img._3 {
  background-image: url('../images/img-cover.webp');
  background-position: 50%;
  background-size: cover;
}

.srv-img._4 {
  background-image: url('../images/img-rennovation.webp');
  background-position: 50%;
  background-size: cover;
}

.title-number {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.number-wrapper {
  background-color: var(--dark-blue);
  color: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 600;
  display: flex;
}

.number-wrapper.disabled {
  background-color: #858585;
}

.email-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-left: 30%;
  padding-right: 30%;
  display: flex;
}

.title-and-text-button {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.h5.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.account-info-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  padding-left: 10%;
  padding-right: 10%;
  display: grid;
}

.additional-details-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.logo-modal {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.check-same-address {
  border: 1px solid #d2d2d2;
  border-radius: 8px;
  padding: 16px;
  display: flex;
}

.buttons-table {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.buttons-table.right {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
}

.status-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.status-chip {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid #31853a;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 16px;
  display: flex;
}

.status-chip.paid {
  background-color: #31853a4d;
  border-style: none;
}

.status-chip.scheduled {
  background-color: #0c4ea233;
  border-style: none;
}

.title-row-booking-details {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #dbdbdb;
  grid-template-rows: auto;
  grid-template-columns: 60px 100px minmax(300px, 1fr) minmax(80px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  min-width: 100%;
  display: grid;
}

.row-booking-details {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-bottom: 1px solid #dbdbdb;
  border-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: 60px 100px minmax(300px, 1fr) minmax(80px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  min-width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: grid;
}

.row-booking-details:hover {
  background-color: #f3f3f3;
}

.row-booking-details.flex {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(45px, 1fr) minmax(130px, 1fr) minmax(70px, 1fr) minmax(90px, 1fr) minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  display: flex;
}

.row-booking-details.no-border {
  border-bottom-style: none;
}

.cell-and-button {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.card-pm {
  background-color: #f5f5f5;
  border-radius: 8px;
  padding: 16px 24px;
}

.edit-account-form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.title-row-addresses {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #dbdbdb;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 1fr) 220px;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  min-width: 100%;
  padding-left: 1rem;
  display: grid;
}

.address-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-bottom: 1px solid #dbdbdb;
  border-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 1fr) 220px;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  min-width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  display: grid;
}

.address-row:hover {
  background-color: #f3f3f3;
}

.address-row.flex {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(45px, 1fr) minmax(130px, 1fr) minmax(70px, 1fr) minmax(90px, 1fr) minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  display: flex;
}

.radio-button-field {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.radio-button {
  min-width: 20px;
  min-height: 20px;
  margin-top: 0;
}

.radio-button.w--redirected-checked {
  border: 5px solid #0a2a17;
}

.radio-button-label {
  margin-bottom: 0;
}

.edit-account-section {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  min-height: 70svh;
  padding: 2rem 8% 3rem;
  display: flex;
}

.notice-success {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #e6f2ed;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.link-back-to {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--dark-blue);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.text-link-2 {
  color: #0a2a17;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.text-link-2:hover {
  text-decoration: underline;
}

@media screen and (min-width: 1440px) {
  .slider {
    height: 35rem;
  }

  .img-slide2 {
    justify-content: center;
    align-items: flex-start;
  }

  .product-grid {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .about-us-section {
    padding-left: 20%;
    padding-right: 20%;
  }

  .contact-section {
    min-height: 65svh;
  }

  .contact-info-wrapper {
    padding-left: 5rem;
  }

  .au-img2 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section-thank-you {
    min-height: 70svh;
  }

  .p1-2 {
    color: #1a1b1f;
  }
}

@media screen and (min-width: 1920px) {
  .img-slide1 {
    justify-content: center;
    align-items: center;
    padding-bottom: 15rem;
  }

  .container-3 {
    align-items: stretch;
  }

  .faq-section {
    padding-left: 8%;
    padding-right: 8%;
  }

  .about-us-section {
    padding-left: 25%;
    padding-right: 25%;
  }

  .contact-section {
    min-height: 70svh;
  }

  .au-img2 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section-banner-booking, .section-booking, .section-quote {
    padding-left: 15%;
    padding-right: 15%;
  }

  .account-section, .edit-account-section {
    min-height: 73svh;
    padding-left: 15%;
    padding-right: 15%;
  }
}

@media screen and (max-width: 991px) {
  .hero-title {
    padding-left: 0%;
    padding-right: 0%;
  }

  .nav-link {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .button-primary.contact-us {
    display: none;
  }

  .nav-content {
    display: flex;
  }

  .nav-menu {
    text-align: center;
    background-color: #fff;
  }

  .slider {
    height: 25rem;
  }

  .services-cards {
    grid-template-columns: 1fr 1fr;
  }

  .product-grid {
    flex-flow: column;
    display: flex;
  }

  .container-3 {
    max-width: 728px;
  }

  .faq-section {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .accordion-panel {
    display: block;
  }

  .p-width-2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .service-title {
    display: none;
  }

  .service-title.mobile {
    display: block;
  }

  .about-us-section {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  ._2columns {
    flex-flow: column;
    display: flex;
  }

  ._2columns.top-1 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    display: flex;
  }

  .slogan {
    text-align: center;
    padding-bottom: 0;
  }

  .footer-columns {
    grid-template-columns: auto auto;
    place-items: stretch center;
    padding-left: 0;
  }

  .footer-brand {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 1rem;
    display: flex;
  }

  .footer-column, .footer-menu {
    justify-content: flex-start;
    align-items: center;
  }

  .footer-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .contact-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    display: flex;
  }

  .contact-info-wrapper {
    padding-left: 0;
  }

  .contact-banner {
    background-image: linear-gradient(#0000004d, #0000004d), url('../images/water.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 576px;
    height: 50svh;
    font-size: 2.5rem;
  }

  .cotact-bnner-txt {
    width: 90%;
  }

  .coming-soon-texts {
    margin-left: 15%;
    margin-right: 15%;
  }

  .cs-logo-wrapper {
    width: 120px;
    height: 120px;
  }

  .au-img2 {
    height: auto;
    max-height: 100%;
  }

  .image-69 {
    width: auto;
  }

  .form-2 {
    padding-right: 0;
  }

  .contact-cards {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .booking-container {
    flex-flow: column;
    align-items: stretch;
    display: flex;
  }

  .booking-container.grid {
    align-items: stretch;
    display: flex;
  }

  .nav-menu-icons {
    padding-left: 8px;
  }

  .pop-up {
    width: 70%;
  }

  .acc-info-wrapper, .booking-info-wrapper {
    flex-flow: column;
    display: flex;
  }

  .services-checkboxes {
    grid-template-columns: 1fr 1fr;
  }

  .email-wrapper {
    padding-left: 10%;
    padding-right: 10%;
  }

  .account-info-wrapper._2 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .cell-and-button {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .link-back-to {
    flex-flow: wrap;
  }
}

@media screen and (max-width: 767px) {
  .h1._4 {
    font-size: 3rem;
  }

  .slider {
    height: 15rem;
  }

  .overlay-slide {
    background-image: linear-gradient(0deg, #000c, #0000 85%);
    padding-bottom: 2rem;
  }

  .services-cards {
    grid-template-columns: 1fr 1fr;
  }

  .services-cards._3 {
    flex-flow: column;
    display: flex;
  }

  .faq-section, .about-us-section {
    padding: 20px 2rem 60px;
  }

  ._2columns {
    flex-flow: column;
    display: flex;
  }

  .section-gallery {
    padding-bottom: 0;
  }

  .footer-columns {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    display: flex;
  }

  .footer-top {
    margin-top: 0;
  }

  .footer-column, .subscribe-input-wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .contact-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .contact-info-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    margin-top: 0;
    display: flex;
  }

  .contact-banner {
    background-image: linear-gradient(#0000004d, #0000004d), url('../images/water.webp');
    background-position: 0 0, 50%;
    background-size: auto, 576px;
    width: 100%;
    height: 40svh;
  }

  .cotact-bnner-txt {
    width: 60%;
  }

  .coming-soon-texts {
    margin-left: 10%;
    margin-right: 10%;
  }

  .cs-logo-wrapper {
    width: 80px;
    height: 80px;
  }

  .contact-cards {
    flex-flow: column;
    display: flex;
  }

  .service-pic-title {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .pop-up {
    width: 80%;
  }

  .email-wrapper {
    padding-left: 0%;
    padding-right: 0%;
  }

  .account-info-wrapper._2 {
    display: flex;
  }

  .additional-details-content {
    padding-left: 0%;
    padding-right: 0%;
  }

  .cell-and-button {
    flex-flow: column;
  }

  .link-back-to {
    flex-flow: wrap;
  }
}

@media screen and (max-width: 479px) {
  .h1._4 {
    font-size: 2.5rem;
  }

  .nav-link {
    background-color: #fff;
    justify-content: flex-start;
    align-items: center;
  }

  .nav-link.contact-us, .nav-link.mobile {
    display: block;
  }

  .button-primary.contact-us {
    display: none;
  }

  .nav-content {
    display: flex;
  }

  .nav-menu, .div-block {
    background-color: #fff;
  }

  .img-slide1 {
    justify-content: center;
    align-items: center;
  }

  .image {
    width: auto;
    max-width: 100%;
    max-height: none;
  }

  .slider {
    height: 20rem;
  }

  .overlay-slide {
    background-image: linear-gradient(0deg, #000000e6, #0000);
    justify-content: center;
    align-items: flex-start;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .services-cards {
    flex-flow: column;
    display: flex;
  }

  .breadcrumb-wrapper.no-bottom-m {
    flex-flow: wrap;
  }

  .container-3 {
    max-width: none;
  }

  .accordion-header {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: center;
    padding: 1rem;
  }

  .p-width-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-columns {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    padding-top: 0;
    display: flex;
  }

  .bottom-section {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .right-arrow-2 {
    top: 0%;
    bottom: 0%;
    right: -7%;
  }

  .left-arrow-2 {
    inset: 0% auto 0% -7%;
  }

  .contact-info-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    display: flex;
  }

  .cotact-bnner-txt {
    width: auto;
  }

  .menu-button {
    background-color: #fff;
    padding-right: 0;
  }

  .menu-button.w--open {
    color: #000000e6;
    background-color: #fff;
  }

  .services-dropdown {
    display: none;
  }

  .coming-soon-texts {
    margin-left: 8%;
    margin-right: 8%;
  }

  .image-copy, .image-3 {
    width: auto;
    max-width: none;
    height: 100%;
    max-height: 100%;
  }

  .slide-5 {
    z-index: 2;
  }

  ._2columns-form {
    flex-flow: column;
    display: flex;
  }

  .section-banner-booking {
    background-image: linear-gradient(#0000, #000000b3), url('../images/banner-booking-1.webp');
    background-position: 0 0, 50% 70%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .booking-info-card {
    padding-left: 16px;
    padding-right: 16px;
  }

  .buttons-booking {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .booking-form {
    flex-flow: column;
    display: flex;
  }

  .checkbox-field {
    display: flex;
  }

  .login-section {
    padding: 0 0%;
  }

  .login-wrapper {
    border-radius: 0;
    width: auto;
    min-height: 100svh;
    padding-top: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .service {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .service.summary {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .service-pic-title {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .service-pic-wrapper {
    width: 70px;
    min-width: 70px;
    height: 70px;
    min-height: 70px;
  }

  .pop-up {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .other-payments-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    display: flex;
  }

  .heading-and-button {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .services-checkboxes {
    flex-flow: column;
    display: flex;
  }

  .title-and-text-button {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }
}

#w-node-_00ceb319-0255-9cf8-504c-a52ea43d2d9d-2c1f977f, #w-node-_52302169-c324-ef1a-419d-576247b6e0d7-6063a831, #w-node-dfd76c6b-6ae7-1a77-bb37-2f6592f47a42-6063a831, #w-node-_88daea64-5ff5-e448-6d49-5843c721df3f-6063a831 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_88bfde4a-df26-9e17-7e2c-48907ca146ab-f87a6a8d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}