:root {
  --primary: #9b7a57;
  --secondary: #314f5b;
  --brown: #314f5b;
  --black: black;
  --royal-blue: #065ec8;
  --white: white;
  --white-smoke: #ede9e4;
  --coral-blue: #57a6a0;
  --new-white: #ede9e4;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.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-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: var(--primary);
  letter-spacing: .6px;
  flex-direction: column;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  display: flex;
}

h1 {
  color: var(--secondary);
  letter-spacing: 0;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -7px;
  font-family: Philosopher, sans-serif;
  font-size: 72px;
  font-weight: 400;
  line-height: .95;
}

h2 {
  color: var(--secondary);
  letter-spacing: 0;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -3px;
  font-family: Philosopher, sans-serif;
  font-size: 42px;
  font-weight: 400;
  line-height: 1.1;
}

h3 {
  color: var(--secondary);
  letter-spacing: 0;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -2px;
  font-family: Philosopher, sans-serif;
  font-size: 29px;
  font-weight: 400;
  line-height: 1.6;
}

h4 {
  clear: left;
  color: var(--secondary);
  text-align: left;
  letter-spacing: 0;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -1px;
  font-family: Philosopher, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.8;
}

h5 {
  color: var(--primary);
  letter-spacing: 10px;
  text-transform: uppercase;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -1px;
  font-family: Work Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 2.4;
}

h6 {
  color: var(--primary);
  letter-spacing: 10px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 2.9;
}

p {
  color: var(--primary);
  text-align: left;
  letter-spacing: .6px;
  margin-top: 7.5px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

a {
  color: var(--brown);
  cursor: pointer;
  font-family: Work Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  text-decoration: none;
  transition: letter-spacing .3s, color .4s;
}

a:hover {
  color: var(--primary);
}

ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 40px;
}

ol {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  color: var(--black);
  letter-spacing: 0;
  margin-top: 7.5px;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
}

label {
  margin-bottom: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  display: block;
}

strong {
  font-weight: 700;
}

sup {
  color: var(--primary);
  font-size: 10px;
}

