@font-face {
  font-family: Inter;
  src: url('../fonts/Inter-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/Inter-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Copperplate;
  src: url('../fonts/copperplate-light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cormorantsc;
  src: url('../fonts/CormorantSC-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cormorantsc;
  src: url('../fonts/CormorantSC-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cormorantsc;
  src: url('../fonts/CormorantSC-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cormorantsc;
  src: url('../fonts/CormorantSC-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cormorantsc;
  src: url('../fonts/CormorantSC-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Butler;
  src: url('../fonts/Butler_Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Butler;
  src: url('../fonts/Butler_Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Butler;
  src: url('../fonts/Butler_Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --colors--body-bg: #fdf7f3;
  --font-family--font-secondary: Copperplate, "Times New Roman", sans-serif;
  --colors--primary-color: #030303;
  --font-family--font-primary: Cormorantsc, "Times New Roman", sans-serif;
  --spaces--space-medium: 10px;
  --spaces--space-xlarge: 75px;
  --spaces--space-large: 50px;
  --spaces--space-small: 80px;
  --spaces--space-xsmall: 120px;
  --colors--theme-white: #fcfcfc;
  --colors--secondary-color: #0e1825;
  --colors--accent: #033b2d;
  --green: #033b2d;
  --brown: #392a25;
  --color: white;
  --light-grey: #eee;
  --gole: var(--colors--primary-color);
}

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

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

@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 {
  background-color: var(--colors--body-bg);
  font-family: var(--font-family--font-secondary);
  color: var(--colors--primary-color);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

h1 {
  font-family: var(--font-family--font-primary);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 500;
  line-height: 1.21;
}

h2 {
  font-family: var(--font-family--font-primary);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.25;
}

h3 {
  font-family: var(--font-family--font-primary);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.25;
}

h4 {
  font-family: var(--font-family--font-primary);
  color: var(--colors--primary-color);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--colors--primary-color);
  text-decoration: none;
}

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

blockquote {
  text-align: center;
  background-color: #cba1531a;
  background-image: url('../images/comma-2.svg');
  background-position: 50% 83px;
  background-repeat: no-repeat;
  background-size: auto;
  border-left: 0 solid #000;
  border-radius: 16px;
  margin-bottom: 0;
  padding: 187px 100px 83px;
  font-size: 20px;
  line-height: 1.5;
}

.color-code {
  color: #070707;
  font-size: 18px;
  line-height: 1.667;
}

.section-heading {
  color: #060614;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
}

.style-guide-icon-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: flex-start center;
  padding-top: 100px;
  padding-left: 40px;
  padding-right: 40px;
  display: grid;
}

.container-default {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1800px;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.container-default.full-height {
  height: 100%;
  display: block;
}

.container-default.password-protected {
  background-color: #cba1531a;
  border: 1px solid #03030340;
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.container-default.galcon {
  margin-bottom: -69px;
  display: block;
}

.container-default.mobcon, .container-default.mobkey {
  display: none;
}

.container-default.explore {
  margin-top: 50px;
  margin-bottom: -100px;
}

.typography-details-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  align-items: stretch;
  padding-top: 100px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.color-heading {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.667;
}

.style-guide-icon-wrapper {
  padding-top: 100px;
}

.typography-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.color-card {
  background-color: #d5b47526;
  border-radius: 5px;
  padding: 5px;
}

.style-guide-icon {
  width: 25px;
}

.section-gap {
  padding-top: var(--spaces--space-medium);
  padding-bottom: var(--spaces--space-medium);
  background-color: #eee;
  display: block;
}

.color-block {
  background-color: var(--colors--primary-color);
  min-height: 100px;
}

.color-block.section-bg {
  background-color: var(--colors--body-bg);
}

.color-block.paragraph-color {
  background-color: var(--colors--theme-white);
}

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

.color-block.neutral-three {
  background-color: var(--colors--accent);
}

.style-guide-sidebar {
  width: 25%;
  height: 100%;
  min-height: 98px;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: sticky;
  top: 50px;
}

.subtitle {
  text-transform: uppercase;
  margin-bottom: 24px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
}

.subtitle.accommodation-us-subtitle {
  color: var(--colors--theme-white);
  text-align: center;
}

.subtitle.facilities-subtitle {
  color: var(--colors--theme-white);
}

.subtitle.cta-form-subtitle {
  margin-bottom: 10px;
}

.subtitle.click {
  font-size: 14px;
  font-weight: 300;
}

.subtitle.deluxe {
  margin-bottom: 0;
}

.typography-details {
  font-weight: 400;
}

.style-guide-button-wrapper {
  padding-top: 100px;
}

.heading-style-h4 {
  font-family: var(--font-family--font-primary);
  color: #060614;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.heading-style-h4.team-title {
  text-align: center;
}

.heading-style-h4.room-facilities-icon-box-title {
  margin-bottom: 20px;
}

.style-guide-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.typography-wrapper {
  padding-top: 100px;
}

.style-menu-link-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 220px;
  margin-top: 0;
  display: flex;
}

.heading-style-h2 {
  font-family: var(--font-family--font-primary);
  font-size: 48px;
  font-weight: 500;
  line-height: 1.25;
}

.color-details-block {
  padding: 5px 10px;
}

.style-guide-details {
  width: 75%;
  margin-left: auto;
  padding-top: 0;
}

.style-guide-link {
  color: #060614;
  border-bottom: 1px solid #4f4f4f33;
  padding: 10px 5px 10px 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.667;
  text-decoration: none;
  transition: color .3s, background-color .3s;
}

.style-guide-link:hover {
  background-color: var(--colors--accent);
  color: var(--colors--primary-color);
}

.style-guide-link.w--current {
  background-color: var(--colors--accent);
  color: var(--colors--primary-color);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.heading-style-h3 {
  font-family: var(--font-family--font-primary);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.25;
}

.heading-style-h3.footer-list-title {
  color: var(--colors--theme-white);
  margin-bottom: 20px;
}

.heading-style-h3.room-information-title {
  margin-bottom: 24px;
}

.heading-style-h3.room-information-title.mobileroomname {
  font-weight: 400;
}

.style-guide-header-wrapper {
  background-color: var(--colors--accent);
}

.button-text {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  transition: all .2s;
  position: relative;
}

.style-guide-button-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #d5b4750d;
  flex-flow: column;
  align-items: flex-start;
  padding: 100px 40px 50px;
  display: flex;
}

.color-details-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 100px 20px 60px;
  display: grid;
}

.style-guide-inner-title {
  border-top: 1px solid var(--colors--primary-color);
  border-bottom: 1px solid var(--colors--primary-color);
  padding-top: 25px;
  padding-bottom: 25px;
}

.main-wrapper.kdf {
  margin-top: 0;
}

.footer {
  background-color: var(--green);
  color: var(--green);
  position: relative;
}

.nav-link {
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  transition: color .3s;
  display: inline-block;
}

.nav-link:where(.w-variant-a56bc8b5-5201-425b-1397-78ed27628d2b) {
  color: var(--colors--theme-white);
}

.nav-link.w--current {
  color: var(--colors--primary-color);
  text-decoration: underline;
}

.nav-link.home-one-18, .nav-link.home-one-20, .nav-link.home-one-22, .nav-link.home-one-24, .nav-link.home-one-26, .nav-link.home-one-71, .nav-link.home-one-73 {
  color: var(--colors--theme-white);
}

.header {
  z-index: 99;
  padding: 42px 100px 25px;
  display: block;
  position: relative;
}

.header:where(.w-variant-a56bc8b5-5201-425b-1397-78ed27628d2b), .header.moobhead.home-one {
  opacity: 1;
  background-color: #fff0;
  background-image: none;
  width: 100%;
  position: absolute;
  top: 0;
}

.header.moobhead.home-one.small {
  background-image: none;
  height: 150%;
}

.header.moobhead.kjk {
  padding-top: 20px;
  padding-bottom: 40px;
}

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

.nav-menu-list {
  z-index: 1;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.nav-menu-list.hide-in-tablet {
  margin-top: 0;
}

.brand-logo-link {
  z-index: 3;
  max-width: 113px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
}

.nav-dropdown-toggle {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  font-size: 16px;
  line-height: 1.5;
  transition: background-color .3s, color .3s;
  display: flex;
}

.nav-dropdown-toggle:where(.w-variant-a56bc8b5-5201-425b-1397-78ed27628d2b) {
  color: var(--colors--theme-white);
}

.nav-dropdown-toggle.w--current {
  color: #2490eb;
}

.nav-dropdown-toggle.home-one-12, .nav-dropdown-toggle.home-one-29, .nav-dropdown-toggle.home-one-57 {
  color: var(--colors--theme-white);
}

.nav-dropdown-column {
  min-width: 165px;
}

.nav-dropdown-list {
  z-index: 10;
  background-color: #0000;
  min-width: 220px;
  padding-top: 20px;
}

.nav-dropdown-list.mega-menu {
  left: -180px;
}

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

.nav-dropdown-link-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: 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;
}

.nav-dropdown-icon {
  margin: -3px 0 0;
  display: flex;
  position: static;
}

.nav-dropdown-icon:where(.w-variant-a56bc8b5-5201-425b-1397-78ed27628d2b), .nav-dropdown-icon.home-one-30, .nav-dropdown-icon.home-one-58 {
  margin-top: 0;
}

.nav-dropdown-link {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #141414;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  line-height: 1.6;
  text-decoration: none;
  transition: transform .3s, color .3s;
}

.nav-dropdown-link:hover {
  transform: translate(10px);
}

.nav-dropdown-link.w--current {
  text-decoration: underline;
}

.hamburger-menu {
  border: 1px solid var(--colors--accent);
  background-color: var(--colors--accent);
  color: var(--colors--primary-color);
  border-radius: 5px;
  padding: 12px;
}

.hamburger-menu.w--open, .nav-menu-wrapper {
  background-color: #0000;
}

.header-right-side {
  z-index: 3;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.nav-list-item {
  margin-bottom: 0;
}

.nav-list-item.show-in-tablet {
  display: none;
}

.nav-dropdown-flex {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--colors--primary-color);
  background-color: #fff;
  border-radius: 8px;
  justify-content: space-around;
  padding: 25px;
  display: flex;
  box-shadow: 0 4px 16px #0000001a;
}

.nav-dropdown-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--colors--primary-color);
  background-color: #fff;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px 20px;
  display: flex;
  box-shadow: 0 4px 16px #0000001a;
}

.nav-content-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  padding-top: 5px;
  display: flex;
}

.nav-content-wrapper:where(.w-variant-a56bc8b5-5201-425b-1397-78ed27628d2b), .nav-content-wrapper.home-one-4 {
  padding-left: 60px;
  padding-right: 60px;
}

.nav-heading {
  color: #050b1b;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

.footer-top {
  padding-top: var(--spaces--space-medium);
  padding-bottom: var(--spaces--space-medium);
}

.footer-bottom {
  border-top: 1px solid #fcfcfc33;
  justify-content: space-between;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.footer-content-wrapper {
  z-index: 3;
  color: var(--green);
  position: relative;
}

.footer-bg {
  position: absolute;
  inset: 0%;
}

.footer-bg-video {
  z-index: 2;
  width: 100%;
  height: 100%;
}

.footer-bg-overlay {
  z-index: 2;
  background-color: #54584c;
  position: absolute;
  inset: 0%;
}

.footer-top-columns-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-top: 40px;
  display: flex;
}

.footer-logo-column {
  flex-flow: column;
  max-width: 30%;
  display: flex;
}

.footer-brand-logo {
  max-width: 113px;
}

.text-medium {
  font-size: 18px;
}

.text-medium.footer-logo-text {
  color: var(--colors--theme-white);
  margin-top: 15px;
  margin-bottom: 15px;
}

.text-medium.button-text {
  font-weight: 300;
}

.text-medium.room-info-text {
  font-size: 16px;
}

.footer-list-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.footer-list-item {
  color: var(--colors--theme-white);
  font-size: 16px;
  font-weight: 300;
  transition: color .3s;
}

.footer-list-item:hover {
  color: var(--colors--accent);
}

.footer-list-item.w--current {
  font-weight: 300;
}

.footer-bottom-text {
  color: var(--colors--theme-white);
  margin-bottom: 0;
  font-size: 16px;
}

.footer-bottom-link {
  color: var(--colors--theme-white);
  transition: color .3s;
}

.footer-bottom-link:hover {
  color: var(--colors--accent);
}

.footer-social-list-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  margin-top: auto;
  display: flex;
}

.footer-social-item {
  border: 1px solid var(--colors--theme-white);
  color: var(--colors--theme-white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  transition: background-color .3s, border-color .3s, color .3s;
  display: flex;
}

.footer-social-item:hover {
  border-color: var(--colors--accent);
  background-color: var(--colors--accent);
  color: var(--colors--primary-color);
}

.text-small {
  margin-bottom: 0;
  font-size: 16px;
}

.text-small.author-role {
  color: var(--colors--theme-white);
}

.text-small.team-member-role {
  text-align: center;
}

.page-hero {
  padding-top: 50px;
  padding-bottom: 50px;
}

.page-hero.villeheading {
  padding-bottom: 0;
}

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

.page-hero-title {
  text-align: center;
  max-width: 1110px;
  font-weight: 300;
}

.section-gap-bottom {
  padding-bottom: var(--spaces--space-medium);
  background-color: #eee;
  margin-top: 0;
  margin-bottom: 60px;
}

.section-gap-bottom.villavideo {
  margin-top: 20px;
}

.section-gap-bottom.oi, .section-gap-bottom.roombottom, .section-gap-bottom.roombottom.mob {
  margin-bottom: 0;
}

.section-gap-bottom.explore {
  padding-top: 20px;
}

.changelog-release-text {
  color: var(--colors--theme-white);
  text-align: center;
}

.initial-release {
  background-color: var(--colors--theme-white);
  text-align: center;
  border-radius: 30px;
  padding: 10px 20px;
}

.changelog-info-card-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.release-date {
  color: var(--colors--theme-white);
  line-height: 1.5;
}

.changelog-info-card {
  background-color: var(--colors--secondary-color);
  border-radius: 15px;
  padding: 40px 70px;
}

.released-date-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.utility-page-card-title {
  text-align: center;
}

.utility-page-card-title.changelog-card-title {
  color: #fff;
}

.license-info-card-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  margin-top: 50px;
  display: grid;
}

.read-more-link {
  cursor: pointer;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  transition-property: color;
  transition-duration: .3s;
}

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

.page-heading-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.license-summary {
  margin-top: 0;
  margin-bottom: 20px;
}

.license-details-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.license-heading-wrap {
  background-color: var(--colors--accent);
  padding-top: 20px;
  padding-bottom: 20px;
}

.utility-page-hint {
  text-align: center;
}

.license-info-card {
  border: 1px solid var(--colors--primary-color);
  border-radius: 16px;
  overflow: hidden;
}

.page-intro-wrap {
  text-align: center;
}

.page-intro-wrap.license-intro-max-width {
  max-width: 700px;
}

.home-hero {
  height: 740px;
  margin-top: 0;
  display: block;
  position: relative;
}

.home-hero-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.home-hero-top-content {
  font-family: var(--font-family--font-primary);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 141px;
  font-weight: 300;
  display: flex;
}

.hero-booking-form-wrapper {
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  background-color: #fcfcfc1a;
  border-radius: 16px;
  margin-top: auto;
  padding: 24px;
}

.home-hero-content-wrapper {
  height: 100%;
  padding-top: 120px;
  padding-bottom: 25px;
  display: flex;
  position: relative;
}

.home-hero-bg-wrapper {
  display: block;
  position: absolute;
  inset: 0%;
}

.home-hero-video-bg {
  height: 100%;
}

.home-hero-overlay {
  opacity: .15;
  background-image: linear-gradient(#00000078, #00000078);
  margin-top: -25px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.home-hero-star-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.horo-star-text {
  color: var(--colors--theme-white);
}

.home-hero-title {
  color: var(--colors--theme-white);
  text-align: center;
  margin-top: 15px;
  margin-bottom: 30px;
  font-weight: 400;
  display: none;
}

.home-hero-title.mobile {
  text-transform: uppercase;
  margin-top: 0;
}

.primary-button {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  border: 1px solid var(--colors--accent);
  background-color: var(--colors--accent);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 4px 4px 19px;
  display: inline-flex;
}

.primary-button.style-two {
  border-color: var(--colors--primary-color);
  background-color: var(--colors--theme-white);
  margin-top: 0;
}

.primary-button.style-two:hover {
  mix-blend-mode: normal;
}

.primary-button.style-two.button2 {
  margin-top: 87px;
}

.primary-button.style-two.lowbutton {
  margin-top: 100px;
}

.primary-button.cta-button {
  border-color: var(--colors--theme-white);
  color: var(--colors--theme-white);
  background-color: #0000;
}

.primary-button-icon {
  filter: invert();
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-icon-wrapper {
  background-color: var(--green);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 46px;
  display: flex;
}

.button-icon-wrapper:hover {
  opacity: .54;
}

.button-icon-wrapper.cta-button-icon {
  color: var(--colors--primary-color);
}

.hero-booking-form-block {
  margin-bottom: 0;
}

.hero-booking-form {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.booking-form-field {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--colors--theme-white);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--colors--theme-white);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--colors--theme-white);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--colors--theme-white);
  color: var(--colors--theme-white);
  background-color: #0000;
  background-position-x: calc(100% - 15px);
  border-radius: 8px;
  height: 56px;
  margin-bottom: 0;
  padding: 12px 15px 12px 20px;
  font-size: 18px;
  line-height: 1.5;
}

.booking-form-field:focus {
  border-color: #fcfcfc80;
}

.booking-form-field::placeholder {
  color: var(--colors--theme-white);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

.booking-form-field.date-field {
  background-image: url('../images/calendar-02.svg');
  background-position: calc(100% - 15px);
  background-repeat: no-repeat;
  background-size: auto;
}

.booking-form-field.select-field {
  -webkit-appearance: none;
  appearance: none;
  background-image: url('../images/arrow-down-01.svg');
  background-position: calc(100% - 15px);
  background-repeat: no-repeat;
  background-size: auto;
}

.form-submit-button {
  background-color: var(--colors--accent);
  color: var(--colors--primary-color);
  border: 1px solid #0000;
  border-radius: 8px;
  width: 100%;
  height: 56px;
  padding: 5px 20px;
  transition: border-color .3s, background-color .3s;
}

.form-submit-button:hover {
  border-color: var(--colors--accent);
  background-color: var(--colors--theme-white);
}

.form-submit-button.rounded-button {
  background-color: var(--brown);
  color: var(--color);
  text-align: center;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-submit-button.contact-form-button {
  width: auto;
}

.about-us-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 2.25fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  height: 801px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: grid;
}

.about-content-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 50px;
  display: block;
}

.content-grid-image-wrapper {
  border-radius: 16px;
  min-width: 500px;
  overflow: hidden;
}

.content-grid-image {
  object-fit: cover;
  border-radius: 20px;
  width: 550px;
  height: 550px;
  display: block;
}

.accommodation-us-section-title {
  color: var(--colors--theme-white);
  text-align: center;
  max-width: 600px;
}

.about-us-content {
  margin-top: 24px;
  margin-bottom: 40px;
  font-size: 18px;
  font-weight: 300;
}

.accommodation-section {
  background-color: var(--colors--secondary-color);
}

.section-top-wrapper {
  margin-bottom: 40px;
}

.section-top-wrapper.align-center {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 99px;
  display: flex;
}

.section-top-wrapper.align-center.allbut {
  margin-top: 0;
  margin-bottom: 0;
}

.section-top-wrapper.align-center.allbut.gallerbutton {
  margin-top: 100px;
}

.section-top-wrapper.align-center.allbut.pew {
  margin-top: 87px;
}

.section-top-wrapper.align-center.homemain {
  margin-top: 75px;
  margin-bottom: 75px;
}

.section-top-wrapper.with-button {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.section-top-wrapper.with-button.mdowsd {
  display: block;
}

.section-top-wrapper.accommodation-secton-top {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  place-items: end start;
  display: grid;
}

.accommodation-items-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.accommodation-item {
  border: 1px solid var(--colors--theme-white);
  border-radius: 16px;
  padding: 9px;
}

.accommodation-item.style-two {
  border-color: var(--colors--primary-color);
}

.accommodation-item-inner-block {
  background-image: url('../images/Accomodation-BG-4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  height: 240px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.accommodation-item-inner-block.item-two {
  background-image: url('../images/Accomodation-BG-3.jpg');
}

.accommodation-item-inner-block.item-four {
  background-image: url('../images/Accomodation-BG-1.jpg');
}

.accommodation-item-inner-block.item-three {
  background-image: url('../images/Accomodation-BG-2.jpg');
}

.accommodation-title {
  color: var(--colors--theme-white);
  text-align: center;
  position: relative;
}

.accommodation-item-overlay {
  transform-origin: 50% 100%;
  background-color: #03030399;
  position: absolute;
  inset: 0%;
}

.about-us-title {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 400;
}

.rooms-section {
  position: relative;
}

.rooms-section.roomgallery, .rooms-section.roomgallery.gallerys {
  margin-top: 140px;
}

.rooms-section-title {
  font-weight: 300;
}

.section-top-left-content {
  display: block;
}

.rooms-items-wrapper {
  position: sticky;
  top: 50px;
}

.rooms-collection-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.room-thumbnail-wrapper {
  border-radius: 16px;
  width: 100%;
  margin-bottom: 20px;
  display: block;
  position: relative;
  overflow: hidden;
}

.room-thumbnail-image {
  border-radius: 4px;
  width: 100%;
}

.room-thumbnail-image:hover, .room-thumbnail-image.mob:hover {
  opacity: .8;
}

.thumbnail-cursor-wrapper {
  background-image: linear-gradient(180deg, #fcfcfc00, #0303031a 60%, var(--colors--primary-color));
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.thumbnail-cursor {
  background-color: var(--colors--theme-white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 84px;
  height: 84px;
  display: flex;
}

.rooms-card-price-wrapper {
  background-image: url('../images/Price-BG.png');
  background-position: 0 0;
  background-size: 100% 100%;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 15px 4px 33px;
  display: flex;
  position: absolute;
  bottom: 30px;
  right: 30px;
}

.rooms-card-info-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: left;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
  display: block;
}

.rooms-card-title-block {
  min-height: 20px;
}

.rooms-card-title-block:hover {
  text-decoration: underline;
}

.rooms-info-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.rooms-info-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cursor-movement-block {
  z-index: 3;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.facilities-section-title {
  text-align: center;
  margin-bottom: 24px;
  font-weight: 400;
}

.facilities-section-top-text {
  text-align: center;
  max-width: 650px;
  font-size: 18px;
  font-weight: 300;
}

.facilities-items-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.facilities-item {
  background-color: var(--colors--secondary-color);
  border-radius: 16px;
  padding: 40px;
}

.facilities-item.style-two {
  background-color: var(--colors--theme-white);
  position: sticky;
  top: 20px;
}

.facilities-item.style-three {
  background-color: var(--colors--theme-white);
  flex: none;
  width: 50%;
}

.facilities-item-title {
  color: var(--colors--theme-white);
  margin-top: 24px;
  margin-bottom: 48px;
}

.facilities-item-title.color-black {
  color: var(--colors--primary-color);
}

.facilities-item-text {
  color: var(--colors--theme-white);
}

.facilities-item-text.color-black {
  color: var(--colors--primary-color);
}

.video-cta-video {
  height: 500px;
}

.extra-facilities-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.extra-facilities-text {
  margin-top: 24px;
  margin-bottom: 40px;
}

.extra-facilities-points-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.extra-facilities-point {
  background-image: url('../images/Tick-Icon.svg');
  background-position: 0 3px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 34px;
}

.play-pause-button {
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.play-icon {
  width: 83px;
}

.testimonial-section {
  overflow: hidden;
}

.testimonial-slider {
  background-color: #0000;
  height: 100%;
}

.testimonial-slider-mask {
  width: 60%;
  overflow: visible;
}

.hidden {
  display: none;
}

.testimonial-slide-content-wrapper {
  background-color: var(--colors--secondary-color);
  border-radius: 16px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 40px 50px;
}

.testimonial-text {
  color: var(--colors--theme-white);
  margin-top: 28px;
  margin-bottom: 48px;
}

.testimonial-bottom-block {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.testimonial-bottom-block.style-two {
  width: 100%;
  margin-top: auto;
}

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

.testimonial-author-avatar {
  border-radius: 50%;
  width: 54px;
  height: 54px;
}

.author-name {
  font-family: var(--font-family--font-primary);
  color: var(--colors--theme-white);
  font-weight: 500;
}

.author-name.color-black {
  color: var(--colors--primary-color);
}

.testimonial-arrow-wrapper {
  border: 1px solid var(--colors--primary-color);
  color: var(--colors--primary-color);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-top: 0;
  margin-bottom: 0;
  transition: background-color .3s, color .3s;
  display: flex;
  top: -90px;
}

.testimonial-arrow-wrapper:hover {
  background-color: var(--colors--secondary-color);
  color: var(--colors--theme-white);
}

.testimonial-arrow-wrapper.left-arrow {
  left: calc(100% - 110px);
}

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

.gallery-section-title {
  text-align: center;
}

.gallery-grid-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.gallery-grid-row.even-item {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr .8fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.gallery-grid-row.even-item._3gal {
  grid-template-columns: 1.2fr .8fr .75fr;
}

.gallery-grid-row.even-item.gal4 {
  grid-template-columns: 1fr 1fr 1fr;
}

.gallery-grid-row.even-item.gal5 {
  grid-template-columns: .95fr .8fr 1fr;
}

.gallery-grid-row.odd-item {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1.2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.gallery-grid-image {
  object-fit: cover;
  border-radius: 14px;
  width: 100%;
  height: 100%;
}

.gallery-grid-image:hover {
  opacity: .75;
}

.gallery-grid-image-wrapper {
  border-radius: 16px;
  overflow: hidden;
}

.blog-collection-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-thumbnail-wrapper {
  border-radius: 16px;
  display: block;
  position: relative;
  overflow: hidden;
}

.blog-thumbnail-image {
  width: 100%;
}

.blog-cursor-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-card-meta-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 24px;
  display: flex;
}

.blog-card-meta-item:hover {
  text-decoration: underline;
}

.blog-card-title {
  display: block;
}

.blog-card-title:hover {
  text-decoration: underline;
}

.team-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-image-wrapper {
  border-radius: 16px;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}

.team-image {
  width: 100%;
}

.team-content-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.team-social-list-wrapper {
  background-image: linear-gradient(180deg, #fff0, var(--colors--primary-color));
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 40px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.team-social-list {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.team-social-item {
  border: 1px solid var(--colors--theme-white);
  color: var(--colors--theme-white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: background-color .3s, border-color .3s;
  display: flex;
}

.team-social-item:hover {
  border-color: var(--colors--accent);
  background-color: var(--colors--accent);
}

.team-social-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-hero-v2 {
  padding-top: 71px;
  padding-bottom: 100px;
}

.home-hero-v2-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  display: flex;
}

.home-hero-v2-content-wrapper {
  width: 55%;
}

.home-hero-v2-image-wrapper {
  border-radius: 16px;
  width: 45%;
  position: relative;
  overflow: hidden;
}

.home-hero-v2-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.home-hero-v2-title {
  font-size: 65px;
  line-height: 1.2;
  display: inline;
}

.text-video {
  z-index: 2;
  border-radius: 50px;
  width: 120px;
  height: 50px;
  display: inline-block;
}

.text-video-wrapper {
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: 15px;
  margin-right: 15px;
  display: inline-flex;
  overflow: hidden;
}

.home-hero-title-wrapper {
  margin-top: 15px;
  margin-bottom: 23px;
}

.home-hero-v2-text {
  margin-bottom: 40px;
}

.home-hero-content-bottom {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 50px;
  display: flex;
}

.home-hero-thumbnails-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.home-hero-thumbnail-item {
  border: 1px solid var(--colors--secondary-color);
  border-radius: 8px;
  width: 80px;
  height: 80px;
  padding: 4px;
}

.home-hero-thumbnail-image {
  border-radius: 4px;
}

.hero-bottom-text-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.logo-marquee-section {
  overflow: hidden;
}

.logo-marquee-wrapper {
  border: 1px solid #979797;
  border-right-color: #97979780;
  display: flex;
}

.logo-marquee-block {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logo-marquee-item {
  border-right: 1px solid #97979780;
  justify-content: center;
  align-items: center;
  height: 140px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.logo-marquee-image {
  width: 140px;
}

.accommodation-section-title-v2 {
  text-align: center;
  max-width: 500px;
}

.accommodation-thumbnails-wrapper {
  background-color: var(--colors--secondary-color);
  overflow: hidden;
}

.scrolling-thumbnail-inner-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 650px;
  display: flex;
  transform: rotate(-10deg);
}

.scrolling-thumbnail-item {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.accommodation-thumbnail {
  border-radius: 16px;
  flex: none;
  width: 40vw;
}

.rooms-section-title-v2 {
  text-align: center;
}

.rooms-collection-list-v2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.rooms-collection-item-v2 {
  flex: none;
  max-width: 50%;
}

.rooms-scroll-block {
  min-height: 200vh;
  position: relative;
}

.accomodation-button-wrapper {
  justify-content: center;
  align-items: center;
  margin-top: 48px;
  display: flex;
}

.testimonial-left-image-block {
  background-image: url('../images/Testimonial-Left-Image.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
}

.testimonial-items-wrapper {
  border-style: solid;
  border-width: 1px 1px 1px 0;
  border-color: var(--colors--secondary-color);
  border-radius: 0 16px 16px 0;
  width: 60%;
  height: 500px;
  padding: 30px;
  overflow: hidden;
}

.testimonial-slider-wrapper-v2 {
  border-radius: 16px;
  display: flex;
  overflow: hidden;
}

.testimonial-item-content-wrapper {
  background-color: #cba1531a;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 415px;
  margin-bottom: 30px;
  padding: 30px;
  display: flex;
}

.testimonial-item-text {
  margin-top: 18px;
  margin-bottom: 40px;
}

.testimonial-item-moving-block {
  flex-flow: column;
  display: flex;
}

.hotel-facilities-v2-section {
  background-color: var(--colors--secondary-color);
}

.hotel-facilities-wrapper-v2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.hotel-facilities-left-block {
  width: 45%;
}

.hotel-facilities-image-wrapper {
  border-radius: 16px;
  width: 55%;
  position: sticky;
  top: 20px;
  overflow: hidden;
}

.hotel-facilities-image {
  width: 100%;
}

.facilities-title {
  color: var(--colors--theme-white);
  margin-bottom: 40px;
}

.hotel-facilities-sticky-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.footer-top-cta {
  margin-bottom: var(--spaces--space-medium);
  background-image: linear-gradient(90deg, var(--colors--primary-color), #fff0), url('../images/Footer-Cta-Banner.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.footer-cta-wrapper {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cta-content-block, .cta-form-wrapper {
  width: 50%;
}

.cta-text {
  color: var(--colors--theme-white);
  margin-top: 20px;
  margin-bottom: 40px;
}

.cta-title {
  color: var(--colors--theme-white);
}

.cta-form-block {
  background-color: var(--colors--theme-white);
  border-radius: 16px;
  margin-bottom: 0;
  padding: 35px;
}

.cta-form-title {
  margin-bottom: 40px;
}

.cta-form-field {
  border: 1px solid var(--colors--primary-color);
  background-color: var(--colors--theme-white);
  color: var(--colors--primary-color);
  border-radius: 8px;
  height: 56px;
  margin-bottom: 0;
  padding: 12px 26px;
  font-size: 18px;
  line-height: 30px;
}

.cta-form-field:focus {
  border-color: #03030333;
}

.cta-form-field::placeholder {
  color: var(--colors--primary-color);
  font-size: 18px;
  line-height: 30px;
}

.cta-form-field.date-field {
  background-image: url('../images/calendar-02_1.svg');
  background-position: calc(100% - 26px);
  background-repeat: no-repeat;
  background-size: auto;
}

.cta-form-field.select-field {
  -webkit-appearance: none;
  appearance: none;
  background-image: url('../images/Vector.svg');
  background-position: calc(100% - 33px);
  background-repeat: no-repeat;
  background-size: auto;
}

.cta-forms-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.hotel-facilities-title {
  color: var(--colors--theme-white);
}

.hotel-facilities-items-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.hotel-facilities-scroll-block {
  height: 200vh;
  position: relative;
}

.hotel-facilities-sticky-wrapper {
  position: sticky;
  top: 60px;
  overflow: hidden;
}

.about-us-images-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.about-us-image {
  border-radius: 16px;
  position: relative;
}

.about-us-image.item-one {
  z-index: 1;
}

.about-us-image.item-two {
  z-index: 2;
}

.about-us-image.item-three {
  z-index: 3;
}

.about-images-inner-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: grid;
}

.about-images-bottom-wrapper {
  text-align: center;
}

.about-us-text {
  display: inline;
}

.post-main-image-wrapper {
  border-radius: 16px;
  margin-bottom: 40px;
  overflow: hidden;
}

.post-main-image {
  width: 100%;
}

.blog-meta-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #cba1531a;
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding: 40px 62px;
  display: flex;
}

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

.blog-meta-icon-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #d5b475;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  padding: 6px 20px;
  display: flex;
}

.post-details-content {
  margin-bottom: 10px;
  font-size: 17px;
}

.post-details-content h3 {
  margin-top: 0;
}

.post-details-content p {
  margin-top: 24px;
}

.post-details-content ul {
  margin-top: 24px;
  margin-bottom: 20px;
}

.post-details-content blockquote, .blog-gallery-wrapper {
  margin-top: 40px;
}

.blog-gallery-collection-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-gallery-image {
  border-radius: 16px;
  width: 100%;
}

.rooms-details-content-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.room-details-left-block {
  width: 60%;
}

.room-details-right-block {
  background-color: #dac0910a;
  border: 1px solid #03030340;
  border-radius: 8px;
  width: 40%;
  margin-top: 40px;
  padding: 33px;
  position: sticky;
  top: 25px;
}

.rooms-main-image-wrapper {
  border-radius: 16px;
  overflow: hidden;
}

.room-facilities-icon-boxes {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 10px;
  margin-bottom: 40px;
  display: grid;
}

.room-facilities-icon-boxes.allcom {
  margin-bottom: 30px;
}

.room-facilities-icon-box {
  background-color: #9c9a9514;
  border: 1px solid #03030340;
  border-radius: 8px;
  padding: 30px;
}

.room-facilities-icon-box:hover {
  opacity: 1;
}

.room-facilities-icon-box.allcom {
  padding: 10px;
}

.room-facilities-icon {
  margin-bottom: 24px;
}

.room-info-grid {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-bottom: 1px solid #03030340;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 30px;
  padding-bottom: 30px;
  display: grid;
}

.room-price-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.contact-us-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-us-left-block {
  width: 60%;
}

.contact-us-right-block {
  border-radius: 16px;
  width: 40%;
  overflow: hidden;
}

.contact-us-section-title {
  margin-bottom: 30px;
}

.contact-form-fields-row {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 35px;
  display: grid;
}

.contact-form-field {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: black black var(--colors--primary-color);
  color: var(--colors--primary-color);
  background-color: #0000;
  height: 45px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 18px;
  line-height: 1.5;
}

.contact-form-field:focus {
  border-width: 0 0 1px;
  border-color: black black var(--colors--primary-color);
}

.contact-form-field::placeholder {
  color: var(--colors--primary-color);
  font-size: 16px;
}

.contact-form-field.message-field {
  height: 115px;
}

.contact-form-field.password-protected {
  margin-bottom: 30px;
  font-size: 16px;
}

.contact-message-fields-wrapper {
  margin-bottom: 40px;
}

.map-image-wrapper {
  border-radius: 16px;
  overflow: hidden;
}

.contact-map-image {
  width: 100%;
}

.contact-map-section-title {
  text-align: center;
  max-width: 600px;
}

.faq-title {
  margin-bottom: 40px;
}

.faq-items-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.faq-item {
  border-bottom: 1px solid var(--colors--primary-color);
  cursor: pointer;
  padding-bottom: 30px;
}

.faq-item-header {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.faq-icon-block {
  border: 1px solid var(--colors--primary-color);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: relative;
}

.faq-icon-horizontal {
  background-color: var(--colors--primary-color);
  width: 14px;
  height: 2px;
}

.faq-icon-vertical {
  background-color: var(--colors--primary-color);
  width: 2px;
  height: 14px;
  position: absolute;
}

.faq-body {
  overflow: hidden;
}

.faq-content {
  margin-top: 24px;
}

.faq-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
  overflow: hidden;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.utility-page-content.password-protected {
  background-color: #cba1531a;
}

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

.not-found-video-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.not-found-title {
  background-color: var(--colors--theme-white);
  font-family: var(--font-family--font-secondary);
  mix-blend-mode: lighten;
  font-size: 250px;
  font-weight: 700;
}

.not-found-video {
  height: 95%;
  position: absolute;
  inset: 2% 0% 0%;
}

.utility-page {
  background-color: var(--colors--theme-white);
}

.not-found-text {
  max-width: 618px;
  margin-top: 24px;
  margin-bottom: 40px;
}

.password-protected-text {
  text-align: center;
  max-width: 505px;
}

.password-protected-title-wrapper {
  margin-bottom: 40px;
}

.password-protect-title {
  text-align: center;
  margin-bottom: 24px;
}

.protected-page-logo-wrapper {
  width: 138px;
  margin-bottom: 40px;
}

.room-scroll-block-inner {
  overflow: hidden;
}

.landing-page-hero-image-wrapper {
  z-index: 2;
  justify-content: flex-start;
  align-items: center;
  margin-top: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.link-separartor {
  background-color: #fff;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.landing-page-logo-link {
  padding-left: 0;
}

.landing-page-blurry-block-one {
  opacity: .4;
  filter: blur(400px);
  background-color: #708caf;
  border-radius: 40%;
  width: 270px;
  height: 270px;
  position: absolute;
  top: 260px;
  left: 0;
}

.landing-page-padding-bottom-160px {
  padding-bottom: 100px;
}

.landing-page-template-showcase-page-wrapper {
  background-color: #fff;
  border-radius: 16px;
  padding: 40px 16px 32px;
  text-decoration: none;
  position: relative;
}

.landing-page-container-fluid {
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.landing-page-single-feature-text {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.landing-page-cta-button {
  background-color: var(--colors--accent);
  color: var(--colors--primary-color);
  border-radius: 8px;
  padding: 16px 30px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  position: relative;
  overflow: hidden;
}

.landing-page-cta-button:hover {
  background-color: var(--colors--theme-white);
}

.landing-page-nav-container {
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.landing-page-video-lightbox {
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: transform .3s;
  display: flex;
}

.landing-page-video-lightbox:hover {
  transform: scale(.9);
}

.landing-page-core-features-shape-one {
  opacity: .4;
  filter: blur(400px);
  background-color: #ff602e;
  width: 270px;
  height: 270px;
  position: absolute;
  top: 68px;
  left: 0;
}

.landing-page-core-features-text {
  color: var(--colors--primary-color);
  text-align: center;
  font-size: 18px;
  line-height: 1.5;
}

.landing-page-button-hover-block {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.landing-page-button-hover-block.landing-page-gradient {
  background-color: var(--colors--accent);
  background-image: none;
}

.landing-page-footer-link-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  display: flex;
}

.landing-page-cta-except {
  color: #fff;
  max-width: 300px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}

.landing-page-hamburger-menu {
  color: #fff;
  border-radius: 5px;
  padding: 12px;
}

.landing-page-hamburger-menu.w--open {
  background-color: #0000;
}

.landing-page-template-feature-variation-shape {
  opacity: .2;
  filter: blur(30px);
  border-radius: 50%;
  width: 144px;
  height: 144px;
  position: absolute;
}

.landing-page-template-feature-variation-shape.footer-styles {
  background-color: #ff8f76;
  top: 105px;
  left: 45px;
}

.landing-page-template-feature-variation-shape.header-styles {
  background-color: #7b55ff;
  top: 85px;
  right: 14px;
}

.landing-page-template-feature-variation-shape.blog-style {
  background-color: #ffb223;
  top: 95px;
  right: 45px;
}

.landing-page-template-feature-variation-shape.responsive-device {
  background-color: #6fc519;
  top: 100px;
  left: -22px;
}

.landing-page-template-showcase-thumbnail {
  border-radius: 8px;
}

.landing-page-template-feature-section {
  background-color: var(--colors--primary-color);
  padding-top: 24px;
  padding-bottom: 24px;
}

.landing-page-single-feature-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  margin-right: 50px;
  display: flex;
}

.landing-page-hero-padding-top {
  padding-top: 160px;
}

.landing-page-hero-image {
  border: 8px solid #fff;
  border-radius: 8px 8px 0 0;
  flex: none;
}

.landing-page-padding-top-160px {
  padding-top: 100px;
}

.landing-page-gradient-button {
  border: 1px solid var(--colors--accent);
  background-color: var(--colors--theme-white);
  text-align: center;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 16px 28px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.landing-page-header-logo {
  max-width: 113px;
}

.landing-page-core-features-fact {
  color: #fff;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.landing-page-footer-blurry-block-two {
  opacity: .4;
  filter: blur(400px);
  background-color: #89a9d2;
  border-radius: 35%;
  width: 380px;
  height: 380px;
  position: absolute;
  top: 360px;
  right: -60px;
}

.landing-page-video-lightbox-text {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.landing-page-template-showcase-tab-menu {
  background-color: var(--colors--primary-color);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  padding: 16px;
  display: flex;
}

.landing-page-template-showcase-content {
  width: 100%;
  overflow: visible;
}

.landing-page-hero-wrapper {
  position: relative;
}

.landing-page-button-text {
  z-index: 2;
  position: relative;
}

.landing-page-template-showcase-tab {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: -20px;
  display: flex;
}

.landing-page-core-features-section {
  overflow: hidden;
}

.landing-page-header-right-side {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.landing-page-template-showcase-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.landing-page-window-menu {
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.landing-page-window-menu.full-screen {
  background-color: #61c454;
}

.landing-page-window-menu.minimize {
  background-color: #f5bd4f;
}

.landing-page-window-menu.close {
  background-color: #ee6a5f;
}

.landing-page-core-features-content-wrapper {
  z-index: 2;
  position: relative;
}

.landing-page-footer-button-wrapper {
  margin-top: 40px;
}

.landing-page-footer-copyright-link {
  color: #fff;
  text-decoration: none;
  transition: all .3s;
}

.landing-page-footer-copyright-link:hover {
  color: var(--colors--accent);
}

.landing-page-teamplate-feature-variation-text {
  color: #4b5565;
  text-align: center;
  font-size: 18px;
  line-height: 1.5;
}

.landing-page-teamplate-feature-variation-heading {
  color: #0d121c;
  text-align: center;
  margin-bottom: 8px;
  font-size: 28px;
  line-height: 1.3;
}

.landing-page-button {
  color: #0d121c;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 16px 30px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: color .4s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.landing-page-button:hover {
  color: var(--colors--primary-color);
}

.landing-page-hero-section {
  background-color: #100d1f;
  overflow: hidden;
}

.landing-page-hero-section.landing-page-hero-bg-image {
  background-image: url('../images/bg-image.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.landing-page-hero-section.landing-page-hero-bg-image.landing-page-hero-padding-top {
  background-color: #02080f;
  background-image: url('../images/Landing-Hero-Pattern.png');
  background-position: 50%;
}

.landing-page-template-feature-variation-image-wrapper {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.landing-page-core-features-shape-two {
  opacity: .4;
  filter: blur(400px);
  background-color: #ff602e;
  width: 380px;
  height: 380px;
  position: absolute;
  top: 54px;
  right: 0;
}

.landing-page-footer-upper-container {
  position: relative;
}

.landing-page-section-heading {
  color: var(--colors--primary-color);
  text-align: center;
  font-size: 40px;
  line-height: 1.3;
}

.landing-page-header-button {
  color: #fff;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 16px 45px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: color .4s;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.landing-page-header-button:hover {
  color: #0d121c;
}

.landing-page-header-button.tablet-hide {
  color: var(--colors--primary-color);
}

.landing-page-core-features-number-wrapper {
  border: 6px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0%;
  box-shadow: 0 8px 16px #34425e40;
}

.landing-page-core-features-number-wrapper.sections {
  background-image: linear-gradient(147deg, #4d69ff, #8611fb);
}

.landing-page-core-features-number-wrapper.components {
  background-image: linear-gradient(147deg, #961ad0, #6aa6ff);
}

.landing-page-core-features-number-wrapper.homepage {
  background-image: linear-gradient(147deg, #1acd86, #6852ef);
}

.landing-page-core-feature-card {
  background-color: #f7f7fb;
  border: 6px solid #fff;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  display: flex;
  box-shadow: 0 24px 32px #2128400d;
}

.landing-page-video-lightbox-icon {
  justify-content: center;
  align-items: center;
  margin-left: 4px;
  display: flex;
}

.landing-page-footer-except {
  color: #cdd5df;
  text-align: center;
  max-width: 900px;
  font-size: 20px;
  line-height: 1.5;
}

.landing-page-footer-button-icon {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.landing-page-request-figma-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.landing-page-request-figma-content-wrapper {
  padding: 20px;
}

.landing-page-footer-title {
  color: #fff;
  text-align: center;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.3;
}

.landing-page-header {
  width: 100%;
  position: absolute;
  top: 0;
}

.landing-page-core-features-wrapper {
  position: relative;
}

.landing-page-cta-section.landing-page-padding-bottom-160px {
  background-color: var(--colors--theme-white);
}

.landig-page-hero-image-marquee {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.landing-page-hero-content-wrapper {
  z-index: 1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.landing-page-request-figma-heading {
  color: var(--colors--primary-color);
  margin-top: 20px;
  margin-bottom: 8px;
  font-size: 40px;
  line-height: 1.3;
}

.landing-page-footer-content-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.landing-page-footer-link {
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: none;
  transition: color .2s;
}

.landing-page-footer-link:hover {
  color: var(--colors--accent);
}

.landing-page-blurry-footer-block-one {
  opacity: .4;
  filter: blur(400px);
  background-color: #89a9d2;
  border-radius: 40%;
  width: 270px;
  height: 270px;
  position: absolute;
  top: 400px;
  left: -25px;
}

.landing-page-mobile-device-image {
  z-index: 1;
  width: 80%;
  position: absolute;
  bottom: 0;
}

.landing-page-nav-menu-list {
  z-index: 1;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.landing-page-nav-list-item {
  margin-bottom: 0;
}

.landing-page-nav-list-item.show-in-tablet {
  display: none;
}

.landing-page-brand-text {
  color: #cdd5df;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.landing-page-hero-button-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.landing-page-hero-except {
  color: #cdd5df;
  text-align: center;
  max-width: 900px;
  margin-top: 16px;
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

.landing-page-footer-brand-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 80px;
  display: flex;
}

.landing-page-cta-wrapper {
  background-color: var(--colors--primary-color);
  background-image: linear-gradient(90deg, #9f8a67, #02080f);
  border-radius: 16px;
  padding: 60px;
}

.landing-page-cta-wrapper.landing-page-gradient {
  background-color: #544fcc;
  background-image: none;
}

.landing-page-container-default {
  max-width: 960px;
  padding-left: 15px;
  padding-right: 15px;
}

.landing-page-footer-content-wrapper {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.landing-page-core-features-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.landing-page-template-feature-marquee {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.landing-page-core-features-heading {
  color: var(--colors--primary-color);
  text-align: center;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.landing-page-request-figma-block {
  background-color: #f7f7fb;
  border: 6px solid #fff;
  border-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.2fr;
  grid-auto-columns: 1fr;
  display: grid;
  box-shadow: 0 24px 32px #2128400d;
}

.landing-page-footer {
  background-color: #0b081b;
}

.landing-page-footer.landing-page-footer-bg-image {
  background-image: url('../images/bg-image.svg');
  background-position: 50% 0;
  background-size: auto;
}

.landing-page-footer.landing-page-footer-bg-image.landing-page-padding-top-160px {
  background-color: #02080f;
  background-image: url('../images/Landing-Hero-Pattern.png');
  overflow: hidden;
}

.landing-page-footer-subtitle {
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 999px;
  padding: 8px 32px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.landing-page-template-showcase-thumbnail-wrapper {
  border-radius: 8px;
  overflow: hidden;
}

.landing-page-copyright-content-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.landing-page-template-showcase-info-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.landing-page-feature-banner-wrapper {
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}

.landing-page-teamplate-feature-variation-image {
  z-index: 2;
  position: relative;
}

.landing-page-template-showcase-tab-link {
  color: var(--colors--theme-white);
  background-color: #0000;
  padding: 16px 30px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.landing-page-template-showcase-tab-link.w--current {
  background-color: var(--colors--theme-white);
  color: var(--colors--primary-color);
  border-radius: 999px;
}

.landing-page-subtitle-text {
  color: var(--colors--primary-color);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

.landing-page-badge-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.landing-page-window-menu-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  top: 14px;
  left: 16px;
}

.landing-page-template-feature-item-container {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.landing-page-request-figma-text {
  color: #4b5565;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 1.5;
}

.landing-page-section-heading-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.landing-page-section-heading-wrapper.max-width-675px {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.landing-page-nav-link {
  color: #fff;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  transition: color .3s;
  display: block;
}

.landing-page-nav-link:hover {
  text-decoration: underline;
}

.landing-page-template-feature-variation-section.landing-page-padding-top-160px.landing-page-padding-bottom-160px {
  background-color: var(--colors--theme-white);
}

.landing-page-core-features-image-wrapper {
  margin-bottom: 16px;
  position: relative;
}

.landing-page-gradient {
  background-image: linear-gradient(86deg, #abc025, #008344);
}

.landing-page-nav-menu-wrapper {
  background-color: #0000;
  padding-top: 24px;
  padding-bottom: 24px;
}

.landing-page-teamplate-feature-variation-conent-block {
  z-index: 2;
  margin-bottom: 24px;
  position: relative;
}

.landing-page-subtile-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 8px 32px;
  display: flex;
}

.landing-page-subtile-wrapper.landing-page-gradient {
  background-color: var(--colors--accent);
  background-image: none;
}

.landing-page-footer-copyright-text {
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
}

.landing-page-template-showcase-info-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
}

.landing-page-nav-content-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.landing-page-footer-button {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--colors--primary-color);
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 28px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: color .4s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.landing-page-footer-button:hover {
  color: #0d121c;
}

.landing-page-hero-title {
  color: #fff;
  text-align: center;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.3;
}

.landing-page-core-features-shape-three {
  opacity: .2;
  filter: blur(400px);
  background-color: #ff602e;
  width: 392px;
  height: 392px;
  position: absolute;
  top: 430px;
  left: 286px;
}

.laning-page-template-feature-variation-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.landing-page-video-lightbox-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.landing-page-blurry-block-two {
  opacity: .4;
  filter: blur(400px);
  background-color: #708caf;
  border-radius: 35%;
  width: 380px;
  height: 380px;
  position: absolute;
  top: 270px;
  right: 0;
}

.landing-page-template-showcase-section {
  background-color: #f4f5fa;
}

.landing-page-template-showcase-section.landing-page-padding-top-160px.landing-page-padding-bottom-160px {
  background-color: var(--colors--theme-white);
}

.landing-page-badge {
  color: #ff453a;
  text-align: center;
  background-color: #ff453a21;
  border-radius: 999px;
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}

.landing-page-badge.new {
  color: #17ae2d;
  background-color: #32d74b21;
}

.landing-page-cta-block {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.landing-page-template-showcase-page-name {
  color: var(--colors--primary-color);
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
}

.landing-page-template-showcase-except {
  color: var(--colors--primary-color);
  font-size: 18px;
  line-height: 1.5;
}

.landing-page-template-feature-variation-item {
  border-radius: 16px;
  padding: 25px;
  position: relative;
  overflow: hidden;
}

.landing-page-template-feature-variation-item.footer-styles {
  background-color: #faf1ef;
}

.landing-page-template-feature-variation-item.responsive-devices {
  background-color: #f7faf4;
  height: 100%;
}

.landing-page-template-feature-variation-item.header-styles {
  background-color: #f5f3fa;
}

.landing-page-template-feature-variation-item.blog-style {
  background-color: #fbf7ee;
}

.landing-page-footer-lower-container {
  z-index: 2;
  border-top: 1px solid #364152;
  padding-top: 16px;
  padding-bottom: 24px;
  position: relative;
}

.hero-booking-form-inner-block {
  width: 100%;
}

.gallery-grid-image-lightbox {
  width: 100%;
  height: 100%;
}

.google-map {
  height: 500px;
}

.waves---section-medium-2 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.right-row-home-about-2 {
  width: 10%;
  height: 80vh;
  margin-left: 2rem;
  position: relative;
}

.padding-vertical, .padding-vertical.padding-huge {
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical.padding-xhuge {
  padding-top: 8rem;
}

.text-size-regular-3 {
  color: #131202;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.text-size-regular-3.text-align-center {
  color: #ebecd8;
  text-align: center;
  text-transform: uppercase;
  min-height: 150px;
  margin-left: -200px;
  margin-right: -200px;
  padding-left: 0;
  padding-right: 0;
  font-family: Cormorantsc, Times New Roman, sans-serif;
  font-size: 1.9rem;
  font-weight: 300;
  line-height: 1.4;
}

.text-size-regular-3.text-align-center.mobile {
  margin-left: -275px;
  margin-right: -275px;
  padding-top: 70px;
  font-family: Cormorantsc, Times New Roman, sans-serif;
  font-size: 2.1rem;
}

.text-size-regular-3.text-align-center.mobilestrea {
  margin-top: 40px;
  padding-top: 0;
}

.section-home-about {
  min-height: 100px;
}

.waves---mg-top-17 {
  margin-top: 16px;
}

.image-13 {
  text-align: left;
  width: 15%;
  min-width: 50px;
  max-width: 100%;
  margin-bottom: 20px;
  display: inline-flex;
}

.center-row-home-about-3 {
  text-align: left;
  flex-direction: column;
  align-items: center;
  width: 33%;
  display: flex;
}

.waves-image-features-4 {
  border-radius: 24px;
  width: 100%;
}

.waves---paragraph-big-2 {
  color: #fff;
  font-size: 20px;
  line-height: 130%;
}

.page-padding-4 {
  margin-bottom: 0;
  padding-left: 5%;
  padding-right: 5%;
}

.page-padding-4._001 {
  background-color: #54584c;
  background-image: linear-gradient(#00000080, #00000080);
  margin-bottom: 0;
}

.container-large {
  text-align: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.heading-6 {
  color: #636940;
  text-align: center;
  font-size: 3rem;
  font-style: italic;
  font-weight: 400;
}

.heading-6._232 {
  padding-bottom: 60px;
  font-size: 3rem;
}

.heading-6._232._001 {
  color: #ceb27c;
  text-align: left;
  padding-bottom: 10px;
  font-size: 2.5rem;
  font-style: normal;
}

.waves---content-image-halves-2 {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 520px;
  display: flex;
}

.waves---cta-dark-2 {
  background-color: #131313;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 52px;
  padding: 8px 24px;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .2s;
  display: flex;
}

.waves---cta-dark-2:hover {
  background-color: #131313e6;
}

.margin-top-4 {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-top-4.margin-small {
  text-align: center;
}

.waves---grid-image-halves-2 {
  grid-column-gap: 40px;
  grid-template-rows: auto;
}

.left-row-home-about-2 {
  width: 10%;
  height: 80vh;
  margin-right: 2rem;
  position: relative;
}

.waves---main-container-2 {
  max-width: 1352px;
  padding-left: 24px;
  padding-right: 24px;
}

.component_home-about {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.waves---heading-2-no-margins-2 {
  color: #ceb27c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 300;
  line-height: 130%;
}

.section {
  min-width: 100px;
  min-height: 150px;
}

.background-video {
  border-radius: 10px;
  min-width: 400px;
}

.background-video.mobile {
  min-width: 475px;
}

.background-video.mobile.lazy {
  min-width: 400px;
  min-height: 350px;
  margin-left: 20px;
  padding-left: 0;
}

.quick-stack-5 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  padding: 0 0 30px;
}

.quick-stack-5.test {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding-bottom: 10px;
}

.image-5, .image-4 {
  border-radius: 4px;
}

.image-3 {
  border-radius: 5px;
}

.image-3:hover {
  opacity: .7;
}

.image-14 {
  border-radius: 4px;
}

.image-14:hover {
  opacity: .7;
}

.image-14.ewew {
  margin-bottom: 20px;
}

.image-14.ewew.wlk:hover {
  opacity: 100;
}

.image-15 {
  border-radius: 4px;
}

.image-15:hover {
  opacity: .7;
}

.image-16 {
  border-radius: 5px;
}

.image-16:hover {
  opacity: .7;
}

.videroom {
  border-radius: 8px;
  width: 100%;
  height: 400px;
}

.heading-style-h4-2 {
  color: #060614;
  font-family: Butler, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.rich-text-block {
  font-size: 18px;
}

.list-item, .list-item-2, .list-item-3, .list-item-4, .list-item-5, .list-item-6, .list-item-7 {
  font-weight: 300;
}

.paragraph {
  font-size: 17px;
  font-weight: 300;
}

.image-17 {
  mix-blend-mode: normal;
  margin-top: -39px;
  margin-bottom: 20px;
  padding-left: 40px;
}

.image-17:hover {
  mix-blend-mode: normal;
}

.image-17.mobilekey {
  max-width: 100%;
}

.heading-7 {
  font-weight: 400;
}

.section-2 {
  min-height: 300px;
}

.roomtopvideo {
  opacity: 1;
  mix-blend-mode: multiply;
}

.image-overlay-layer {
  z-index: 1;
  background-color: #00000014;
  position: absolute;
  inset: 0%;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.heading-1 {
  color: #fff;
  font-family: Cormorantsc, Times New Roman, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-small.ll {
  padding-top: 25px;
}

.image {
  width: 3%;
  min-width: 50px;
  max-width: 100%;
  margin-bottom: 20px;
  display: inline-flex;
}

.image._01 {
  width: 3%;
  min-width: 35px;
}

.header30_background-image-wrapper {
  z-index: -1;
  background-image: linear-gradient(#00000080, #00000080);
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.header30_background-image {
  object-fit: cover;
  background-image: url('../images/LUMINA-COVER.jpeg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.header30_background-image.hxi {
  background-image: url('../images/Roome-Test-L.jpg');
}

.header-100vh {
  align-items: center;
  min-height: 100vh;
  max-height: 60rem;
  display: block;
}

.section-home-header {
  position: relative;
}

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

.text-align-center._01 {
  margin-top: 70px;
}

.list-item-8 {
  font-weight: 300;
}

.image-18, .round {
  border-radius: 6px;
}

.lottie-animation {
  min-width: 700px;
}

.container {
  max-width: 75px;
}

.section-3 {
  background-color: #eee;
  min-height: 100px;
  margin-top: -90px;
}

.lottie-animation-3 {
  min-width: 50px;
}

.lottie-animation-3.ani {
  min-width: 25px;
}

.lottie-animation-3.small {
  display: none;
}

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

.phonevid {
  display: none;
}

.background-video-2 {
  width: 800px;
  height: 300px;
  display: flex;
}

.container-2 {
  min-height: 50px;
}

.quick-stack-9 {
  padding-bottom: 20px;
}

.div-block {
  min-height: 50px;
}

.navbar-logo-center-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.navbar-logo-center-container.shadow-three {
  width: 100%;
  max-width: 1140px;
}

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

.navbar-wrapper-three {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.navbar-brand-three {
  z-index: 5;
  position: absolute;
}

.nav-menu-wrapper-three {
  width: 100%;
}

.nav-menu-three {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-menu-block {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link-2 {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-2:hover {
  color: #1a1b1fbf;
}

.nav-link-2:focus-visible, .nav-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-2 {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle-2 {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle-2:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle-2:focus-visible, .nav-dropdown-toggle-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon-2 {
  margin-right: 10px;
}

.nav-dropdown-list-2 {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list-2.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link-2 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link-2:focus-visible, .nav-dropdown-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: #1a1b1fbf;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.text-block {
  font-weight: 300;
}

.background-video-3 {
  display: flex;
}

.newvid {
  height: 78%;
  margin-top: 40px;
  margin-bottom: 0;
  display: block;
}

.section-6 {
  min-height: 100px;
}

@media screen and (min-width: 1280px) {
  h1 {
    font-size: 68px;
  }

  h2 {
    font-size: 56px;
  }

  h3 {
    font-size: 30px;
  }

  blockquote {
    padding-left: 183px;
    padding-right: 183px;
  }

  .section-heading {
    font-size: 48px;
  }

  .container-default {
    max-width: 1170px;
    padding-left: 0;
    padding-right: 0;
  }

  .container-default.full-height {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .container-default.password-protected {
    max-width: 960px;
  }

  .container-default.galcon {
    margin-top: 60px;
  }

  .style-guide-icon {
    width: 30px;
  }

  .section-gap {
    padding-top: var(--spaces--space-large);
    padding-bottom: var(--spaces--space-large);
    background-color: #e7e6e3;
  }

  .style-guide-wrapper {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
  }

  .heading-style-h2 {
    font-size: 56px;
  }

  .heading-style-h3 {
    font-size: 30px;
  }

  .page-wrapper, .main-wrapper {
    background-color: #e7e6e3;
  }

  .header {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .nav-menu-list {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .footer-top {
    padding-top: var(--spaces--space-large);
    padding-bottom: var(--spaces--space-large);
  }

  .footer-logo-column {
    max-width: 320px;
  }

  .section-gap-bottom {
    padding-bottom: var(--spaces--space-large);
    background-color: #e7e6e3;
    margin-bottom: 0;
  }

  .section-gap-bottom.explore.sdks {
    background-color: #e7e6e3;
    margin-bottom: 0;
  }

  .home-hero {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: -48px;
    display: block;
  }

  .home-hero-content-wrapper {
    padding-top: 140px;
    padding-bottom: 41px;
    display: block;
  }

  .home-hero-title {
    display: none;
  }

  .hero-booking-form-block {
    width: 100%;
  }

  .hero-booking-form {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
  }

  .booking-form-field {
    flex: 1;
  }

  .about-us-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    background-color: #e7e6e3;
  }

  .about-content-wrapper {
    background-color: #e7e6e3;
  }

  .accommodation-us-section-title {
    max-width: 700px;
  }

  .section-top-wrapper {
    margin-bottom: 50px;
  }

  .section-top-wrapper.align-center.homemain {
    margin-top: 100px;
    margin-bottom: 140px;
  }

  .facilities-items-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .extra-facilities-wrapper {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .testimonial-arrow-wrapper {
    top: -100px;
  }

  .home-hero-v2 {
    padding-bottom: 120px;
  }

  .home-hero-v2-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .home-hero-v2-title {
    font-size: 85px;
  }

  .home-hero-content-bottom {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: 80px;
  }

  .accommodation-section-title-v2 {
    max-width: 600px;
  }

  .testimonial-items-wrapper {
    height: 600px;
  }

  .testimonial-item-content-wrapper {
    height: 355px;
  }

  .hotel-facilities-wrapper-v2 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .facilities-title {
    margin-bottom: 50px;
  }

  .footer-top-cta {
    margin-bottom: var(--spaces--space-large);
  }

  .footer-cta-wrapper {
    grid-column-gap: 150px;
    grid-row-gap: 150px;
  }

  .cta-content-block {
    width: 100%;
    max-width: 512px;
  }

  .post-main-image-wrapper {
    margin-bottom: 50px;
  }

  .post-details-content h3, .post-details-content blockquote, .blog-gallery-wrapper, .room-details-right-block, .room-facilities-icon-boxes {
    margin-top: 50px;
  }

  .contact-us-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .contact-us-left-block {
    width: 100%;
    max-width: 652px;
  }

  .contact-map-section-title {
    max-width: 750px;
  }

  .faq-title {
    margin-bottom: 50px;
  }

  .landing-page-hero-image-wrapper {
    margin-top: 120px;
  }

  .landing-page-padding-bottom-160px {
    padding-bottom: 130px;
  }

  .landing-page-cta-except {
    max-width: 450px;
    font-size: 24px;
  }

  .landing-page-hero-padding-top {
    padding-top: 200px;
  }

  .landing-page-padding-top-160px {
    padding-top: 130px;
  }

  .landing-page-core-feature-card {
    padding: 40px;
  }

  .landing-page-request-figma-image {
    object-fit: fill;
    height: auto;
  }

  .landing-page-request-figma-content-wrapper {
    padding: 40px;
  }

  .landing-page-footer-title {
    font-size: 60px;
  }

  .landing-page-nav-menu-list {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .landing-page-container-default {
    max-width: 1170px;
    padding-left: 0;
    padding-right: 0;
  }

  .landing-page-request-figma-block {
    grid-template-columns: 1fr 1.25fr;
  }

  .landing-page-hero-title {
    font-size: 60px;
  }

  .landing-page-template-feature-variation-item {
    padding: 45px 45px 30px;
  }

  .page-padding-4._001 {
    padding-bottom: 73px;
  }

  .section-2 {
    min-height: 100px;
  }

  .container {
    max-width: 55px;
  }

  .section-3 {
    background-color: #e7e6e3;
  }

  .lottie-animation-2:where(.w-variant-a56bc8b5-5201-425b-1397-78ed27628d2b), .lottie-animation-2.home-one-50 {
    background-color: #55594c00;
  }

  .background-video-2 {
    min-height: 900px;
  }
}

@media screen and (min-width: 1440px) {
  h1 {
    font-size: 76px;
  }

  h2 {
    font-size: 64px;
  }

  h3 {
    font-size: 32px;
  }

  .container-default {
    max-width: 1320px;
    padding-left: 0;
    padding-right: 0;
  }

  .container-default.galcon {
    margin-top: 0;
  }

  .style-guide-icon {
    width: 35px;
  }

  .section-gap {
    padding-top: var(--spaces--space-xlarge);
    padding-bottom: var(--spaces--space-xlarge);
  }

  .style-menu-link-wrap {
    width: 320px;
  }

  .heading-style-h2 {
    font-size: 64px;
  }

  .heading-style-h3 {
    font-size: 32px;
  }

  .color-details-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .page-wrapper {
    background-color: #e7e6e3;
  }

  .nav-menu-list {
    grid-column-gap: 69px;
    grid-row-gap: 69px;
  }

  .footer-top {
    padding-top: 125px;
    padding-bottom: var(--spaces--space-xlarge);
  }

  .page-hero {
    padding-top: 70px;
    padding-bottom: 60px;
  }

  .page-hero.villeheading {
    padding-bottom: 0;
  }

  .section-gap-bottom {
    padding-bottom: var(--spaces--space-xlarge);
    background-color: #e7e6e3;
  }

  .section-gap-bottom.villavideo {
    margin-top: 20px;
  }

  .changelog-release-text {
    text-align: center;
    font-size: 18px;
  }

  .initial-release, .release-date {
    font-size: 18px;
    font-weight: 500;
  }

  .released-date-wrapper {
    margin-bottom: 15px;
  }

  .license-info-card-grid {
    margin-top: 75px;
  }

  .read-more-link {
    font-size: 20px;
  }

  .page-intro-wrap.license-intro-max-width {
    max-width: 800px;
  }

  .home-hero.dksd {
    margin-bottom: 48px;
  }

  .hero-booking-form-wrapper {
    padding: 35px 28px;
  }

  .home-hero-content-wrapper {
    padding-top: 157px;
  }

  .home-hero-title {
    margin-top: 23px;
    margin-bottom: 48px;
    display: none;
  }

  .hero-booking-form {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
  }

  .about-us-wrapper {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    display: flex;
  }

  .about-content-wrapper {
    width: 100%;
    max-width: 572px;
  }

  .content-grid-image-wrapper {
    width: 100%;
    max-width: 648px;
  }

  .content-grid-image {
    width: 100%;
  }

  .accommodation-us-section-title {
    max-width: 750px;
  }

  .about-us-content {
    margin-bottom: 48px;
  }

  .section-top-wrapper {
    margin-bottom: 60px;
  }

  .section-top-wrapper.align-center.allbut.gallerbutton {
    margin-top: 100px;
  }

  .rooms-card-info-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: row;
  }

  .facilities-items-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 40px;
  }

  .facilities-item.style-three {
    width: 592px;
  }

  .video-cta-video {
    height: 720px;
  }

  .extra-facilities-wrapper {
    grid-column-gap: 112px;
    grid-row-gap: 112px;
    display: flex;
  }

  .extra-facilities-text {
    margin-bottom: 48px;
  }

  .extra-facilities-content-wrapper {
    width: 100%;
    max-width: 560px;
  }

  .testimonial-slider-mask {
    width: 678px;
  }

  .testimonial-arrow-wrapper {
    top: -110px;
  }

  .home-hero-v2 {
    padding-bottom: 135px;
  }

  .home-hero-v2-wrapper {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
  }

  .home-hero-v2-content-wrapper {
    width: 100%;
    max-width: 680px;
  }

  .home-hero-v2-image-wrapper {
    width: 100%;
    max-width: 570px;
  }

  .home-hero-v2-title {
    font-size: 95px;
  }

  .text-video {
    width: 150px;
    height: 72px;
  }

  .text-video.about-page {
    width: 134px;
    height: 64px;
  }

  .text-video-wrapper {
    margin-left: 25px;
    margin-right: 0;
  }

  .home-hero-v2-text {
    margin-bottom: 48px;
  }

  .home-hero-content-bottom {
    margin-top: 134px;
  }

  .logo-marquee-item {
    height: 180px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .logo-marquee-image {
    width: 200px;
  }

  .scrolling-thumbnail-inner-block {
    height: 720px;
  }

  .accommodation-thumbnail {
    width: 648px;
  }

  .rooms-collection-item-v2 {
    max-width: 645px;
  }

  .testimonial-left-image-block {
    width: 100%;
    max-width: 560px;
  }

  .testimonial-items-wrapper {
    width: 100%;
    max-width: 760px;
    height: 732px;
  }

  .testimonial-item-content-wrapper {
    height: 320px;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .testimonial-item-text {
    margin-bottom: 48px;
  }

  .hotel-facilities-wrapper-v2 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .hotel-facilities-left-block {
    width: 100%;
    max-width: 592px;
  }

  .hotel-facilities-image-wrapper {
    width: 100%;
    max-width: 648px;
  }

  .facilities-title {
    margin-bottom: 60px;
  }

  .footer-top-cta {
    margin-bottom: var(--spaces--space-xlarge);
  }

  .cta-content-block {
    max-width: 520px;
  }

  .cta-form-wrapper {
    width: 100%;
    max-width: 536px;
  }

  .cta-text {
    margin-bottom: 48px;
  }

  .cta-form-block {
    padding: 40px 50px;
  }

  .cta-form-title {
    margin-bottom: 48px;
  }

  .post-main-image-wrapper {
    margin-bottom: 60px;
  }

  .blog-meta-wrapper {
    padding-left: 85px;
    padding-right: 85px;
  }

  .post-details-content h3, .post-details-content blockquote, .blog-gallery-wrapper {
    margin-top: 60px;
  }

  .rooms-details-content-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .room-details-left-block {
    width: 100%;
    max-width: 835px;
  }

  .room-details-right-block {
    width: 100%;
    max-width: 424px;
    margin-top: 60px;
  }

  .room-facilities-icon-boxes {
    margin-top: 60px;
  }

  .room-price-wrapper {
    margin-bottom: 48px;
  }

  .contact-us-wrapper {
    grid-column-gap: 108px;
    grid-row-gap: 108px;
  }

  .contact-us-right-block {
    width: 100%;
    max-width: 560px;
  }

  .contact-us-section-title {
    margin-bottom: 36px;
  }

  .contact-message-fields-wrapper {
    margin-bottom: 48px;
  }

  .faq-title {
    margin-bottom: 60px;
  }

  .faq-wrapper {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .not-found-text {
    margin-bottom: 48px;
  }

  .password-protected-title-wrapper {
    margin-bottom: 50px;
  }

  .protected-page-logo-wrapper {
    margin-bottom: 60px;
  }

  .landing-page-blurry-block-one {
    left: -80px;
  }

  .landing-page-padding-bottom-160px {
    padding-bottom: 160px;
  }

  .landing-page-container-fluid {
    padding-left: 90px;
    padding-right: 90px;
  }

  .landing-page-nav-container {
    padding-left: 120px;
    padding-right: 120px;
  }

  .landing-page-core-features-shape-one {
    left: -68px;
  }

  .landing-page-padding-top-160px {
    padding-top: 160px;
  }

  .landing-page-core-features-shape-two {
    right: -100px;
  }

  .landing-page-blurry-block-two {
    right: -80px;
  }

  .google-map {
    height: 620px;
  }

  .background-video.mobile {
    min-width: 500px;
    min-height: 600px;
  }

  .background-video.mobile.lazy {
    margin-left: 59px;
    display: block;
  }

  .section-2 {
    background-color: #e7e6e3;
    display: block;
  }

  .cell {
    display: block;
  }

  .section-3 {
    opacity: 1;
    background-color: #e7e6e3;
  }
}

@media screen and (min-width: 1920px) {
  .home-hero.dksd.sdmnsmd {
    margin-bottom: 0;
  }

  .not-found-title {
    font-size: 300px;
  }

  .landing-page-core-features-shape-two, .landing-page-blurry-block-two {
    right: -220px;
  }

  .background-video.mobile {
    min-width: 720px;
    min-height: 800px;
  }
}

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

  h2 {
    font-size: 40px;
  }

  h3 {
    font-size: 26px;
  }

  h4 {
    font-size: 22px;
  }

  blockquote {
    background-position: 50% 60px;
    padding: 160px 50px 50px;
  }

  .section-heading {
    font-size: 35px;
  }

  .style-guide-icon-wrap {
    padding-top: 60px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .container-default {
    max-width: 740px;
  }

  .container-default.password-protected {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .typography-details-wrap {
    padding-top: 60px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .style-guide-icon-wrapper {
    padding-top: 80px;
  }

  .section-gap {
    padding-top: var(--spaces--space-small);
    padding-bottom: var(--spaces--space-small);
  }

  .style-guide-sidebar {
    width: 30%;
    padding-top: 0;
  }

  .subtitle {
    margin-bottom: 15px;
  }

  .style-guide-button-wrapper {
    padding-top: 60px;
  }

  .heading-style-h4 {
    font-size: 22px;
  }

  .style-guide-wrapper {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .typography-wrapper {
    padding-top: 60px;
  }

  .style-menu-link-wrap {
    width: 180px;
  }

  .heading-style-h2 {
    font-size: 40px;
  }

  .style-guide-details {
    width: 70%;
  }

  .heading-style-h3 {
    font-size: 26px;
  }

  .style-guide-button-wrap {
    padding-top: 60px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .color-details-wrap {
    grid-template-columns: 1fr 1fr;
    padding-top: 60px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .nav-link:where(.w-variant-a56bc8b5-5201-425b-1397-78ed27628d2b), .nav-link.home-one-18, .nav-link.home-one-20, .nav-link.home-one-22, .nav-link.home-one-24, .nav-link.home-one-26, .nav-link.home-one-71, .nav-link.home-one-73 {
    color: var(--colors--primary-color);
  }

  .header {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .nav-menu-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .nav-menu-list.hide-in-tablet {
    display: none;
  }

  .brand-logo-link {
    z-index: auto;
    max-width: 100px;
    margin-left: 0;
    margin-right: 0;
    position: static;
  }

  .nav-dropdown-toggle {
    margin-left: 0;
    margin-right: 0;
    font-size: 18px;
  }

  .nav-dropdown-toggle:where(.w-variant-a56bc8b5-5201-425b-1397-78ed27628d2b), .nav-dropdown-toggle.home-one-12, .nav-dropdown-toggle.home-one-29, .nav-dropdown-toggle.home-one-57 {
    color: var(--colors--primary-color);
  }

  .nav-dropdown-list {
    min-width: 200px;
    padding-top: 10px;
    position: static;
  }

  .nav-list-wrapper {
    background-color: #fff;
    width: 300px;
    min-height: 100vh;
    padding: 24px;
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 5px 0 40px #0003;
  }

  .nav-dropdown-link-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .nav-dropdown-icon {
    right: -30px;
  }

  .hamburger-menu.w--open {
    color: var(--colors--primary-color);
    background-color: #fff;
  }

  .nav-list-item.show-in-tablet {
    display: block;
  }

  .nav-list-item.show-in-tablet.nav-brand-logo {
    margin-bottom: 20px;
  }

  .nav-dropdown-flex {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    max-height: 250px;
    padding: 20px;
    overflow: auto;
  }

  .nav-dropdown-wrapper {
    border-color: var(--colors--primary-color);
  }

  .nav-heading {
    font-size: 24px;
  }

  .footer-top {
    padding-top: var(--spaces--space-small);
    padding-bottom: var(--spaces--space-small);
  }

  .footer-top-columns-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer-logo-column {
    max-width: 100%;
  }

  .footer-list-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .footer-bottom-text {
    font-size: 18px;
  }

  .page-hero {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-gap-bottom {
    padding-bottom: var(--spaces--space-small);
  }

  .license-info-card-grid {
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
  }

  .license-heading-wrap {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .home-hero {
    height: auto;
  }

  .home-hero-wrapper {
    grid-column-gap: 150px;
    grid-row-gap: 150px;
  }

  .about-us-wrapper {
    grid-template-columns: 1fr;
  }

  .content-grid-image-wrapper {
    width: 100%;
  }

  .about-us-content {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .section-top-wrapper.with-button {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .section-top-wrapper.accommodation-secton-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1.5fr;
  }

  .accommodation-item-inner-block {
    height: 200px;
  }

  .section-top-button-wrapper {
    flex: none;
  }

  .rooms-collection-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .room-thumbnail-wrapper {
    border-radius: 10px;
  }

  .thumbnail-cursor {
    width: 65px;
    height: 65px;
  }

  .room-thumbnail-cursor-text {
    font-size: 16px;
  }

  .rooms-card-price-wrapper {
    bottom: 15px;
    right: 15px;
  }

  .rooms-card-info-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .rooms-info-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
  }

  .rooms-info-icon {
    width: 20px;
  }

  .facilities-item {
    padding: 25px;
  }

  .facilities-item.style-two {
    position: static;
  }

  .facilities-item.style-three {
    width: 100%;
  }

  .facilities-item-title {
    margin-top: 15px;
    margin-bottom: 24px;
  }

  .video-cta-video {
    height: 400px;
  }

  .extra-facilities-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    display: flex;
  }

  .testimonial-slider {
    padding-bottom: 76px;
  }

  .testimonial-slider-mask {
    width: 100%;
    overflow: hidden;
  }

  .testimonial-arrow-wrapper {
    top: auto;
    bottom: -15px;
  }

  .testimonial-arrow-wrapper.left-arrow {
    left: calc(50% - 55px);
  }

  .testimonial-arrow-wrapper.right-arrow {
    right: calc(50% - 55px);
  }

  .gallery-grid-wrapper, .gallery-grid-row.even-item, .gallery-grid-row.odd-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .gallery-grid-image-wrapper {
    border-radius: 10px;
  }

  .blog-collection-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .team-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .team-image-wrapper {
    margin-bottom: 15px;
  }

  .home-hero-v2 {
    padding-top: 50px;
    padding-bottom: 80px;
  }

  .home-hero-v2-wrapper {
    flex-flow: column;
    padding-bottom: 120px;
    position: relative;
  }

  .home-hero-v2-content-wrapper {
    width: 100%;
  }

  .home-hero-v2-image-wrapper {
    width: 100%;
    height: 500px;
  }

  .home-hero-v2-title {
    font-size: 55px;
  }

  .text-video {
    width: 100px;
    height: 40px;
  }

  .text-video.about-page {
    height: 35px;
  }

  .text-video-wrapper.about-page {
    position: relative;
    bottom: -3px;
  }

  .home-hero-title-wrapper {
    max-width: 500px;
  }

  .home-hero-content-bottom {
    margin-top: 0;
    position: absolute;
    bottom: 0;
  }

  .logo-marquee-item {
    height: 100px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .logo-marquee-image {
    width: 120px;
  }

  .scrolling-thumbnail-inner-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    height: 400px;
  }

  .scrolling-thumbnail-item {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .accommodation-thumbnail {
    border-radius: 10px;
  }

  .rooms-collection-list-v2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .rooms-collection-item-v2 {
    max-width: 100%;
  }

  .rooms-scroll-block {
    min-height: auto;
  }

  .testimonial-left-image-block {
    border-radius: 16px;
    width: 100%;
    height: 350px;
  }

  .testimonial-items-wrapper {
    border-width: 1px;
    border-radius: 16px;
    width: 100%;
  }

  .testimonial-slider-wrapper-v2 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: column;
  }

  .hotel-facilities-wrapper-v2 {
    flex-flow: column;
  }

  .hotel-facilities-left-block {
    width: 100%;
  }

  .hotel-facilities-image-wrapper {
    width: 100%;
    position: static;
  }

  .hotel-facilities-sticky-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer-top-cta {
    margin-bottom: var(--spaces--space-small);
  }

  .footer-cta-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .cta-content-block, .cta-form-wrapper {
    width: 100%;
  }

  .cta-form-title {
    margin-bottom: 30px;
  }

  .hotel-facilities-items-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .hotel-facilities-scroll-block {
    height: auto;
  }

  .hotel-facilities-sticky-wrapper {
    position: static;
  }

  .blog-meta-wrapper {
    padding: 30px;
  }

  .blog-gallery-collection-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .rooms-details-content-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column-reverse;
  }

  .room-details-left-block {
    width: 100%;
  }

  .room-details-right-block {
    width: 100%;
    position: static;
  }

  .contact-us-wrapper {
    flex-flow: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .contact-us-left-block, .contact-us-right-block {
    width: 100%;
  }

  .faq-title {
    margin-bottom: 30px;
  }

  .faq-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column-reverse;
    grid-template-columns: 1fr;
    display: flex;
  }

  .not-found-title {
    font-size: 200px;
  }

  .not-found-text {
    margin-top: 15px;
    margin-bottom: 30px;
  }

  .password-protected-title-wrapper, .protected-page-logo-wrapper {
    margin-bottom: 30px;
  }

  .landing-page-hero-image-wrapper {
    margin-top: 60px;
  }

  .landing-page-nav-list-wrapper {
    background-color: #0d121c;
    width: 250px;
    min-height: 100vh;
    padding: 24px;
    position: fixed;
    top: 0;
    left: 0;
  }

  .landing-page-padding-bottom-160px {
    padding-bottom: 80px;
  }

  .landing-page-core-features-shape-one {
    width: 200px;
    height: 200px;
  }

  .landing-page-button-hover-block.landing-page-gradient {
    color: var(--colors--primary-color);
  }

  .landing-page-cta-except {
    text-align: center;
    max-width: 450px;
    margin-top: 16px;
    margin-bottom: 30px;
  }

  .landing-page-hamburger-menu.w--open {
    background-color: #0000;
  }

  .landing-page-hamburger-menu.landing-page-gradient {
    background-color: var(--colors--accent);
    color: var(--colors--primary-color);
    background-image: none;
  }

  .landing-page-hamburger-menu.landing-page-gradient.w--open {
    background-color: var(--colors--theme-white);
  }

  .landing-page-hero-padding-top {
    padding-top: 120px;
  }

  .landing-page-hero-image {
    max-width: 500px;
  }

  .landing-page-padding-top-160px {
    padding-top: 80px;
  }

  .landing-page-footer-blurry-block-two {
    width: 300px;
    height: 300px;
  }

  .landing-page-template-showcase-tab-menu {
    margin-bottom: 40px;
  }

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

  .landing-page-teamplate-feature-variation-text {
    font-size: 18px;
  }

  .landing-page-teamplate-feature-variation-heading {
    font-size: 24px;
  }

  .landing-page-hero-section.landing-page-hero-bg-image {
    background-position: 100% 0;
  }

  .landing-page-core-features-shape-two {
    width: 300px;
    height: 300px;
  }

  .landing-page-section-heading {
    font-size: 30px;
  }

  .landing-page-header-button {
    color: var(--colors--primary-color);
  }

  .landing-page-header-button.tablet-hide {
    display: none;
  }

  .landing-page-footer-except {
    font-size: 18px;
  }

  .landing-page-request-figma-image {
    object-fit: fill;
    height: auto;
  }

  .landing-page-footer-title {
    font-size: 38px;
  }

  .landig-page-hero-image-marquee {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .landing-page-request-figma-heading {
    font-size: 32px;
  }

  .landing-page-blurry-footer-block-one {
    width: 200px;
    height: 200px;
  }

  .landing-page-nav-menu-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .landing-page-nav-list-item.show-in-tablet {
    display: block;
  }

  .landing-page-nav-list-item.show-in-tablet.nav-brand-logo {
    margin-bottom: 20px;
  }

  .landing-page-hero-except {
    font-size: 18px;
  }

  .landing-page-footer-brand-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .landing-page-container-default {
    max-width: 740px;
  }

  .landing-page-core-features-grid {
    grid-template-columns: 1fr 1fr;
  }

  .landing-page-request-figma-block {
    grid-template-columns: 1fr;
  }

  .landing-page-footer.landing-page-footer-bg-image {
    background-position: 0 0;
  }

  .landing-page-copyright-content-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .landing-page-nav-link.w--current {
    color: var(--colors--accent);
  }

  .landing-page-nav-menu-wrapper {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .landing-page-footer-copyright-text {
    text-align: center;
  }

  .landing-page-hero-title {
    font-size: 38px;
  }

  .landing-page-core-features-shape-three {
    width: 320px;
    height: 320px;
  }

  .landing-page-cta-block {
    flex-flow: column;
  }

  .google-map {
    height: 400px;
  }

  .right-row-home-about-2 {
    width: 30%;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .center-row-home-about-3 {
    width: 40%;
  }

  .waves-image-features-4 {
    max-width: 470px;
  }

  .waves---content-image-halves-2 {
    text-align: center;
    align-items: center;
  }

  .margin-top-4 {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .waves---grid-image-halves-2 {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .left-row-home-about-2 {
    width: 30%;
  }

  .heading-style-h4-2 {
    font-size: 22px;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

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

  .navbar-wrapper-three {
    justify-content: space-between;
  }

  .navbar-brand-three {
    position: relative;
  }

  .nav-menu-wrapper-three {
    background-color: #0000;
    top: 70px;
  }

  .nav-menu-three {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link-2 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: absolute;
  }

  .menu-button {
    padding: 12px;
  }

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

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

  h2 {
    font-size: 34px;
  }

  h3 {
    font-size: 24px;
  }

  p {
    font-size: 18px;
  }

  blockquote {
    background-position: 50% 50px;
    background-size: 50px;
    padding: 120px 30px 30px;
  }

  .section-heading {
    font-size: 30px;
  }

  .style-guide-icon-wrap {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-default {
    max-width: 630px;
  }

  .container-default.password-protected {
    max-width: 95%;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .typography-details-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .style-guide-icon-wrapper {
    padding-top: 60px;
  }

  .typography-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .section-gap {
    padding-top: var(--spaces--space-xsmall);
    padding-bottom: var(--spaces--space-xsmall);
  }

  .style-guide-sidebar {
    width: auto;
    margin-bottom: 40px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .subtitle {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .typography-details {
    font-size: 16px;
  }

  .style-guide-button-wrapper {
    padding-top: 60px;
  }

  .style-guide-wrapper {
    display: block;
  }

  .typography-wrapper {
    padding-top: 60px;
  }

  .style-menu-link-wrap {
    width: auto;
    position: static;
  }

  .heading-style-h2 {
    font-size: 34px;
  }

  .style-guide-details {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .heading-style-h3 {
    font-size: 24px;
  }

  .heading-style-h3.room-information-title {
    margin-bottom: 20px;
  }

  .style-guide-button-wrap {
    flex-wrap: wrap;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .color-details-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-dropdown-list.mega-menu {
    max-width: 250px;
  }

  .hamburger-menu {
    padding: 8px;
  }

  .nav-dropdown {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .footer-top {
    padding-top: var(--spaces--space-xsmall);
    padding-bottom: var(--spaces--space-xsmall);
  }

  .footer-bottom {
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .footer-top-columns-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr .7fr;
  }

  .footer-list-item {
    font-size: 16px;
  }

  .section-gap-bottom {
    padding-bottom: var(--spaces--space-xsmall);
  }

  .license-info-card-grid {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .page-intro-wrap.license-intro-max-width {
    max-width: 100%;
  }

  .hero-booking-form {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .about-us-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .content-grid-image-wrapper {
    border-radius: 10px;
  }

  .section-top-wrapper.with-button {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .accommodation-item-inner-block {
    height: 170px;
  }

  .rooms-collection-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .room-thumbnail-wrapper {
    margin-bottom: 15px;
  }

  .facilities-section-title {
    margin-bottom: 16px;
  }

  .facilities-items-wrapper {
    grid-template-columns: 1fr;
  }

  .video-cta-video {
    height: 350px;
  }

  .extra-facilities-wrapper {
    flex-flow: column-reverse;
  }

  .testimonial-slide-content-wrapper {
    padding: 30px;
  }

  .testimonial-text {
    margin-bottom: 40px;
  }

  .author-company-image {
    width: 100px;
  }

  .testimonial-arrow-wrapper {
    bottom: 0;
  }

  .gallery-grid-row.even-item, .gallery-grid-row.odd-item {
    flex-flow: column;
    display: flex;
  }

  .blog-collection-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .blog-thumbnail-wrapper {
    border-radius: 10px;
  }

  .blog-card-meta-wrapper {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .home-hero-v2 {
    padding-bottom: 60px;
  }

  .home-hero-v2-wrapper {
    padding-bottom: 190px;
  }

  .home-hero-v2-image-wrapper {
    height: 400px;
  }

  .home-hero-v2-title {
    font-size: 45px;
  }

  .text-video.about-page {
    width: 75px;
  }

  .text-video-wrapper {
    margin-left: 10px;
    margin-right: 10px;
  }

  .home-hero-title-wrapper {
    max-width: 400px;
  }

  .home-hero-v2-text {
    margin-bottom: 30px;
  }

  .home-hero-content-bottom {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .hero-bottom-text-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .scrolling-thumbnail-inner-block {
    height: 300px;
  }

  .rooms-collection-list-v2 {
    grid-template-columns: 1fr;
  }

  .testimonial-left-image-block {
    border-radius: 16px;
  }

  .testimonial-items-wrapper {
    border-top-width: 1px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }

  .testimonial-slider-wrapper-v2 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .facilities-title {
    margin-bottom: 30px;
  }

  .hotel-facilities-sticky-block {
    grid-template-columns: 1fr;
  }

  .footer-top-cta {
    margin-bottom: var(--spaces--space-xsmall);
  }

  .cta-form-block {
    padding-left: 25px;
    padding-right: 25px;
  }

  .hotel-facilities-items-wrapper {
    grid-template-columns: 1fr;
  }

  .about-us-image {
    border-radius: 10px;
  }

  .post-main-image-wrapper {
    margin-bottom: 30px;
  }

  .blog-meta-wrapper {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    padding: 25px 15px;
    display: flex;
  }

  .post-details-content h3 {
    margin-top: 30px;
  }

  .post-details-content p, .post-details-content ul {
    margin-top: 20px;
  }

  .post-details-content blockquote, .blog-gallery-wrapper {
    margin-top: 30px;
  }

  .blog-gallery-collection-list {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
  }

  .room-details-right-block {
    padding: 25px;
  }

  .rooms-main-image-wrapper {
    border-radius: 10px;
  }

  .room-price-wrapper {
    margin-bottom: 30px;
  }

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

  .contact-form-fields-row {
    margin-bottom: 25px;
  }

  .contact-message-fields-wrapper {
    margin-bottom: 30px;
  }

  .faq-items-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .utility-page-content {
    padding-left: 15px;
    padding-right: 15px;
  }

  .landing-page-hero-image-wrapper {
    margin-top: 40px;
  }

  .landing-page-blurry-block-one {
    width: 220px;
    height: 220px;
    top: 0;
  }

  .landing-page-padding-bottom-160px {
    padding-bottom: 60px;
  }

  .landing-page-core-features-shape-one {
    width: 160px;
    height: 160px;
  }

  .landing-page-footer-link-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .landing-page-hero-padding-top {
    padding-top: 100px;
  }

  .landing-page-hero-image {
    max-width: 400px;
  }

  .landing-page-padding-top-160px {
    padding-top: 60px;
  }

  .landing-page-gradient-button {
    padding: 20px 32px;
  }

  .landing-page-template-showcase-tab-menu {
    padding: 12px;
  }

  .landing-page-template-showcase-grid {
    grid-template-columns: 1fr;
    place-items: start center;
  }

  .landing-page-hero-section.landing-page-hero-bg-image.landing-page-hero-padding-top {
    padding-top: 120px;
  }

  .landing-page-core-features-shape-two {
    width: 260px;
    height: 260px;
  }

  .landing-page-section-heading {
    font-size: 26px;
  }

  .landing-page-header-button {
    padding: 20px 32px;
  }

  .landing-page-footer-title {
    font-size: 36px;
  }

  .landig-page-hero-image-marquee {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .landing-page-request-figma-heading {
    font-size: 26px;
  }

  .landing-page-mobile-device-image {
    position: static;
  }

  .landing-page-footer-brand-wrapper {
    flex-flow: wrap;
  }

  .landing-page-cta-wrapper {
    padding: 40px;
  }

  .landing-page-cta-wrapper.landing-page-gradient {
    padding-left: 30px;
    padding-right: 30px;
  }

  .landing-page-core-features-grid {
    grid-template-columns: 1fr;
    place-items: start center;
  }

  .landing-page-template-showcase-tab-link {
    padding: 12px 20px;
  }

  .landing-page-section-heading-wrapper {
    margin-bottom: 40px;
  }

  .landing-page-hero-title {
    font-size: 30px;
  }

  .landing-page-core-features-shape-three {
    width: 280px;
    height: 280px;
    left: 100px;
  }

  .laning-page-template-feature-variation-block {
    grid-template-columns: 1fr;
  }

  .landing-page-blurry-block-two {
    width: 280px;
    height: 280px;
  }

  .google-map {
    height: 350px;
  }

  .waves---section-medium-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .margin-top-4 {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .waves---main-container-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .waves---heading-2-no-margins-2 {
    font-size: 44px;
    line-height: 125%;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .container {
    max-width: 65px;
  }

  .navbar-brand-three {
    padding-left: 0;
  }

  .nav-menu-three {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-menu-block {
    flex-direction: column;
  }

  .nav-link-2 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown-2 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list-2.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list-2.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }
}

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

  h2 {
    font-size: 30px;
  }

  .section-heading {
    font-size: 28px;
  }

  .style-guide-icon-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .container-default {
    display: block;
  }

  .container-default.full-height.hjuhu {
    display: none;
  }

  .container-default.galcon {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: left;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    max-width: 550px;
    display: block;
  }

  .container-default.mobcon {
    display: block;
  }

  .container-default.mobkey {
    display: flex;
  }

  .style-guide-icon-wrapper {
    padding-top: 50px;
  }

  .section-gap {
    min-height: 1200px;
    margin-bottom: 0;
    display: block;
  }

  .subtitle {
    font-size: 12px;
  }

  .style-guide-button-wrapper {
    padding-top: 50px;
  }

  .heading-style-h4.room-facilities-icon-box-title {
    text-align: center;
  }

  .heading-style-h4.room-facilities-icon-box-title.powpdo {
    min-height: 15px;
  }

  .heading-style-h4.room-facilities-icon-box-title.titile {
    text-align: left;
    margin-bottom: 0;
  }

  .heading-style-h4.room-facilities-icon-box-title.titile.mobname {
    text-align: center;
  }

  .typography-wrapper {
    padding-top: 50px;
  }

  .heading-style-h2 {
    font-size: 30px;
  }

  .style-guide-details {
    padding-bottom: 0;
  }

  .heading-style-h3 {
    font-size: 22px;
  }

  .heading-style-h3.room-information-title, .heading-style-h3.room-information-title.mobileroomname {
    text-align: center;
  }

  .color-details-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .page-wrapper {
    max-width: 380px;
    display: block;
  }

  .main-wrapper.kdf {
    display: flex;
  }

  .footer {
    margin-top: 75px;
  }

  .header.moobhead.home-one {
    text-align: center;
    display: flex;
    inset: 0% 0% auto;
  }

  .header.moobhead.home-one.small {
    min-height: 100px;
    padding-bottom: 0;
    padding-left: 125px;
    padding-right: 125px;
  }

  .header.moobhead.kjk {
    display: none;
  }

  .nav-dropdown-list.mega-menu.w--open {
    min-width: auto;
    max-width: none;
  }

  .nav-list-wrapper {
    width: 260px;
    padding: 16px;
  }

  .nav-list-item {
    text-align: left;
    width: 100%;
  }

  .nav-list-item.show-in-tablet {
    justify-content: flex-start;
    width: auto;
    display: flex;
  }

  .nav-list-item.show-in-tablet:where(.w-variant-a56bc8b5-5201-425b-1397-78ed27628d2b), .nav-list-item.show-in-tablet.nav-brand-logo.home-one-7, .nav-list-item.show-in-tablet.home-one-23, .nav-list-item.show-in-tablet.home-one-25, .nav-list-item.show-in-tablet.home-one-27 {
    width: auto;
  }

  .nav-dropdown-flex {
    padding: 15px;
  }

  .nav-heading {
    font-size: 22px;
  }

  .footer-top-columns-wrapper {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
  }

  .footer-brand-logo-wrapper.w--current {
    text-align: center;
    display: block;
  }

  .text-medium {
    text-align: center;
    margin-bottom: 10px;
  }

  .text-medium.button-text {
    margin-bottom: 0;
  }

  .text-medium.button-text.mobbut {
    margin-bottom: 0;
    font-size: 14px;
  }

  .footer-list-wrapper {
    text-align: center;
  }

  .footer-bottom-text {
    text-align: center;
    font-size: 13px;
    font-weight: 300;
  }

  .footer-social-list-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    text-align: center;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .page-hero.villeheading {
    display: block;
  }

  .section-gap-bottom.oi {
    display: none;
  }

  .section-gap-bottom.roombottom.mob {
    margin-top: 40px;
  }

  .changelog-info-card {
    padding-left: 50px;
    padding-right: 50px;
  }

  .released-date-wrapper {
    flex-direction: column;
  }

  .home-hero-wrapper {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    display: none;
  }

  .home-hero-top-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 0;
    display: flex;
  }

  .home-hero-content-wrapper {
    min-height: 650px;
    display: block;
  }

  .home-hero-bg-wrapper {
    display: none;
  }

  .home-hero-overlay {
    display: flex;
  }

  .home-hero-title.mobile {
    margin-top: -120px;
    margin-bottom: 147px;
  }

  .form-submit-button.rounded-button {
    border-radius: 8px;
  }

  .about-us-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: .25fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .about-content-wrapper {
    display: block;
  }

  .about-content-wrapper.mod {
    min-width: 320px;
    margin-bottom: -69px;
    margin-right: 60px;
    padding-left: 0;
    padding-right: 0;
  }

  .content-grid-image-wrapper {
    min-width: 280px;
    padding-bottom: 67px;
    padding-right: 0;
    display: block;
  }

  .content-grid-image-wrapper.kdsd {
    margin-top: 400px;
    margin-bottom: 400px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .content-grid-image.mdoss {
    width: 350px;
    height: 320px;
    margin-top: 200px;
  }

  .content-grid-image.mdoss.ldad {
    width: 300px;
    height: 300px;
    margin-top: 12px;
    margin-right: 0;
    padding-right: 10px;
  }

  .content-grid-image.mdoss.dmsd {
    width: 320px;
    height: 320px;
    margin-top: 400px;
  }

  .about-us-content {
    padding-right: 10px;
  }

  .section-top-wrapper {
    margin-bottom: 30px;
  }

  .section-top-wrapper.align-center.allbut.gallerbutton {
    margin-top: 120px;
  }

  .section-top-wrapper.with-button {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .section-top-wrapper.with-button.mdowsd {
    display: none;
  }

  .accommodation-items-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .accommodation-item-inner-block {
    height: 150px;
  }

  .about-us-title {
    font-size: 35px;
  }

  .section-top-left-content {
    margin-bottom: -27px;
  }

  .room-thumbnail-image.mob {
    width: 100%;
  }

  .rooms-card-info-wrapper {
    text-align: left;
  }

  .rooms-info-wrapper {
    grid-row-gap: 8px;
    display: flex;
  }

  .rooms-info-wrapper._6723 {
    grid-column-gap: 10px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 20px;
    display: grid;
  }

  .rooms-info-item {
    text-align: center;
    padding-left: 20px;
    display: block;
  }

  .rooms-info-item._122 {
    padding-left: 0;
  }

  .facilities-section-title {
    text-align: left;
  }

  .facilities-section-top-text.smalle {
    text-align: left;
    font-size: 14px;
  }

  .facilities-item {
    border-radius: 10px;
    padding: 20px;
  }

  .facilities-item-icon {
    width: 60px;
  }

  .facilities-item-title {
    margin-bottom: 20px;
  }

  .video-cta-video {
    height: 300px;
  }

  .testimonial-slide-content-wrapper {
    margin-left: 5px;
    margin-right: 5px;
    padding: 20px;
  }

  .testimonial-rating-image {
    width: 150px;
  }

  .testimonial-text {
    margin-top: 15px;
    margin-bottom: 30px;
  }

  .testimonial-bottom-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .testimonial-author-block {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .team-wrapper {
    grid-template-columns: 1fr;
  }

  .home-hero-v2-wrapper {
    padding-bottom: 180px;
  }

  .home-hero-v2-image-wrapper {
    height: 300px;
  }

  .home-hero-v2-title {
    font-size: 36px;
  }

  .text-video {
    width: 75px;
    height: 30px;
  }

  .text-video.about-page {
    height: 30px;
  }

  .text-video-wrapper {
    margin-left: 5px;
    margin-right: 5px;
  }

  .home-hero-title-wrapper {
    max-width: 320px;
  }

  .home-hero-content-bottom {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .hero-bottom-text-wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .hero-slider-text {
    text-align: center;
  }

  .scrolling-thumbnail-inner-block {
    height: 200px;
  }

  .accommodation-thumbnail {
    width: 50vw;
  }

  .testimonial-items-wrapper {
    height: 585px;
    padding: 15px;
  }

  .testimonial-item-content-wrapper {
    height: 550px;
    padding: 15px;
  }

  .cta-form-block {
    padding: 20px;
  }

  .blog-meta-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .post-details-content {
    text-align: left;
  }

  .post-details-content h3 {
    text-align: left;
    margin-top: 0;
  }

  .post-details-content p {
    text-align: left;
    font-size: 15px;
    line-height: 1.75;
  }

  .post-details-content ul {
    text-align: left;
  }

  .room-details-right-block {
    padding-left: 20px;
    padding-right: 20px;
    display: none;
  }

  .room-facilities-icon-boxes {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    margin-top: 30px;
    display: flex;
  }

  .room-facilities-icon-box {
    text-align: center;
    padding: 20px;
  }

  .room-facilities-icon-box.mobinfo {
    text-align: center;
  }

  .room-information-details {
    margin-left: auto;
  }

  .room-info-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    text-align: left;
    grid-template-columns: 1fr;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .room-price-wrapper {
    text-align: center;
    display: block;
  }

  .contact-form-fields-row {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
    margin-bottom: 15px;
  }

  .contact-message-fields-wrapper {
    margin-bottom: 25px;
  }

  .not-found-title {
    font-size: 150px;
  }

  .landing-page-cta-logo {
    max-width: 65%;
  }

  .landing-page-footer-link-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }

  .landing-page-hero-image {
    max-width: 280px;
  }

  .landing-page-gradient-button {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .landing-page-template-showcase-tab-menu {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-radius: 24px;
    flex-flow: wrap;
    width: 100%;
    max-width: 340px;
  }

  .landing-page-header-button {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .landing-page-footer-title {
    font-size: 28px;
  }

  .landing-page-blurry-footer-block-one {
    top: -60px;
  }

  .landing-page-nav-list-item {
    text-align: left;
    width: 100%;
  }

  .landing-page-nav-list-item.show-in-tablet {
    justify-content: flex-start;
    width: 100%;
    display: flex;
  }

  .landing-page-cta-wrapper {
    padding: 40px 20px;
  }

  .landing-page-cta-wrapper.landing-page-gradient {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .landing-page-footer-subtitle {
    line-height: 1.3;
  }

  .landing-page-template-showcase-tab-link {
    padding-left: 16px;
    padding-right: 16px;
  }

  .landing-page-hero-title {
    font-size: 28px;
  }

  .landing-page-core-features-shape-three {
    left: 20px;
  }

  .landing-page-template-feature-variation-item.footer-styles {
    padding: 20px 15px;
  }

  .google-map {
    height: 300px;
  }

  .waves---section-medium-2 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .right-row-home-about-2 {
    display: none;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-huge {
    padding-right: 0;
  }

  .padding-vertical.padding-xhuge {
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
  }

  .text-size-regular-3.text-align-center {
    margin-left: 0;
    margin-right: 0;
  }

  .text-size-regular-3.text-align-center.mobile {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-size-regular-3.text-align-center.mobilestrea {
    font-size: 1.2rem;
  }

  .image-13 {
    min-width: 50px;
    margin-bottom: 54px;
  }

  .center-row-home-about-3 {
    width: 100%;
  }

  .center-row-home-about-3._001 {
    margin-bottom: 90px;
    margin-left: 0;
    padding-left: 10px;
  }

  .center-row-home-about-3._001.mobtext {
    margin-top: 72px;
    display: flex;
  }

  .page-padding-4 {
    display: flex;
  }

  .page-padding-4._001 {
    min-width: 300px;
    max-width: 380px;
    margin-top: 220px;
    padding-right: 5%;
    display: block;
  }

  .page-padding-4._001.kjkj {
    min-width: 320px;
    margin-top: -200px;
  }

  .container-large {
    width: 100%;
    padding-left: 10px;
  }

  .heading-6, .heading-6._232 {
    font-size: 2rem;
  }

  .heading-6._232._001 {
    text-align: center;
  }

  .waves---content-image-halves-2 {
    align-items: stretch;
  }

  .margin-top-4 {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .left-row-home-about-2 {
    display: none;
  }

  .component_home-about {
    width: 90%;
  }

  .waves---heading-2-no-margins-2 {
    font-size: 34px;
  }

  .background-video.mobile {
    min-width: 340px;
    padding-right: 10px;
    display: block;
  }

  .background-video.mobile.lazy {
    min-width: 350px;
    min-height: 350px;
    margin-left: 0;
    padding-right: 0;
  }

  .background-video.mobile.lazy.laz2 {
    min-width: 250px;
    min-height: 250px;
    margin-top: 0;
    margin-right: 80px;
    padding-right: 0;
    display: flex;
  }

  .quick-stack-5 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .videroom.roomob {
    height: 200px;
  }

  .list-item, .list-item-2, .list-item-3, .list-item-4, .list-item-5, .list-item-6, .list-item-7 {
    font-size: 14px;
  }

  .paragraph {
    text-align: left;
    font-size: 15px;
    line-height: 1.75;
  }

  .quick-stack-6, .quick-stack-7 {
    padding-top: 0;
  }

  .image-17.mobilekey {
    max-width: 65%;
    margin-left: 0;
    padding-left: 0;
  }

  .heading-7 {
    text-align: left;
  }

  .roomtopvideo {
    height: 300px;
  }

  .quick-stack-8 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 0 0 10px;
  }

  .heading-1 {
    font-size: 3rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom.margin-small {
    max-width: 400px;
  }

  .image {
    min-width: 50px;
  }

  .header-100vh {
    min-height: 90vh;
  }

  .section-home-header {
    display: flex;
  }

  .text-align-center._01 {
    margin-top: 30px;
  }

  .container {
    max-width: 55px;
  }

  .section-3 {
    display: none;
  }

  .lottie-animation-3 {
    display: flex;
  }

  .lottie-animation-3.small {
    min-width: 55px;
    padding-right: 0;
    display: block;
  }

  .phonevid {
    min-height: 650px;
    display: flex;
  }

  .background-video-2 {
    display: none;
  }

  .container-2 {
    height: 10px;
    min-height: 150px;
    padding-right: 0;
    display: block;
  }

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

  .nav-menu-three {
    flex-direction: column;
  }

  .newvid {
    display: none;
  }

  .lottie-animation-4 {
    min-width: 50px;
    min-height: 50px;
  }

  .section-4 {
    min-height: 100px;
  }

  .lottie-animation-5 {
    min-width: 200px;
    margin-top: 185px;
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
  }

  .section-5 {
    min-height: 200px;
  }
}

#w-node-_78bd4667-8b82-6d88-b4e5-c7e8efbd1fba-43b3e57f {
  justify-self: auto;
}

#w-node-_92fc6b4b-489a-790a-936e-7b5e3a218922-43b3e57f, #w-node-_0fd3f26f-8107-acd5-d29c-1eddc79ac932-43b3e586, #w-node-c03d06fa-56df-52a2-adbe-ed7d1f7b1f5b-43b3e586, #w-node-dbb6e139-b75d-be8b-f22d-6b2a8cfcb673-43b3e586, #w-node-dbb6e139-b75d-be8b-f22d-6b2a8cfcb687-43b3e586, #w-node-_2db55742-b336-0b61-50ae-ef7a92d09aef-43b3e586, #w-node-_2db55742-b336-0b61-50ae-ef7a92d09b03-43b3e586, #w-node-_6e1d277b-3198-45e2-a0b0-ac01fdac3d80-43b3e586, #w-node-_6e1d277b-3198-45e2-a0b0-ac01fdac3d94-43b3e586, #w-node-fb52486b-d2bc-04c2-a099-443346c0c694-43b3e586, #w-node-fb52486b-d2bc-04c2-a099-443346c0c6a8-43b3e586, #w-node-_12c7679d-a3bc-fe5c-9238-63d63fcd0bc7-43b3e586, #w-node-_12c7679d-a3bc-fe5c-9238-63d63fcd0bdb-43b3e586, #w-node-_12a1ed07-d3ce-1236-db26-23d2433ffb88-43b3e586, #w-node-_12a1ed07-d3ce-1236-db26-23d2433ffb9c-43b3e586, #w-node-_55e91597-7104-37c4-3538-a0b4f5251d5d-43b3e586, #w-node-_55e91597-7104-37c4-3538-a0b4f5251d71-43b3e586, #w-node-_482cba14-bcdb-b54b-611c-5782d5e0a567-43b3e586, #w-node-_482cba14-bcdb-b54b-611c-5782d5e0a57b-43b3e586 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-43bc437f, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-43bc437f {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e96d74fc-7f59-742a-9a65-fb27f547cbdf-43bc437f, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b03-43bc437f {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b0a-43bc437f, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b11-43bc437f, #w-node-e71eeb96-5bd8-2151-ed4d-b3b920759ec4-43bc437f {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-afba9564-84ae-a2d9-5ca6-5c043e4d6b7c-43bc437f, #w-node-de35c106-f181-ecd0-e609-0aba5003b001-43bc437f, #w-node-cd3bd977-0b37-392b-b2e5-49e5e397aa81-43bc437f {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-edf7e84b, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-edf7e84b {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e96d74fc-7f59-742a-9a65-fb27f547cbdf-edf7e84b, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b03-edf7e84b {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b0a-edf7e84b, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b11-edf7e84b, #w-node-e71eeb96-5bd8-2151-ed4d-b3b920759ec4-edf7e84b {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-afba9564-84ae-a2d9-5ca6-5c043e4d6b7c-edf7e84b, #w-node-de35c106-f181-ecd0-e609-0aba5003b001-edf7e84b, #w-node-cd3bd977-0b37-392b-b2e5-49e5e397aa81-edf7e84b {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-2b59fabb, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-2b59fabb {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e96d74fc-7f59-742a-9a65-fb27f547cbdf-2b59fabb, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b03-2b59fabb {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b0a-2b59fabb, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b11-2b59fabb, #w-node-e71eeb96-5bd8-2151-ed4d-b3b920759ec4-2b59fabb {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-afba9564-84ae-a2d9-5ca6-5c043e4d6b7c-2b59fabb, #w-node-de35c106-f181-ecd0-e609-0aba5003b001-2b59fabb, #w-node-cd3bd977-0b37-392b-b2e5-49e5e397aa81-2b59fabb {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-ecbf55df, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-ecbf55df {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e96d74fc-7f59-742a-9a65-fb27f547cbdf-ecbf55df, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b03-ecbf55df {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b0a-ecbf55df, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b11-ecbf55df, #w-node-e71eeb96-5bd8-2151-ed4d-b3b920759ec4-ecbf55df {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-afba9564-84ae-a2d9-5ca6-5c043e4d6b7c-ecbf55df, #w-node-de35c106-f181-ecd0-e609-0aba5003b001-ecbf55df, #w-node-cd3bd977-0b37-392b-b2e5-49e5e397aa81-ecbf55df {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-007e936c, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-007e936c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e96d74fc-7f59-742a-9a65-fb27f547cbdf-007e936c, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b03-007e936c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b0a-007e936c, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b11-007e936c, #w-node-e71eeb96-5bd8-2151-ed4d-b3b920759ec4-007e936c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-afba9564-84ae-a2d9-5ca6-5c043e4d6b7c-007e936c, #w-node-de35c106-f181-ecd0-e609-0aba5003b001-007e936c, #w-node-cd3bd977-0b37-392b-b2e5-49e5e397aa81-007e936c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-6ead2f91, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-6ead2f91 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e96d74fc-7f59-742a-9a65-fb27f547cbdf-6ead2f91, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b03-6ead2f91 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b0a-6ead2f91, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b11-6ead2f91, #w-node-e71eeb96-5bd8-2151-ed4d-b3b920759ec4-6ead2f91 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-afba9564-84ae-a2d9-5ca6-5c043e4d6b7c-6ead2f91, #w-node-de35c106-f181-ecd0-e609-0aba5003b001-6ead2f91, #w-node-cd3bd977-0b37-392b-b2e5-49e5e397aa81-6ead2f91 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-c08006f2, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-c08006f2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e96d74fc-7f59-742a-9a65-fb27f547cbdf-c08006f2, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b03-c08006f2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b0a-c08006f2, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b11-c08006f2, #w-node-e71eeb96-5bd8-2151-ed4d-b3b920759ec4-c08006f2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-afba9564-84ae-a2d9-5ca6-5c043e4d6b7c-c08006f2, #w-node-de35c106-f181-ecd0-e609-0aba5003b001-c08006f2, #w-node-cd3bd977-0b37-392b-b2e5-49e5e397aa81-c08006f2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-88fd04a6, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-88fd04a6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e96d74fc-7f59-742a-9a65-fb27f547cbdf-88fd04a6, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b03-88fd04a6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b0a-88fd04a6, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b11-88fd04a6, #w-node-e71eeb96-5bd8-2151-ed4d-b3b920759ec4-88fd04a6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-afba9564-84ae-a2d9-5ca6-5c043e4d6b7c-88fd04a6, #w-node-de35c106-f181-ecd0-e609-0aba5003b001-88fd04a6, #w-node-cd3bd977-0b37-392b-b2e5-49e5e397aa81-88fd04a6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-67d5bac9, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-67d5bac9 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e96d74fc-7f59-742a-9a65-fb27f547cbdf-67d5bac9, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b03-67d5bac9 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b0a-67d5bac9, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b11-67d5bac9, #w-node-e71eeb96-5bd8-2151-ed4d-b3b920759ec4-67d5bac9 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-afba9564-84ae-a2d9-5ca6-5c043e4d6b7c-67d5bac9, #w-node-de35c106-f181-ecd0-e609-0aba5003b001-67d5bac9, #w-node-cd3bd977-0b37-392b-b2e5-49e5e397aa81-67d5bac9 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-88fd0cbe, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-88fd0cbe {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e96d74fc-7f59-742a-9a65-fb27f547cbdf-88fd0cbe, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b03-88fd0cbe {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b0a-88fd0cbe, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b11-88fd0cbe, #w-node-e71eeb96-5bd8-2151-ed4d-b3b920759ec4-88fd0cbe {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-afba9564-84ae-a2d9-5ca6-5c043e4d6b7c-88fd0cbe, #w-node-de35c106-f181-ecd0-e609-0aba5003b001-88fd0cbe, #w-node-cd3bd977-0b37-392b-b2e5-49e5e397aa81-88fd0cbe {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-_0b739691-f4f3-ae07-8684-9ea2feb6ce3c-05297bf7, #w-node-_0b739691-f4f3-ae07-8684-9ea2feb6ce46-05297bf7, #w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-05297bf7, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-05297bf7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e96d74fc-7f59-742a-9a65-fb27f547cbdf-05297bf7, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b03-05297bf7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b0a-05297bf7, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b11-05297bf7, #w-node-e71eeb96-5bd8-2151-ed4d-b3b920759ec4-05297bf7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-afba9564-84ae-a2d9-5ca6-5c043e4d6b7c-05297bf7, #w-node-de35c106-f181-ecd0-e609-0aba5003b001-05297bf7, #w-node-cd3bd977-0b37-392b-b2e5-49e5e397aa81-05297bf7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-f645bcc7, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-f645bcc7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e96d74fc-7f59-742a-9a65-fb27f547cbdf-f645bcc7, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b03-f645bcc7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b0a-f645bcc7, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b11-f645bcc7, #w-node-e71eeb96-5bd8-2151-ed4d-b3b920759ec4-f645bcc7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-afba9564-84ae-a2d9-5ca6-5c043e4d6b7c-f645bcc7, #w-node-de35c106-f181-ecd0-e609-0aba5003b001-f645bcc7, #w-node-cd3bd977-0b37-392b-b2e5-49e5e397aa81-f645bcc7 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-3e0ef211, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-3e0ef211 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e96d74fc-7f59-742a-9a65-fb27f547cbdf-3e0ef211, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b03-3e0ef211 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b0a-3e0ef211, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b11-3e0ef211, #w-node-e71eeb96-5bd8-2151-ed4d-b3b920759ec4-3e0ef211 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-afba9564-84ae-a2d9-5ca6-5c043e4d6b7c-3e0ef211, #w-node-de35c106-f181-ecd0-e609-0aba5003b001-3e0ef211, #w-node-cd3bd977-0b37-392b-b2e5-49e5e397aa81-3e0ef211 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-635e03f6, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-635e03f6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e96d74fc-7f59-742a-9a65-fb27f547cbdf-635e03f6, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b03-635e03f6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b0a-635e03f6, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b11-635e03f6, #w-node-e71eeb96-5bd8-2151-ed4d-b3b920759ec4-635e03f6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-afba9564-84ae-a2d9-5ca6-5c043e4d6b7c-635e03f6, #w-node-de35c106-f181-ecd0-e609-0aba5003b001-635e03f6, #w-node-cd3bd977-0b37-392b-b2e5-49e5e397aa81-635e03f6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-f645c343, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-f645c343 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e96d74fc-7f59-742a-9a65-fb27f547cbdf-f645c343, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b03-f645c343 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b0a-f645c343, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b11-f645c343, #w-node-e71eeb96-5bd8-2151-ed4d-b3b920759ec4-f645c343 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-afba9564-84ae-a2d9-5ca6-5c043e4d6b7c-f645c343, #w-node-de35c106-f181-ecd0-e609-0aba5003b001-f645c343, #w-node-cd3bd977-0b37-392b-b2e5-49e5e397aa81-f645c343 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-c593209c, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-c593209c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e96d74fc-7f59-742a-9a65-fb27f547cbdf-c593209c, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b03-c593209c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b0a-c593209c, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b11-c593209c, #w-node-e71eeb96-5bd8-2151-ed4d-b3b920759ec4-c593209c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-afba9564-84ae-a2d9-5ca6-5c043e4d6b7c-c593209c, #w-node-de35c106-f181-ecd0-e609-0aba5003b001-c593209c, #w-node-cd3bd977-0b37-392b-b2e5-49e5e397aa81-c593209c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-b0142d25, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-b0142d25 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e96d74fc-7f59-742a-9a65-fb27f547cbdf-b0142d25, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b03-b0142d25 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b0a-b0142d25, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b11-b0142d25, #w-node-e71eeb96-5bd8-2151-ed4d-b3b920759ec4-b0142d25 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-afba9564-84ae-a2d9-5ca6-5c043e4d6b7c-b0142d25, #w-node-de35c106-f181-ecd0-e609-0aba5003b001-b0142d25, #w-node-cd3bd977-0b37-392b-b2e5-49e5e397aa81-b0142d25 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-56118388, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-56118388 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e96d74fc-7f59-742a-9a65-fb27f547cbdf-56118388, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b03-56118388 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

#w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b0a-56118388, #w-node-_874ca4e2-b55a-1c92-7239-818bbf1e5b11-56118388, #w-node-e71eeb96-5bd8-2151-ed4d-b3b920759ec4-56118388 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-afba9564-84ae-a2d9-5ca6-5c043e4d6b7c-56118388, #w-node-de35c106-f181-ecd0-e609-0aba5003b001-56118388, #w-node-cd3bd977-0b37-392b-b2e5-49e5e397aa81-56118388, #w-node-dfb81c41-716a-5f5a-322b-a2f3b5517133-56118388, #w-node-dfb81c41-716a-5f5a-322b-a2f3b551713a-56118388, #w-node-dfb81c41-716a-5f5a-322b-a2f3b5517141-56118388, #w-node-afaac2fc-e06c-08a3-c6d6-dde681038ed4-56118388, #w-node-afaac2fc-e06c-08a3-c6d6-dde681038edb-56118388, #w-node-afaac2fc-e06c-08a3-c6d6-dde681038ee2-56118388, #w-node-_936c5cee-7cce-5cb2-1b62-e6eb5c2061a7-56118388, #w-node-_936c5cee-7cce-5cb2-1b62-e6eb5c2061ae-56118388, #w-node-_936c5cee-7cce-5cb2-1b62-e6eb5c2061b5-56118388, #w-node-_69094b01-5b2b-6970-668f-7ad247fa46cf-56118388, #w-node-_69094b01-5b2b-6970-668f-7ad247fa46d6-56118388, #w-node-_69094b01-5b2b-6970-668f-7ad247fa46dd-56118388, #w-node-_2a89cf54-75ff-1fd2-7237-8b889dfa66e8-56118388, #w-node-_2a89cf54-75ff-1fd2-7237-8b889dfa66ef-56118388, #w-node-_2a89cf54-75ff-1fd2-7237-8b889dfa66f6-56118388, #w-node-c20bdd7d-2a84-af1b-8a37-4f5a32bd7c65-56118388, #w-node-c20bdd7d-2a84-af1b-8a37-4f5a32bd7c6c-56118388, #w-node-c20bdd7d-2a84-af1b-8a37-4f5a32bd7c73-56118388, #w-node-_381eba97-bb71-879b-f967-cbe4722bd127-56118388, #w-node-_381eba97-bb71-879b-f967-cbe4722bd12e-56118388, #w-node-_381eba97-bb71-879b-f967-cbe4722bd135-56118388 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

@media screen and (max-width: 479px) {
  #w-node-bcfda306-538d-bb5d-a356-dd18cffe6c07-43b3e57f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_92fc6b4b-489a-790a-936e-7b5e3a218922-43b3e57f {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: auto;
  }

  #w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-43bc437f, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-43bc437f, #w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-edf7e84b, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-edf7e84b, #w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-2b59fabb, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-2b59fabb, #w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-ecbf55df, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-ecbf55df, #w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-007e936c, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-007e936c, #w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-6ead2f91, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-6ead2f91, #w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-c08006f2, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-c08006f2, #w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-88fd04a6, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-88fd04a6, #w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-67d5bac9, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-67d5bac9, #w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-88fd0cbe, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-88fd0cbe, #w-node-_0b739691-f4f3-ae07-8684-9ea2feb6ce3c-05297bf7, #w-node-_0b739691-f4f3-ae07-8684-9ea2feb6ce46-05297bf7, #w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-05297bf7, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-05297bf7, #w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-f645bcc7, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-f645bcc7, #w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-3e0ef211, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-3e0ef211, #w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-635e03f6, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-635e03f6, #w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-f645c343, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-f645c343, #w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-c593209c, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-c593209c, #w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-b0142d25, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-b0142d25, #w-node-cd77209f-241a-f58c-2d67-b40ef8aa071f-56118388, #w-node-_39fc92f0-3329-bf27-c4cc-1285e8042edb-56118388 {
    display: none;
  }

  #w-node-_60952d53-89f3-f649-e0ac-4353f4f44763-7bc2a4ba {
    justify-self: center;
  }
}


@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Copperplate';
  src: url('../fonts/copperplate-light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorantsc';
  src: url('../fonts/CormorantSC-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorantsc';
  src: url('../fonts/CormorantSC-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorantsc';
  src: url('../fonts/CormorantSC-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorantsc';
  src: url('../fonts/CormorantSC-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorantsc';
  src: url('../fonts/CormorantSC-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Butler';
  src: url('../fonts/Butler_Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Butler';
  src: url('../fonts/Butler_Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Butler';
  src: url('../fonts/Butler_Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}