blockquote {
  border-left: 5px solid var(--royal-blue);
  color: var(--black);
  letter-spacing: 0;
  margin-bottom: 0;
  padding: 24px;
  font-family: Work Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

figcaption {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 300;
  line-height: 1.5em;
}

.body {
  background-color: var(--white);
}

.space-text {
  min-height: 15px;
}

.space {
  min-height: 90px;
}

.space.reduce {
  min-height: 50px;
}

.space-small {
  min-height: 30px;
}

.space-tiny {
  min-height: 7.5px;
}

.invert {
  filter: invert();
}

.description-max-width {
  text-align: center;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}

.description-max-width.add-width {
  max-width: 600px;
}

.inquire-title-wrapper {
  width: 80%;
  min-height: 1px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.hero {
  background-image: linear-gradient(#fff3d8, #fff3d8f2 33%, #fff3d800 67%), url('../images/bg-contato-rb.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  max-height: 130vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.space-large {
  min-height: 120px;
}

.space-large.minus-30px {
  min-height: 105px;
}

.space-large.minus-30px.white-smoke, .space-large.white-smoke {
  background-color: var(--white-smoke);
}

.centered {
  text-align: center;
  list-style-type: none;
}

.container {
  max-width: 90%;
  padding-left: 15px;
  padding-right: 15px;
}

.hero-title-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.space-mid {
  min-height: 60px;
}

.success-text {
  color: var(--white);
  font-size: 16px;
}

.section {
  width: 100%;
}

.section.background-smoke {
  background-color: var(--white-smoke);
}

.section.background-smoke.nones {
  display: none;
}

.section.background-dark {
  background-color: var(--primary);
}

.section.background-image-top {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.background-image-bottom {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.off {
  display: none;
}

.container-full {
  max-width: 100%;
}

.container-full.max-width-1440px {
  max-width: 1440px;
}

.success-message {
  background-color: var(--primary);
  text-align: center;
  border-radius: 1rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.utilities-row {
  flex-wrap: wrap;
  width: 89%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.utilities-wrapper {
  text-align: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 120px;
  padding-right: 120px;
}

.utility-page-wrap {
  background-image: linear-gradient(#065ec8e6, #57a6a0e6), url('../images/Single-Room-More-Images-1b.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

._404-button-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 66.6%;
  min-height: 1px;
  display: flex;
  position: relative;
}

.icon-404 {
  max-width: 180px;
  max-height: 180px;
  position: static;
  top: -10px;
}

._404-title {
  color: var(--white);
  text-align: center;
  font-size: 7rem;
}

.container-full-no-overflow {
  max-width: 100%;
}

.utility-page-form {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.button {
  background-color: var(--secondary);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  min-width: 180px;
  max-width: 180px;
  padding: 20px 0;
  font-size: 15px;
  transition: letter-spacing .2s ease-in-out, box-shadow .3s ease-in-out, transform .4s, border-color .4s, background-color .4s;
  overflow: hidden;
  box-shadow: 0 10px 20px -3px #0003;
}

.button:hover {
  color: var(--white);
  letter-spacing: 1.5px;
}

.button.off {
  display: none;
}

.space-semi {
  min-height: 45px;
}

.color-white {
  color: var(--white-smoke);
}

.color-white.center.nones {
  display: none;
}

.max-width-1440px {
  align-self: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.max-width-1440px.show-overflow {
  overflow: visible;
}

.style-guide-line {
  background-color: #4a3f351a;
  min-width: 100%;
  min-height: 1px;
  max-height: 1px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.sg-outer-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.sg-buttons-grid-dark {
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  padding-top: 40px;
  padding-bottom: 40px;
}

.global-section {
  width: 100%;
  max-width: 1000px;
  padding-top: 120px;
  padding-left: 64px;
  padding-right: 64px;
}

.sg-anchor-links-wrapper {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.sg-right-bottom-wrapper {
  flex-direction: column;
  width: auto;
  min-height: 100vh;
  margin-left: 300px;
  display: flex;
  position: relative;
}

.return-to-top-lb {
  z-index: 100;
  background-color: var(--primary);
  color: #eee;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: background-color .4s;
  display: flex;
  position: fixed;
  inset: auto 16px 16px auto;
  box-shadow: 6px 6px 16px #33333326;
}

.return-to-top-lb:hover {
  background-color: var(--secondary);
  color: #eeeeeebf;
}

.brand-logo-image {
  max-height: 30px;
  margin-top: 7px;
}

.webclip {
  object-fit: contain;
  width: 256px;
  height: 256px;
}

.sg-logos-grid {
  grid-row-gap: 48px;
  grid-template-rows: auto;
}

.card-icon {
  max-width: 70px;
  max-height: 70px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 32%;
}

.sg-colour-wrapper {
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 16px;
  display: flex;
}

.sg-logo-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.sg-colour-swatch {
  border-radius: 50%;
  width: 100%;
  margin-bottom: 16px;
  padding-top: 100%;
}

.sg-colour-swatch.secondary {
  background-color: var(--secondary);
  color: var(--secondary);
}

.sg-colour-swatch.primary {
  background-color: var(--primary);
  color: var(--primary);
}

.sg-colour-swatch.white {
  background-color: var(--white);
  border: 1px solid #141a2940;
}

.sg-colour-swatch.black {
  background-color: var(--black);
}

.sg-colour-swatch.brown {
  background-color: var(--brown);
  color: var(--brown);
}

.sg-colour-swatch.royal-blue {
  background-color: var(--royal-blue);
  color: var(--brown);
}

.sg-colour-swatch.coral-blue {
  background-color: var(--coral-blue);
  color: var(--brown);
}

.sg-colour-swatch.white-smoke {
  background-color: var(--white-smoke);
  border: 1px solid #141a2940;
}

.sg-buttons-grid {
  grid-row-gap: 48px;
  grid-template-rows: auto auto;
}

.favicon {
  width: 32px;
  height: 32px;
}

.sg-left-top-wrapper {
  background-color: var(--white);
  flex-direction: column;
  align-items: flex-start;
  width: 300px;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.logo-lb {
  max-width: 100%;
}

.sg-typography-block {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.text {
  color: #3f3023;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Work Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.313rem;
}

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

.card-body-contact {
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin-top: -50px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 5px;
  display: flex;
}

.webflow-block {
  border: .5px solid #eeeeee80;
  border-radius: 5px;
  margin-top: 0;
  padding: 0 32px 32px;
}

.social-media-icon {
  max-height: 2.2rem;
}

.top {
  width: 100%;
  height: 0;
}

.contact-form-block {
  width: 100%;
  margin-bottom: 0;
}

.sg-button-block {
  border: .5px solid #eeeeee80;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 16px;
  padding: 64px 32px;
  display: flex;
}

.rtb {
  background-color: var(--secondary);
  padding: 60px;
}

.rtb h3, .rtb h4 {
  color: var(--white);
}

.blog-post-first-letter {
  float: left;
  color: var(--primary);
  margin-top: 4px;
  margin-right: 8px;
  padding-top: 60px;
  padding-left: 60px;
  font-size: 2.8em;
  font-weight: 700;
  line-height: 1;
}

.contact-form {
  flex-direction: column;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: inline;
}

.sg-colours-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  max-width: 575px;
  margin-left: -16px;
  margin-right: -16px;
}

.sg-colour-label-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.global-container {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.h1-mobile {
  color: #12192d;
}

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

.sg-return-to-home-lb {
  background-color: var(--brown);
  color: var(--white);
  border-top: .5px solid #eeeeee80;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 130px;
  max-height: 130px;
  margin-top: auto;
  padding: 32px;
  font-size: 15px;
  line-height: 3;
  transition: letter-spacing .25s ease-in-out, background-color .4s;
  display: flex;
}

.sg-return-to-home-lb:hover {
  color: var(--white);
}

.sg-return-to-home-lb.tab-only {
  display: none;
}

.sg-divider {
  background-color: #eeeeee40;
  width: 100%;
  height: .5px;
  min-height: .5px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.sg-anchor-lb {
  color: var(--black);
  align-items: center;
  padding: 16px 32px;
  font-size: 15px;
  line-height: 3.1;
  transition: background-color .3s;
  display: flex;
}

.sg-anchor-lb:hover {
  background-color: var(--white-smoke);
  color: var(--black);
}

.sg-anchor-lb.w--current {
  background-color: var(--brown);
  box-shadow: inset 3px 0 0 0 var(--primary);
  color: var(--white);
  position: static;
}

.sg-logo-block {
  border: .5px solid #eeeeee80;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 16px;
  padding: 64px 32px;
  display: flex;
  position: relative;
}

.sg-logo-block.background-dark {
  background-color: #252525;
}

.sg-buttons-grid-two {
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 40px;
  display: grid;
}

.contact-us-flex-block {
  grid-column-gap: 15px;
  align-items: center;
  width: 100%;
}

.contact-info {
  background-color: var(--white);
  min-width: 100%;
  max-width: 100%;
  padding: 30px;
}

.contact-us-info-title {
  text-align: left;
}

.message-title-field-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.text-area {
  background-color: #f1f3f5;
  border: 1px solid #0000;
  border-radius: 5px;
  min-height: 15vh;
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

.text-area::placeholder {
  color: #596475;
}

.contact-info-wrapper {
  grid-row-gap: 30px;
  outline-offset: 0px;
  outline: 1px solid #eee;
  flex-direction: column;
  justify-content: center;
  width: 30%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  top: 30px;
}

.booking-text-field {
  background-color: #f1f3f5;
  border: 1px solid #0000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 7vh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.booking-text-field::placeholder {
  color: #596475;
}

.text-field {
  color: #6c757d;
  background-color: #0000;
  border: 0 #0000;
  border-bottom: 1px solid #0000;
  align-self: flex-start;
  margin-bottom: 0;
  padding: .4375rem 0;
}

.contact-us-flex-container {
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 10px;
  display: flex;
}

.contact-icon {
  max-width: 20px;
  max-height: 20px;
  margin-top: 4px;
}

.contact-us-wrapper-half {
  width: 100%;
  max-width: 50%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.contact-us-block-wrapper {
  flex-direction: column;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.contact-us-form-wrapper {
  background-color: #fff;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
}

.contact-us-form {
  grid-row-gap: 15px;
  flex-direction: column;
  align-items: flex-start;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.select {
  color: #596475;
  background-color: #0000;
  border: 0 solid #0000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  margin-left: -10px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.select:active, .select:focus-visible, .select[data-wf-focus-visible] {
  border-color: #0000;
}

.contact-us-title-wrapper {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.upper-box {
  z-index: 3;
  background-color: var(--white-smoke);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 290px;
  max-width: 290px;
  min-height: 420px;
  max-height: 420px;
  margin-top: 90px;
  display: flex;
}

.blog-wrapper-full-single {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.fix-scroll-container {
  z-index: 1;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.faq-plus-icon {
  max-width: 30px;
  max-height: 30px;
  margin-left: 0;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotate(45deg);
}

.faq-row {
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.faq-title-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.faq-dropdown-accordion {
  background-color: var(--white);
  min-width: 100%;
}

.dropdown-toggle {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  margin-top: 15px;
  padding-left: 60px;
  padding-right: 60px;
}

.faq-wrapper {
  text-align: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.faq-dropdown-title {
  text-align: left;
  white-space: pre-wrap;
  max-width: 90%;
  font-size: 24px;
  font-weight: 300;
  position: relative;
}

.faq {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.dropdown-description-wrapper {
  overflow: hidden;
}

.dropdown-description {
  text-align: center;
  width: 70%;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.faq-flex {
  grid-column-gap: 30px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative;
}

.blog-single-hero-wrapper {
  background-color: #0000;
  width: 100%;
  min-height: 900px;
  margin-left: auto;
  margin-right: auto;
}

.blod-card-author {
  border-radius: 10px;
}

.blog-author-info {
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 80%;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.blog-card-image-wrapper {
  background-color: var(--white);
  box-shadow: none;
  border-radius: 50%;
  width: 130px;
  max-width: 130px;
  max-height: 130px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.image {
  object-fit: fill;
  width: 100%;
  height: auto;
}

.bold {
  color: var(--black);
  letter-spacing: 0;
  font-family: Work Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.semi-bold {
  color: var(--black);
  letter-spacing: 0;
  font-family: Work Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
}

.normal {
  color: var(--black);
  letter-spacing: 0;
  font-family: Work Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
}

.light {
  color: var(--black);
  letter-spacing: 0;
  font-family: Work Sans, sans-serif;
  font-size: 17px;
  font-weight: 300;
}

.hero-large-wrapper {
  align-items: center;
  width: 100%;
  min-height: 545px;
  max-height: 545px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.utilities-gallery-row {
  flex-wrap: wrap;
  justify-content: flex-start;
  display: flex;
}

.nav-tab-law {
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.gallery-list-wrapper {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-flow: wrap;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  overflow: hidden;
}

.image-wrapper {
  object-fit: cover;
  background-color: #0006;
  border-radius: 5px;
  flex-direction: column;
  width: 100%;
  min-height: 300px;
  max-height: 300px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-wrapper:hover {
  background-color: #00000080;
}

.utilities-wrapper-full {
  object-fit: fill;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.licenses-wrapper {
  text-align: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.gallery-one {
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
}

.gallery-grid-list {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  display: grid;
}

.paragraph-max-width {
  text-align: center;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-max-width.not-centered {
  margin-left: 0;
  margin-right: 0;
}

.gallery-item {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.row-tab-law {
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  width: 80%;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.gallery-image {
  cursor: pointer;
  object-fit: cover;
  width: 101%;
  height: 100%;
  min-height: 300px;
  transition: transform .25s linear;
}

.gallery-image:hover {
  transform: scale(1.1);
}

.footer-bottom-flex {
  grid-column-gap: 30px;
  color: var(--white-smoke);
  background-color: #8d6d4b;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 30px;
  display: flex;
}

.footer-title-text {
  color: var(--white-smoke);
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}

.footer-text-link {
  color: var(--new-white);
  white-space: nowrap;
  font-size: 15px;
  line-height: 30px;
}

.footer-text-link:hover {
  color: var(--primary);
}

.footer-copyright {
  font-family: Work Sans, sans-serif;
  font-size: 15px;
}

.footer-flex-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-pre-text {
  color: var(--white-smoke);
  white-space: nowrap;
  margin-top: 0;
  font-family: Work Sans, sans-serif;
  font-size: 15px;
  line-height: 30px;
}

.footer-grid-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-around stretch;
  justify-items: stretch;
  display: grid;
}

.footer-logo-link {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer-logo-link.w--current {
  padding-top: 3%;
}

.footer-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-block.off {
  display: none;
}

.footer-block.right {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-end;
}

.footer {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.footer-text {
  color: #fff6;
  white-space: nowrap;
  padding-top: 5%;
  padding-bottom: 5%;
  font-size: 15px;
  font-weight: 300;
}

.footer-text:hover {
  color: var(--new-white);
  letter-spacing: 0;
}

.footer-text.w--current {
  color: var(--new-white);
}

.footer-block-content {
  flex-direction: column;
  width: 30%;
  display: flex;
}

.footer-flex-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  min-height: 30px;
}

.blog-side-bar-left {
  background-color: var(--white);
  margin-top: 90px;
  padding-left: 120px;
  padding-right: 60px;
}

.blog-side-bar-right {
  padding-right: 120px;
  position: sticky;
  top: -30px;
}

.blog-page-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .3fr;
  grid-auto-flow: row;
  align-items: start;
}

.space-blog {
  min-height: 75px;
  display: flex;
}

.trigger-animation {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.projects-hero-large-image {
  z-index: -2;
  filter: none;
  background-image: url('../images/Single-Room-Half-Hero-300.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  max-width: 100%;
  max-height: 545px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.projects-hero-large-overlay {
  z-index: -1;
  background-image: linear-gradient(#57a6a0a6, #065ec8a6);
  width: 100%;
  max-width: 100%;
  max-height: 545px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.projects-single-page-wrapper {
  max-width: 1440px;
  padding-left: 120px;
  padding-right: 120px;
}

.projects-side-bar-left {
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.projects-side-bar-right {
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.projects-page-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  align-items: start;
  width: 100%;
}

.projects-image-wrapper {
  min-width: 435px;
  max-width: 435px;
  min-height: 320px;
  position: relative;
  overflow: hidden;
}

.projects-more-images {
  filter: none;
  cursor: pointer;
  object-fit: cover;
  min-width: 435px;
  max-width: 435px;
  min-height: 320px;
  max-height: 320px;
  transition: filter .3s ease-in-out, transform .3s ease-in-out;
}

.projects-more-images:hover {
  filter: brightness();
  transform: scale(1.15);
}

.blog-catagory {
  background-color: var(--primary);
  justify-content: center;
  margin-bottom: 15px;
  padding-left: 21px;
  padding-right: 15px;
  display: flex;
}

.background-smoke {
  background-color: #f1f3f5;
}

.image-overlay {
  z-index: 3;
  background-image: linear-gradient(120deg, var(--primary), var(--brown) 50%, var(--secondary));
  min-width: 100%;
  min-height: 100%;
  display: none;
  position: absolute;
}

.contact-us-wrapper {
  grid-column-gap: 30px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.contact-us-card-description {
  color: var(--primary);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
}

._404-row {
  flex-wrap: wrap;
  justify-content: center;
  max-width: 600px;
  display: flex;
}

.utilities-rich-text {
  text-align: left;
}

.t-c-wrapper {
  text-align: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 120px;
  padding-right: 120px;
}

.utilities-title-wrapper {
  object-fit: fill;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.style-guide-flex {
  grid-column-gap: 30px;
  width: 100%;
}

.projects-more-images-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start center;
  place-items: start center;
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.projects-main-image {
  filter: none;
  cursor: pointer;
  object-fit: cover;
  object-position: 50% 100%;
  min-width: 900px;
  max-width: none;
  min-height: 570px;
  max-height: 570px;
  transition: filter .3s ease-in-out, transform .3s ease-in-out;
}

.projects-main-image:hover {
  filter: brightness();
  transform: scale(1.15);
}

.projects-main-image-wrapper {
  min-width: 900px;
  max-width: 900px;
  min-height: 570px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.utility-hero-half-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.error-massage {
  text-align: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.background-dark {
  background-color: var(--secondary);
}

.not-centered {
  text-align: left;
}

.about-us-image-big {
  object-fit: cover;
  width: 100%;
}

.about-us-image-small {
  filter: contrast(150%);
  object-fit: cover;
  min-width: 300px;
  max-width: 300px;
  min-height: 200px;
  max-height: 200px;
  position: absolute;
  inset: auto -8% -33% auto;
}

.line-height {
  background-color: var(--primary);
  width: 100%;
  min-height: 25px;
  display: block;
  position: absolute;
  top: 242px;
  left: -130px;
}

.card-shadow {
  z-index: -1;
  opacity: .1;
  filter: blur(15px);
  background-color: #312504;
  width: 80%;
  height: 25%;
  margin-top: 0;
  display: none;
  position: absolute;
  inset: auto 0% 0% 10%;
}

.flex {
  flex-direction: row;
  display: flex;
}

.flex.off {
  display: none;
}

.blog-button-icon {
  align-self: center;
  max-height: 10px;
  margin-left: 7.5px;
}

.hero-title {
  color: var(--new-white);
  text-transform: uppercase;
  font-size: 115px;
  font-weight: 400;
  line-height: .8;
}

.hero-title.blue {
  color: var(--secondary);
}

.about-us-image-wrapper {
  background-image: linear-gradient(#ffc3281a, #ffc3281a);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  max-width: 600px;
  min-height: 400px;
  max-height: 400px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.about-us-wrapper {
  grid-column-gap: 30px;
  justify-content: space-between;
  width: 90%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.about-us-content-wrapper {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.center-on-mobile {
  text-transform: none;
}

.center-on-mobile.none {
  display: none;
}

.faq-numbers-back {
  z-index: 0;
  color: var(--white-smoke);
  margin-left: -20px;
  font-size: 90px;
  font-weight: 900;
  position: absolute;
  inset: auto auto auto 0%;
}

.blog-hero-large-overlay {
  opacity: .8;
  background-image: linear-gradient(#ffc3281a, #ffc3281a);
  width: 100%;
  max-width: 100%;
  min-height: 480px;
  max-height: 480px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.navbar {
  background-color: #0000;
  padding-top: 20px;
  position: absolute;
  inset: 0% 0% auto;
}

.navbar.move-down {
  padding-top: .5%;
}

.blog-button-text {
  letter-spacing: 5px;
}

.font-link:hover {
  color: #b77a89;
}

.blog-single-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  align-items: center;
  width: 100%;
  min-height: 480px;
  max-height: 480px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.sg-main-logo {
  background-color: var(--secondary);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 130px;
  max-height: 130px;
  padding-right: 5px;
  display: flex;
}

.utilities-h1 {
  color: var(--white);
}

.preloader-wrapper {
  z-index: 999999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.prelaoder-logo-wrapper {
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.preloader-brand-logo-image {
  z-index: 10000000;
  max-height: 60px;
  margin-top: -17px;
}

.preloader-right {
  background-color: var(--secondary);
  width: 50%;
  min-height: 100vh;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.preloader-left {
  background-color: var(--secondary);
  width: 50%;
  min-height: 100vh;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.color-secondary {
  color: var(--secondary);
}

.nav-logo {
  z-index: 101;
  background-image: none;
  border-style: none;
  border-radius: 0%;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  max-width: 90px;
  min-height: 90px;
  max-height: 90px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.nav-logo.hide-on-tab {
  margin-left: auto;
  margin-right: auto;
  position: static;
}

.hero-logo-icon {
  z-index: 0;
  max-width: 100%;
  margin-top: -6px;
  position: relative;
}

.wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.wrapper.nones {
  display: none;
}

.hero-nav-link {
  color: var(--new-white);
  text-transform: uppercase;
  white-space: nowrap;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s;
}

.hero-nav-link:hover {
  color: var(--white);
  text-decoration: none;
}

.hero-nav-link.w--current {
  color: var(--white-smoke);
  font-weight: 700;
}

.hero-nav-link.blue {
  color: var(--secondary);
}

.line-right {
  background-image: linear-gradient(105deg, var(--new-white), transparent);
  width: 200px;
  height: 2px;
  margin-left: -11px;
}

.line-right.blue {
  background-image: linear-gradient(105deg, var(--secondary), transparent);
}

.line-left {
  background-image: linear-gradient(265deg, var(--new-white), transparent);
  width: 200px;
  height: 2px;
}

.line-left.blue {
  background-image: linear-gradient(265deg, var(--secondary), transparent);
}

.h6-flex-with-line {
  justify-content: center;
  align-items: center;
}

.h6-line-right {
  background-image: linear-gradient(100deg, var(--primary) 5%, transparent);
  width: 45px;
  height: 2px;
  margin-left: 2px;
}

.block-title-wrapper {
  align-self: flex-start;
}

.flex-end {
  grid-column-gap: 7.5px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 25px;
  display: flex;
}

.phone-reservation-icon {
  color: var(--primary);
  margin-top: -21px;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 60px;
  font-weight: 100;
}

.who-we-are-flex-title-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 90%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 30px;
  display: flex;
}

.reservation-number {
  color: var(--primary);
  font-family: Work Sans, sans-serif;
  font-size: 25px;
  font-weight: 200;
}

.who-we-are-wrapper {
  background-image: url('../images/bg-about-rbc.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 800px;
}

.rooms-title-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.h6-line-left {
  background-image: linear-gradient(250deg, var(--primary) 5%, transparent);
  width: 45px;
  height: 2px;
}

.capslock {
  text-transform: uppercase;
}

.rooms-card-link {
  flex-direction: column;
  width: 100%;
  min-width: 25%;
  max-height: 460px;
  transition-property: none;
  display: flex;
  position: relative;
}

.room-wrapper {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.room-grid-list {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.rooms-image-wrapper {
  width: 100%;
  min-width: 25%;
  max-height: 460px;
  position: relative;
  overflow: hidden;
}

.rooms-image {
  object-fit: cover;
  width: 100%;
  height: 450px;
}

.rooms-text-wrapper {
  background-image: linear-gradient(#0000, #5d5351);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 140px;
  padding-left: 30px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.sqm-badge-wrapper {
  background-color: #fff3;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 55px;
  height: 22px;
  display: flex;
  transform: rotate(-90deg);
}

.sqm-badge-wrapper.off {
  display: none;
}

.sqm-badge-text {
  color: var(--white);
  text-transform: uppercase;
  font-size: 10px;
  display: none;
}

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

.flex-centered.off {
  display: none;
}

.facilities-wrapper {
  background-color: var(--primary);
  background-image: none;
  width: 100%;
}

.facilities-box {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding: 45px;
  display: flex;
  position: relative;
}

.icon {
  color: var(--white);
  margin-top: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 37px;
  font-weight: 100;
}

.right-line {
  background-image: linear-gradient(100deg, #0000, #ffffff80);
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 1px;
  height: 70%;
  margin-top: auto;
  margin-left: auto;
  position: absolute;
  inset: auto 0% 0%;
}

.facilites-flex-box {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: center;
  align-items: center;
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
  display: grid;
  position: relative;
}

.right-line-opposite {
  background-image: linear-gradient(100deg, #ffffff80, #0000);
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 1px;
  height: 70%;
  margin-bottom: auto;
  margin-left: auto;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.flex-left-title-wrapper {
  width: 100%;
  margin-left: auto;
  padding-left: 105px;
}

.facilities-main-bottom-line {
  background-image: radial-gradient(circle, #ffffff4d, #0000);
  width: 90%;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 0%;
}

.facilities-main-top-line {
  background-image: radial-gradient(circle, #ffffff4d, #0000);
  width: 90%;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.circle-white-border {
  border: 1px solid var(--white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
  overflow: hidden;
}

.flex-block {
  align-self: center;
}

.flex-block-2, .flex-block-3 {
  display: flex;
}

.hero-flex {
  border-style: solid none solid solid;
  border-width: 1px;
  border-color: var(--white);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #fff3;
  border-radius: 10px 0 0 10px;
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.hero-form-block {
  color: var(--white);
  width: 90%;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.hero-book-now {
  background-color: var(--primary);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height: 70px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 14px;
  transition: letter-spacing .2s ease-in-out, box-shadow .3s ease-in-out, transform .4s, border-color .4s, background-color .4s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 13px 15px 6px #0003;
}

.hero-book-now:hover {
  color: var(--white);
  letter-spacing: 1px;
}

.hero-book-now.margin-bottom {
  margin-bottom: 100px;
}

.hero-book-now.margin-bottom.sobrepor {
  z-index: 1;
  width: 250px;
  margin-top: -100px;
  margin-left: 40px;
  position: absolute;
}

.hero-book-now.margin-top {
  margin-top: 60px;
}

.hero-book-now.margin-top.none {
  display: none;
}

.hero-book-now.margin-top.whiitebtn {
  background-color: var(--white);
  color: var(--primary);
}

.hero-book-now.outlinebtn {
  border: 1px solid var(--primary);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #9b7a5799;
}

.select-field {
  color: var(--white);
  cursor: pointer;
  background-color: #0000;
  border: 0 solid #0000;
  min-width: 100%;
  min-height: 100%;
  margin-bottom: 0;
  padding: 0;
}

.hero-select-adult-wrapper, .hero-select-room-wrapper {
  grid-column-gap: 10px;
  border-right: 1px solid var(--white);
  justify-content: center;
  align-items: center;
  min-width: 200px;
  max-width: 200px;
  height: 68px;
  padding-left: 30px;
  padding-right: 30px;
}

.success-message-booking {
  background-color: var(--primary);
}

.text-block-width {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 17px;
}

.hero-form {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-block-error {
  color: var(--secondary);
}

.hero-select-children-wrapper {
  grid-column-gap: 10px;
  border-right: 1px solid var(--white);
  justify-content: center;
  align-items: center;
  min-width: 200px;
  max-width: 200px;
  height: 68px;
  padding-left: 30px;
  padding-right: 30px;
}

.wrapper-full {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.features-image {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 450px;
  min-height: 450px;
  box-shadow: 0 8px 10px -5px #0003, 0 5px 15px -8px #0000003d;
}

.features-image.reposicion {
  object-position: 50% 30%;
}

.features-wrapper {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.features-description {
  max-width: 550px;
}

.row-content {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.features-image-wrapper {
  z-index: 1;
  align-self: flex-start;
  min-width: 50%;
  max-width: 50%;
  min-height: 450px;
  max-height: 450px;
  position: relative;
  overflow: hidden;
}

.features-text-wrapper {
  grid-row-gap: 0px;
  background-image: linear-gradient(90deg, #fff, #8174741a);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 50%;
  max-width: 50%;
  min-height: 450px;
  max-height: 450px;
  padding-left: 45px;
  padding-right: 45px;
  display: flex;
}

.features-text-wrapper.reverse-gradient {
  background-image: linear-gradient(90deg, #8174741a, #fff);
  min-height: 450px;
  max-height: 450px;
}

.features-text-wrapper.sobrepor {
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 450px;
  max-height: 450px;
  padding-top: 50px;
}

.card-wrapper {
  flex-direction: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.call-to-action-big-wrapper {
  z-index: 0;
  background-image: url('../images/bg-rbc.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 640px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.call-to-action-center {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-image: linear-gradient(122deg, #fff9, #ffffffe6);
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  max-width: 1152px;
  min-height: 400px;
  max-height: 400px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.call-to-action-center-blur {
  z-index: -1;
  filter: blur(5px);
  background-image: url('../images/AyamaCTA.jpg');
  background-position: 50% 62%;
  background-repeat: no-repeat;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.cta-title {
  color: var(--secondary);
  text-transform: uppercase;
  font-size: 160px;
  font-weight: 400;
  line-height: .7;
}

.cta-title.center {
  text-align: center;
  font-size: 100px;
}

.cta-title.nones {
  display: none;
}

.circle-black {
  justify-content: center;
  align-items: center;
  min-width: 90px;
  max-width: 90px;
  min-height: 90px;
  max-height: 90px;
  margin-left: 30px;
  margin-right: 30px;
  display: flex;
}

.circle-black.margin-21px {
  margin-left: 21px;
  margin-right: 21px;
}

.blog-wrappers {
  min-width: 1044px;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.blogs-flex-list {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding-right: 140px;
  display: flex;
}

.blogs-flex-list.wrap {
  grid-row-gap: 90px;
  flex-wrap: wrap;
}

.blogs-card-link {
  flex-direction: column;
  min-width: 350px;
  max-width: 350px;
  min-height: 460px;
  max-height: 460px;
  transition-property: none;
  display: flex;
  position: relative;
}

.blogs-image-wrapper {
  min-width: 350px;
  max-width: 350px;
  min-height: 460px;
  position: relative;
}

.blogs-image {
  object-fit: cover;
  min-width: 350px;
  max-width: 350px;
  min-height: 460px;
  max-height: 460px;
}

.blog-text-wrapper {
  z-index: 3;
  background-image: linear-gradient(89deg, var(--white-smoke) 55%, var(--white) 81%);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 90%;
  height: 380px;
  padding-left: 60px;
  display: flex;
  position: absolute;
  inset: 8% -51% 0% auto;
}

.badge-text-wrapper {
  z-index: 4;
  background-color: var(--secondary);
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  inset: 45% auto 0% 26%;
  transform: rotate(-90deg);
}

.badge-text-wrapper.style-guide {
  width: 60%;
  height: auto;
  position: static;
}

.signature-text {
  text-align: center;
  font-family: Great Vibes, cursive;
  font-size: 38px;
  font-style: italic;
}

.signature-text.none {
  display: none;
}

.price-room-block-wrapper {
  align-self: flex-end;
  margin-bottom: 30px;
  margin-left: -5px;
}

.nav-bar-menu-wrapper {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-logo-show-on-tab {
  border: 1px solid var(--white);
  background-image: linear-gradient(#f1f3f51a 39%, #ffffffe6);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  min-height: 100px;
  display: none;
}

.about-us-image-long {
  z-index: 1;
  object-fit: cover;
  min-width: 240px;
  max-width: 240px;
  min-height: 300px;
  max-height: 300px;
  position: absolute;
  inset: auto auto -47% -6%;
}

.about-us-long-word-wrapper {
  text-align: center;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.call-to-action-center-no-bg {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.about-us-long-paragraph {
  text-transform: none;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  font-size: 75px;
  line-height: 1.2;
}

.about-us-long-paragraph.mini {
  margin-bottom: 40px;
  font-size: 45px;
  line-height: 1.2;
}

.long-word-overlay {
  z-index: 3;
  filter: blur(5px);
  background-color: #ffffffb3;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.long-word-wrapper {
  background-color: #0000;
  width: 100%;
  position: relative;
}

.image-about-us {
  z-index: 5;
  background-image: linear-gradient(#fff, #0000 39% 101%), url('../images/imgrbcnew.JPG');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  width: 100%;
  min-height: 776px;
  max-height: 776px;
  position: relative;
}

.about-hero-half-wrapper {
  background-image: linear-gradient(#5d535180, #5d535180), url('../images/Foto1-72.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  align-items: center;
  width: 100%;
  min-height: 545px;
  max-height: 545px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.page-title {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  font-size: 100px;
  font-weight: 400;
}

.bed-image {
  width: 100%;
  max-width: 1380px;
}

.more-images {
  grid-column-gap: 30px;
  justify-content: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.single-image-half {
  object-fit: cover;
  min-width: 47%;
  max-width: 675px;
  max-height: 790px;
}

.more-images-wrapper {
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  overflow: hidden;
}

.single-image-whole {
  object-fit: cover;
  min-width: 96%;
  max-width: 1380px;
  max-height: 690px;
}

.rooms-single-title-wrapper {
  background-color: #81747433;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.main-image-overlay {
  z-index: 0;
  background-image: linear-gradient(#2f82b466, #0000 50%);
  width: 100%;
  max-width: 100%;
  position: absolute;
  inset: 0% auto;
  overflow: hidden;
}

.main-image {
  width: 96%;
  max-width: 1380px;
  max-height: 960px;
  margin-top: -12vh;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.single-room-title {
  color: var(--white);
  text-transform: uppercase;
  font-size: 90px;
  font-weight: 400;
}

.h6-line-right-dark {
  background-image: linear-gradient(100deg, var(--secondary) 5%, transparent);
  width: 45px;
  height: 2px;
  margin-left: 2px;
}

.logo-subheading-dark {
  color: var(--brown);
  padding-left: 21px;
  padding-right: 21px;
  font-size: 24px;
  line-height: 3;
}

.logo-subheading {
  color: var(--new-white);
  padding-left: 21px;
  padding-right: 21px;
  font-size: 24px;
  font-weight: 300;
}

.logo-subheading.blue {
  color: var(--secondary);
}

.line-right-dark {
  background-image: linear-gradient(105deg, var(--brown), transparent);
  width: 200px;
  height: 2px;
  margin-left: -11px;
}

.line-right-dark.no-margin {
  margin-left: 0;
}

.line-left-dark {
  background-image: linear-gradient(265deg, var(--brown), transparent);
  width: 200px;
  height: 2px;
}

.blog-title-wrapper {
  min-width: 1044px;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.text-span {
  color: var(--primary);
}

.space-120px {
  min-width: 120px;
  max-width: 120px;
}

.position-relative {
  position: relative;
  top: -60px;
  left: 0;
}

.small-letter-spacing {
  letter-spacing: 5px;
}

.small-line-height {
  line-height: 1;
}

.restaurant-title-wrapper {
  z-index: 7;
  background-color: var(--white);
  align-self: flex-start;
  width: 750px;
  margin-top: -60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 90px;
  position: relative;
  overflow: hidden;
}

.paragraph-max-width-smaller {
  text-align: center;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-max-width-smaller.not-centered {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}

.restaurant-image-big {
  object-fit: cover;
  width: 100%;
}

.restaurant-content-wrapper {
  z-index: 8;
  width: 100%;
  height: 790px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.restaurant-small-image {
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  max-height: 440px;
}

.restaurant-image-wrapper {
  background-image: linear-gradient(#ffc3281a, #ffc3281a);
  min-width: 645px;
  max-width: 645px;
  max-height: 500px;
  display: flex;
  overflow: hidden;
}

.restaurant-small-image-wrapper {
  min-width: 340px;
  max-width: 340px;
  max-height: 500px;
  margin-top: -60px;
  overflow: hidden;
}

.restaurant-image-with-text-wrapper {
  background-color: var(--white);
  justify-content: flex-start;
  align-items: center;
  min-width: 375px;
  max-width: 375px;
  height: 100%;
  min-height: 380px;
  display: flex;
}

.restaurant-small-image-copy {
  z-index: 10;
  object-fit: cover;
  min-width: 100%;
  height: 100%;
  min-height: 380px;
  position: relative;
}

.chef-name {
  font-style: italic;
}

.chef-text-wrapper {
  z-index: 7;
  align-self: flex-start;
  margin-left: auto;
  margin-right: auto;
}

.spa-smaller-image {
  object-fit: cover;
  width: 100%;
  position: absolute;
  top: 10px;
  right: 10px;
}

.spa-title-wrapper {
  z-index: 2;
  background-color: var(--white);
  align-self: flex-start;
  min-width: 600px;
  padding-left: 30px;
  position: absolute;
  top: 66px;
  left: 323px;
  overflow: hidden;
}

.spa-big-image-wrapper {
  background-image: linear-gradient(#ffc3281a, #ffc3281a);
  min-width: 500px;
  max-width: 500px;
  max-height: 750px;
  display: flex;
}

.spa-small-image-wrapper {
  z-index: 3;
  min-width: 500px;
  max-width: 500px;
  max-height: 335px;
  position: relative;
  top: -28px;
  overflow: hidden;
}

.spa-small-image {
  object-fit: cover;
}

.bar-title-wrapper {
  z-index: 1;
  background-color: var(--white);
  align-self: flex-start;
  max-width: 500px;
  padding-left: 30px;
  padding-right: 30px;
  position: absolute;
  inset: auto 10% 21% auto;
  overflow: hidden;
}

.bar-image-about-us {
  z-index: 5;
  background-image: linear-gradient(#fff 3%, #0000 25% 101%), url('../images/IMG_7212.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  width: 100%;
  min-height: 1000px;
  max-height: 1000px;
  position: relative;
}

.big-logo {
  z-index: 4;
  border: 1px none var(--white);
  background-image: none;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 360px;
  max-width: 360px;
  min-height: 360px;
  max-height: 360px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.price-wrapper {
  background-color: var(--white);
  min-width: 420px;
  max-width: 420px;
  min-height: 140px;
  max-height: 140px;
  padding-left: 40px;
  position: absolute;
  inset: 61% 0% 0% auto;
}

.price-block {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  height: 100%;
}

.price-text {
  font-size: 60px;
}

.bedroom-details {
  letter-spacing: 1.2px;
  padding-left: 30px;
}

.chef-wrapper {
  z-index: 9;
  grid-column-gap: 30px;
  background-color: var(--white);
  max-width: 720px;
  margin-left: 33%;
  padding: 30px;
  display: flex;
  position: relative;
  top: -180px;
}

.no-wrap {
  white-space: nowrap;
}

.spa-content-wrapper {
  grid-column-gap: 90px;
  justify-content: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.restaurant-flex {
  grid-column-gap: 60px;
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.spa-image-big {
  object-fit: cover;
  width: 100%;
}

.spa-small-image-block-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.spa-big-image-block-wrapper {
  position: relative;
}

.spa-smaller-image-green-wrapper {
  z-index: 5;
  background-color: var(--coral-blue);
  justify-content: flex-start;
  align-items: center;
  min-width: 190px;
  max-width: 190px;
  min-height: 285px;
  max-height: 285px;
  display: flex;
  position: relative;
  top: 31px;
  right: 40px;
}

.big-logo-icon {
  max-width: 100%;
}

.amenities-half-wrapper {
  background-image: linear-gradient(#5d535180, #5d535180);
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-height: 545px;
  max-height: 545px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.header-image {
  z-index: -1;
  object-fit: cover;
  width: 100%;
  min-height: 545px;
  max-height: 545px;
  position: absolute;
  inset: 0%;
}

.middle-content-wrapper {
  grid-column-gap: 30px;
  justify-content: space-between;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 120px;
  padding-right: 120px;
  display: flex;
}

.image-middle-2 {
  object-fit: cover;
  width: 100%;
  min-height: 500px;
}

.middle-half-text-wrapper {
  width: 40%;
  position: relative;
}

.amenities-middle-image-wrapper {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  justify-items: start;
  display: grid;
}

.middle-image-wrapper-1 {
  object-fit: cover;
  min-width: 28%;
  max-width: 400px;
  max-height: 500px;
}

.image-middle-1 {
  object-fit: cover;
  width: 100%;
  min-height: 500px;
}

.middle-image-wrapper-2 {
  object-fit: scale-down;
  min-width: 23%;
  max-width: 320px;
  max-height: 500px;
}

.middle-half-image-wrapper {
  width: 60%;
  position: relative;
}

.middle-subtext-wrapper {
  grid-column-gap: 30px;
  background-color: var(--white);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: 40px;
  padding: 30px;
  display: flex;
  position: relative;
  top: -43px;
  left: -7%;
}

.bulleted-wrapper {
  grid-row-gap: 5px;
  flex-direction: column;
  display: flex;
}

.menu-wrapper {
  grid-column-gap: 30px;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.menu-half-big-wrapper {
  flex-direction: column;
  align-items: center;
  width: 60%;
  display: flex;
  position: relative;
  top: -83px;
  left: 126px;
}

.menu-half-small-wrapper {
  width: 20%;
  position: relative;
}

.div-block {
  background-color: var(--secondary);
  padding: 60px;
}

.menu-flex-block {
  width: 50%;
  padding-left: 60px;
}

.underline-text {
  color: var(--white);
  text-transform: uppercase;
  text-decoration: none;
}

.amenities-call-to-action {
  z-index: 5;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-bottom: 120px;
  display: flex;
}

.bottom-grid-images {
  grid-column-gap: 15px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
  justify-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 120px;
  padding-right: 120px;
  position: relative;
}

.bottom-image-wrapper {
  z-index: 9999;
  min-width: 25%;
  max-width: 360px;
  max-height: 600px;
}

.menu-background-wrapper {
  grid-column-gap: 30px;
}

.menu-title {
  line-height: 1;
}

.space-menu {
  min-height: 22.5px;
}

.preloader-nav-logo {
  border: 1px none var(--white);
  background-image: none;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  max-width: 90px;
  min-height: 90px;
  max-height: 90px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: 274px;
}

.preloader-logo-icon {
  max-width: 100%;
  margin-top: -6px;
}

.nav-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.reservation-wrapper {
  align-self: flex-start;
}

.blog-hero-half-wrapper {
  background-image: linear-gradient(#5d535180, #5d535180), url('../images/Blog-Half-Hero.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  align-items: center;
  width: 100%;
  min-height: 545px;
  max-height: 545px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.rooms-hero-half-wrapper {
  background-image: linear-gradient(#5d535180, #5d535180), url('../images/Rooms-Half-Hero.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  align-items: center;
  width: 100%;
  min-height: 545px;
  max-height: 545px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.services-hero-half-wrapper {
  background-image: linear-gradient(#5d535180, #5d535180), url('../images/Services-Half-Hero.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  align-items: center;
  width: 100%;
  min-height: 545px;
  max-height: 545px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.contact-hero-half-wrapper {
  background-image: linear-gradient(#5d5351b3, #5d5351b3), url('../images/bg-contato-rb.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  align-items: center;
  width: 100%;
  min-height: 545px;
  max-height: 545px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.utilities-hero-half-wrapper {
  background-image: linear-gradient(#5d535180, #5d535180), url('../images/Utilities-Half-Hero.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  align-items: center;
  width: 100%;
  min-height: 545px;
  max-height: 545px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.services-title {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  font-size: 100px;
  font-weight: 400;
}

.services-subheading {
  color: var(--white);
  padding-left: 21px;
  padding-right: 21px;
  font-size: 24px;
  font-weight: 300;
}

.main-nav-wrapper {
  z-index: 99;
  justify-content: center;
  align-items: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.main-nav-wrapper.position-relative {
  justify-content: flex-end;
  align-items: center;
  padding-left: 10px;
  top: 0;
}

.main-nav-wrapper.position-relative.nones {
  display: none;
}

.nav-hero-logo-icon {
  max-width: 50%;
  margin-top: -6px;
}

.hide-on-mobile {
  display: block;
}

.nav-link-bottom-line {
  opacity: 0;
  border-bottom: 1px solid #fffc;
}

.nav-link-wrapper {
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.per-night-text {
  color: var(--white);
  text-transform: uppercase;
}

.about-us-description {
  text-align: left;
}

.hero-half-title-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-link-bottom-line-wrapper {
  min-width: 76%;
  max-width: 76%;
  margin-top: -4px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.footer-description {
  color: #fff6;
  max-width: 400px;
}

.circle-black-footer {
  justify-content: center;
  align-items: center;
  min-width: 60px;
  max-width: 60px;
  min-height: 60px;
  max-height: 60px;
  margin-left: 0;
  display: flex;
}

.welcome-description {
  max-width: 540px;
}

.down-arrow-icon-show-on-tab {
  color: var(--white);
  margin-top: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 37px;
  font-weight: 100;
  display: none;
}

.fonts-flex-block-wrapper {
  justify-content: center;
  align-items: center;
}

.services-content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.services-main-text-wrapper {
  grid-row-gap: 0px;
  background-image: linear-gradient(to right, #fff, #8174741a);
  flex-direction: column;
  align-items: center;
  min-width: 100%;
  max-width: 100%;
  min-height: 400px;
  max-height: 400px;
  padding-left: 45px;
  padding-right: 45px;
  display: flex;
}

.services-main-image-wrapper {
  z-index: 1;
  align-self: flex-start;
  min-width: 100%;
  max-width: 100%;
  min-height: 400px;
  max-height: 400px;
  position: relative;
  overflow: hidden;
}

.services-image {
  z-index: 1;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 100%;
  background-size: cover;
  background-attachment: fixed;
  min-width: 100%;
  min-height: 100%;
  display: block;
  position: absolute;
}

.services-main-description {
  text-align: center;
  max-width: 550px;
}

.gallery-wrapper {
  text-align: center;
  width: 100%;
  max-width: 1440px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.gallery-grid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  display: grid;
}

.gallery-image-wrapper {
  transition: filter .25s;
  overflow: hidden;
}

.gallery-image-wrapper:hover {
  filter: brightness(80%);
}

.gallery-lightbox {
  object-fit: cover;
  flex-direction: column;
  width: 100%;
  min-height: 300px;
  max-height: 300px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.testimonial-client-wrapper {
  grid-column-gap: 30px;
  flex-wrap: nowrap;
  display: flex;
}

.testimonial-listing-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 90%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.testimonial-image-circle {
  border-radius: 100%;
  width: 100px;
  height: 100px;
}

.testimonial-name {
  color: var(--brown);
  letter-spacing: 5px;
  font-size: 14px;
}

.testimonial-card {
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 60px 60px 45px;
  display: flex;
}

.testimonial-card.border-right {
  border-right: 1px dashed #c7bebb;
}

.testimonial-card.border-bottom {
  border-bottom: 1px dashed #c7bebb;
}

.testimonial-card.border-bottom-right {
  border-bottom: 1px dashed #c7bebb;
  border-right: 1px dashed #c7bebb;
}

.testimonial-position {
  color: var(--primary);
  letter-spacing: 5px;
  margin-top: -15px;
  font-size: 12px;
}

.testimonial-block-content {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

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

.testimonial-title-wrapper {
  min-width: 1044px;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.video-background-wrapper {
  background-image: none;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  min-height: 562.5px;
  max-height: 562.5px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.background-video {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  min-height: 562.5px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.paragraph {
  display: none;
}

.heading {
  padding-left: 10px;
}

.div-block-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.social-media {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  margin-left: 40px;
  display: flex;
  overflow: hidden;
}

.si {
  filter: invert();
  object-fit: contain;
  width: 18px;
  height: 16px;
}

.social-icon {
  background-color: var(--secondary);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  padding: 0;
  display: flex;
}

.new-icon {
  filter: invert();
  width: 40px;
  height: 40px;
}

.primary-color {
  color: var(--primary);
}

.div-block-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-bottom: 100px;
  display: flex;
}

@media screen and (max-width: 991px) {
  h1 {
    text-align: left;
  }

  .inquire-title-wrapper {
    width: 90%;
  }

  .hero {
    min-height: 100vh;
    max-height: 100vh;
  }

  .hero-title-wrapper {
    margin-top: 30px;
  }

  .hide-on-tab {
    display: none;
  }

  .utilities-row {
    width: 100%;
  }

  .utilities-wrapper {
    padding-left: 60px;
    padding-right: 60px;
  }

  .sg-outer-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .sg-anchor-links-wrapper {
    z-index: 1;
    background-color: var(--white-smoke);
    flex-flow: wrap;
    padding-top: 0;
    padding-bottom: 0;
    position: static;
    inset: 0 0% -150px;
  }

  .sg-right-bottom-wrapper {
    width: 100%;
    min-height: auto;
    margin-left: 0;
  }

  .return-to-top-lb {
    width: 56px;
    height: 56px;
  }

  .brand-logo-image {
    margin-top: 0;
  }

  .sg-logos-grid {
    grid-template-columns: 1fr 1fr;
  }

  .sg-buttons-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .sg-left-top-wrapper {
    z-index: 5;
    width: 100%;
    min-height: auto;
    position: sticky;
    top: -130px;
  }

  .sg-return-to-home-lb.tab-only {
    display: flex;
  }

  .sg-anchor-lb {
    flex: none;
    justify-content: center;
    min-width: 33%;
    padding: 7.5px 15px;
  }

  .sg-anchor-lb.w--current {
    box-shadow: inset 0 -3px 0 0 var(--primary);
  }

  .contact-us-flex-block {
    grid-row-gap: 15px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .contact-info {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 50%;
    max-width: 50%;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
    display: flex;
  }

  .contact-info-wrapper {
    grid-row-gap: 0px;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: -30px;
  }

  .contact-us-form-wrapper {
    width: 100%;
  }

  .upper-box {
    margin-top: 60px;
  }

  .blog-wrapper-full-single {
    padding-left: 60px;
    padding-right: 60px;
  }

  .faq-row {
    width: 80%;
  }

  .faq-title-wrapper, .faq-wrapper {
    width: 90%;
  }

  .faq-dropdown-title {
    max-width: 400px;
    padding-right: 0;
  }

  .hero-large-wrapper {
    padding-left: 60px;
    padding-right: 60px;
  }

  .nav-menu-button {
    z-index: 98;
    padding: 12px;
    position: relative;
  }

  .nav-menu-button.w--open {
    z-index: 1000;
    color: #fff;
    background-color: #0000;
  }

  .nav-menu-button.blue {
    color: var(--secondary);
  }

  .nav-menu-icon {
    color: var(--white);
    font-size: 30px;
  }

  .nav-menu-icon.blue {
    color: var(--secondary);
  }

  .image-wrapper {
    min-height: 400px;
    max-height: 400px;
  }

  .utilities-wrapper-full {
    flex-direction: column;
    display: flex;
  }

  .gallery-grid-list {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    margin-top: .5em;
    margin-bottom: .5em;
    padding-left: 0;
    padding-right: 0;
  }

  .row-tab-law {
    grid-row-gap: 15px;
    flex-wrap: wrap;
  }

  .gallery-image {
    min-height: 400px;
  }

  .footer-bottom-flex {
    grid-row-gap: 15px;
    flex-direction: column;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .footer-text-link, .footer-copyright {
    font-size: 1rem;
  }

  .footer-flex-wrapper {
    flex-flow: column wrap;
    padding-bottom: 8%;
  }

  .footer-pre-text {
    font-size: 1rem;
  }

  .footer-grid-wrapper {
    justify-content: space-between;
    width: 100%;
  }

  .footer {
    max-width: 728px;
  }

  .footer-text {
    padding-top: 0%;
  }

  .footer-block-content {
    width: 100%;
    padding-bottom: 15%;
  }

  .blog-side-bar-left {
    margin-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .blog-side-bar-right {
    padding-right: 0;
  }

  .blog-page-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    max-width: 100%;
  }

  .trigger-animation {
    text-align: center;
  }

  .projects-single-page-wrapper {
    padding-left: 60px;
    padding-right: 60px;
  }

  .projects-side-bar-right {
    border-left-width: 0;
    max-width: 595px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .projects-page-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .projects-image-wrapper {
    min-width: 282px;
    max-width: 282px;
    min-height: 200px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .projects-more-images {
    min-width: 282px;
    max-width: 282px;
    min-height: 200px;
    max-height: 200px;
  }

  .contact-us-wrapper {
    grid-row-gap: 30px;
    flex-direction: column;
  }

  .t-c-wrapper {
    padding-left: 60px;
    padding-right: 60px;
  }

  .utilities-title-wrapper {
    flex-direction: column;
    display: flex;
  }

  .projects-more-images-wrapper {
    grid-auto-columns: 1fr;
    max-width: 595px;
  }

  .projects-main-image {
    min-width: 595px;
    min-height: 370px;
    max-height: 370px;
  }

  .projects-main-image-wrapper {
    min-width: 595px;
    max-width: 595px;
    min-height: 370px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .utility-hero-half-content {
    text-align: center;
    padding-left: 0;
  }

  .error-massage {
    width: 90%;
  }

  .card-shadow {
    display: none;
  }

  .hero-title {
    text-align: left;
  }

  .about-us-image-wrapper {
    width: 80%;
  }

  .about-us-wrapper {
    flex-direction: column;
  }

  .about-us-content-wrapper {
    width: 90%;
    margin-bottom: 90px;
    top: 240px;
  }

  .faq-numbers-back {
    margin-left: 0;
    font-size: 139px;
  }

  .navbar.move-down {
    top: 0%;
  }

  .blog-single-image {
    padding-left: 60px;
    padding-right: 60px;
  }

  .preloader-brand-logo-image {
    margin-top: 0;
  }

  .nav-logo.hide-on-tab.style-guide {
    display: flex;
  }

  .hero-nav-link {
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
    display: flex;
  }

  .hero-nav-link.w--current {
    font-size: 16px;
  }

  .block-title-wrapper {
    align-self: center;
    align-items: center;
  }

  .flex-end {
    flex-direction: column;
    justify-content: center;
  }

  .who-we-are-flex-title-wrapper {
    flex-direction: column;
    justify-content: center;
    padding-right: 0;
  }

  .room-grid-list {
    grid-column-gap: 30px;
    grid-row-gap: 60px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .facilities-box {
    padding: 30px 15px;
  }

  .facilites-flex-box {
    align-items: start;
    padding-left: 30px;
    padding-right: 30px;
  }

  .flex-left-title-wrapper {
    align-items: center;
    margin-right: auto;
    padding-left: 0;
  }

  .hero-flex {
    border-color: var(--secondary);
    background-color: #3b3a43cc;
    border-right-style: solid;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    flex-direction: column;
  }

  .hero-form-block {
    margin-bottom: 100px;
  }

  .hero-book-now {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    min-width: 360px;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-book-now:hover {
    width: 32%;
  }

  .hero-book-now.margin-bottom {
    border-radius: 20px;
  }

  .select-field {
    z-index: 2;
    position: relative;
  }

  .hero-select-adult-wrapper {
    border-bottom: 1px solid #fff3;
    border-right-color: var(--secondary);
    min-width: 360px;
    max-width: 360px;
    padding-left: 90px;
    padding-right: 90px;
    position: relative;
  }

  .hero-select-room-wrapper {
    border-right-width: 0;
    min-width: 360px;
    max-width: 360px;
    padding-left: 90px;
    padding-right: 90px;
    position: relative;
  }

  .hero-form {
    flex-direction: column;
    align-items: center;
  }

  .hero-select-children-wrapper {
    border-bottom: 1px solid #fff3;
    border-right-color: var(--secondary);
    min-width: 360px;
    max-width: 360px;
    padding-left: 90px;
    padding-right: 90px;
    position: relative;
  }

  .row-content {
    flex-direction: column;
    justify-content: center;
  }

  .row-content.reverse-on-tab {
    flex-direction: column-reverse;
  }

  .features-image-wrapper {
    min-width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .features-text-wrapper {
    min-width: 100%;
    max-width: 100%;
  }

  .features-text-wrapper.reverse-gradient {
    background-image: linear-gradient(to right, #fff, #8174741a);
  }

  .call-to-action-center {
    width: 80%;
    max-width: 80%;
    bottom: auto;
  }

  .cta-title {
    text-align: left;
  }

  .blog-wrappers {
    min-width: 80%;
  }

  .blogs-flex-list {
    grid-column-gap: 30px;
    grid-row-gap: 60px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .signature-text {
    text-align: center;
    min-width: 260px;
  }

  .nav-bar-menu-wrapper {
    flex-direction: row;
    justify-content: space-between;
    margin-top: 0;
  }

  .nav-logo-show-on-tab {
    z-index: 98;
    background-image: none;
    border-width: 0;
    border-color: #0000;
    justify-content: flex-start;
    min-width: 90px;
    max-width: 90px;
    min-height: 90px;
    max-height: 90px;
    display: flex;
    position: relative;
  }

  .call-to-action-center-no-bg {
    max-width: 90%;
    bottom: auto;
  }

  .long-word-overlay {
    display: none;
  }

  .about-hero-half-wrapper {
    padding-left: 60px;
    padding-right: 60px;
  }

  .page-title {
    font-size: 80px;
  }

  .more-images {
    justify-content: center;
  }

  .single-image-half {
    min-width: 339px;
    max-width: 339px;
  }

  .single-image-whole {
    min-width: 708px;
    max-width: 708px;
  }

  .single-room-title {
    text-align: center;
    font-size: 72px;
  }

  .blog-title-wrapper {
    align-items: center;
    min-width: 80%;
  }

  .space-120px {
    display: none;
  }

  .position-relative {
    top: auto;
    left: auto;
  }

  .restaurant-title-wrapper {
    align-items: center;
    width: 100%;
    margin-top: 0;
    padding-left: 60px;
    padding-right: 60px;
  }

  .paragraph-max-width-smaller.not-centered.center-on-tab {
    text-align: center;
  }

  .restaurant-content-wrapper {
    flex-direction: column;
    height: 1100px;
  }

  .restaurant-image-wrapper {
    width: 80%;
  }

  .restaurant-small-image-wrapper {
    width: 90%;
    margin-top: 0;
    position: absolute;
    top: 380px;
  }

  .spa-title-wrapper {
    align-items: center;
    min-width: auto;
    max-width: 500px;
    padding-right: 30px;
    top: 0;
    left: auto;
  }

  .spa-big-image-wrapper {
    width: 80%;
  }

  .spa-small-image-wrapper {
    width: 90%;
    position: static;
  }

  .spa-small-image {
    position: relative;
  }

  .bar-title-wrapper {
    align-items: center;
    min-width: auto;
    max-width: 500px;
    margin-top: 120px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 60px;
    padding-right: 60px;
    position: relative;
    right: auto;
  }

  .chef-wrapper {
    min-width: 90%;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    top: 200px;
  }

  .spa-content-wrapper {
    flex-direction: column;
  }

  .restaurant-flex {
    flex-direction: column;
    align-items: center;
  }

  .spa-small-image-block-wrapper, .spa-big-image-block-wrapper {
    align-self: center;
    position: static;
  }

  .spa-smaller-image-green-wrapper {
    align-self: center;
    top: -60px;
    right: auto;
  }

  .middle-content-wrapper {
    flex-direction: column;
    padding-top: 30px;
  }

  .middle-half-text-wrapper {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .amenities-middle-image-wrapper {
    width: 100%;
  }

  .middle-image-wrapper-1, .middle-image-wrapper-2 {
    min-width: 100%;
    max-width: 100%;
  }

  .middle-half-image-wrapper {
    width: 100%;
    margin-top: 30px;
  }

  .middle-subtext-wrapper {
    max-width: 440px;
    left: -1%;
  }

  .menu-wrapper {
    flex-direction: column;
  }

  .menu-half-big-wrapper {
    width: 100%;
    min-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
    top: 0;
    left: auto;
  }

  .menu-half-small-wrapper {
    width: 90%;
    top: 240px;
  }

  .bottom-grid-images {
    padding-top: 60px;
  }

  .signature-wrapper {
    grid-column-gap: 15px;
    align-items: center;
    display: none;
  }

  .nav-wrapper {
    width: 85%;
  }

  .reservation-wrapper {
    display: none;
  }

  .center-on-tab {
    text-align: center;
  }

  .services-title {
    font-size: 80px;
  }

  .main-nav-wrapper {
    background-color: var(--black);
    color: var(--white);
    flex-direction: column;
    width: 100%;
    padding-top: 15%;
    position: fixed;
    inset: 0%;
  }

  .main-nav-wrapper.position-relative {
    z-index: 97;
    color: var(--white);
    width: 100%;
    padding-top: 20%;
  }

  .main-nav-wrapper.position-relative.white {
    background-color: var(--white);
  }

  .nav-hero-logo-icon {
    z-index: 98;
    object-fit: contain;
    min-width: 60px;
    max-width: 60px;
    min-height: 60px;
    margin-top: 0;
    position: relative;
  }

  .about-us-description {
    text-align: center;
    max-width: 420px;
  }

  .welcome-description {
    text-align: center;
  }

  .down-arrow-icon-show-on-tab {
    z-index: 1;
    font-size: 22px;
    font-weight: 500;
    display: block;
    position: absolute;
    inset: 25% 24% 0% auto;
  }

  .services-content {
    width: 90%;
  }

  .services-main-text-wrapper {
    min-width: 100%;
    max-width: 100%;
  }

  .services-image {
    background-position: 50%;
    background-size: cover;
    background-attachment: scroll;
  }

  .gallery-grid {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    margin-top: .5em;
    margin-bottom: .5em;
    padding-left: 0;
    padding-right: 0;
  }

  .gallery-lightbox {
    min-height: 400px;
    max-height: 400px;
  }

  .testimonial-client-wrapper {
    grid-row-gap: 15px;
    flex-direction: column;
  }

  .testimonial-listing-wrapper {
    grid-column-gap: 0px;
  }

  .testimonial-card {
    padding-left: 30px;
    padding-right: 30px;
  }

  .testimonial-title-wrapper {
    align-items: center;
    min-width: 80%;
  }

  .social-media.mobile {
    justify-content: center;
    align-items: center;
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .space.smaller-on-mobile {
    min-height: 30px;
  }

  .description-max-width {
    max-width: 400px;
  }

  .hero {
    background-attachment: scroll, fixed;
  }

  .utilities-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .sg-buttons-grid-dark {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .global-section {
    padding: 64px 40px;
  }

  .sg-logos-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .sg-colour-wrapper {
    flex-direction: row;
  }

  .sg-colour-swatch {
    width: 25%;
    margin-bottom: 0;
    margin-right: 16px;
    padding-top: 25%;
  }

  .sg-buttons-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .sg-colours-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .sg-colour-label-wrapper {
    align-items: flex-start;
  }

  .sg-buttons-grid-two {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .contact-info {
    min-width: 78%;
    max-width: 78%;
    margin-bottom: 30px;
  }

  .contact-info-wrapper {
    align-items: center;
    width: 100%;
  }

  .contact-us-flex-container {
    padding-top: 0;
  }

  .contact-us-wrapper-half {
    max-width: 100%;
  }

  .contact-us-form-wrapper {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .contact-us-title-wrapper {
    text-align: center;
  }

  .faq-plus-icon {
    position: static;
  }

  .faq-dropdown-title {
    max-width: 275px;
  }

  .blod-card-author {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .nav-menu-icon {
    font-size: 28px;
  }

  .utilities-gallery-row {
    justify-content: center;
  }

  .gallery-grid-list {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: .5fr .5fr;
    grid-auto-columns: 1fr;
    align-items: center;
  }

  .gallery-item {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .row-tab-law {
    justify-content: center;
    align-items: stretch;
  }

  .footer-copyright {
    line-height: 20px;
  }

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

  .footer-grid-wrapper {
    flex-wrap: wrap;
    width: 100%;
  }

  .footer-block {
    flex-wrap: wrap;
  }

  .blog-side-bar-left {
    position: static;
  }

  .blog-page-grid {
    grid-template-columns: 1fr;
  }

  .projects-single-page-wrapper {
    margin-top: 30px;
  }

  .projects-side-bar-left {
    position: static;
  }

  .projects-side-bar-right {
    max-width: 100%;
  }

  .projects-page-grid {
    grid-template-columns: 1fr;
  }

  .projects-image-wrapper {
    min-width: 290px;
    max-width: 290px;
    min-height: 180px;
  }

  .projects-more-images {
    min-width: 290px;
    max-width: 290px;
    min-height: 180px;
    max-height: 180px;
  }

  ._404-row {
    justify-content: center;
  }

  .t-c-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .style-guide-flex.mobile-block {
    grid-row-gap: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .projects-more-images-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
  }

  .projects-main-image {
    min-width: 290px;
    min-height: 180px;
    max-height: 180px;
  }

  .projects-main-image-wrapper {
    min-width: 290px;
    max-width: 290px;
    min-height: 180px;
    margin-bottom: 15px;
  }

  .error-massage {
    width: 80%;
  }

  .about-us-image-small {
    z-index: 3;
    inset: 130% auto 0% 13%;
  }

  .about-us-content-wrapper {
    margin-top: 120px;
  }

  .center-on-mobile, .utilities-h1 {
    text-align: center;
  }

  .hero-nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }

  .who-we-are-flex-title-wrapper {
    width: 80%;
    padding-right: 0;
  }

  .rooms-card-link {
    margin-left: auto;
    margin-right: auto;
  }

  .room-grid-list {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .facilities-box {
    width: 100%;
  }

  .facilites-flex-box {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .hero-book-now {
    min-width: 320px;
    max-width: 320px;
  }

  .hero-book-now:hover {
    width: 40%;
  }

  .select-field {
    color: var(--white);
  }

  .hero-select-adult-wrapper, .hero-select-room-wrapper, .hero-select-children-wrapper {
    min-width: 320px;
    max-width: 320px;
  }

  .features-image-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .call-to-action-center {
    width: 90%;
    max-width: 90%;
    bottom: auto;
  }

  .blogs-flex-list {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    padding-right: 0;
  }

  .blogs-card-link {
    background-color: var(--white);
    min-height: auto;
    max-height: none;
    margin-left: auto;
    margin-right: auto;
  }

  .blogs-image {
    min-width: 100%;
    max-width: 100%;
    min-height: 360px;
    max-height: 360px;
  }

  .blog-text-wrapper {
    width: 100%;
    height: auto;
    padding-bottom: 30px;
    padding-right: 60px;
    position: static;
  }

  .badge-text-wrapper {
    width: 100%;
    padding-right: 10px;
    top: 340px;
    left: auto;
    transform: rotate(0);
  }

  .about-us-image-long {
    inset: 70% auto 0% 20%;
  }

  .about-us-long-word-wrapper {
    max-width: 80%;
  }

  .call-to-action-center-no-bg {
    bottom: auto;
  }

  .single-image-half {
    min-width: 239px;
    max-width: 239px;
  }

  .single-image-whole {
    min-width: 508px;
    max-width: 508px;
  }

  .single-room-title {
    text-align: center;
    font-size: 53px;
  }

  .blog-title-wrapper {
    align-items: center;
  }

  .restaurant-image-big {
    margin-left: auto;
    margin-right: auto;
  }

  .restaurant-image-wrapper {
    min-width: 80%;
    max-width: 80%;
  }

  .restaurant-small-image-wrapper {
    margin-top: 0;
    top: 240px;
  }

  .chef-text-wrapper {
    align-items: center;
  }

  .spa-small-image-wrapper {
    margin-top: -120px;
  }

  .chef-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .middle-content-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .middle-subtext-wrapper {
    margin-right: auto;
  }

  .menu-flex-block {
    padding-left: 0;
  }

  .bottom-grid-images {
    padding-left: 60px;
    padding-right: 60px;
  }

  .nav-wrapper {
    display: none;
  }

  .services-title {
    font-size: 70px;
  }

  .welcome-description {
    max-width: 440px;
  }

  .down-arrow-icon-show-on-tab {
    top: 27%;
    right: 27%;
  }

  .services-content {
    width: 100%;
  }

  .services-main-image-wrapper {
    min-height: 360px;
    max-height: 360px;
    margin-left: 0;
    margin-right: 0;
  }

  .gallery-grid {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: .5fr .5fr;
    grid-auto-columns: 1fr;
    align-items: center;
  }

  .gallery-image-wrapper {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .testimonial-listing-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .testimonial-card {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .no-margin-top.center-on-mobile {
    text-align: left;
  }

  .testimonial-title-wrapper {
    align-items: center;
  }

  .video-background-wrapper, .background-video {
    min-height: 50vh;
    max-height: 50vh;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 42px;
  }

  h2 {
    text-align: center;
    font-size: 36px;
  }

  h5 {
    text-align: left;
    white-space: nowrap;
  }

  .space.offmob {
    display: none;
  }

  .space.reduce {
    min-height: 90px;
  }

  .space.reduce.max {
    min-height: 40px;
  }

  .description-max-width {
    max-width: 240px;
  }

  .inquire-title-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .hero {
    min-height: 90vh;
    max-height: 100vh;
    padding-left: 20px;
    padding-right: 20px;
  }

  .space-large {
    min-height: 80px;
  }

  .space-large.minus-30px {
    min-height: 50px;
  }

  .space-large.smaller-on-mobile {
    min-height: 45px;
  }

  .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-title-wrapper {
    align-items: center;
    margin-top: 0;
    padding-top: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .space-mid {
    min-height: 20px;
  }

  .space-mid.smaller-on-mobile {
    min-height: 30px;
  }

  .section {
    overflow: hidden;
  }

  .utilities-row {
    justify-content: center;
    align-items: center;
  }

  ._404-button-wrapper {
    max-width: 100%;
  }

  .button {
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
  }

  .color-white.center {
    text-align: center;
  }

  .sg-buttons-grid-dark {
    grid-template-columns: 1fr 1fr;
  }

  .global-section {
    margin-left: auto;
    margin-right: auto;
    padding-left: 22px;
    padding-right: 22px;
    overflow: hidden;
  }

  .sg-colour-swatch {
    margin-bottom: 0;
  }

  .sg-left-top-wrapper {
    overflow: hidden;
  }

  .webflow-block {
    margin-top: 16px;
    padding: 16px 0;
  }

  .sg-button-block {
    margin-left: auto;
    margin-right: auto;
    padding: 16px 0;
  }

  .contact-form {
    align-items: center;
    width: 100%;
    display: flex;
    overflow: hidden;
  }

  .sg-colours-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .h1-mobile {
    font-size: 2.5rem;
  }

  .sg-anchor-lb {
    min-width: 50%;
    padding-left: 0;
    padding-right: 0;
  }

  .sg-logo-block {
    padding-left: 16px;
    padding-right: 16px;
  }

  .sg-buttons-grid-two {
    grid-template-columns: 1fr 1fr;
  }

  .contact-us-flex-block {
    grid-column-gap: 7.5px;
    justify-content: center;
  }

  .contact-info {
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 15px;
    padding: 15px 17px 20px;
  }

  .contact-us-info-title {
    text-align: center;
  }

  .message-title-field-wrapper {
    flex-direction: column;
    justify-content: center;
    align-self: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .text-area {
    align-self: center;
    margin-left: 0%;
  }

  .contact-info-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: -15px;
    display: flex;
    overflow: hidden;
  }

  .booking-text-field {
    align-self: center;
    width: 100%;
    min-height: auto;
    margin-left: 0%;
  }

  .contact-us-flex-container {
    margin-top: 0;
    padding-bottom: 0;
  }

  .contact-us-wrapper-half {
    padding-left: 0;
    padding-right: 0;
  }

  .contact-us-block-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .contact-us-form-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 60px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    top: 0;
  }

  .contact-us-form {
    width: 80%;
  }

  .contact-us-title-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .upper-box {
    min-width: 90%;
    max-width: 290px;
    margin-left: auto;
    margin-right: auto;
  }

  .fix-scroll-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    display: flex;
  }

  .faq-plus-icon {
    position: absolute;
    top: 51%;
    right: -4%;
  }

  .faq-row {
    width: 100%;
  }

  .faq-title-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .dropdown-toggle {
    padding-left: 40px;
    padding-right: 40px;
  }

  .faq-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .faq-dropdown-title {
    width: 100%;
    max-width: 100%;
  }

  .dropdown-description {
    width: 90%;
    max-width: 90%;
  }

  .faq-flex {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }

  .blod-card-author {
    width: 100%;
  }

  .hero-large-wrapper {
    min-height: 480px;
    max-height: 480px;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-menu-icon {
    color: var(--secondary);
    font-size: 30px;
  }

  .nav-tab-law {
    padding-left: 0;
    padding-right: 0;
  }

  .image-wrapper {
    min-height: 400px;
  }

  .utilities-wrapper-full {
    padding-left: 0;
    padding-right: 0;
  }

  .gallery-grid-list {
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-title-text {
    text-align: center;
    font-size: 1.2rem;
  }

  .footer-text-link {
    text-align: left;
  }

  .footer-copyright {
    text-align: center;
  }

  .footer-flex-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .footer-grid-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
    align-content: center;
    justify-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-logo-link {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .footer-logo-link.w--current {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-block {
    text-align: center;
    justify-content: space-around;
    align-items: center;
    width: 70%;
  }

  .footer-block.right {
    justify-content: flex-start;
    align-items: center;
  }

  .footer {
    max-width: none;
  }

  .footer-text {
    text-align: center;
    font-size: 1em;
  }

  .footer-block-content {
    justify-content: center;
    align-items: center;
  }

  .blog-side-bar-left {
    width: 100%;
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .blog-page-grid {
    grid-template-columns: 1fr;
    place-content: center;
    place-items: center;
    width: 100%;
    max-width: 100%;
  }

  .projects-single-page-wrapper {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .projects-side-bar-left {
    max-width: 100%;
  }

  .projects-side-bar-right {
    width: 100%;
    max-width: 100%;
    margin-top: 45px;
  }

  .projects-page-grid {
    grid-template-columns: 1fr;
    place-content: center;
    place-items: center;
    width: 100%;
    max-width: 100%;
  }

  .projects-image-wrapper {
    min-width: 210px;
    max-width: 210px;
    min-height: 150px;
  }

  .projects-more-images {
    min-width: 210px;
    max-width: 210px;
    min-height: 150px;
    max-height: 150px;
  }

  .contact-us-card-description {
    text-align: center;
  }

  .utilities-title-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .projects-main-image {
    min-width: 210px;
    min-height: 150px;
    max-height: 150px;
  }

  .projects-main-image-wrapper {
    min-width: 210px;
    max-width: 210px;
    min-height: 150px;
    margin-left: auto;
    margin-right: auto;
  }

  .utility-hero-half-content {
    flex-direction: column;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
  }

  .error-massage {
    width: 90%;
  }

  .about-us-image-small {
    min-width: 180px;
    max-width: 180px;
    min-height: 120px;
    max-height: 120px;
    display: none;
    bottom: -20%;
  }

  .hero-title {
    text-align: center;
    font-size: 54px;
  }

  .about-us-wrapper {
    width: 100%;
  }

  .about-us-content-wrapper {
    width: 80%;
    margin-top: 60px;
    margin-bottom: 0;
    top: 0;
  }

  .center-on-mobile {
    margin-left: 0;
  }

  .faq-numbers-back {
    font-size: 130px;
    inset: 0%;
  }

  .faq-h2 {
    text-align: center;
  }

  .blog-single-image {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-logo.hide-on-tab {
    position: relative;
  }

  .wrapper {
    width: 100%;
  }

  .h6-line-right {
    display: none;
  }

  .block-title-wrapper {
    align-items: center;
  }

  .rooms-title-wrapper {
    text-align: center;
  }

  .h6-line-left {
    display: none;
  }

  .room-grid-list {
    grid-template-columns: 1fr;
  }

  .facilities-box {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .facilites-flex-box {
    grid-template-columns: 1fr;
  }

  .flex-left-title-wrapper {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-flex {
    border-style: solid;
    border-color: var(--primary);
    background-color: #3b3a4380;
    border-radius: 10px;
    flex-flow: row;
    width: 100%;
  }

  .hero-form-block {
    width: 100%;
    margin-bottom: 70px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .hero-book-now {
    width: 100%;
    min-width: 100%;
    max-width: 280px;
    height: 45px;
  }

  .hero-book-now:hover {
    width: 70%;
  }

  .hero-book-now.margin-bottom {
    height: 60px;
    margin-bottom: 40px;
  }

  .hero-book-now.margin-bottom.sobrepor {
    width: 190px;
    max-width: 160px;
    margin-left: 0;
  }

  .hero-book-now.outlinebtn {
    border-radius: 15px;
  }

  .select-field {
    color: var(--white);
  }

  .hero-select-adult-wrapper {
    border-bottom-style: none;
    border-right-style: none;
    width: 100%;
    min-width: 100px;
    max-width: 280px;
    height: 45px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .hero-select-room-wrapper {
    width: 100%;
    min-width: 100px;
    max-width: 280px;
    height: 45px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .hero-form {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .hero-select-children-wrapper {
    border-bottom-style: none;
    border-right-style: none;
    width: 100%;
    min-width: 100px;
    max-width: 280px;
    height: 45px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .wrapper-full {
    padding-left: 0;
    padding-right: 0;
  }

  .features-description {
    text-align: center;
  }

  .features-image-wrapper {
    min-width: 100%;
  }

  .features-text-wrapper {
    align-items: center;
    min-height: auto;
    max-height: 100%;
    padding: 40px 30px 60px;
  }

  .features-text-wrapper.reverse-gradient {
    max-height: 100%;
  }

  .features-text-wrapper.sobreporr {
    min-height: auto;
    padding-bottom: 60px;
  }

  .features-text-wrapper.sobrepor {
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    min-height: auto;
    max-height: 100%;
    padding-bottom: 100px;
  }

  .call-to-action-center {
    border-radius: 30px;
    padding: 20px;
  }

  .cta-title {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 0;
    font-size: 54px;
  }

  .cta-title.center {
    font-size: 70px;
  }

  .circle-black {
    margin-left: 15px;
    margin-right: 15px;
  }

  .blog-wrappers {
    min-width: 85%;
    max-width: 85%;
  }

  .blogs-flex-list {
    grid-template-columns: 1fr;
  }

  .blogs-card-link, .blogs-image-wrapper {
    min-width: 100%;
    max-width: 100%;
  }

  .blog-text-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .badge-text-wrapper {
    width: 100%;
    padding-right: 10px;
  }

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

  .nav-logo-show-on-tab.w--current {
    justify-content: center;
    align-items: center;
  }

  .about-us-image-long {
    min-width: 180px;
    max-width: 180px;
    min-height: 120px;
    max-height: 120px;
    display: none;
    bottom: -20%;
    left: 16%;
  }

  .about-us-long-paragraph {
    max-width: 100%;
    font-size: 40px;
  }

  .about-us-long-paragraph.mini {
    font-size: 30px;
  }

  .image-about-us {
    min-height: 400px;
    max-height: 400px;
  }

  .about-hero-half-wrapper {
    min-height: 480px;
    max-height: 480px;
    padding-left: 0;
    padding-right: 0;
  }

  .page-title {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 0;
    font-size: 54px;
  }

  .more-images {
    grid-column-gap: 15px;
    justify-content: center;
  }

  .single-image-half {
    min-width: 122px;
    max-width: 122px;
    max-height: 143px;
  }

  .more-images-wrapper {
    grid-row-gap: 15px;
  }

  .single-image-whole {
    min-width: 260px;
    max-width: 260px;
  }

  .rooms-single-title-wrapper {
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
  }

  .main-image {
    margin-top: 30px;
  }

  .single-room-title {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 0;
    font-size: 42px;
  }

  .h6-line-right-dark {
    display: none;
  }

  .logo-subheading-dark.mini {
    letter-spacing: 3px;
    font-size: 15px;
  }

  .logo-subheading {
    text-align: center;
    justify-content: center;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 15px;
    font-size: 16px;
  }

  .logo-subheading.reduce {
    letter-spacing: 3px;
  }

  .line-right-dark, .line-left-dark {
    width: 60px;
  }

  .blog-title-wrapper {
    min-width: 85%;
    max-width: 85%;
  }

  .restaurant-title-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .restaurant-content-wrapper {
    width: 100%;
    height: auto;
    margin-bottom: 85px;
  }

  .restaurant-image-wrapper {
    width: 90%;
    min-width: 90%;
    max-width: 90%;
    max-height: 240px;
  }

  .restaurant-small-image-wrapper {
    min-width: 90%;
    max-width: 90%;
    max-height: 240px;
    position: relative;
    top: 30px;
  }

  .restaurant-small-image-wrapper.mobilealt {
    max-height: 500px;
  }

  .restaurant-image-with-text-wrapper {
    min-width: 90%;
    max-width: 90%;
    max-height: 240px;
  }

  .chef-text-wrapper {
    max-width: 90%;
    margin-top: 30px;
  }

  .spa-title-wrapper {
    align-items: center;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0;
  }

  .spa-big-image-wrapper {
    width: 90%;
    min-width: 90%;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .spa-small-image-wrapper {
    min-width: 90%;
    max-width: 90%;
    margin-top: -90px;
    margin-left: auto;
    margin-right: auto;
    top: 150px;
  }

  .bar-title-wrapper {
    max-width: 320px;
  }

  .big-logo {
    min-width: 320px;
    max-width: 320px;
    min-height: 320px;
    max-height: 320px;
  }

  .price-wrapper {
    flex-direction: column;
    align-items: center;
    min-width: 100%;
    max-width: 100%;
    min-height: auto;
    max-height: none;
    padding-left: 0;
    display: flex;
    position: static;
  }

  .price-block {
    flex-direction: column;
  }

  .bedroom-details {
    padding-left: 0;
  }

  .chef-wrapper {
    min-width: 100%;
    max-width: 100%;
    top: 0;
  }

  .spa-content-wrapper {
    width: 100%;
  }

  .amenities-half-wrapper {
    min-height: 480px;
    max-height: 480px;
  }

  .middle-content-wrapper {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .image-middle-2 {
    min-height: 360px;
    max-height: 360px;
  }

  .middle-half-text-wrapper {
    width: 100%;
    top: 0;
  }

  .amenities-middle-image-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .image-middle-1 {
    min-height: 360px;
    max-height: 360px;
  }

  .middle-subtext-wrapper {
    flex-direction: column;
    align-items: center;
    top: 0;
    left: 0%;
  }

  .menu-wrapper {
    width: 100%;
  }

  .menu-half-small-wrapper {
    width: 80%;
    top: 150px;
  }

  .menu-flex-block {
    width: 100%;
    margin-bottom: 30px;
  }

  .bottom-grid-images {
    padding-left: 30px;
    padding-right: 30px;
  }

  .menu-background-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .align-center-on-mobile {
    align-self: center;
  }

  .blog-hero-half-wrapper, .rooms-hero-half-wrapper, .services-hero-half-wrapper, .contact-hero-half-wrapper, .utilities-hero-half-wrapper {
    min-height: 480px;
    max-height: 480px;
  }

  .services-title {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 0;
    font-size: 42px;
  }

  .services-subheading {
    font-size: 16px;
  }

  .main-nav-wrapper.position-relative {
    padding-top: 30%;
  }

  .nav-hero-logo-icon {
    object-fit: contain;
  }

  .hide-on-mobile {
    display: none;
  }

  .about-us-description {
    max-width: 300px;
  }

  .hero-half-title-wrapper {
    align-items: center;
    margin-top: 90px;
    padding-top: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .line-height-20px {
    line-height: 20px;
  }

  .footer-description {
    text-align: center;
  }

  .circle-black-footer {
    margin-left: auto;
    margin-right: auto;
  }

  .welcome-description {
    max-width: 100%;
  }

  .down-arrow-icon-show-on-tab {
    display: none;
    top: 27%;
    right: 20%;
  }

  .services-main-text-wrapper {
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
  }

  .services-main-image-wrapper {
    min-width: 100%;
    min-height: 320px;
    max-height: 320px;
  }

  .services-main-description {
    text-align: center;
  }

  .gallery-grid {
    grid-template-columns: .5fr;
  }

  .gallery-image-wrapper {
    width: 300px;
  }

  .gallery-lightbox {
    min-height: 400px;
  }

  .testimonial-client-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    align-self: center;
    align-items: center;
  }

  .testimonial-listing-wrapper {
    grid-template-columns: 1fr;
  }

  .testimonial-name {
    align-self: center;
  }

  .testimonial-card {
    flex-direction: column;
    justify-content: center;
    width: 90%;
    padding-bottom: 0;
  }

  .testimonial-card.border-right {
    border-right: 0 #0000;
  }

  .testimonial-card.border-bottom {
    border-bottom: 0 #0000;
  }

  .testimonial-card.border-bottom-right {
    border-bottom: 0 #0000;
    border-right: 0 #0000;
  }

  .testimonial-position {
    align-self: center;
  }

  .no-margin-top.center-on-mobile {
    text-align: center;
  }

  .testimonial-title-wrapper {
    min-width: 85%;
    max-width: 85%;
  }

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

  .social-media {
    margin-left: 0;
  }

  .div-block-3 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
  }
}

#w-node-d362727b-2f1b-f72d-0753-a2eec287b768-c96965db, #w-node-_3531647a-aacb-8a4b-dd5e-8483f6946e3a-c96965db, #w-node-_863f06cb-2900-d3da-efd8-0a2d1f9ae86d-c96965db, #w-node-_323e6e33-f796-4c58-2927-3ef2bc1da346-c96965db, #w-node-_1414891b-c968-6b85-6343-3f04a550ae55-c96965db, #w-node-_27b9c6b0-dcbb-8716-816f-fd1a6ed82869-c96965db, #w-node-_57ceca2a-5ef5-f46e-fd0e-b4edc2a9a298-c96965db, #w-node-eea914fa-3e6a-74af-ce0a-e5f60f2bea5d-c96965db, #w-node-db251fc3-507f-afa3-60d2-73168658b743-c96965db, #w-node-db251fc3-507f-afa3-60d2-73168658b747-c96965db, #w-node-db251fc3-507f-afa3-60d2-73168658b74e-c96965db, #w-node-db251fc3-507f-afa3-60d2-73168658b752-c96965db, #w-node-_30d505b2-fadb-a05e-707c-0389009d4d80-c96965e2, #w-node-a433c555-6d8c-4491-bbdf-70bdc8a45744-c96965e2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_30d505b2-fadb-a05e-707c-0389009d4dad-c96965e2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-d5d8ccd9-0532-10aa-6b11-da655e217d17-c96965e3, #w-node-_1e558cb6-695f-ac3c-14d6-10cc81d14015-c96965e3, #w-node-d5d8ccd9-0532-10aa-6b11-da655e217d01-c96965e3, #w-node-_9fc7bd06-66f2-c1bd-feef-1798e38db9d8-c96965e3, #w-node-_9fc7bd06-66f2-c1bd-feef-1798e38db9da-c96965e3, #w-node-_19a6b2a6-31c5-0848-43a6-aba43f62efd6-c96965e8, #w-node-_19a6b2a6-31c5-0848-43a6-aba43f62efdd-c96965e8, #w-node-_19a6b2a6-31c5-0848-43a6-aba43f62efde-c96965e8, #w-node-_19a6b2a6-31c5-0848-43a6-aba43f62efdf-c96965e8, #w-node-c01fa8f8-6004-8a72-37bb-039f8caa7eb8-c96965e8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_19a6b2a6-31c5-0848-43a6-aba43f62efee-c96965e8, #w-node-_19a6b2a6-31c5-0848-43a6-aba43f62efef-c96965e8, #w-node-_19a6b2a6-31c5-0848-43a6-aba43f62eff0-c96965e8, #w-node-_19a6b2a6-31c5-0848-43a6-aba43f62eff1-c96965e8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-ddbfea7f-0ebb-2995-2a8b-c2d36cccd99d-c96965eb, #w-node-_17ffc7ce-b9ab-3f0d-d515-5875c1676ec0-c96965eb, #w-node-e6149ec0-20d4-857e-e438-0137cc4aa6a3-c96965eb, #w-node-_76cc5535-6056-cbbe-fee1-607f99a05c32-c96965eb, #w-node-_28877e02-8b94-5746-7ec1-2dfea0774939-c96965eb, #w-node-f6e42b6b-62e7-135b-9bf2-04efc3b3c9cb-c96965ec, #w-node-f6e42b6b-62e7-135b-9bf2-04efc3b3c9ce-c96965ec, #w-node-f6e42b6b-62e7-135b-9bf2-04efc3b3c9d1-c96965ec, #w-node-f6e42b6b-62e7-135b-9bf2-04efc3b3c9d4-c96965ec, #w-node-f6e42b6b-62e7-135b-9bf2-04efc3b3c9d7-c96965ec, #w-node-f6e42b6b-62e7-135b-9bf2-04efc3b3c9da-c96965ec {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_30d505b2-fadb-a05e-707c-0389009d4dad-c96965e2, #w-node-d5d8ccd9-0532-10aa-6b11-da655e217d01-c96965e3 {
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_30d505b2-fadb-a05e-707c-0389009d4d80-c96965e2, #w-node-d5d8ccd9-0532-10aa-6b11-da655e217d01-c96965e3 {
    justify-self: center;
  }
}