@font-face {
  font-family: Euclid Circular A;
  src: url('../fonts/Euclid-Circular-A-Bold-Italic.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Euclid Circular A;
  src: url('../fonts/Euclid-Circular-A-Light-Italic.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: Butler;
  src: url('../fonts/Butler_Light.otf') format("opentype");
  font-weight: 300;
  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_Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --secondary-color: #5e6265;
  --primary-color: #11171b;
  --fawn: #e9a668;
  --paragraph-text-color: #d9d9d9;
  --eerie-black: #0e1824;
  --white: white;
  --paragraph-color: #bebebe;
  --body-text-color: #b0b0b0;
  --marquee-border-color: #d2d3da;
  --black: black;
  --nav-color: #474747;
  --transparent: #11171b00;
  --line-two: #d6d0d0;
  --line: #d2d2d2;
  --room-section-bg-color: #0e1824;
  --progress-bar-color: #1d1d1d;
  --text-block-color: #d6d6d6;
  --text-span: #eaaa6f;
  --copyright-text-color: #b0b0b0;
  --circle-pill-button-border-color: #474747;
  --accordian-bg-color: #fff5ec;
  --testimonial-bg-color: #fbf5f0;
}

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

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

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

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

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

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

body {
  color: var(--secondary-color);
  font-family: Jost, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

h1 {
  color: var(--primary-color);
  text-transform: capitalize;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Butler, sans-serif;
  font-size: 100px;
  font-weight: 300;
  line-height: 110px;
}

h2 {
  color: var(--primary-color);
  text-transform: capitalize;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Butler, sans-serif;
  font-size: 55px;
  font-weight: 300;
  line-height: 65px;
}

h3 {
  color: var(--primary-color);
  text-transform: capitalize;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Jost, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 50px;
}

h4 {
  color: var(--primary-color);
  text-transform: capitalize;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Jost, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
}

h5 {
  color: var(--primary-color);
  text-transform: capitalize;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

h6 {
  color: var(--primary-color);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}

p {
  margin-bottom: 10px;
}

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

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

.margin-top-zero.padding-bottom-ten {
  text-align: center;
}

.hero-section-heading-text {
  z-index: 1;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  max-width: 740px;
  margin-bottom: 10px;
}

.hero-section {
  z-index: 3;
}

.copyright-main-div {
  justify-content: space-between;
  display: flex;
}

.marquee-image {
  border-right: 1px solid #d9d9d9;
  justify-content: center;
  align-items: center;
  width: 300px;
  padding-top: 70px;
  padding-bottom: 70px;
  display: flex;
}

.slide-nav {
  display: none;
}

.inner-rooms {
  z-index: 1;
  cursor: pointer;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.main-client-div {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.main-progress-bar {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-direction: column;
  max-width: 557px;
  display: flex;
}

.padding-bottom-thirty {
  padding-bottom: 30px;
}

.padding-bottom-thirty.cc-amenities {
  text-align: center;
}

.text-field {
  color: #fff;
  text-align: left;
  background-color: #fff0;
  border: 0 #0000;
  max-width: 80%;
  margin-bottom: 0;
  padding: 0;
}

.text-field::placeholder {
  color: #fff;
  font-family: Jost, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.875rem;
}

.padding-bottom-one-fourty {
  justify-content: space-between;
  padding-bottom: 140px;
  display: flex;
}

.white-color {
  color: #fff;
}

.footer-left-div {
  flex: 1;
  max-width: 633px;
}

.room-top-section {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 30px;
  display: flex;
}

.footer-text-block {
  color: #b0b0b0;
}

.discover-line {
  background-color: #e9a668;
  width: 1px;
  height: 64px;
}

.footer-text-address {
  color: #fff;
  font-size: 22px;
  line-height: 2.125rem;
}

.copyright-div {
  border-top: 1px solid #61616166;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
}

.client-section-right {
  flex: 0 47.44%;
  max-width: 567px;
}

.trending-topics-left-div {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.social-media-links {
  border: 1px solid #ffffff4d;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  transition: background-color .5s;
  display: flex;
}

.social-media-links:hover {
  background-color: var(--fawn);
  border: 1px #fff;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  display: flex;
}

.service-div {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  display: flex;
}

.active-users {
  max-width: 220px;
}

.active-users.active-user-right-div {
  position: relative;
}

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

.section-container.padding-both-side {
  padding-left: 15px;
  padding-right: 15px;
}

.section-container.home-three-banner-container {
  z-index: 5;
  position: relative;
}

.section-container.cc-2 {
  width: 100%;
  max-width: 1440px;
}

.room-top-right-div {
  flex-direction: column;
  flex: 1;
  align-items: center;
  max-width: 980px;
  display: flex;
}

.review-top-container {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.navbar-container {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1700px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.rooms-section {
  background-color: #0e1824;
  padding: 143px 15px 150px;
}

.active-users-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.accordian-right-div {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  max-width: 629px;
  min-height: 719px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.trending-topics-text {
  color: #fff;
  max-width: 728px;
  font-weight: 400;
}

.service-left-container {
  flex: 1;
  max-width: 520px;
  min-height: 586px;
  position: relative;
  overflow: hidden;
}

.service-left-container.small-device-image-full-width {
  position: relative;
}

.active-user-text {
  color: #11171b;
  text-transform: capitalize;
  font-family: Jost, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.125rem;
}

.line {
  background-color: #d6d0d0;
  width: 78px;
  height: 1px;
}

.hotel-inner-div {
  cursor: pointer;
  border-bottom: 1px solid #e0e0e0;
  flex-flow: column;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 10px;
  overflow: hidden;
}

.footer-right-div {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-direction: column;
  max-width: 270px;
  margin-top: 5px;
  display: flex;
}

.client-section {
  padding: 150px 15px 140px;
}

.services-section-text {
  max-width: 667px;
  padding-bottom: 10px;
}

.link {
  color: #fff;
}

.social-media {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding-top: 15px;
  display: flex;
}

.social-media.padding-top-five {
  padding-top: 5px;
}

.social-media.padding-top-five.padding-bottom-twenty {
  padding-bottom: 30px;
}

.accordian-left-div {
  flex: 0 48%;
  padding-top: 50px;
}

.mrq-section {
  border-bottom: 1px solid #d2d3da;
}

.other-services {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding-top: 115px;
  display: grid;
}

.progress-bar-line {
  background-color: #ececec;
  justify-content: space-between;
  align-items: center;
  width: 550px;
  height: 5px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  position: relative;
}

.trending-topics-right-div {
  flex: 1;
  max-width: 500px;
}

.padding-bottom-ten {
  padding-bottom: 10px;
}

.marquee-wrapper {
  color: #d2d3da;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.marquee-wrapper.wrapper-one {
  z-index: 1;
  position: relative;
}

.marquee-wrapper.marquee-off {
  display: none;
}

.padding-top-thirty {
  padding-top: 20px;
}

.padding-top-thirty.inner-text-align-center.body-font-color {
  color: var(--secondary-color);
}

.licence {
  color: #b0b0b0;
}

.services-right-container {
  flex: 1;
  align-items: center;
  max-width: 607px;
  padding-top: 18px;
  display: flex;
}

.services-section {
  padding: 150px 15px 143px;
  display: block;
  overflow: hidden;
}

.first-service {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.trending-topics {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 60px;
  display: flex;
}

.footer-heading-text {
  color: #fff;
  letter-spacing: -.01rem;
  text-transform: lowercase;
  margin-top: 8px;
  margin-bottom: 0;
  font-family: Euclid Circular A, sans-serif;
  font-weight: 400;
  line-height: 2.125rem;
}

.submit-button {
  color: #e9a668;
  letter-spacing: .02rem;
  text-transform: uppercase;
  background-color: #3898ec00;
  background-image: url('../images/Form-Email.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  padding: 0 0 0 20px;
  font-size: .875rem;
  font-weight: 500;
}

.slider-section {
  display: block;
  overflow: hidden;
}

.hotel-facilitie {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  align-items: center;
  display: flex;
}

.accordian-main-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.policy {
  color: #b0b0b0;
}

.uncover-text {
  max-width: 395px;
  overflow: hidden;
}

.navbar {
  background-color: var(--eerie-black);
  padding-top: 15px;
  padding-bottom: 15px;
}

.line-div {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 30px;
  height: 30px;
  display: flex;
}

.footer {
  background-image: linear-gradient(#0e1824d6, #0e1824d6), url('../images/Footer-Banner-Image.webp');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  padding-top: 140px;
  padding-left: 15px;
  padding-right: 15px;
}

.hero-section-paragraph {
  color: var(--paragraph-text-color);
  text-align: center;
  max-width: 542px;
  padding-bottom: 23px;
}

.form {
  justify-content: space-between;
  align-items: stretch;
  padding-top: 30px;
  padding-bottom: 20px;
  display: flex;
}

.hamburger-menu-button {
  border-left: 1px solid var(--secondary-color);
  justify-content: flex-end;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 50px;
  display: flex;
}

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

.hotel-title-text {
  color: var(--fawn);
  text-transform: capitalize;
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}

.hotel-title-text.our-feedback {
  color: var(--white);
}

.copyright-text {
  color: #b0b0b0;
  letter-spacing: -.01rem;
  font-size: 1rem;
}

.padding-bottom-thirteen {
  text-transform: capitalize;
  padding-bottom: 13px;
}

.marquee-train {
  border-top: 1px solid #d9d9d9;
  flex: none;
  align-items: stretch;
  display: flex;
}

.marquee-train.train-border-off {
  border-top-style: none;
}

.other-rooms-section {
  padding-bottom: 145px;
  padding-left: 15px;
  padding-right: 15px;
}

.auto-fit {
  color: var(--fawn);
  object-fit: cover;
}

.auto-fit.image-full-width {
  z-index: -1;
  z-index: -1;
  z-index: -1;
  z-index: -1;
  z-index: -1;
  z-index: -1;
  z-index: -1;
  z-index: -1;
  width: 100%;
  transition: all .5s;
}

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

.auto-fit.image-full-width {
  z-index: -1;
  z-index: -1;
  width: 100%;
}

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

.auto-fit.small-hover-image {
  position: absolute;
  inset: auto 8% -43% auto;
}

.auto-fit.story-section-hover-image {
  filter: brightness(80%);
  perspective: 1000px;
  perspective-origin: 100%;
  transform-origin: 100%;
  object-position: 100% 50%;
  width: 100%;
  height: 100%;
  position: absolute;
}

.auto-fit.story-section-hover-image.cc-last {
  object-position: 50% 0%;
}

.auto-fit.image-full-width {
  z-index: -1;
  z-index: -1;
  width: 100%;
}

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

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

.accordian-section {
  z-index: 1;
  padding-bottom: 140px;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
}

.other-services-logo {
  align-items: center;
  display: flex;
}

.hero-inner-div {
  z-index: 9;
  justify-content: center;
  width: 100%;
  max-width: 1290px;
  position: relative;
}

.progress-bar-inner-color {
  background-color: var(--fawn);
  position: absolute;
  inset: 0%;
}

.cover-image {
  z-index: 1;
  object-fit: cover;
  height: 100%;
  position: absolute;
}

.cover-image.one {
  z-index: -1;
  height: 100vh;
}

.cover-image.two {
  z-index: -2;
  display: none;
}

.cover-image.three {
  z-index: -3;
  display: none;
}

.cover-image.is-parallax {
  max-width: none;
  top: auto;
  bottom: auto;
}

.cover-image.is-parallax.cc-heor {
  object-position: 72% 50%;
}

.cover-image.cc-villa {
  object-fit: cover;
  object-position: 50% 50%;
}

.cover-image.cc-villa.cc-trac {
  object-position: 50% 50%;
}

.cover-image.cc-screen-trc {
  object-fit: cover;
  object-position: 50% 50%;
}

.cover-image.cc-exp.cc-3 {
  object-position: 40% 50%;
}

.cover-image.cc-exp.cc-33, .cover-image.cc-exp.cc-3-copy {
  object-position: 50% 50%;
}

.cover-image.cc-exp.cc-3-last {
  object-position: 90% 50%;
}

.cover-image.cc-1 {
  object-fit: contain;
  object-position: 50% 50%;
}

.cover-image.cc-exp--2 {
  object-position: 70% 50%;
}

.cover-image.cc-exp--2.cc-3 {
  object-position: 40% 50%;
}

.cover-image.cc-exp--2.cc-33 {
  object-position: 50% 50%;
}

.cover-image.cc-last {
  width: 100%;
  height: 100%;
}

.cover-image.cc-villa--img {
  object-fit: cover;
  object-position: 75% 50%;
}

.cover-image.cc-villa--img.cc-trac {
  object-position: 50% 50%;
}

.hero-slider-text {
  z-index: 1;
  flex-direction: column;
  align-items: center;
  padding-top: 300px;
  padding-bottom: 320px;
  position: relative;
}

.banner-ticker-wrapper {
  z-index: 10;
  max-width: 535px;
  position: absolute;
  inset: auto 7.5% 16% auto;
  overflow: hidden;
}

.track {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.inner-track-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: none;
  justify-content: flex-end;
  display: flex;
}

.single-track-wrap {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  position: relative;
}

.animate-underline {
  z-index: 2;
  background-color: #d2d2d200;
  width: 257px;
  height: 2px;
  position: relative;
}

.animate-innerline {
  background-color: var(--fawn);
  position: absolute;
  inset: 0%;
}

.ticker-content-box {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.small-slider-text {
  color: var(--white);
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: Butler, sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
}

.ticker-overlay {
  background-color: #00000094;
  position: absolute;
  inset: 0%;
}

.container-gal {
  max-width: 940rem;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.gs-two {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.media-image-section {
  justify-content: center;
  align-items: center;
  display: flex;
}

.inner-grid-text-div-two {
  z-index: 1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
  position: absolute;
  inset: auto 0% 31px 40px;
}

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

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

.text-overflow-hidden {
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.landing-load-reveal {
  z-index: 9999;
  perspective-origin: 50% 100%;
  transform-origin: 50% 100%;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.load-reveal-block {
  background-color: var(--eerie-black);
  transform-origin: 50% 0;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
}

.load-reveal-block.right {
  transform-origin: 50% 0;
  justify-content: flex-start;
}

.social-links {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

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

.slider-heading-one {
  color: #fff;
  text-transform: capitalize;
}

.portfolio-left-container {
  flex: 0 40%;
  position: sticky;
  top: 104px;
}

.accordian-heading-text-span {
  color: #e9a668;
}

.border-left {
  border-left: 2px solid #4f4c4c;
}

.border-left.padding-left-fifteen {
  padding-left: 15px;
}

.border-left.padding-left-fifteen.service-display-flex {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.home-two {
  background-image: none;
  display: block;
}

.journey-text-div {
  max-width: 1103px;
  margin-left: auto;
  margin-right: auto;
}

.room-types-one {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.main-nav {
  background-color: #ddd0;
  padding: 5px 15px;
  position: fixed;
  inset: 0% 0% auto;
}

.new-rooms-section {
  background-color: var(--eerie-black);
  overflow: hidden;
}

.portfolio-right-image {
  align-self: flex-start;
  position: relative;
}

.portfolio-line {
  background-color: #e9a668;
  width: 2px;
  height: 100px;
}

.accordian-heading-text {
  max-width: 695px;
  position: relative;
}

.portfolio-right-container {
  flex-direction: column;
  flex: 0 50%;
  align-items: center;
  padding-top: 30px;
  display: flex;
  position: relative;
}

.home-two-hero-section {
  position: relative;
  overflow: hidden;
}

.follow-on {
  color: #0e1824;
  letter-spacing: .02rem;
  text-transform: uppercase;
  font-family: Euclid Circular A, sans-serif;
  font-size: .875rem;
  font-weight: 700;
}

.paragraph-one {
  max-width: 560px;
  padding-bottom: 31px;
}

.social-media-left-div {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  align-items: center;
  display: flex;
}

.social-media-left-div.small-device-display-off {
  display: none;
}

.accordian-heading-one {
  text-transform: capitalize;
  margin-top: 0;
}

.small-inner-text {
  max-width: 536px;
  padding-top: 15px;
  padding-bottom: 30px;
}

.hotem-room-btn {
  z-index: 2;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #fff;
  letter-spacing: .02rem;
  text-transform: uppercase;
  background-color: #11171b;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-family: Euclid Circular A, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
  position: absolute;
  bottom: 32px;
  left: 25%;
}

.right-arrow-2 {
  height: 100px;
  inset: auto auto 0% 2%;
}

.right-arrow-2.image-off {
  display: none;
}

.different-slider {
  background-color: #ddd0;
  height: 100%;
  display: block;
}

.slider-text-wrapper {
  justify-content: center;
  align-items: center;
  padding-top: 200px;
  padding-bottom: 200px;
  display: flex;
}

.slider-text-wrapper.slider-width {
  width: 100%;
  overflow: hidden;
}

.slider-content-box {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.text-block-9 {
  z-index: 1;
  color: #575758;
  font-family: Exo, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
  position: absolute;
}

.slider-one._02 {
  margin-right: 30px;
}

.room-slider-container {
  display: none;
  position: relative;
}

.slider-number {
  color: var(--white);
  font-family: Butler, sans-serif;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 2.5rem;
  transition: all .5s;
}

.slider-transparent {
  color: var(--white);
  font-size: 100px;
  font-weight: 400;
  line-height: 110px;
  transition: all .5s;
}

.slider-transparent:hover {
  color: var(--white);
}

.underline {
  width: 370px;
  position: relative;
}

.hover-contents {
  flex-direction: column;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.slider-main-div {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.slider-hover-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.left-arrow-2 {
  height: 100px;
  inset: auto auto 0% 0%;
}

.left-arrow-2.image-off {
  display: none;
}

.line-color-2 {
  background-image: linear-gradient(281deg, #7f7d7b, #fff 36% 65%, #5e5c5b);
  width: 100%;
  height: 4px;
  position: absolute;
}

.number-digit {
  color: var(--primary-color);
  letter-spacing: -.08px;
  font-family: Jost, sans-serif;
  font-size: 2.5rem;
  line-height: 125%;
}

.number-digit.text-white.about-one-counter {
  letter-spacing: 0;
  font-family: Butler, sans-serif;
  font-size: 60px;
  line-height: 85px;
}

.home-two-counter-box {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.counter-text-block {
  color: var(--primary-color);
  text-align: center;
  letter-spacing: 2.56px;
  text-transform: uppercase;
  font-family: Jost, sans-serif;
  font-size: 2.5rem;
  line-height: 3.125rem;
}

.counter-number {
  height: 60px;
  display: flex;
  overflow: hidden;
}

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

.counter.one, .counter.two, .counter.three {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.counter-text {
  color: var(--primary-color);
  font-family: Jost, sans-serif;
  font-size: 2.5rem;
  line-height: 3.125rem;
}

.hero-text {
  z-index: 1;
  flex-direction: column;
  display: flex;
  position: relative;
}

.background-video {
  width: 186px;
  height: 92px;
}

.hero {
  margin-left: auto;
  margin-right: auto;
  padding-top: 240px;
  position: relative;
}

.display-one {
  color: var(--eerie-black);
  text-transform: uppercase;
  font-family: Butler, sans-serif;
  font-weight: 400;
}

.display-one.margin-off {
  margin-top: 0;
  margin-bottom: 0;
}

.display-one.color-golden {
  color: var(--fawn);
}

.home-two-banner-wrapper {
  background-image: url('../images/New-Transparent-Image.avif'), linear-gradient(-180deg, #fff6ed, #f2f2f2);
  background-position: 150%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 831px, auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 220px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.text-block-ten {
  color: var(--eerie-black);
  text-transform: uppercase;
  font-size: 1.25rem;
  line-height: 1.875rem;
}

.hero-image-wrapper {
  border: 1px solid #000;
  border-radius: 48px;
  flex: none;
  margin-left: 20px;
  margin-right: 20px;
  overflow: hidden;
}

.line-text {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.line-text._01 {
  grid-column-gap: 100px;
}

.line-text._03 {
  padding-left: 170px;
}

.home-banner-new-line {
  background-color: var(--eerie-black);
  width: 166px;
  height: 1px;
  margin-right: 30px;
}

.journey-heading-text-two {
  color: var(--primary-color);
  text-align: center;
  text-transform: capitalize;
  max-width: 1083px;
  margin-top: 0;
  margin-bottom: 0;
}

.home-two-accordian-wrapper {
  flex-direction: column;
  align-items: flex-end;
  padding-top: 10px;
  display: flex;
  position: relative;
}

.network-service-top-div {
  max-width: 1010px;
  margin-left: auto;
  margin-right: auto;
}

.network-card-one {
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.global-network {
  text-align: center;
  text-transform: capitalize;
}

.network-section-span-tag-color {
  color: #e9a668;
}

.network-card-inner-text {
  color: #fff;
  font-weight: 400;
}

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

.card-section.card-change-grid {
  padding-top: 35px;
}

.footer-address {
  border-left: 2px solid #ababab;
  max-width: 250px;
  padding-left: 20px;
}

.footer-small-text {
  max-width: 527px;
  padding-top: 35px;
}

.footer-email {
  color: #fff;
  letter-spacing: -.01rem;
  font-size: 1.375rem;
  line-height: 2.125rem;
}

.footer-email.padding-bottom-eleven {
  padding-bottom: 11px;
}

.home-two-footer {
  background-color: #0e1824;
  background-image: url('../images/Footer.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 1225px;
  padding: 150px 15px;
}

.radient-themes-color {
  color: #e9a668;
}

.copyright-text-one {
  color: #9e9e9e;
  letter-spacing: -.01rem;
  font-size: 1rem;
}

.copyright-text-one.padding-top-thirty {
  padding-top: 30px;
}

.mobile-number {
  color: #fff;
  letter-spacing: -.01rem;
  font-size: 1.375rem;
  line-height: 2.125rem;
}

.mobile-number.padding-bottom-twenty {
  padding-bottom: 20px;
}

.footer-right-container {
  flex-direction: column;
  flex: 1;
  max-width: 290px;
  display: flex;
}

.progress-bar-content {
  justify-content: space-between;
}

.progress-bar-text {
  justify-content: space-between;
  padding-bottom: 15px;
  display: flex;
}

.scroll-section {
  z-index: 1;
  background-image: none;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100vw;
  display: flex;
  position: relative;
  top: -120px;
}

.sticky-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  width: 100vw;
  display: flex;
  overflow: hidden;
}

.heading-overlay {
  background-color: #ffffffb3;
  height: 68px;
}

.heading-overlay.home-two {
  height: 4.2rem;
}

.heading-overlay.about-one {
  height: 4.5rem;
}

.heading-overlay.tagline {
  height: 5.5rem;
}

.homepage-text-wrapper {
  position: relative;
  overflow: hidden;
}

.overlay-line-wrapper {
  position: absolute;
  inset: 0%;
}

.linear-overlay {
  z-index: 1;
  opacity: .63;
  background-image: linear-gradient(#0c0c0c99 100%, #0000);
  position: absolute;
  inset: 0%;
}

.linear-overlay.one {
  background-image: linear-gradient(#0c0c0cdb 100%, #0000);
}

.services-text {
  letter-spacing: 0;
  text-transform: capitalize;
  margin-top: 16px;
}

.client-section-heading {
  text-transform: capitalize;
}

.client-section-heading.padding-bottom-sixteen {
  padding-bottom: 16px;
}

.client-section-heading.padding-bottom-sixteen.padding-top-four {
  padding-top: 4px;
}

.blog-text {
  text-align: center;
  max-width: 532px;
}

.plus-color {
  color: var(--fawn);
}

.hotel-facility-main-div {
  overflow: hidden;
}

.second-img {
  z-index: 10;
  position: absolute;
  inset: auto -6% 0% auto;
}

.second-img.small-device-image-off {
  max-width: 249px;
  display: none;
}

.businessman-pic {
  border-radius: 100px;
  width: 100%;
  height: 100%;
}

.view-more-btn {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  padding-top: 40px;
  display: flex;
}

.plans-right-div {
  flex: 1;
  max-width: 520px;
  min-height: 702px;
  position: relative;
}

.plans-main-container {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-color-fawn {
  color: #e9a668;
}

.card-inner-text {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.perspective-text-two {
  max-width: 521px;
  padding-top: 7px;
  padding-bottom: 30px;
}

.perspective-text-two.cc-last {
  width: 100%;
  max-width: none;
}

.perspective-text-two.cc-center {
  text-align: center;
  margin-bottom: 0;
  font-size: 22px;
}

.happy-clients {
  background-color: #0e1824;
  padding: 123px 15px 146px;
  display: flex;
}

.hotel-facility-bottom-div {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: flex-start;
  display: flex;
}

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

.point-one-image {
  background-color: #e9a668;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.happy-clients-first-div {
  flex-direction: column;
  align-items: flex-start;
  max-width: 220px;
}

.perspective-main-div {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.perspective-main-div.cc-villa {
  margin-top: 100px;
}

.perspective-main-div.cc-villa.cc-2 {
  flex-flow: row-reverse;
}

.perspective-main-div.cc-villa.cc-last {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
}

.perspective-main-div.cc-villa.exp-2 {
  flex-flow: row-reverse;
}

.perspective-main-div.cc-villa.cc-contact {
  margin-top: 140px;
  margin-bottom: 100px;
}

.perspective-main-div.cc-villa.cc-contact-2 {
  flex-flow: row-reverse wrap;
  justify-content: space-between;
  margin-top: 100px;
  margin-bottom: 100px;
}

.perspective-main-div.cc-villa.cc-adress {
  flex-flow: row-reverse;
  width: 100%;
  margin-top: 100px;
  margin-bottom: 0;
}

.top-story-div {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.hotel-facility-section-text-div {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-direction: row;
  align-items: center;
  display: flex;
  position: relative;
}

.line-width {
  background-color: #d2d2d2;
  width: 78px;
  height: 1px;
}

.client-right-text {
  color: var(--paragraph-color);
  letter-spacing: 0;
}

.story-small-text {
  text-align: center;
  letter-spacing: 0;
  max-width: 637px;
}

.happy-client-text {
  color: var(--paragraph-color);
  letter-spacing: 0;
}

.featured-paragraph {
  text-align: center;
  max-width: 683px;
  font-weight: 400;
}

.featured-paragraph.padding-top-ten {
  padding-top: 10px;
}

.hotel-facility-section {
  background-image: url('../images/Home-Three-Background.png');
  background-repeat: no-repeat;
  background-size: 1291px;
  padding: 140px 15px 146px;
}

.home-three-text-overlay {
  padding-bottom: 25px;
  position: relative;
}

.plans-left-text-block {
  letter-spacing: 0;
  padding-top: 6px;
  padding-bottom: 30px;
}

.happy-clients-text-block {
  letter-spacing: 0;
  font-family: Butler, sans-serif;
  font-size: 3.75rem;
  font-weight: 400;
  line-height: 5.3125rem;
}

.plans {
  background-image: url('../images/Home-Three-Background.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1291px;
  padding: 100px 15px;
}

.different-plans-main-div {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  display: flex;
}

.hamburger {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-direction: column;
  align-items: flex-end;
  padding-left: 15px;
  display: flex;
}

.client-right-text-block {
  max-width: 560px;
}

.client-top-container {
  border-bottom: 1px solid #636363;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 31px;
  display: flex;
}

.perspective-right-div {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 600px;
  padding: 20px;
  display: flex;
}

.perspective-right-div.cc-right {
  background-color: #0000;
  width: 50%;
  max-width: none;
  padding: 0;
}

.perspective-right-div.contact {
  width: 50%;
  max-width: none;
  display: none;
}

.perspective-left-image {
  flex: 1;
  max-width: 520px;
  min-height: 535px;
  position: relative;
}

.perspective-left-image.cc-last {
  width: 100%;
  max-width: none;
}

.global-escape {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.global-escape.cc-i {
  display: none;
}

.room-service-main-div {
  z-index: 11;
  background-color: #000;
  flex-direction: column;
  align-items: flex-start;
  max-width: 330px;
  padding: 36px 40px 45px 50px;
  display: flex;
  position: absolute;
  inset: auto auto -12% 0%;
}

.hamburger-top-line {
  width: 20px;
  height: 2px;
}

.hamburger-top-line.hamburger-line-top-color {
  background-color: var(--white);
}

.hamburger-top-line.line-color-one {
  background-color: #fff;
}

.point-one {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  align-items: center;
  display: flex;
}

.plans-left-div {
  flex: 0 51.24%;
  max-width: 661px;
}

.global-point-main {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  padding-top: 46px;
  display: flex;
}

.client-bottom-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding-top: 40px;
  display: grid;
}

.perspective {
  background-image: url('../images/Home-Three-Background.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1291px;
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
}

.perspective.cc-contect {
  background-color: #fafafa;
  background-image: linear-gradient(#00000080, #00000080), url('../images/02_born_fire_1_4x.webp');
  background-position: 0 0, 50% 60%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 110px;
  padding-bottom: 110px;
}

.hamburger-bottom-line {
  width: 12px;
  height: 2px;
}

.hamburger-bottom-line.hamburger-line-bottom-color {
  background-color: var(--white);
}

.hamburger-bottom-line.line-color-three {
  background-color: #fff;
}

.bottom-div-line {
  background-color: #e9a668;
  width: 137px;
  height: 1px;
  margin-top: 8px;
}

.navbar-wrapper-two {
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.hamburger-middle-line {
  width: 25px;
  height: 2px;
}

.hamburger-middle-line.hamburger-line-middle-color {
  background-color: var(--white);
}

.hamburger-middle-line.line-color-two {
  background-color: #fff;
}

.client-left-heading-text {
  width: 440px;
}

.client-section-container {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
}

.service-container {
  max-width: 1264px;
  margin-left: auto;
  margin-right: auto;
}

.ls-word {
  grid-column-gap: .2em;
  grid-row-gap: .2em;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.ls-word.cc {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.ls-hide {
  overflow: hidden;
}

.letter-slide {
  color: var(--white);
  letter-spacing: .2px;
  text-transform: uppercase;
  font-family: Butler, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 100%;
}

.button-text {
  color: var(--white);
  letter-spacing: .02rem;
  text-transform: uppercase;
  font-size: .875rem;
  font-weight: 500;
}

.button-text.text-black {
  color: #11171b;
  font-size: .9375rem;
}

.accomodation-btn-padding {
  padding-top: 15px;
  padding-bottom: 15px;
}

.home-one-social-feature-heading-wrap {
  max-width: 507px;
  overflow: hidden;
}

.first-grid-text-wrap {
  overflow: hidden;
}

.discover {
  color: #e9a668;
  letter-spacing: 0;
  font-family: Butler, sans-serif;
  font-size: 55px;
  font-weight: 300;
  line-height: 65px;
}

.home-two-rating-section {
  background-image: url('../images/Hotel-Design.webp');
  background-position: -200% 0;
  background-repeat: no-repeat;
  background-size: 961px;
  padding-bottom: 150px;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
}

.review-heading-text {
  text-align: center;
  text-transform: capitalize;
  max-width: 870px;
}

.hotel-service-left-wrapper {
  flex: 1;
  max-width: 632px;
  min-height: 682px;
  position: relative;
}

.hotel-service-heading-text {
  margin-top: 0;
  margin-bottom: 0;
}

.hotel-service-right-wrapper {
  flex-direction: column;
  flex: 0 46%;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 563px;
  padding-bottom: 24px;
  display: flex;
}

.main-hotel-services {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  align-items: center;
  padding-top: 125px;
  display: flex;
}

.new-room-text-block {
  color: #fff;
  letter-spacing: 0;
  text-transform: capitalize;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.new-room-text-block.one {
  cursor: pointer;
  transition: color .3s;
}

.new-room-text-block.one:hover {
  color: var(--fawn);
}

.new-room-text-block.two {
  cursor: pointer;
  transition: color .3s;
}

.new-room-text-block.two:hover {
  color: var(--fawn);
}

.new-room-text-block.three {
  cursor: pointer;
  transition: color .3s;
}

.new-room-text-block.three:hover {
  color: var(--fawn);
}

.new-room-text-block.four {
  cursor: pointer;
  transition: color .3s;
}

.new-room-text-block.four:hover {
  color: var(--fawn);
}

.slider-left-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  padding-left: 15px;
  padding-right: 40px;
  display: flex;
}

.rooms-left-wrapper {
  max-width: 604px;
}

.room-types-wrapper {
  justify-content: space-between;
  max-width: 500px;
  display: flex;
}

.home-two-hotel-rating {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.home-two-hotel-services {
  background-image: url('../images/Transparent-Img.webp');
  background-position: 100% 105%;
  background-repeat: no-repeat;
  background-size: 769px 330px;
  padding: 150px 15px 135px;
  display: block;
  overflow: hidden;
}

.new-rating-room-one {
  flex: 1;
  max-width: 520px;
  min-height: 694px;
  position: relative;
}

.new-progress-bar {
  flex: 0 49%;
  max-width: 630px;
  padding-top: 0;
}

.home-two-portfolio {
  justify-content: space-between;
  align-items: flex-start;
  padding: 150px 15px 135px;
}

.portfolio-wrapper-one {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.home-two-navigate-experiences {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-direction: column;
  align-items: center;
  max-width: 360px;
  padding-top: 10px;
  padding-bottom: 50px;
  display: flex;
}

.home-two-our-journey {
  padding-bottom: 135px;
  padding-left: 15px;
  padding-right: 15px;
}

.hotel-bg-one-2 {
  background-image: url('../images/Heading-Bg-Img-Two-svg.webp');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 178px;
  padding-right: 196px;
}

.hotel-bg-two-2 {
  background-image: url('../images/Heading-Bg-Img-One-svg_1Heading Bg Img One-svg.webp');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 59px;
  padding-right: 73px;
}

.room-service-section {
  background-image: url('../images/Room-Service-Bg-Image.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 150px 15px;
}

.home-page-two-accordian-section {
  padding-top: 140px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  overflow: hidden;
}

.padding-bottom-eleven {
  padding-bottom: 11px;
}

.network-card-wrapper {
  z-index: 1;
  flex-direction: column;
  height: 474px;
  padding-top: 262px;
  padding-bottom: 26px;
  padding-left: 35px;
  display: flex;
}

.network-service-section {
  padding: 120px 15px 150px;
}

.footer-left-container-one {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  max-width: 680px;
  display: flex;
}

.social-media-link {
  border: 1px solid #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  display: flex;
}

.footer-main-wrapper-one {
  justify-content: space-between;
  display: flex;
}

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

.navbar-wrap {
  justify-content: space-between;
  align-items: center;
  max-width: 1733px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.story-heading-text-two {
  text-align: center;
  max-width: 727px;
  padding-bottom: 13px;
}

.home-three-marquee-section {
  padding-bottom: 120px;
  display: flex;
  overflow: hidden;
}

.mrq-wrapper {
  background-color: #e9a668;
  width: 100%;
  display: flex;
}

.home-three-marquee-train {
  flex: none;
  align-items: center;
  display: flex;
}

.marquee-box {
  justify-content: flex-start;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 22px;
  display: flex;
}

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

.mrq-text-block {
  color: #fff;
  letter-spacing: 0;
  text-transform: capitalize;
  font-family: Butler, sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 70px;
}

.small-story {
  z-index: 999;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  max-width: 400px;
  font-family: Bitter, serif;
  font-size: 20px;
  display: flex;
  position: relative;
}

.story-inner-text {
  color: #eee;
  letter-spacing: 0;
  align-self: center;
  font-family: Butler, sans-serif;
  font-size: 90px;
  font-weight: 500;
  line-height: 80px;
}

.story-wrapper {
  padding-top: 5px;
}

.story-image-wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  width: 81.16%;
  display: flex;
  position: relative;
}

.story-image-wrapper.small-device-full-width {
  justify-content: flex-end;
  align-items: center;
}

.home-three-story-section {
  padding-bottom: 120px;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
}

.our-first-story {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-bottom: 1px solid #dedede;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.review-section-small-text {
  text-align: center;
  max-width: 630px;
  padding-top: 10px;
}

.home-three-review-section {
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
}

.profile-image-wrapper-box {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.our-company {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.grid-text-wrapper.text-two {
  max-width: 354px;
}

.grid-text-wrapper.text-two.small-device-full-width {
  font-size: 17px;
}

.grid-text-wrapper.text-one {
  max-width: 320px;
}

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

.happy-client-container {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.hero-slide {
  transform-origin: 0 0;
  overflow: hidden;
}

.page-rating-img {
  display: flex;
}

.left-review-div {
  flex: 0 34.1%;
  max-width: 440px;
  min-height: 669px;
  position: relative;
}

.service-background {
  background-color: var(--eerie-black);
  padding: 140px 15px 290px;
  display: none;
}

.small-circle {
  background-color: #fff;
  border-radius: 100px;
  width: 5px;
  height: 5px;
}

.superior-room {
  z-index: 10;
  background-color: #fff;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 550px;
  padding: 10px 30px 20px;
  display: flex;
  position: absolute;
  inset: auto auto -60px;
  box-shadow: 0 4px 20px #bdbdbd33;
}

.about-us {
  padding: 100px 15px;
  overflow: hidden;
}

.right-heqading-text-block {
  max-width: 644px;
  padding-bottom: 10px;
}

.client-section-overlay {
  background-image: linear-gradient(#000000a1, #000000a1);
  position: absolute;
  inset: 0%;
}

.service-heading-text {
  margin-top: 0;
}

.client-side-right-arrow-off, .icon-three {
  display: none;
}

.feature-image {
  background-color: #f9f9f9;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 78px;
  height: 76px;
  display: flex;
}

.new-line {
  background-color: #d2d2d2;
  width: 90px;
  height: 1px;
}

.highlights.highlight-color {
  color: #e9a668;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
}

.highlights.tag-color {
  color: #11171b;
}

.highlights.testimonial-fawn-text {
  color: #e9a668;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
}

.highlights.service-three-heading-text-two {
  color: var(--primary-color);
  font-family: Butler, sans-serif;
  font-size: 55px;
  font-weight: 300;
  line-height: 65px;
}

.highlights.service-three-text-block {
  color: var(--primary-color);
  text-align: center;
  padding-left: 100px;
  font-family: Butler, sans-serif;
  font-size: 55px;
  font-weight: 300;
  line-height: 65px;
}

.highlights.pricing-text-block {
  color: #e9a668;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.highlights.hydro-therapy {
  color: #11171b;
  text-align: center;
  padding-top: 15px;
  font-size: 24px;
  line-height: 30px;
}

.highlights.about-two-blog-date-text {
  color: #e9a668;
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.highlights.first-information {
  font-size: 24px;
  line-height: 30px;
}

.highlights.form-text {
  font-family: Butler, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 32px;
}

.highlights.font {
  font-size: 24px;
  line-height: 30px;
}

.right-place {
  flex-flow: column;
  flex: 0 54%;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 42px;
  display: flex;
}

.title-block {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  align-items: center;
  display: flex;
}

.slider-right-text-block {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.slider-testimonial {
  grid-column-gap: 110px;
  grid-row-gap: 110px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.superior-room-left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.service-section {
  padding-bottom: 150px;
  display: none;
  position: relative;
  overflow: hidden;
}

.about-right {
  flex-direction: column;
  flex: 0 42%;
  align-items: flex-start;
  max-width: 538px;
  padding-top: 145px;
  display: flex;
  position: relative;
}

.left-arrow-off {
  display: none;
}

.about-page-hero-section {
  z-index: 9;
  background-image: linear-gradient(#00000080, #00000080), url('../images/01_living_room_1.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.about-page-hero-section.cc-hero-img {
  background-image: url('../images/DJI_0151_hero_section_1.webp');
}

.service-text-block {
  color: var(--body-text-color);
  letter-spacing: 0;
  max-width: 800px;
}

.img-one {
  width: 100%;
}

.about-one-hero-text {
  z-index: 13;
  max-width: 393px;
  padding-top: 7px;
  padding-bottom: 24px;
  position: relative;
}

.about-main-div {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  margin-top: 140px;
  display: flex;
}

.about-main-div.cc-2, .about-main-div.cc-rcv {
  flex-flow: row-reverse;
}

.about-main-div.cc-1 {
  margin-top: 20px;
}

.slide-image-wrapper {
  transform-origin: 0 0;
}

.client-slider-nav-off {
  font-size: .6rem;
  top: 120%;
}

.slide-nav-off {
  display: none;
}

.hero-section-heading-div {
  z-index: 10;
  max-width: 877px;
  padding-top: 0;
  position: relative;
}

.superior-heading-text {
  margin-bottom: 0;
}

.hero-slider {
  background-color: #ddd0;
  width: 470px;
  height: 602px;
}

.service-text-two {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.review {
  max-width: 660px;
  padding-top: 30px;
}

.about-left {
  flex: 1;
  max-width: 632px;
  min-height: 700px;
  position: relative;
}

.about-one-service-container {
  max-width: 1334px;
}

.new-place {
  padding: 150px 15px;
  display: flex;
  overflow: hidden;
}

.service-title {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  display: flex;
}

.main-hero-slider {
  grid-column-gap: 110px;
  grid-row-gap: 110px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto .9% 12.8% auto;
}

.main-hero-slider.cc-hide, .main-hero-slider.cc, .main-hero-slider.cc-no, .client-side-left-arrow-off {
  display: none;
}

.about-heading-one {
  padding-bottom: 10px;
}

.page-review {
  padding: 0 15px 150px;
  display: none;
  overflow: hidden;
}

.place-div {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.hero-paragraph-text {
  color: var(--marquee-border-color);
  display: none;
}

.hero-paragraph-text.cc-na {
  display: none;
}

.client-img {
  border-radius: 100%;
}

.fawn-span {
  color: #e9a668;
}

.service-line {
  background-color: #fff;
  width: 300px;
  height: 1px;
  margin-top: 32px;
}

.coastal {
  color: #fff;
  letter-spacing: 0;
  font-family: Butler, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.125rem;
}

.coastal.fawn-color.about-one-counter {
  align-self: center;
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 4rem;
}

.coastal.coastal-font {
  text-transform: capitalize;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.first-features {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.service-text-div {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: flex-start;
  display: flex;
}

.new-room-features {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  padding-top: 43px;
  display: flex;
}

.left-place {
  flex: 40.31%;
  max-width: 520px;
  min-height: 560px;
  position: relative;
}

.about-hero-container {
  flex-direction: column;
  align-items: flex-start;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 200px;
  padding-bottom: 200px;
  display: flex;
  position: relative;
}

.tagline-text-span-one {
  background-image: url('../images/img-one_1img one.avif'), url('../images/Img-Two_1Img Two.avif'), url('../images/Img-Three_1Img Three.avif');
  background-position: 100%, 64%, 27%;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 47px, 47px, 47px;
  padding-right: 150px;
  display: inline-block;
}

.client-heading-div {
  padding-bottom: 6px;
}

.first-text-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  max-width: 520px;
  display: flex;
}

.tagline-section {
  padding: 16px 15px 120px;
  display: flex;
  overflow: hidden;
}

.client-review {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 42px;
  display: flex;
}

.client-review-text {
  padding-top: 24px;
}

.room-service-about {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tagline {
  max-width: 1200px;
}

.rating-black-box {
  z-index: 10;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--eerie-black);
  flex-direction: column;
  max-width: 440px;
  padding: 40px;
  display: flex;
  position: absolute;
  inset: auto -15% -50px auto;
}

.profile-image-div {
  border: 7px solid #fff;
  border-radius: 100%;
}

.right-review-section-block {
  flex: 0 51.47%;
  max-width: 643px;
  padding-top: 60px;
}

.service-slider-div {
  display: none;
  position: relative;
  top: -220px;
}

.next-arrow-btn {
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-top: 22px;
  margin-bottom: 0;
  display: flex;
  top: 100%;
}

.star-div {
  align-items: center;
  display: flex;
}

.main-heading-text {
  color: #fff;
  text-transform: uppercase;
  font-size: 80px;
}

.about-us-container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.about-us-container.cc-2 {
  max-width: 1440px;
}

.page-review-div {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.place-btn {
  padding-top: 43px;
}

.client-container {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
}

.about-page-client-section {
  background-image: url('../images/Client-Section-Bg-Image.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 150px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.about-text {
  z-index: 2;
  padding-bottom: 35px;
  position: relative;
}

.tagline-heading-text {
  color: var(--primary-color);
  text-align: center;
  line-height: 4.375rem;
}

.client-slider {
  background-color: #ddd0;
}

.tagline-text-span-two {
  background-image: url('../images/Img-Four_1.avif');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 137px;
  padding-right: 160px;
}

.correct-point-one {
  background-color: #e9a668;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.luxury-room-image {
  flex: 1;
  max-width: 739px;
  min-height: 824px;
  position: relative;
}

.hero-heading-div {
  max-width: 1200px;
}

.first-inner-point {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.correct-points {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  padding-top: 20px;
  display: flex;
}

.discover-heading {
  text-align: center;
  max-width: 860px;
}

.recent-works-heading-text {
  margin-top: 0;
}

.inner-small-text {
  color: var(--body-text-color);
  padding-top: 20px;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.about-page-hero-section-heading {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
}

.review-container {
  max-width: 1290px;
}

.small-text {
  padding-top: 6px;
}

.welcom-text {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.service-room-image {
  flex: 1;
  max-width: 300px;
  min-height: 380px;
  position: relative;
}

.about-page-email-form {
  justify-content: center;
  align-items: center;
  display: flex;
}

.total-rate {
  border-right: 1px solid #dadada;
  padding: 50px 46px 46px;
}

.hero-banner-image-three {
  z-index: -1;
  position: absolute;
  inset: auto 0% 15% auto;
}

.padding-top-twenty {
  padding-top: 20px;
}

.discover-main-wraapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-two {
  border-top-right-radius: 150px;
}

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

.recent-works {
  overflow: hidden;
}

.image-three {
  border-radius: 300px;
}

.review-image-one {
  flex: 0 100%;
  max-width: 221px;
  min-height: 470px;
  position: relative;
}

.rate {
  color: #11171b;
  letter-spacing: 0;
  font-family: Butler, sans-serif;
  font-size: 3.4375rem;
  font-weight: 400;
  line-height: 4.0625rem;
}

.about-two-hero-section {
  background-color: var(--black);
  background-image: url('../images/Bg-Img_1.avif');
  background-repeat: no-repeat;
  background-size: 1920px;
  padding-left: 15px;
  padding-right: 15px;
}

.image-marquee-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.review-left-div {
  flex: 0 51%;
  padding-top: 22px;
}

.step-into-luxury {
  padding: 150px 15px;
  overflow: hidden;
}

.step-into-luxury.spa-bg-image {
  background-image: url('../images/Spa-Image-.avif');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: auto;
}

.step-into-luxury.about-two {
  padding-bottom: 140px;
}

.hero-banner-image-one {
  z-index: -1;
  position: absolute;
  inset: 50% auto auto 0%;
}

.hero-banner-image-one.hero-image-off {
  display: none;
}

.discover-text-block {
  color: #e9a668;
  letter-spacing: 0;
  text-transform: capitalize;
  font-family: "Sourceserif 4 48 Pt", sans-serif;
  font-size: 3.4375rem;
  font-weight: 400;
  line-height: 4.0625rem;
}

.email-text {
  color: #fff;
  background-color: #fff0;
  border: 1px solid #0000;
  width: 498px;
  height: 100%;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
  font-size: 1.125rem;
}

.email-text::placeholder {
  color: #fff;
  letter-spacing: 0;
}

.inner-grid-one {
  cursor: pointer;
  margin-left: 15px;
  margin-right: 15px;
  position: relative;
  overflow: hidden;
}

.hotel-room-container {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.welcome-line {
  background-color: #d2d2d2;
  width: 90px;
  height: 1px;
}

.accodian {
  z-index: 10;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  margin-left: -120px;
  padding: 50px 60px 58px;
  display: flex;
  position: relative;
  box-shadow: 0 15px 48px #d7d7d759;
}

.main-hotel-rooms-div {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.about-send-btn {
  color: var(--primary-color);
  text-transform: uppercase;
  background-color: #e9a668;
  border-radius: 100%;
  width: 95px;
  height: 95px;
  margin-left: -32px;
  font-size: .875rem;
  font-weight: 500;
}

.btn-text-block {
  color: #fff;
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: Butler, sans-serif;
  font-size: 6.25rem;
  font-weight: 300;
  line-height: 6.875rem;
}

.digital-experience-right-wrapper {
  position: relative;
}

.digital-experience-left-wrapper {
  max-width: 610px;
  padding-left: 15px;
}

.review-image-two {
  flex: 0 100%;
  max-width: 300px;
  min-height: 642px;
  position: relative;
}

.review-right-div {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 42%;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.digital-experience {
  background-color: #171717;
}

.right-review-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  padding-left: 35px;
  padding-right: 35px;
  display: flex;
}

.animation-line {
  background-color: #ffffff80;
  width: 100%;
  height: 1px;
}

.about-page-review {
  padding: 150px 15px;
  overflow: hidden;
}

.about-page-form-block {
  padding-top: 20px;
}

.digital-main-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-heading-span-tag {
  color: #e9a668;
}

.service-div-block {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-flow: column;
  display: flex;
}

.about-page-inner-conatiner {
  max-width: 1290px;
}

.hotel-rooms-left-div {
  flex: 1;
  max-width: 520px;
  min-height: 729px;
  position: relative;
}

.worldwide-rating {
  justify-content: flex-start;
  align-items: center;
  max-width: 555px;
  display: flex;
  box-shadow: 0 4px 20px #bdbdbd33;
}

.hero-main-wrapper {
  z-index: 10;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 270px;
  padding-bottom: 514px;
  display: flex;
  position: relative;
}

.about-review-wrapper {
  justify-content: space-between;
  display: flex;
}

.hero-baneer-image-two {
  z-index: -1;
  position: absolute;
  inset: auto auto 16% 18%;
}

.paragraph-div-block {
  padding-top: 5px;
  padding-bottom: 45px;
}

.grid-overlay {
  z-index: 0;
  position: absolute;
  inset: 0%;
}

.grid-overlay.one {
  z-index: 5;
  background-image: linear-gradient(#fff0, #000000e6);
}

.grid-template-text {
  color: var(--white);
  max-width: 334px;
  padding-top: 7px;
}

.overlay-on-image {
  background-image: linear-gradient(90deg, #171717, #0000);
  position: absolute;
  inset: 0%;
}

.hotel-rooms {
  padding: 150px 15px;
  overflow: hidden;
}

.luxury-room-main-wrapper {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.template-message {
  z-index: 8;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 15px;
  display: flex;
  position: absolute;
  inset: auto auto 40px 40px;
}

.hotel-btn {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hotel-rooms-right-div {
  flex: 0 49%;
}

.work-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 50px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

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

.delux-room-image-one {
  flex: 1;
  max-width: 300px;
  min-height: 201px;
  position: relative;
}

.main-point-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.email-wrapper {
  border-bottom: 1px solid #bebebe;
  flex: 1;
}

.digital-experience-container {
  max-width: 1610px;
  margin-right: 0;
}

.fullscreen-menu {
  z-index: 9999;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
  position: fixed;
  inset: 0%;
}

.menu-layout {
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.menu-links {
  z-index: 2;
  grid-column-gap: 128px;
  grid-row-gap: 128px;
  background-color: #0e1824;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 28%;
  padding: 5vh 4vw 10vh;
  display: flex;
  position: relative;
}

.menu-brand {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.menu-main-links {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 20vw;
  display: flex;
  position: relative;
}

.menu-main-link {
  color: var(--white);
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  padding-top: 2vh;
  padding-bottom: 2vh;
  font-family: Jost, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
}

.menu-main-link:hover {
  color: var(--fawn);
}

.hide-in-tablet {
  order: 1;
}

.site-logo-wrapper {
  width: 100%;
  max-width: 160px;
}

.navbar-menu-bar {
  z-index: 99;
  background-color: var(--primary-color);
  border-bottom: 1px solid #8f8f8f;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 20px;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-menu-container {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
}

.landing-page-hero-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #11171b;
  background-image: url('../images/Background-glow.svg'), url('../images/Background-glow.svg');
  background-position: 0%, 100%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding-top: 230px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-block {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mask {
  overflow: hidden;
}

.background-image-animation {
  z-index: 1;
  grid-column-gap: 25px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: static;
  inset: auto 0% 0%;
  overflow: hidden;
}

.background-photo-grid {
  align-self: flex-end;
}

.menu-contact {
  z-index: 2;
  grid-row-gap: 5vh;
  background-image: url('../images/About-Two-img.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  min-width: 26%;
  padding: 5vh 3vw 10vh;
  display: flex;
  position: relative;
}

.menu-contact-wrapper {
  grid-row-gap: 1.25em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 22em;
  margin-top: 20vh;
  display: flex;
  position: relative;
}

.menu-contact-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.menu-rooms {
  z-index: 2;
  grid-row-gap: 4vh;
  background-color: #0e1824;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-width: 31%;
  padding: 5vh 4vw 10vh;
  display: flex;
  position: relative;
}

.menu-close {
  z-index: 2;
  cursor: pointer;
  background-color: #0e1824;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  min-width: 9%;
  padding: 40px 4em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.menu-rooms-wrap {
  flex: 1;
  width: 100%;
  display: flex;
}

.menu-rooms-list {
  grid-row-gap: 1em;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.menu-room-link-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 2vh 2vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.menu-room-image {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.menu-room-content {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.menu-room-overlay-color {
  background-color: var(--black);
  opacity: .6;
  mix-blend-mode: multiply;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.menu-close-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.nav-menu-button-icon {
  cursor: pointer;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 3vw;
  height: 1em;
  display: none;
  position: relative;
  overflow: hidden;
}

.menu-button-line {
  background-color: var(--white);
  width: 100%;
  height: 1px;
}

.menu-delay-for-animation {
  display: flex;
  position: fixed;
  inset: 0%;
}

.menu-background {
  z-index: 1;
  background-color: #0e1824;
  position: absolute;
  inset: 0%;
}

.cover-video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
}

.scroll-bar-color {
  background-color: #e9a668;
  border-radius: 12px;
  width: 4px;
  height: 50%;
}

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

.campaigns {
  padding-bottom: 150px;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
}

.tags {
  border: 1px solid #cecece;
  border-radius: 30px;
  padding: 5px 20px;
}

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

.award-image-two {
  position: absolute;
}

.award-image-two.auto-fit {
  object-position: 0% 100%;
}

.about-three-right-arrow-off {
  display: none;
}

.active-clients {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.about-three-hero-section-paragraph {
  color: var(--paragraph-text-color);
}

.award-second-heading-div {
  max-width: 529px;
}

.campaign-small-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.hero-paragraph-div-block {
  max-width: 510px;
}

.resturants {
  padding: 80px 15px 116px;
}

.about-three-tag {
  color: var(--white);
  letter-spacing: .02rem;
  text-transform: uppercase;
  font-size: 1.25rem;
}

.campaign-right-box {
  flex: 0 49%;
}

.awards-section {
  background-color: #fff5ec;
  padding-left: 15px;
  padding-right: 15px;
}

.about-three-hero-slider-contain-main-wrap {
  z-index: 20;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.awards-section-height {
  height: 200vh;
}

.awards-images-wrapper {
  flex: 0 40%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.awards-text-wrapper {
  flex-flow: column;
  flex: 0 45%;
  justify-content: flex-start;
  align-items: flex-start;
  height: 560px;
  display: flex;
  position: relative;
}

.awards-text-wrapper.overflow-hidden {
  overflow: hidden;
}

.campaign-container {
  max-width: 1290px;
}

.minus-line {
  background-color: #1e2020;
  width: 15px;
  height: 3px;
}

.total-client-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  display: flex;
}

.unique-section-container {
  max-width: 1310px;
}

.unique-idea {
  padding: 124px 15px 150px;
  overflow: hidden;
}

.campaign-inner-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.first-icon {
  color: var(--white);
  width: 45px;
  height: 45px;
}

.awards-scroll-bar {
  background-color: #ffeedf;
  border-radius: 12px;
  justify-content: center;
  align-items: flex-start;
  width: 8px;
  height: 567px;
  display: flex;
}

.about-three-heading {
  color: #fff;
  text-transform: uppercase;
}

.about-three-main-wrap {
  z-index: 9;
  position: relative;
  overflow: hidden;
}

.faq-small-box {
  flex-flow: column;
  padding-top: 36px;
  display: flex;
}

.faq-image {
  flex: 1;
  max-width: 520px;
  min-height: 791px;
  position: relative;
}

.campaign-main-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.about-three-hero-overlay {
  z-index: 2;
  background-image: linear-gradient(87deg, #030306 16%, #03030600), linear-gradient(#000000a1, #0000);
  position: absolute;
  inset: 0%;
}

.awards-container {
  max-width: 1290px;
}

.about-three-hero-slider-contain-image-block {
  z-index: 1;
  background-image: url('../images/Client-Section-Bg-Image.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.about-three-hero-slider-contain-image-block.image-one {
  z-index: 0;
  background-image: url('../images/01_VILLA.webp');
  background-position: 0%;
  background-size: cover;
}

.small-left-box {
  border-top: 1px solid #000;
  flex: 1;
  max-width: 300px;
}

.image-wrapper {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 74px;
  display: grid;
}

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

.tag-wrapper.tag-wrapper-padiding {
  padding-top: 20px;
}

.awards-main-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 150px;
  padding-bottom: 150px;
  display: flex;
  position: sticky;
  top: 50px;
}

.small-paragraph-div-block {
  padding-top: 6px;
}

.faq-right-div {
  flex: 0 50%;
}

.inner-paragraph-text-width {
  max-width: 651px;
}

.main-text-wrapper {
  justify-content: space-between;
  display: flex;
}

.about-slide {
  padding-left: 15px;
  padding-right: 15px;
}

.campaign-left-box {
  flex: 1;
  max-width: 517px;
  min-height: 666px;
  position: relative;
}

.container-small {
  max-width: 1290px;
}

.container-small.container-position {
  z-index: 3;
  position: relative;
}

.about-three-slider {
  background-color: #ddd0;
  width: 100%;
  height: 100vh;
}

.tick-box {
  background-color: #e9a668;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.frequently-asked-question {
  padding-bottom: 150px;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
}

.frequently-asked-question.small-device-section-padding.home-two-accordian {
  border-bottom-style: none;
  border-bottom-width: 0;
  padding-top: 150px;
}

.question-text-block {
  cursor: pointer;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 15px 25px 12px;
  display: flex;
}

.question-text-block.block-one {
  padding: 16px 0 13px;
}

.faq-container {
  max-width: 1300px;
}

.heading-wrapper {
  padding-top: 15px;
}

.campaign-heading-text-block {
  padding-bottom: 17px;
}

.inner-left-text {
  flex: 0 37%;
}

.room-service-div-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 355px;
  padding: 40px 30px;
  display: flex;
  box-shadow: 0 15px 48px #d7d7d759;
}

.room-service-div-block.second-move {
  margin-top: 30px;
}

.room-service-div-block.first-move {
  margin-bottom: 30px;
}

.room-service-div-block.first-move.first-service-box.margin-bottom-off.cc-amenities {
  justify-content: center;
  align-items: center;
  height: 300px;
  margin-bottom: 0;
  padding: 20px;
  transition: all .3s;
}

.room-service-div-block.first-move.first-service-box.margin-bottom-off.cc-amenities:hover {
  transform: translate(0, -2px);
}

.inner-right-text {
  flex-flow: column;
  flex: 0 54%;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.discover-small-line {
  background-color: #e9a668;
  width: 1px;
  height: 127px;
}

.about-three-hero-slider-contain-text-block {
  flex-flow: column;
  flex: 0 75%;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.new-point {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.award-text-box {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding-top: 50px;
  display: flex;
  position: absolute;
}

.award-text-box.text-box-one {
  justify-content: center;
  align-items: flex-start;
}

.award-text-box.text-box-two {
  justify-content: flex-start;
  align-items: flex-start;
  transform: translate(0, 100%);
}

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

.padding-top-eight {
  padding-top: 8px;
}

.total-users-text-block {
  color: #11171b;
  letter-spacing: 0;
  font-family: Butler, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 3.125rem;
}

.total-users-text-block.total-users-text-color {
  font-weight: 700;
}

.about-three-left-arrow-off {
  display: none;
}

.about-three-wrap {
  background-color: #000;
  padding-top: 264px;
  padding-bottom: 170px;
}

.small-heading {
  color: var(--fawn);
  text-align: center;
  letter-spacing: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
}

.hero-heading {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  max-width: 1075px;
  margin-top: 0;
}

.loop-text {
  color: var(--white);
  letter-spacing: 0;
  font-family: Butler, sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 65px;
}

.looping-text {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.looping-train {
  grid-column-gap: 10px;
  background-color: var(--fawn);
  flex: none;
  justify-content: center;
  padding-top: 44px;
  padding-bottom: 20px;
  display: flex;
}

.home-page-section {
  background-color: #fffaf5;
  padding-left: 15px;
  padding-right: 15px;
}

.content-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1290px;
  padding-top: 120px;
  padding-bottom: 150px;
  display: flex;
}

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

.landing-inner-page-card {
  background-color: #f5f5f5;
  padding-top: 18px;
  padding-left: 18px;
  padding-right: 18px;
  text-decoration: none;
}

.landing-image-wrap {
  z-index: 1;
  background-color: var(--white);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  overflow: hidden;
}

.landing-image-wrap.landing-box-shadow {
  transition: box-shadow .35s, transform .35s;
  box-shadow: 0 6px 15px #00000012;
}

.landing-image-wrap.landing-box-shadow:hover {
  box-shadow: 0 4px 35px #00000026;
}

.landing-page-link-text {
  color: var(--primary-color);
  letter-spacing: 0;
  text-transform: capitalize;
  justify-content: center;
  padding-top: 16px;
  padding-bottom: 22px;
  font-family: Butler, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  display: flex;
}

.lading-inner-page-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  padding-top: 33px;
}

.lading-inner-page-grid.one {
  grid-template-columns: 1fr;
}

.home-inner-page-section {
  background-image: url('../images/Bg-image.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.landing-home-page-card {
  position: relative;
  overflow: hidden;
}

.landing-page-sticky-section {
  background-color: #11171b;
  background-image: url('../images/Bg-image-black.svg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: auto;
}

.sticky-container {
  width: 100%;
  max-width: 1320px;
  padding: 150px 20px;
}

.gird-sticky {
  grid-column-gap: 64px;
  grid-template-rows: auto;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.left-sticky {
  position: relative;
}

.sticky {
  position: sticky;
  top: 200px;
}

.left-values {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 514px;
  padding-bottom: 113px;
  display: flex;
}

.right-column {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  position: relative;
}

.sticky-text {
  color: var(--white);
  text-align: center;
  letter-spacing: 0;
  text-transform: capitalize;
  font-family: Butler, sans-serif;
  font-size: 55px;
  line-height: 65px;
}

.utility-image-wrap {
  background-color: var(--white);
  width: 100%;
  height: 100%;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  overflow: hidden;
}

.utility-image-wrap.first {
  z-index: 1;
  position: sticky;
  top: 200px;
}

.utility-image-wrap.third {
  z-index: 3;
  position: sticky;
  top: 40vh;
}

.utility-page-card {
  background-color: #f5f5f5;
  width: 100%;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.utility-image {
  width: 100%;
}

.utility-page-section {
  padding-left: 15px;
  padding-right: 15px;
}

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

.landing-footer-container {
  max-width: 1320px;
  padding-top: 150px;
  padding-bottom: 120px;
}

.home-one-great-service-wrap {
  flex-direction: column;
  align-items: center;
  max-width: 1229px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.reveal-text {
  color: var(--white);
  text-align: center;
  text-transform: capitalize;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Butler, sans-serif;
  font-size: 50px;
  font-weight: 300;
  line-height: 65px;
}

.reveal-text.display-flex {
  flex-flow: row;
  display: flex;
}

.footer-reveal-text {
  padding-top: 30px;
  overflow: hidden;
}

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

.landing-footer-section {
  background-color: #0e1824;
}

.utility-page-main-wrapper {
  background-color: var(--eerie-black);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  max-height: 100%;
  padding: 170px 15px 100px;
  display: flex;
}

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

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

.scroll-list-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.main-manu-contain-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-top: 20px;
  margin-bottom: 30px;
}

.main-manu-contain-wrap.small-gap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.main-menu-contain-box {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-transform: uppercase;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.sub-menu-heading {
  color: var(--primary-color);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  transition: color .35s;
}

.sub-menu-heading:hover {
  color: var(--fawn);
}

.navbar-menu-font {
  color: var(--primary-color);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}

.navbar-menu-font.change-text-clolor-white {
  padding-top: 0;
  font-size: 15px;
}

.navbar-menu-font.change-text-clolor-white:hover {
  color: #e9a668;
}

.navbar-menu-font.change-text-clolor-white.w--current {
  color: var(--fawn);
}

.mega-menu-block {
  z-index: 99;
  background-color: var(--white);
  padding-left: 35px;
  padding-right: 35px;
  position: fixed;
  overflow: hidden;
  box-shadow: 0 2px 20px #0e0e0e33;
}

.mega-menu-block.main-manu {
  padding-left: 30px;
  padding-right: 30px;
  display: none;
  overflow: hidden;
}

.change-text-clolor-white {
  color: #fff;
}

.change-text-clolor-white.footer-one-contact {
  text-transform: lowercase;
  margin-bottom: 0;
}

.dropdown-toggle {
  margin-right: 0;
  padding: 30px 40px 30px 0;
}

.dropdown-toggle.margin-right {
  margin-right: 0;
}

.nav-bar-menu {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-bar-menu.change-navigation-three-menu-width, .nav-bar-menu.change-navigation-three-menu-width.home-three-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.dropdown-list {
  background-color: #ddd0;
}

.dropdown-list.w--open {
  background-color: #fff;
  min-width: 220px;
}

.main-menu-wrap, .main-menu-wrap.menu-off {
  display: none;
}

.right-nav-box {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.gallery-background {
  background-image: linear-gradient(0deg, #0e1824e0 13%, #fff0 34%, #0e182400 100%, #0e1824bf);
  display: block;
  position: absolute;
  inset: 0%;
}

.slider {
  background-color: #ddd0;
  align-self: center;
  height: 100%;
}

.slider-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  height: 100%;
  display: flex;
}

.left-slider-box {
  align-self: center;
  width: 100%;
  height: 560px;
  overflow: hidden;
}

.centre-slider-box {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 300%;
  height: 631px;
  display: flex;
  overflow: hidden;
}

.right-slider-box {
  flex-flow: column;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
  width: 100%;
  height: 560px;
  overflow: hidden;
}

.mask-two {
  width: 100vw;
  height: 100%;
}

.slide-image {
  object-fit: cover;
  height: 100%;
}

.left-arrow-three, .right-arrow-three {
  display: none;
}

.slider-navigation {
  z-index: 2;
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  width: 8%;
  height: auto;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 6%;
  left: 64%;
}

.slide-nav-two {
  z-index: 3;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  opacity: 0;
  justify-content: flex-start;
  align-items: center;
  width: 8%;
  height: auto;
  display: flex;
  top: auto;
  bottom: 4%;
  left: 35%;
}

.number-block-one {
  color: var(--white);
  position: relative;
}

.number-block-two, .number-block-three {
  color: var(--white);
}

.stricke-through {
  background-color: var(--fawn);
  width: 30px;
  height: 2px;
  position: absolute;
  top: 40%;
  transform: translate(-7px, 2px)rotate(-30deg);
}

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

.text-white.no-margin-top-bottom.cc-footer-para {
  margin-bottom: 30px;
}

.text-white.cc-black {
  color: var(--secondary-color);
  font-size: 20px;
  line-height: 25px;
  transition: all .2s;
}

.text-white.cc-contact {
  color: var(--black);
  font-size: 20px;
}

.text-white.cc-gray {
  color: var(--secondary-color);
  font-size: 22px;
  transition: all .3s;
}

.text-white.cc-gray:hover {
  color: var(--fawn);
  text-decoration: underline;
}

.text-white.cc-whtsapp {
  font-size: 24px;
}

.text-white.cc-whtsapp-copy {
  color: var(--white);
  font-size: 24px;
}

.text-white.cc-mail {
  transition: all .3s;
}

.text-white.cc-mail:hover {
  color: var(--fawn);
  text-decoration: underline;
}

.text-white.cc-footer-link {
  transition: all .3s;
}

.text-white.cc-footer-link:hover {
  color: var(--fawn);
}

.text-white.cc-sm-text {
  font-size: 22px;
}

.text-white.cc-black-copy {
  color: var(--secondary-color);
  font-size: 22px;
  line-height: 25px;
  transition: all .2s;
}

.contact-btn-wrapper-div {
  padding-top: 40px;
}

.service-mrq-image {
  justify-content: center;
  align-items: center;
  display: flex;
}

.service-one-marquee-train {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.styles {
  padding: 120px 15px 150px;
  overflow: hidden;
}

.service-page-one-text {
  z-index: 10;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.service-big-wrapper-heading {
  text-align: center;
  max-width: 964px;
}

.right-wrapper {
  flex: 0 51%;
}

.mission-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.heading-six {
  color: var(--primary-color);
  text-transform: capitalize;
  font-size: 20px;
}

.heading-six.change-text-clolor-white {
  color: var(--white);
}

.heading-six.change-text-clolor-white.text-capitalize {
  text-transform: uppercase;
}

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

.hero-section-paragraph-text {
  max-width: 510px;
}

.experience {
  padding-top: 115px;
}

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

.service-page-banner-line {
  background-color: #fff;
  width: 180px;
  height: 1px;
}

.right-wrapper-inner-text-block {
  max-width: 550px;
}

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

.grid-box {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 330px;
  padding: 40px 20px 20px;
  display: flex;
}

.grid-box.grid-box-border-left {
  border-right: 3px solid #f5f5f5;
}

.social-box {
  grid-column-gap: 140px;
  grid-row-gap: 140px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.inner-style-text-wrapper {
  max-width: 712px;
  padding-top: 7px;
}

.side-bar {
  display: none;
  position: absolute;
  inset: 45% auto auto -12%;
  transform: rotate(-90deg);
}

.service-page-hero-container {
  max-width: 1290px;
}

.service-page-marquee-div-block {
  justify-content: flex-start;
  align-items: center;
  padding-top: 33px;
  padding-bottom: 33px;
  display: flex;
}

.our-mission {
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
}

.animation-color-bg {
  background-color: var(--white);
  display: none;
  position: absolute;
  inset: 0%;
}

.animation-color-bg.primary-color {
  background-color: #11171b;
}

.animation-color-bg.spa-animation-bg-color {
  background-color: #fff7ef;
}

.animation-color-bg.cc-no {
  display: none;
}

.grid-box-icon {
  background-color: #f9f9f9;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 121px;
  height: 121px;
  display: flex;
}

.round-image {
  background-color: #e9a668;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.our-mission-container {
  max-width: 1290px;
}

.profile-name-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  display: flex;
}

.main-slider-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.small-text-width {
  max-width: 647px;
}

.inner-div-box {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  display: flex;
}

.inner-div-box.margin-bottom-ten {
  margin-bottom: 10px;
}

.service-page-heading-text {
  color: #fff;
  text-transform: uppercase;
  margin-top: 14px;
  margin-bottom: 0;
}

.blog-number {
  color: #e9a668;
  letter-spacing: 0;
  padding-top: 15px;
  font-family: Butler, sans-serif;
  font-size: 2.8125rem;
  font-weight: 500;
  line-height: 3.4375rem;
}

.special-services {
  padding: 116px 15px 150px;
}

.special-service-container {
  max-width: 1290px;
}

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

.middle-image-wrapper {
  overflow: hidden;
}

.small-step-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 35px;
  display: flex;
}

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

.star-image-div-block {
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 32px;
  display: flex;
}

.small-left-container-div {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.our-service-text-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.service-page-marquee {
  overflow: hidden;
}

.follow-us {
  color: var(--white);
  letter-spacing: .02rem;
  text-transform: uppercase;
  font-size: .875rem;
}

.inner-step {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.service-page-text {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

.service-page-hero-text-block {
  color: #fff;
  text-transform: uppercase;
  font-family: Butler, sans-serif;
  font-size: 6.25rem;
  font-weight: 300;
  line-height: 6.875rem;
}

.social-icon-link-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.style-wrapper-container {
  max-width: 1290px;
}

.service-marquee-wrapper {
  background-color: #000;
  width: 100%;
  display: flex;
}

.reader-text {
  max-width: 350px;
  padding-top: 8px;
}

.service-page-middle-line {
  background-color: var(--white);
  width: 168px;
  height: 1px;
}

.service-page-hero-section {
  background-color: #000;
  background-image: url('../images/luxury.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 172px;
  position: relative;
  overflow: hidden;
}

.inner-text-div {
  max-width: 648px;
  padding-top: 5px;
  padding-bottom: 50px;
}

.parallax-animation {
  z-index: 1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.service-page-text-block {
  color: #fff;
  letter-spacing: .02rem;
  text-transform: uppercase;
  font-size: 1.25rem;
}

.our-steps {
  max-width: 1280px;
}

.paragraph-text-div-block {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 683px;
  padding-top: 10px;
  padding-bottom: 40px;
}

.first-inner-box {
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 34px;
  display: flex;
  position: relative;
}

.first-inner-box.border-bottom {
  border-bottom: 1px solid #efefef;
}

.testimonial-line {
  background-color: #d2d2d2;
  width: 90px;
  height: 1px;
}

.service-marquee-text-block {
  color: #fff;
  letter-spacing: 0;
  text-transform: capitalize;
  font-family: Butler, sans-serif;
  font-size: 150px;
  font-weight: 400;
  line-height: 160px;
}

.check-mark {
  border: 1px solid #000;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-top: 8px;
  display: flex;
}

.our-promise {
  padding: 142px 15px 150px;
  overflow: hidden;
}

.small-div-box {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.social-icon-links {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-animation-trigger {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.special-service-grid-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.experience-section-text-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.service-page-small-image {
  position: absolute;
  inset: auto 6% 6% auto;
}

.first-small-text-block {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.right-arrow-btn {
  border: 1px solid #e9a668;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  display: flex;
}

.padding-top-twenty-five {
  text-align: center;
  padding-top: 25px;
}

.service-details-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 30px;
  display: flex;
}

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

.service-page-hero-wrapper {
  padding-top: 272px;
  padding-bottom: 317px;
  position: relative;
}

.service-page-hero-large-image {
  opacity: .63;
  object-fit: cover;
  position: absolute;
  inset: 18% 16% auto auto;
}

.home-one-image-wrapper {
  flex-flow: row;
  display: flex;
}

.collection-list-wrapper {
  display: flex;
}

.collection-item {
  flex-flow: column;
}

.collection-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.brand {
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.card-overlay {
  z-index: 4;
  opacity: .56;
  background-image: linear-gradient(0deg, #fdc48f 26%, #0000 48%);
  position: absolute;
  inset: 0%;
}

.card-overlay.dark-overlay {
  z-index: 3;
  background-image: linear-gradient(0deg, #000, #0000);
}

.card-details {
  z-index: 5;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
  position: absolute;
  inset: auto 30px 10px;
}

.home-one-creativity {
  padding-top: 116px;
  padding-bottom: 150px;
}

.home-one-creativity.cc-home {
  padding-bottom: 40px;
}

.home-three-text-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.home-three-text-wrapper.margin-bottom-fourty {
  padding-bottom: 40px;
}

.home-one-creativity-wrap {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.home-two-small-container {
  max-width: 1290px;
  padding-left: 15px;
  padding-right: 15px;
}

.inner-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 346px;
  padding-left: 30px;
  display: flex;
  position: relative;
}

.story-date {
  display: none;
}

.small-story-text {
  max-width: 281px;
}

.small-story-text.uncover-text-align-center {
  display: none;
}

.home-navbar-container {
  max-width: 1290px;
}

.profile-two-box {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: var(--white);
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 410px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 40px 34px 20px 40px;
  transition: box-shadow .35s;
  display: flex;
}

.profile-two-box:hover {
  box-shadow: 0 15px 48px #d7d7d759;
}

.profile-details {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.slider-nav {
  justify-content: center;
  align-items: center;
  height: 40px;
  display: none;
  position: absolute;
  inset: 124% 0% 0%;
}

.slider-tab {
  background-color: #e2e2e2;
  width: 30px;
  height: 2px;
}

.slider-nav-box {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.slide-wrapper {
  background-color: #ddd0;
  height: 100%;
  display: none;
}

.slider-mask {
  max-width: 630px;
  height: 100%;
  overflow: visible;
}

.slide-item {
  margin-right: 30px;
}

.slide-nav-3 {
  opacity: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  display: none;
  inset: 124% 0% 0%;
}

.slider-arrow-off {
  display: none;
}

.question-title {
  grid-column-gap: 40px;
  opacity: .99;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 37px;
  padding-bottom: 32px;
  display: flex;
}

.questions-area {
  flex: 1;
  padding-top: 10px;
}

.questions-area.width-change {
  position: relative;
}

.faq-answer {
  max-width: 100%;
  margin-bottom: 0;
}

.faq-content {
  overflow: hidden;
}

.faq-question {
  color: var(--primary-color);
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}

.plus-line {
  background-color: #1e2020;
  width: 3px;
  height: 15px;
  position: absolute;
  inset: 14% 0% 0% 43%;
}

.home-one-blog-date {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
  overflow: hidden;
}

.room-view {
  z-index: 1;
  grid-row-gap: 2em;
  flex-flow: column;
  justify-content: center;
  width: 100%;
  min-height: 600px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.rooms-two-wrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: static;
}

.rooms-two-link {
  z-index: 1;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: flex-start;
  padding: 0 50px;
  display: flex;
  position: relative;
}

.small-number {
  color: #fff9;
  letter-spacing: 0;
  font-family: Butler, sans-serif;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 2.5rem;
}

.box {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
}

.our-session {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 975px;
  display: flex;
  position: relative;
  inset: auto auto 0% 0%;
  overflow: hidden;
}

.video-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 152px;
  padding-bottom: 150px;
  display: flex;
  position: relative;
}

.policies {
  justify-content: space-between;
  display: flex;
}

.image-five {
  object-fit: cover;
}

.our-hotel {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.join-us {
  padding-left: 15px;
  padding-right: 15px;
}

.div-block-56 {
  background-color: #d2d2d2;
  width: 60px;
  height: 1px;
}

.right-image {
  flex: 0 29%;
  min-height: 466px;
  position: relative;
}

.form-block {
  margin-bottom: 0;
  display: flex;
}

.statement {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.email-submit-btn {
  letter-spacing: .02rem;
  text-transform: uppercase;
  background-color: #000;
  width: 154px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: .9375rem;
  line-height: 1.875rem;
}

.text-span {
  color: #eaaa6f;
}

.banner-right-block {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.video-overlay {
  background-color: #171717ad;
  position: absolute;
  inset: 0%;
}

.new-client-section {
  padding-bottom: 150px;
  padding-left: 15px;
  padding-right: 15px;
}

.our-lession {
  background-color: #000;
  justify-content: center;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.about-right-box {
  z-index: 60;
  flex-direction: column;
  flex: 0 43%;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.rotate-text {
  color: #000;
  letter-spacing: .02rem;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 14px;
  line-height: 30px;
  transform: rotate(0);
}

.room-main-wrapper {
  background-color: #fcf6f0;
}

.service-two-div-block {
  display: flex;
}

.social-media-icons {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  height: 13px;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotate(90deg);
}

.text-block-seven {
  color: #11171b;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Butler, sans-serif;
  font-size: 6.25rem;
  font-weight: 300;
  line-height: 8.125rem;
}

.small-image {
  z-index: 10;
  background-image: url('../images/Round-Shape.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: scroll;
  justify-content: flex-end;
  align-items: flex-end;
  width: 91px;
  height: 76px;
  display: flex;
  position: relative;
}

.about-left-box {
  flex: 1;
  max-width: 632px;
  min-height: 661px;
  position: relative;
}

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

.service-two-container {
  justify-content: space-between;
  align-items: stretch;
  max-width: 1290px;
  padding-top: 167px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.room-image {
  width: 50%;
}

.room-image.image-three {
  order: -1;
}

.room-image.image-two, .room-image.image-four {
  order: 1;
}

.room-section {
  padding: 150px 15px;
  overflow: hidden;
}

.image-four {
  object-fit: cover;
}

.banner-flex-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.left-image-div {
  flex: 0 29%;
  min-height: 466px;
  position: relative;
}

.video-section-paragraph {
  text-align: center;
  max-width: 534px;
}

.statement-text-block {
  max-width: 248px;
}

.new-email-form {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.banner-image {
  object-fit: cover;
  height: 100%;
}

.room-image-two {
  object-fit: cover;
}

.bed-image-one {
  object-fit: cover;
  height: 100%;
}

.story-paragraph-text {
  text-align: center;
  max-width: 440px;
}

.email-block {
  flex: 1;
  max-width: 500px;
}

.join-with-us {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.video-section {
  background-image: url('../images/Video.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.our-main-story {
  justify-content: space-between;
  display: flex;
}

.new-story {
  padding: 150px 15px;
}

.service-two-new-counter {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.banner-left {
  flex-flow: column;
  flex: 0 64%;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.room-details {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  padding: 60px;
  display: flex;
}

.overflow-none {
  overflow: hidden;
}

.overflow-none.padding-bottom-five {
  padding-bottom: 10px;
}

.service-two-line-block {
  background-color: #d8d8d8;
  max-width: 516px;
  height: 1px;
}

.service-two-banner {
  background-color: #fff5ec;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.middle-story {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  flex: 0 38%;
  justify-content: center;
  align-items: center;
  max-width: 474.609px;
  display: flex;
}

.padding-top-thirteen {
  padding-top: 13px;
}

.service-two-about-us {
  padding: 150px 15px;
  overflow: hidden;
}

.client-section-left {
  flex: 1;
  max-width: 629px;
  min-height: 719px;
  position: relative;
}

.main-join-wrapper {
  background-color: #e9a668;
  justify-content: space-between;
  align-items: center;
  padding: 50px;
  display: flex;
}

.email-text-field {
  color: var(--primary-color);
  letter-spacing: 0;
  height: 100%;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 12px;
  padding-left: 20px;
  font-size: 18px;
  line-height: 30px;
}

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

.inner-nav-section {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.serenity-and-bliss, .store-luggage, .room-service {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.first-line {
  background-color: var(--white);
  width: 20px;
  height: 1.7px;
}

.second-line {
  background-color: var(--white);
  width: 25px;
  height: 1.7px;
}

.third-line {
  background-color: var(--white);
  width: 12px;
  height: 1.7px;
}

.roomes-big-heading {
  color: #a19898;
  transition: opacity .2s;
}

.roomes-big-heading:hover {
  color: var(--white);
}

.delux-room {
  color: #a19898;
  transition: opacity .2s;
}

.delux-room:hover {
  color: var(--white);
}

.heading-15 {
  color: #a19898;
  transition: opacity .2s;
}

.heading-15:hover {
  color: var(--white);
}

.footer-heading {
  padding-bottom: 14px;
  overflow: hidden;
}

.out-new-services {
  padding: 150px 15px 230px;
  overflow: hidden;
}

.new-room-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-left-wrapper {
  flex: 1;
  max-width: 550px;
  min-height: 588px;
  position: relative;
}

.room-features {
  flex: 0 49%;
}

.paragraph-fifteen {
  padding-top: 9px;
}

.features {
  grid-column-gap: 43px;
  grid-row-gap: 43px;
  padding-top: 20px;
  display: flex;
}

.home-one-check-box {
  background-color: #ffdbba;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.other-features {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  display: flex;
}

.home-one-inner-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.check-mark-one {
  flex: none;
}

.new-statement {
  z-index: 11;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--eerie-black);
  background-image: url('../images/transparent-image_1transparent image.avif');
  background-position: 82% 90%;
  background-repeat: no-repeat;
  background-size: auto;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 340px;
  padding: 40px;
  display: flex;
  position: absolute;
  inset: auto 8% -14% auto;
}

.text-block-two {
  color: var(--body-text-color);
  font-family: Jost, sans-serif;
}

.home-one-new-text {
  color: var(--paragraph-text-color);
}

.left-image-wrapper {
  flex-flow: column;
  flex: 0 34%;
  justify-content: flex-end;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 110px;
  display: flex;
}

.service-three-accordian {
  z-index: 10;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 52%;
  margin-left: 0;
  margin-right: -100px;
  padding: 50px 60px 60px;
  display: flex;
  position: relative;
  box-shadow: 0 15px 48px #d7d7d759;
}

.review-text-two {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-seventeen {
  color: #fff;
}

.slider-left-one {
  border: 1px solid var(--primary-color);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-right: 60px;
  display: flex;
  inset: auto 9% 30% auto;
}

.service-three-progress-bar {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  padding: 105px 15px 150px;
}

.wrapper-point {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 35px 40px 20px 30px;
  display: flex;
  box-shadow: 0 15px 48px #d7d7d759;
}

.wrapper-text-one {
  color: var(--white);
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: Butler, sans-serif;
  font-size: 6.25rem;
  font-weight: 300;
  line-height: 6.875rem;
}

.new-card-section {
  background-color: var(--eerie-black);
  padding: 117px 15px 150px;
}

.wrapper-small-text-block {
  color: var(--fawn);
  letter-spacing: .02rem;
  text-transform: uppercase;
  font-family: Euclid Circular A, sans-serif;
  font-weight: 400;
}

.service-three-mask {
  width: 23%;
  overflow: visible;
}

.service-heading-text-block {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.about-page-inner-container {
  max-width: 1290px;
}

.timer {
  color: #11171b;
  letter-spacing: 0;
  font-family: Butler, sans-serif;
  font-size: 3.25rem;
  font-weight: 300;
  line-height: 3.875rem;
}

.service-three-new-section {
  padding: 150px 15px;
}

.vision-text {
  color: #cdcfd2;
  letter-spacing: -.02rem;
  font-family: Poppins, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.25rem;
}

.review-text-wrapper {
  z-index: 1;
  max-width: 762px;
  position: relative;
}

.service-three-slider-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: stretch;
  padding-bottom: 100px;
  display: flex;
}

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

.service-page-three-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  display: flex;
}

.service-three-small-slider {
  margin-left: 15px;
  margin-right: 15px;
}

.sub-heading {
  color: #b0b0b0;
  text-align: center;
  width: 712px;
  padding-top: 7px;
  padding-bottom: 45px;
}

.image-div {
  flex: 1;
  display: flex;
  position: relative;
}

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

.pagination-off {
  display: none;
}

.wrapper-small-text {
  font-family: Euclid Circular A, sans-serif;
  font-weight: 400;
}

.service-three-slider {
  background-color: #ddd0;
  height: 100%;
  overflow: hidden;
}

.small-box {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #ffffff0d;
  border: 1px solid #3737374d;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 60px 50px;
  transition: opacity .3s;
  display: flex;
}

.service-three-bar {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  padding-top: 38px;
  display: flex;
}

.review-heading-one {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 100px;
}

.new-cover-image {
  object-fit: cover;
  height: 100%;
}

.right-image-wrapper {
  flex: 0 52%;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 220px;
  padding-left: 50px;
  display: flex;
  position: relative;
}

.service-three-text-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.slide-title {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 14px;
  display: flex;
}

.tick-mark {
  object-fit: contain;
}

.testimonial-review {
  max-width: 300px;
}

.text-wrapper {
  flex: 0 45%;
}

.large-circle {
  border: 1px solid #5e6265;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 148px;
  height: 148px;
  display: flex;
  overflow: hidden;
}

.line-block {
  background-color: #d2d2d2;
  width: 350px;
  height: 2px;
}

.page-button {
  text-transform: uppercase;
  background-color: #e9a668;
  justify-content: center;
  align-items: center;
  padding: 10px 40px;
  font-weight: 400;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.page-button:hover {
  transform: scale(.94);
}

.page-button.small-device-button-off.menu-button {
  padding-left: 20px;
  padding-right: 20px;
}

.page-button.home-button {
  background-color: var(--black);
  padding-left: 70px;
  padding-right: 70px;
}

.page-button.position-relative {
  z-index: 1;
  position: relative;
}

.new-check-mark {
  background-color: #e9a668;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-top: 5px;
  display: flex;
}

.service-page-banner {
  background-color: var(--black);
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.room-progress-image-div {
  flex: 1;
  max-width: 550px;
  min-height: 603px;
  position: relative;
}

.service-three-heading {
  color: var(--white);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

.small-image-two {
  position: absolute;
  inset: auto 0% -15% auto;
}

.feedback {
  padding-bottom: 150px;
}

.first-count {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  border-right: 1px solid #8e8e8e80;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 80px 20px;
  display: flex;
}

.first-count.border-off {
  border-right-style: none;
}

.first-count.first-box {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
}

.page-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.card-small-text {
  color: #b0b0b0;
  text-align: center;
}

.review-box {
  background-color: #f8f8f8;
  flex: 1;
  padding: 35px 30px 20px;
  transition: opacity .5s;
}

.banner-three-image {
  object-fit: cover;
  height: 100%;
}

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

.new-image-wrapper {
  justify-content: space-between;
  display: flex;
}

.new-text-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  letter-spacing: 0;
  flex-flow: column;
  font-family: Butler, sans-serif;
  font-weight: 500;
  line-height: 2.125rem;
  display: flex;
}

.padding-top-seven {
  padding-top: 7px;
}

.review-wrapper {
  padding-top: 0;
}

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

.countdown-timer {
  border-bottom: 1px solid #8e8e8e99;
}

.slider-main-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.new-rooms {
  flex: 0 49%;
  position: relative;
}

.star {
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 22px;
  display: flex;
}

.right-arrow-one {
  border: 1px solid #000;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  inset: auto 9% 30% auto;
}

.feedback-main-wrapper {
  position: relative;
}

.feedback-image {
  object-fit: cover;
  max-width: 50%;
}

.banner-image-reveal {
  position: relative;
}

.service-three-container {
  max-width: 1700px;
  margin-left: auto;
  margin-right: auto;
}

.pricing-banner-one {
  background-image: url('../images/Pricing-Banner-One.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  padding: 248px 15px 136px;
  position: relative;
}

.main-menu-contain-heading-3 {
  color: #11171b;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  transition: color .35s;
}

.main-menu-contain-heading-3:hover {
  color: #e9a668;
}

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

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

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

.page-button-2 {
  text-transform: uppercase;
  background-color: #e9a668;
  align-items: center;
  padding: 10px 25px;
  font-weight: 400;
  text-decoration: none;
  transition: transform .4s;
}

.page-button-2:hover {
  transform: scale(.94);
}

.pricing-paragraph-text {
  color: #fff;
  text-align: center;
  max-width: 490px;
}

.pricing-text-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.spa-dropdown-toggle {
  padding: 0 40px 0 0;
}

.spa-dropdown-toggle.pricing-margin {
  margin-right: 40px;
}

.new-dropdown-list {
  background-color: #ddd0;
  border-radius: 6px;
}

.new-dropdown-list.w--open {
  background-color: #fff;
  min-width: 220px;
}

.pricing-nav-container {
  max-width: 1290px;
}

.mega-menu-block-3 {
  z-index: 99;
  background-color: #fff;
  border-radius: 0;
  padding-left: 35px;
  padding-right: 35px;
  position: fixed;
  overflow: hidden;
  box-shadow: 0 2px 20px #0e0e0e33;
}

.mega-menu-block-3.main-manu {
  padding-left: 30px;
  padding-right: 30px;
  display: none;
  overflow: hidden;
}

.pricing-plan {
  color: #fff;
  text-transform: uppercase;
}

.navbar-menu-font-3 {
  color: var(--primary-color);
  text-transform: uppercase;
  text-decoration: none;
}

.pricing-overlay {
  background-color: #00000047;
  position: absolute;
  inset: 0%;
}

.hamburger-one {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-direction: column;
  align-items: flex-end;
  padding-left: 15px;
  display: flex;
}

.menu-button-line-3 {
  background-color: #fff;
  width: 100%;
  height: 1px;
}

.pricing-page-navbar {
  background-color: #fff;
  padding: 5px 15px;
  position: fixed;
  inset: 0% 0% auto;
}

.pricing-page-navbar.transparent-nav {
  background-color: #fff0;
}

.main-menu-contain-box-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.circle-shape {
  border: 1px solid #b6b6b6;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  display: flex;
  overflow: hidden;
}

.circle-shape.two {
  border-color: #000;
}

.pricing-two-text {
  text-align: center;
  max-width: 780px;
  padding-bottom: 20px;
}

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

.pricing-three-banner {
  background-image: url('../images/Pricing-Three-Banner-Image.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 250px 15px 140px;
}

.price {
  text-align: center;
}

.pricing-title {
  color: #11171b;
  text-transform: capitalize;
  font-family: Butler, sans-serif;
  font-size: 40px;
  line-height: 50px;
}

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

.pricing-two-heading {
  text-align: center;
  text-transform: uppercase;
}

.pricing-three-heading-text {
  text-align: center;
}

.pricing-plan-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  max-width: 550px;
  padding-bottom: 40px;
  display: flex;
}

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

.service-pricing-plan-one {
  border-bottom: 1px solid #dbdbdb;
  justify-content: space-between;
  align-items: center;
  padding: 50px 60px;
  display: flex;
}

.service-pricing-plan-one.last-plan-border-off {
  border-bottom-style: none;
}

.service-pricing-plan-one.standard-plan {
  background-color: #e9a668;
}

.plain-text-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  max-width: 460px;
  display: flex;
}

.flexible-pricing-plan {
  padding: 110px 15px 90px;
}

.pricing-two-banner {
  background-image: url('../images/Pricing-Two-Banner-Image.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  padding: 235px 15px 140px;
}

.main-accordian-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  padding-top: 60px;
  display: flex;
}

.content-grid-three-image {
  flex: 1;
  max-width: 629px;
  min-height: 719px;
  position: relative;
}

.three-d-block {
  z-index: 8;
  perspective: 1000px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.three-d-trigger {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 110%;
  height: 115%;
  display: flex;
  position: absolute;
}

.rating-room-two {
  flex: 1;
  max-width: 637px;
}

.service-slider-main-wrapper {
  width: 100%;
  margin-top: -220px;
  display: none;
}

.service-slider-train {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.hotel-room {
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.massage-container {
  max-width: 1290px;
  position: relative;
}

.spa-section-six {
  background-color: #fff7ef;
  background-image: url('../images/New-Leaf.avif'), url('../images/Spa-Image-Two.avif');
  background-position: 0 100%, 135% -13%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, 672px;
  padding: 143px 15px 130px;
}

.cloud-image {
  width: 100%;
  position: relative;
}

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

.spa-heading-text {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
}

.spa-text-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 35px;
  display: flex;
}

.spa-banner-dots {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  display: flex;
}

.luxury-spa-text {
  letter-spacing: -.03rem;
  font-family: Butler, sans-serif;
  font-size: 300px;
  font-weight: 500;
  line-height: 55px;
}

.luxury-spa-text.two {
  position: absolute;
  inset: 480px auto auto;
}

.spa-page-section-five {
  background-color: #11171b;
  padding: 255px 15px 150px;
  overflow: hidden;
}

.spa-heading-two {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: Butler, sans-serif;
  font-size: 6.25rem;
  font-weight: 300;
  line-height: 6.875rem;
}

.small-round-div {
  background-color: #fff;
  border-radius: 100%;
  width: 6px;
  height: 6px;
}

.small-star-image {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.flex-box {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.spa-banner-wrapper {
  z-index: 1;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.lotus-image {
  position: absolute;
}

.lotus-image.display-off {
  display: none;
}

.first-spa-feature {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.spa-care-image {
  max-width: 630px;
  min-height: 617px;
  position: relative;
}

.spa-care-image.one {
  width: 100%;
  max-width: 520px;
}

.spa-banner-section {
  background-image: url('../images/Spa-Banner-Image.webp');
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
  padding: 230px 15px 150px;
  position: relative;
}

.spa-features {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  flex-flow: column;
  padding-bottom: 55px;
  display: flex;
}

.spa-inner-section {
  background-image: url('../images/Spa-Image-Two.avif'), url('../images/Leaf.avif');
  background-position: 160%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, 280px;
  padding: 150px 15px;
}

.padding-bottom-twenty {
  padding-bottom: 30px;
}

.grid-first-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 100px 50px 80px;
  transition: all .4s;
  display: flex;
}

.grid-first-box:hover {
  background-color: #e9a668;
}

.three-circle-box {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.commitment {
  text-align: center;
  max-width: 810px;
  font-weight: 300;
}

.premium-massage-block {
  max-width: 1290px;
  min-height: 611px;
}

.spa-inner-text {
  flex-flow: column;
  flex: 0 48%;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.second-column {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

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

.spa-image {
  flex: 1;
  max-width: 550px;
  min-height: 729px;
  position: relative;
}

.spa-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.scrolling-title {
  color: #fff0;
  letter-spacing: -.03rem;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: #ffffff59;
  text-transform: uppercase;
  font-family: Butler, sans-serif;
  font-size: 350px;
  font-weight: 700;
  line-height: 100%;
}

.scrolling-title.one {
  position: absolute;
}

.scrolling-title-box {
  text-align: center;
  white-space: nowrap;
  word-break: normal;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  max-width: 100vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.cloud-marquee-wrapper {
  position: absolute;
  inset: auto 0% -1%;
  overflow: hidden;
}

.spa-main-wrapper {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.aroma-therapy {
  max-width: 400px;
  padding-top: 12px;
}

.aroma-therapy.align-items {
  align-self: center;
}

.spa-image-block {
  flex: 1;
  max-width: 739px;
  min-height: 824px;
  position: relative;
}

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

.marquee-div {
  display: flex;
}

.first-column-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  flex: 1;
  padding-top: 138px;
  display: flex;
}

.spa-page-heading {
  margin-bottom: 0;
  font-weight: 300;
}

.spa-banner-line {
  background-color: #f5eaea;
  width: 1px;
  height: 49px;
}

.spa-care-new-text {
  padding-top: 12px;
}

.first-massage-package.spa-last-box {
  padding-left: 110px;
}

.spa-page-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.therapy-section {
  background-image: url('../images/Spa-Page-Leaf-Image.avif');
  background-position: 0 100%;
  background-repeat: no-repeat;
  padding-left: 15px;
  padding-right: 15px;
}

.paragraph-three {
  color: var(--paragraph-text-color);
}

.review-block {
  max-width: 320px;
}

.blog-one-main-post-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 10px;
  display: grid;
}

.blog-one-circle-button {
  z-index: 10;
  opacity: 0;
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 62px;
  height: 62px;
  display: flex;
  position: absolute;
  inset: 30px 33px auto auto;
}

.blog-one-data-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 32px;
  display: flex;
}

.blog-page-heading {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  max-width: 1300px;
  margin-top: 60px;
}

.room-service-block {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-post-top-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 25px;
  display: flex;
}

.box-line {
  background-color: #cbcbcb;
  width: 36px;
  height: 1px;
}

.blog-one-plus-img {
  z-index: 2;
  width: 25px;
  height: 25px;
  position: relative;
}

.blog-one-pic-block {
  overflow: hidden;
}

.blog-one-masnory-thumb-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.blog-one-heading {
  text-align: center;
  max-width: 928px;
  font-weight: 300;
}

.blog-page-wrapper {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-one-date-read-block {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.blog-one-post-section {
  padding: 100px 15px 122px;
}

.blog-page-banner-one {
  background-image: linear-gradient(#00000080, #00000080), url('../images/25.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 85vh;
  padding: 250px 15px 150px;
}

.blog-one-circle-base {
  z-index: 1;
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  display: flex;
  position: absolute;
}

.blog-one-main-post {
  flex: 0 49%;
  max-width: 630px;
}

.blog-one-masnory-thumb {
  height: auto;
}

.blog-two-btn-block {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.blog-two-paragraph {
  text-align: center;
  max-width: 614px;
  padding-bottom: 40px;
}

.scroll-icon {
  opacity: 1;
  filter: invert(0%);
  height: auto;
}

.main-banner-image {
  position: relative;
}

.blog-two-category-block {
  z-index: 2;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  margin-top: 30px;
  display: flex;
  position: relative;
}

.about-two-blog-heading-txt {
  margin-top: 0;
  margin-bottom: 0;
}

.about-two-blog-heading-txt.text-one {
  max-width: 530px;
}

.blog-two-post-one {
  clear: both;
  border-bottom: 1px solid #cecece;
  justify-content: center;
  align-items: center;
  padding-top: 72px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.blog-two-col-two {
  border-left: 1px solid #e7e7e7;
  flex: 1;
  padding-left: 80px;
}

.blog-two-img-block {
  position: relative;
}

.blog-page-heading-two {
  color: #11171b;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Butler, sans-serif;
  font-size: 6.25rem;
  font-weight: 300;
  line-height: 6.875rem;
}

.blog-two-banner {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 210px;
  display: flex;
  position: relative;
}

.blog-page-banner-small-image {
  position: absolute;
  inset: auto 0% -3% auto;
}

.blog-page-section-one {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.blog-two-heading-text {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
}

.blog-two-review-section {
  padding: 144px 15px 150px;
}

.blog-two-top-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 60px;
  display: flex;
}

.blog-two-main-img {
  max-width: 428px;
  height: auto;
  position: absolute;
  inset: auto 0% 0% auto;
}

.blog-two-heading-link {
  z-index: 2;
  cursor: pointer;
  padding-top: 4px;
  padding-right: 20%;
  position: relative;
}

.awards-hover-arrow {
  border: 1px solid #0b0d0f;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 92px;
  height: 94px;
  display: flex;
}

.awards-hover-arrow:hover {
  opacity: 1;
}

.blog-two-category-text {
  color: #11171b;
  text-transform: capitalize;
  background-color: #f3f3f3;
  padding: 7px 30px;
}

.blog-two-col-one {
  padding-right: 80px;
}

.image-height-auto {
  height: auto;
}

.blog-two-author-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.blog-two-small-text {
  color: #464954;
  margin-bottom: 0;
}

.blog-page-background-color {
  background-color: #fff8f1;
  height: 952px;
  position: absolute;
  inset: 0% 0% auto;
}

.business-heading-text {
  text-align: center;
  max-width: 765px;
  font-weight: 300;
}

.banner-small-image {
  z-index: 1;
  display: none;
  position: absolute;
}

.new-client-review {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.user-reading-time {
  border-bottom: 1px solid #cfcfcf;
  justify-content: center;
  align-items: center;
  padding-top: 35px;
  padding-bottom: 35px;
  display: none;
}

.margin-bottom-zero {
  margin-bottom: 0;
}

.details-text {
  color: #e9a668;
}

.blog-details-banner {
  background-image: linear-gradient(#00000080, #00000080), url('../images/amenities_terrace_mgrjpv_1.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 250px 15px 275px;
  overflow: hidden;
}

.profile-image-two {
  border: 7px solid #fff;
  border-radius: 100%;
  flex: none;
}

.profile-image-two.drop-shadow {
  box-shadow: 0 1px 16px #0000001c;
}

.page-reading-time {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.page-reading-time.new-time {
  padding-left: 80px;
}

.page-reading-time.new-time.cc {
  display: none;
}

.blog-time {
  margin-bottom: 0;
  display: none;
}

.details-page {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.reading-time {
  padding-bottom: 30px;
}

.information-section {
  padding: 60px 15px 90px;
}

.margin-top-five {
  margin-top: 5px;
}

.blog-details-heading-text {
  text-align: center;
  max-width: none;
}

.blog-date {
  margin-bottom: 0;
}

.blog-details-heading {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

.blog-details-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-two {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  display: flex;
}

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

.gallery-page-heading-one {
  color: var(--white);
  text-transform: uppercase;
  margin-top: 13px;
  margin-bottom: 0;
}

.gallery-text-block {
  padding-bottom: 30px;
}

.gallery-image-one {
  object-fit: cover;
}

.gallery-image-one.banner-image-full-width {
  width: 100%;
  height: 100%;
}

.gallery-image-one.banner-image-full-width.cc-1 {
  object-position: 30% 50%;
}

.gallery-page-heading-two {
  color: var(--white);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Butler, sans-serif;
  font-size: 6.25rem;
  font-weight: 300;
  line-height: 6.875rem;
}

.gallery-banner-image {
  object-fit: cover;
  object-position: 100% 50%;
}

.heading {
  padding-bottom: 3px;
}

.banner-left-image {
  flex: 0 41%;
  max-width: 520px;
}

.gallery-page-inner-text {
  text-align: center;
  max-width: 683px;
  display: none;
}

.text-block-twelve {
  color: var(--white);
  text-transform: uppercase;
  font-family: Butler, sans-serif;
  font-size: 6.25rem;
  font-weight: 300;
  line-height: 6.875rem;
}

.gallery-text-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 40px;
  display: flex;
}

.background-video-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.gallery-section {
  padding: 125px 15px 150px;
}

.gallery-banner-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  display: flex;
}

.galler-page-banner {
  background-color: var(--nav-color);
  padding: 210px 15px 150px;
}

.banner-right-text-wrapper {
  flex: 0 49%;
  max-width: 630px;
}

.gallery-page-line {
  background-color: var(--white);
  width: 148px;
  height: 1px;
}

.portfolio-right-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.room-page-text {
  color: #d9d9d9;
  text-align: center;
  padding-top: 3px;
}

.portfolio-left-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.portfolio-flex-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.portfolio-heading {
  text-align: center;
  padding-bottom: 10px;
}

.room-page-banner-text {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 554px;
  display: flex;
  position: relative;
}

.room-type-banner-section {
  padding-left: 15px;
  padding-right: 15px;
}

.portfolio-top-section-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.room-page-overlay {
  background-color: #00000075;
  position: absolute;
  inset: 0%;
}

.portfolio-room-text {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 30px;
  display: flex;
}

.room-page-banner-container {
  background-image: url('../images/Room-Type-One.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  max-width: 1700px;
  margin-left: auto;
  margin-right: auto;
  padding: 230px 15px 150px;
  display: flex;
  position: relative;
}

.hotel-portfolio {
  padding: 116px 15px 128px;
}

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

.portfolio-paragraph-text {
  text-align: center;
  max-width: 744px;
  padding-bottom: 40px;
}

.room-page-heading-text {
  color: #fff;
  text-transform: uppercase;
}

.premium-rooms {
  display: flex;
}

.home-two-image-wrapper {
  width: 50%;
  position: relative;
}

.new-image {
  object-fit: cover;
}

.new-image.one {
  opacity: 1;
}

.new-image.two {
  z-index: 1;
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.new-image.three {
  z-index: 2;
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.new-image.four {
  z-index: 3;
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.room-details-wrap {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  border-left: 2px solid #4f4c4c;
  flex-flow: column;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 15px;
  display: flex;
}

.room-details-wrap.two {
  z-index: 1;
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.room-details-wrap.three {
  z-index: 2;
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.room-details-wrap.four {
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.text-main-wrapper {
  position: relative;
}

.home-two-paragraph-text {
  color: var(--paragraph-color);
  max-width: 547px;
  padding-bottom: 20px;
}

.suit-line {
  background-color: var(--fawn);
  width: 100%;
  height: 1px;
}

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

.color-white {
  color: #fff;
}

.color-white.new-icon {
  font-size: 15px;
}

.color-white.new-icon.icon-black, .color-white.icon-color-black {
  color: var(--primary-color);
}

.hotel-facilty-inner-text {
  max-width: 648px;
}

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

.marquee-hotel-image {
  object-fit: cover;
}

.paragraph-seven {
  padding-bottom: 13px;
}

.paragraph-six {
  padding-bottom: 11px;
}

.room-details-paragraph-text {
  text-align: center;
  max-width: 502px;
  padding-bottom: 40px;
}

.room-details-paragraph-text.cc-white {
  color: var(--white);
}

.room-details-banner {
  padding-top: 200px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.room-details-banner.small-device-banner-bg-color {
  z-index: 99;
  padding-left: 15px;
  padding-right: 15px;
  display: none;
}

.marqee-text {
  padding-bottom: 20px;
  padding-left: 37px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.similar-rooms {
  background-color: #fff5ec;
  padding-top: 124px;
  padding-bottom: 115px;
  overflow: hidden;
}

.first-detail-point {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.page-banner-image {
  object-fit: cover;
  height: 100%;
}

.page-banner-image.cc {
  object-position: 50% 50%;
}

.marquee-body-text {
  color: #fff;
}

.round-shape {
  background-color: #e9a668;
  border-radius: 100%;
  width: 17px;
  height: 17px;
}

.room-page-marquee-train {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.room-details-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.information-four {
  padding-top: 10px;
  display: none;
}

.first-information-block {
  padding-bottom: 30px;
}

.heading-text-three {
  max-width: 1063px;
  padding-bottom: 27px;
}

.information-three {
  max-width: 1160px;
}

.marquee-one-wrapper {
  width: 100%;
  display: flex;
}

.room-details-heading-text {
  text-align: center;
  text-transform: uppercase;
}

.room-details-heading-text.cc-white {
  color: var(--white);
}

.marquee-one-main {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-end;
  padding-top: 35px;
  padding-bottom: 35px;
  overflow: hidden;
}

.room-page-bg-color {
  background-color: #fbe2cc;
  height: 823px;
  position: absolute;
  inset: 0% 0% auto;
}

.room-page-bg-color.hero-color {
  background-color: #25303f;
}

.marquee-image-one {
  object-fit: cover;
}

.inner-details-section {
  padding: 88px 15px 105px;
}

.other-details {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: column;
  padding-bottom: 65px;
  display: flex;
}

.marquee-image-overlay {
  background-color: #0003;
  display: none;
  position: absolute;
  inset: 0%;
}

.room-page-marquee-block {
  justify-content: flex-start;
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.room-booking-text-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 488px;
  display: flex;
}

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

.room-catagory-image {
  flex: 0 43%;
  overflow: hidden;
}

.single-room-booking-section {
  padding-top: 150px;
  padding-left: 15px;
  padding-right: 15px;
}

.main-dollar-wrapper {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  display: flex;
}

.room-booking-section {
  padding-top: 150px;
  padding-left: 15px;
  padding-right: 15px;
}

.room-page-first-image {
  object-fit: cover;
}

.room-page-inner-text {
  max-width: 500px;
  padding-bottom: 10px;
}

.dollar {
  color: #000;
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: Butler, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 32px;
}

.room-booking-paragraph-text {
  text-align: center;
}

.description {
  text-transform: uppercase;
  font-family: Butler, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 32px;
}

.booking-page-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.booking-page-wrapper.box-one {
  align-items: center;
}

.main-description {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  flex-flow: column;
  padding-top: 33px;
  display: flex;
}

.catagory {
  display: flex;
}

.small-room-heading-text {
  margin-top: 0;
  padding-bottom: 10px;
  font-weight: 400;
}

.rent {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-bottom: 1px solid #e6e6e6;
  flex-flow: column;
  padding-bottom: 30px;
  display: flex;
}

.per-night {
  letter-spacing: 0;
}

.double-room-section {
  padding-top: 150px;
  padding-left: 15px;
  padding-right: 15px;
}

.junior-room {
  flex-flow: column;
  flex: 0 49%;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.room-booking-heading-text {
  text-align: center;
}

.button-wrapper {
  padding-top: 60px;
}

.first-catagory {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.first-catagory.padding-left-fourty {
  padding-left: 40px;
}

.first-catagory.padding-right-fourty {
  padding-right: 40px;
}

.first-catagory.padding-right-fourty.border-right {
  border-right: 1px solid #ccc;
}

.new-text {
  letter-spacing: 0;
  text-transform: capitalize;
  font-family: Butler, sans-serif;
  font-size: 22px;
  line-height: 32px;
}

.room-catagory-fourth-section {
  padding: 150px 15px;
}

.booking-page {
  background-color: #000;
  padding: 210px 15px 130px;
}

.first-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.head-line {
  background-color: #cfcfcf;
  width: 74px;
  height: 1px;
}

.calender-date {
  background-color: #000;
  margin-top: 9px;
  padding-bottom: 13px;
  padding-left: 25px;
  padding-right: 25px;
}

.recent-news {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.calender-number {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 2px;
  font-size: 30px;
  line-height: 40px;
}

.news {
  flex: 0 43%;
}

.submit-button-three {
  color: #0000;
  background-color: #e9a668;
  background-image: url('../images/Search-Icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  width: 100%;
  padding-top: 11px;
  padding-bottom: 11px;
}

.news-letter-section {
  padding: 150px 15px;
}

.nav-wrapper, .blog-three-hero-section {
  display: flex;
}

.first-news {
  border-bottom: 1px solid #cfcfcf;
  padding-top: 34px;
  padding-bottom: 32px;
}

.first-news.border-off {
  border-bottom-style: none;
}

.hamburger-three {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  align-items: flex-end;
  padding-left: 15px;
  display: flex;
}

.faq-ans {
  overflow: hidden;
}

.blog-three-main-nav {
  background-color: #ddd0;
  flex-flow: row;
  position: fixed;
  inset: 0% 0% auto;
}

.month {
  color: #fff;
  text-transform: capitalize;
  font-size: 24px;
  line-height: 30px;
}

.blog-three-heading {
  z-index: 12;
  text-transform: uppercase;
  width: 800px;
  margin-top: 16px;
  padding-bottom: 34px;
  font-size: 4.6875rem;
  line-height: 5.3125rem;
  position: relative;
}

.newsletter {
  background-color: #151516;
  padding: 10px 40px 40px;
}

.left-news-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: 0 51%;
  max-width: 645px;
  display: flex;
}

.room-service-block-two {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-three-image-wrapper {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.room-box {
  overflow: hidden;
}

.blog-three-left-wrapper {
  background-color: #fcf1e7;
  width: 50%;
  height: 100%;
}

.blog-three-banner-image {
  z-index: 10;
  flex: 1;
  width: 50%;
  height: 100%;
}

.blog-page-brand {
  padding-left: 0;
}

.flex-block-two {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
}

.right-box {
  background-color: #88313100;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  padding-right: 5%;
  display: flex;
}

.accordian-block {
  cursor: pointer;
}

.blog-three-text-wrapper {
  flex-flow: column;
  align-items: flex-start;
  height: 100%;
  padding: 247px 5% 150px 20%;
  display: flex;
  position: relative;
}

.accordian-inner-item {
  border-bottom: 1px solid #cfcfcf;
  width: 100%;
}

.accordian-inner-item.item-one {
  padding-top: 7px;
}

.accordian-inner-item.border-off {
  border-bottom-style: none;
}

.blog-three-text {
  color: var(--secondary-color);
  max-width: 530px;
  padding-top: 10px;
}

.search-bar {
  margin-bottom: 20px;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 20px;
  font-size: 18px;
  line-height: 30px;
}

.search-bar::placeholder {
  color: #11171b;
  font-size: 18px;
  line-height: 30px;
}

.newsletter-box {
  border: 1px solid #cfcfcf;
  padding-top: 27px;
  padding-left: 60px;
  padding-right: 60px;
}

.blog-three-arrow {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.faq-q {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 23px;
  padding-bottom: 21px;
  display: flex;
}

.newsletter-inner-text {
  color: #fff;
  max-width: 374px;
  padding-top: 27px;
  padding-bottom: 20px;
}

.paragraph-ten {
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 22px;
  padding-left: 35px;
}

.blog-three-banner {
  z-index: 16;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.left-box {
  background-color: #000;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  padding-top: 35px;
  padding-bottom: 35px;
  padding-left: 5%;
  display: flex;
}

.blog-post {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.main-logo {
  padding-right: 120px;
}

.main-logo.w--current {
  padding-left: 0;
}

.expensive-room-details {
  max-width: 645px;
}

.home-two-background-image {
  position: absolute;
  inset: auto auto -300% -10%;
}

.hover-zoom-effect {
  object-fit: cover;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.home-three-main-title {
  max-width: 1222px;
}

.round-image-box {
  flex: none;
}

.story-overlay {
  z-index: 2;
  background-color: #0003;
  display: none;
  position: absolute;
  inset: 0%;
}

.new-featured-card {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.new-featured-card.cc-aminities {
  margin-top: 60px;
}

.home-card-one {
  background-color: #fff;
  justify-content: center;
  padding-top: 50px;
  padding-bottom: 40px;
  display: flex;
  box-shadow: 0 15px 48px #d7d7d759;
}

.home-three-marquee-wrapper {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.testimonial-marquee-train {
  flex: none;
  justify-content: flex-start;
  display: flex;
}

.autofit {
  object-fit: cover;
}

.autofit.change-size-two {
  border-radius: 100%;
  width: 100px;
  min-width: 100px;
  height: 100px;
}

.autofit.change-size {
  opacity: .5;
  border-radius: 100%;
  width: 100px;
  min-width: 100px;
  height: 100px;
}

.our-video {
  background-color: var(--white);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 95px;
  height: 95px;
  display: flex;
}

.padding-top-fourty {
  padding-top: 40px;
}

.documentation {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.help-center-banner-section {
  background-color: #fff0e3;
  padding: 226px 15px 150px;
}

.help-center-page-banner-text {
  text-align: center;
  max-width: 500px;
}

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

.help-center-page-heading {
  text-align: center;
  margin-top: 10px;
}

.information-small-text {
  max-width: 400px;
  padding-top: 3px;
  padding-bottom: 10px;
}

.information-box-one {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px 20px 30px 30px;
  display: flex;
  box-shadow: 0 15px 48px #d7d7d759;
}

.inner-information {
  padding: 150px 15px;
}

.information-details-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
}

.help-desk {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  display: flex;
}

.small-icon-box {
  background-color: #fcf5ef;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  margin-top: 8px;
  display: flex;
}

.get-in-touch {
  background-color: #f6f6f6;
  padding: 60px 15px;
  display: none;
}

.contact-banner-text {
  color: #fff;
  text-align: center;
  max-width: 600px;
}

.contact-banner-text.cc-hide {
  display: none;
}

.contact-one-heading {
  text-align: center;
}

.contact-one-section {
  background-image: linear-gradient(#00000080, #00000080), url('../images/01_bedroom_1.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 100vh;
  padding: 300px 15px 132px;
  overflow: hidden;
}

.contact-one-banner-heading {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  max-width: 830px;
}

.contact-one-text-field {
  border: 1px solid #cfd0d1;
  margin-bottom: 0;
  padding-top: 27px;
  padding-bottom: 27px;
  padding-left: 15px;
  font-size: 18px;
  line-height: 30px;
}

.contact-one-name-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.contact-one-name-company-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  padding-top: 15px;
  padding-bottom: 10px;
  display: flex;
}

.contact-one-name-company-block.second-block, .contact-one-name-company-block.third-block {
  padding-top: 10px;
}

.contact-one-paragraph {
  text-align: center;
  text-transform: capitalize;
}

.contact-one-paragraph.cc-hide {
  display: none;
}

.textarea {
  border: 1px solid #cfd0d1;
  min-height: 123px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 27px;
  padding-left: 25px;
  font-family: Jost, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.textarea.contact-three-textarea {
  min-height: 199px;
  padding-left: 12px;
}

.contact-form-text-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
}

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

.contact-one-submit-button {
  background-color: var(--fawn);
  color: var(--white);
  letter-spacing: .02rem;
  text-transform: uppercase;
  padding: 10px 133px;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  transition: all .4s;
}

.contact-one-submit-button:hover {
  transform: scale(.95);
}

.contact-one-submit-button.submit-button-black {
  background-color: var(--fawn);
  color: var(--white);
  transition: all .4s;
}

.contact-one-submit-button.submit-button-black:hover {
  transform: scale(.95);
}

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

.service-details-container {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
}

.service-details-container.container-position {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0%;
}

.main-contact-wrapper {
  background-color: #fff;
  padding: 45px 130px;
  display: none;
  box-shadow: 0 4px 36px #0000001a;
}

.submit {
  justify-content: center;
  align-items: center;
  padding-top: 48px;
  display: flex;
}

.submit.submit-form-three {
  justify-content: center;
  align-items: center;
  padding-top: 20px;
}

.contact-two-banner-section {
  background-image: url('../images/Contact-Two-Banner.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 200px 15px 150px;
}

.contact-two-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.new-contact-details {
  background-color: #fff;
  border-radius: 10px;
  flex: 0 50%;
  max-width: 630px;
  padding: 35px 50px 65px;
}

.submit-button-center {
  justify-content: center;
  align-items: center;
  padding-top: 48px;
  display: flex;
}

.company-details {
  padding: 140px 15px 130px;
}

.contact-us-page-heading {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

.contact-one-paragraph-one {
  text-align: center;
  text-transform: capitalize;
  max-width: 440px;
}

.contact-heading-text {
  color: #fff;
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: Butler, sans-serif;
  font-size: 100px;
  font-weight: 300;
  line-height: 110px;
}

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

.contact-two-banner-text {
  color: var(--paragraph-text-color);
  max-width: 430px;
  padding-top: 10px;
}

.chat-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: 0 28%;
  justify-content: flex-start;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

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

.contact-two-button {
  color: #fff;
  letter-spacing: .02rem;
  text-transform: uppercase;
  background-color: #11171b;
  padding: 10px 133px;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
}

.main-contact-details {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding-top: 45px;
  display: grid;
}

.contact-two-text-wrapper {
  flex-flow: column;
  flex: 0 43%;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.support-chat-container {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}

.call-details {
  margin-bottom: 0;
}

.contact-video {
  z-index: 6;
  border: 1px solid #000;
  border-radius: 48px;
  flex: none;
  position: relative;
  overflow: hidden;
}

.background-video-one {
  width: 186px;
  height: 92px;
}

.talk-with-us {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  display: flex;
}

.contact-three-banner-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.left-wrapper {
  flex: 0 38%;
  max-width: 494px;
}

.contact-three-banner {
  background-image: url('../images/Contact-Three-Banner-Image.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 300px 15px 220px;
  overflow: hidden;
}

.contact-three-heading-text {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

.contact-box {
  justify-content: center;
  align-items: center;
  padding: 35px 60px;
  display: flex;
}

.contact-box.one, .contact-box.two {
  border-right: 1px solid #fff;
}

.contact-three-container {
  max-width: 1313px;
}

.new-contact-wrapper {
  background-color: #141313;
  padding-left: 15px;
  padding-right: 15px;
}

.contact-three-details-page {
  background-color: #fffaf6;
  background-image: url('../images/Bg-Image.avif');
  background-position: -250% 70%;
  background-repeat: no-repeat;
  background-size: auto;
  padding: 120px 15px 150px;
}

.contact-three-details-wrapper {
  background-color: #fff;
  flex: 0 58%;
  margin-top: 30px;
  padding: 45px 50px 55px;
  box-shadow: 0 15px 48px #d7d7d759;
}

.contact-three-details-wrapper.cc-home {
  width: 100%;
  margin-top: 0;
  padding: 45px;
}

.contact-three-details-wrapper.cc-left {
  box-shadow: none;
  background-color: #fff;
  border-radius: 8px;
  flex: 1;
  width: 100%;
  margin-top: 0;
  padding: 60px 45px;
}

.contact-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.contact-wrapper-box {
  max-width: 1700px;
  margin-left: auto;
  margin-right: auto;
}

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

.contact-three-body-text {
  color: var(--paragraph-text-color);
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  max-width: 606px;
}

.service-one-banner-text {
  color: var(--paragraph-text-color);
}

.hover-line {
  background-color: #fff;
  width: 48px;
  height: 1px;
}

.service-one-hero-border {
  background-color: #fff;
  width: 1px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.service-one-banner-image-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.service-one-small-text {
  color: #d9d9d9;
}

.service-one-hero-main-wrapper {
  flex: 0 100%;
  position: relative;
}

.service-one-hero-tab-link {
  cursor: pointer;
  position: relative;
}

.service-one-hero-tab {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: absolute;
  inset: 0%;
}

.service-one-hero-wrapper {
  justify-content: center;
  display: flex;
}

.parking-space {
  z-index: 1;
  padding: 20px 30px;
  position: absolute;
  inset: auto 0% 0%;
}

.service-one-hero-image {
  width: 100%;
}

.service-one-hero-image.service-one-hero-image-four {
  background-image: url('../images/Gallery-Image-Two.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.service-one-hero-image.service-one-hero-image-two {
  background-image: url('../images/New-Room-Details-Banner-Image-.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.service-one-hero-image.service-hero-image-one {
  background-image: url('../images/Service-One-Hover-Image.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 603px;
}

.service-one-hero-image.service-one-hero-image-three {
  background-image: url('../images/Service-Details-Banner-Image.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.service-one-hero {
  position: relative;
}

.service-one-image-wrapper {
  flex: 1;
  max-width: 520px;
  min-height: 652px;
  position: relative;
}

.main-image-wrapper {
  flex-flow: column;
  display: flex;
}

.new-inner-text {
  margin-bottom: 40px;
}

.service-two-testimonials-block {
  max-width: 1220px;
  margin-left: 0;
  margin-right: auto;
}

.service-two-testimonials-right-arrow {
  border: 1px solid var(--black);
  color: #3330;
  background-image: url('../images/Arrow-Right.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  margin-bottom: 82px;
  margin-left: 710px;
  display: flex;
  inset: auto 0% 0%;
}

.service-two-testimonials-images-main {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.service-two-testimonials-text {
  background-image: url('../images/Comma.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: 1;
}

.service-two-testimonials-images {
  flex: 1;
}

.service-two-testimonials-wrapper {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  background-image: url('../images/feedback.svg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: space-between;
  padding-bottom: 80px;
  display: flex;
}

.service-two-testimonials-slider {
  background-color: #ddd0;
  height: 100%;
}

.service-two-testimonials-main {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
}

.service-two-testimonials {
  padding-bottom: 70px;
  padding-left: 15px;
  padding-right: 15px;
}

.service-two-testimonials-left-arrow {
  border: 1px solid var(--black);
  color: #3330;
  background-image: url('../images/Arrow-Left.svg');
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  margin-bottom: 82px;
  margin-left: 650px;
  display: flex;
  inset: auto 0% 0%;
}

.display-off {
  display: none;
}

.service-two-testimonials-biig-image {
  border: 9px solid var(--fawn);
  border-radius: 100%;
  position: relative;
}

.icon-16, .icon-17 {
  display: none;
}

.heading-56 {
  margin-top: 0;
  display: none;
}

.active-inner-text {
  max-width: 505px;
}

.left-arrow-six {
  display: none;
}

.service-details-slider-text {
  color: #fff;
  max-width: 450px;
}

.service-details-image-wrapper {
  display: flex;
}

.service-details-quote-slider {
  background-color: #0b0d0f;
  background-image: url('../images/Queto.avif');
  background-position: 75% 75%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 100%;
  max-width: 580px;
  height: 413px;
  padding-top: 55px;
  padding-left: 50px;
  padding-right: 50px;
}

.details-page-banner-image {
  position: relative;
}

.service-details-text-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.full-wrapper {
  position: relative;
}

.padding-top-sixteen {
  padding-top: 16px;
}

.right-arrow-six {
  display: none;
}

.details-page-banner-overlay {
  background-image: linear-gradient(100deg, #0c121329 16% 100%, #0c1213);
  position: absolute;
  inset: 0%;
}

.service-details-heading-text {
  max-width: 516px;
}

.service-details-slider-section {
  padding-top: 150px;
  padding-bottom: 275px;
}

.image-block {
  flex: 0 48%;
}

.five-star-block {
  padding-bottom: 28px;
}

.small-line-one {
  background-color: #0b0d0f;
  width: 80px;
  height: 1px;
}

.service-details-banner-text {
  text-align: center;
  max-width: 693px;
  padding-bottom: 40px;
}

.service-details-banner-heading {
  text-align: center;
  text-transform: uppercase;
}

.service-details-banner {
  padding-top: 210px;
  padding-left: 15px;
  padding-right: 15px;
}

.slide-nav-five {
  padding-top: 0;
  padding-bottom: 4.8rem;
  padding-left: 50px;
  display: flex;
}

.new-gallery-image {
  object-fit: cover;
}

.new-gallery-image.image-size {
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.new-gallery-image.image-size.c {
  object-position: 100% 50%;
}

.new-gallery-image.right-image {
  min-height: auto;
  margin-top: 60px;
  margin-left: -30px;
}

.service-details-image {
  object-fit: cover;
}

.small-slider-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 70px;
  display: flex;
}

.new-hotel-room-image {
  object-fit: cover;
}

.total-text-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.service-details-slider-wrapper {
  flex: 0 48%;
  padding-top: 120px;
}

.new-counter-text {
  max-width: 587px;
  padding-bottom: 30px;
}

.service-details-counter-section {
  padding-left: 15px;
  padding-right: 15px;
}

.new-service-section {
  padding: 115px 15px 225px;
}

.price-image-one {
  object-fit: cover;
  height: 100%;
}

.price-page-small-image {
  z-index: 11;
  position: absolute;
  inset: auto -40px -110px auto;
}

.pricing-heading-one {
  padding-bottom: 7px;
}

.visit-new-place {
  flex-flow: column;
  flex: 0 40.31%;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.pricing-one-inner-text {
  text-align: center;
  max-width: 702px;
}

.first-hotel-image {
  object-fit: cover;
  width: 100%;
}

.online-reservation {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.hotel-price-section {
  padding: 143px 15px 150px;
}

.inner-text-block {
  text-transform: capitalize;
  font-size: 24px;
  line-height: 30px;
}

.new-pricing-image-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.new-home {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex: 0 48.83%;
  display: flex;
}

.reservation {
  background-image: url('../images/8_1.webp');
  background-position: 50%;
  background-size: cover;
  margin-top: 100px;
  padding-top: 144px;
  padding-bottom: 135px;
  display: none;
  position: relative;
}

.royal-image {
  object-fit: cover;
  height: 100%;
}

.pricing-text-one {
  max-width: 526px;
  padding-bottom: 20px;
}

.select-person {
  border: 1px #000;
  border-bottom: 1px solid #a6a6a6;
}

.third-package-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.reservation-text {
  color: #fff;
  text-align: center;
  margin-top: 10px;
  padding-bottom: 15px;
}

.royal-room {
  flex: 0 40.3%;
  max-width: 520px;
}

.reservation-line {
  background-color: #fff;
  width: 61px;
  height: 1px;
}

.left-text {
  flex-flow: column;
  flex: 0 50%;
  display: flex;
}

.price-tag-line {
  border: 1px dashed #ffdbba;
  width: 192px;
  position: absolute;
  inset: auto auto 12px -230px;
}

.hotel-charges {
  flex-flow: column;
  flex: 0 50%;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.reservation-overlay {
  background-color: #0009;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.hotel-price {
  position: relative;
}

.delux-package-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 45px;
  display: flex;
}

.paragraph-text-two {
  font-size: 1rem;
  line-height: 1.75rem;
}

.hotel-counter-section {
  padding: 150px 15px;
}

.second-package-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  padding-top: 203px;
  padding-bottom: 150px;
  display: flex;
}

.first-package-wrapper {
  flex-flow: column;
  justify-content: center;
  padding-top: 87px;
  display: flex;
}

.new-grid-images {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex: 0 40.32%;
}

.hotel-check-out {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px #000;
  border-bottom: 1px solid #a6a6a6;
  display: flex;
}

.first-pacakge {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: flex;
}

.online-reservation-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.pricing-image-wrapper {
  flex: 0 40.31%;
  max-width: 520px;
  position: relative;
}

.pricing-one-heading {
  text-align: center;
  max-width: 750px;
  margin-top: 15px;
}

.line-block-one {
  background-color: #e9a668;
  width: 52px;
  height: 1px;
}

.visit-place {
  padding-bottom: 150px;
  padding-left: 15px;
  padding-right: 15px;
}

.check-in {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px #000;
  border-bottom: 1px solid #a6a6a6;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.pricing-package {
  flex: 0 49%;
  max-width: 639px;
}

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

.booking-form.cc-hide {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: var(--white);
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-flow: column;
  align-content: stretch;
  justify-items: stretch;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
}

.horizontal-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: flex-start;
}

.price-rate {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: column;
  display: flex;
}

.submit-button-one {
  color: #11171b;
  text-transform: uppercase;
  background-color: #e9a668;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
}

.submit-button-one.cc-white {
  color: var(--white);
  padding: 10px;
}

.select-field {
  color: var(--fawn);
  background-color: #f3f3f300;
  border: 1px #000;
  height: 55px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 24px;
  line-height: 30px;
}

.select-field.cc-hide {
  display: none;
}

.package {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.main-address-wrapper {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 33px;
  display: flex;
}

.charges {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.inner-hotel-rooms {
  flex: 1;
}

.flex-block-one {
  justify-content: flex-end;
  align-items: flex-start;
}

.thrid-image-block {
  margin-top: -50px;
  padding-left: 100px;
}

.about-one {
  padding-bottom: 3px;
}

.new-big-image {
  padding: 224px 15px 150px;
}

.big-image-container {
  max-width: 1290px;
}

.plus {
  background-color: #11171b;
  width: 3px;
  height: 15px;
  position: absolute;
}

.big-image {
  object-fit: cover;
}

.faq-heading-block {
  text-align: center;
}

.icon-box {
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
  position: relative;
}

.dropdown-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.faq-text {
  max-width: 1127px;
  margin-bottom: 24px;
}

.faq_body-wrap {
  padding-bottom: 7px;
}

.minus {
  background-color: #11171b;
  width: 15px;
  height: 3px;
}

.faq-text-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 42px;
  display: flex;
}

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

.service-three-testimonial-slider {
  max-width: 1305px;
  margin-left: auto;
  margin-right: auto;
}

.service-three-testimonial-slider.slider-position-absolute {
  position: absolute;
  inset: 0%;
}

.room-gallery-images {
  padding-bottom: 150px;
  padding-left: 15px;
  padding-right: 15px;
}

.main-gallery-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.galler-box-one {
  height: 350px;
}

.lightbox-link {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.navbar-menu {
  margin-left: 0;
  margin-right: 0;
}

.navbar-menu.mega-navbar-menu {
  position: static;
}

.mega-submenu-texts {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.sub-menu-text {
  color: var(--primary-color);
  text-transform: uppercase;
  flex: 1;
  padding: 0;
  font-family: Jost, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
}

.sub-menu-text:lang(en) {
  color: #27272e;
}

.nav-text-and-nav-arrow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.nav-menu-text-font {
  color: var(--primary-color);
  letter-spacing: 0;
  font-family: Jost, sans-serif;
  font-size: .9375rem;
  font-weight: 500;
  line-height: 1.875rem;
}

.nav-menu-text-font.change-text-clolor-white {
  color: var(--white);
}

.mega-menu-heading {
  color: var(--primary-color);
  font-family: Jost, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
}

.mega-menu-border-three {
  background-color: #0003;
  max-width: 140px;
  height: 1px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.dropdown-list-7 {
  background-color: #fff;
  flex-flow: column;
  width: 200px;
  padding-left: 30px;
  padding-right: 30px;
  overflow: hidden;
  box-shadow: 0 0 8px #0003;
}

.dropdown-list-7.w--open {
  width: 1200px;
}

.dropdown-list-7.mega-navbar-submenu {
  z-index: 100;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  box-shadow: none;
  background-color: #0000;
  justify-content: space-between;
  width: 100%;
  max-width: 931px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  bottom: auto;
  right: auto;
  overflow: visible;
}

.dropdown-list-7.mega-navbar-submenu.w--open {
  width: 100vw;
  max-width: 1200px;
  inset: 100% 0% 0% auto;
}

.mega-menu-block-two {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  max-width: 140px;
  display: flex;
}

.mega-menu-border {
  background-color: #0003;
  max-width: 108px;
  height: 1px;
  margin-top: 15px;
  margin-bottom: 20px;
}

.navbar-mega-menu {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  padding: 50px 40px;
  display: flex;
}

.dropdown-main-text {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  align-items: flex-start;
  padding: 29px 0;
  display: flex;
  overflow: hidden;
}

.dropdown-main-text.navbar-two-nav-menu-text-padding-added {
  margin-right: 0;
  padding: 0 40px 0 0;
}

.mega-menu-block-three {
  flex: 0 auto;
  width: 25vw;
  height: 42vh;
  display: block;
  position: relative;
  overflow: hidden;
}

.mega-menu-block-one {
  flex: 1;
  max-width: 115px;
}

.nav-hover-line {
  background-color: #5552e7;
  width: 100%;
  height: 1px;
  display: none;
  transform: translate(-105%);
}

.mega-menu-border-two {
  background-color: #0003;
  max-width: 100px;
  height: 1px;
  margin-top: 15px;
  margin-bottom: 20px;
}

.mega-menu-outer {
  background-color: #fff;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 8px #0003;
}

.question-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

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

.new-pricing-container {
  max-width: 1150px;
}

.pricing-accordian {
  background-color: #fff5ec;
  padding: 124px 15px 150px;
}

.minus-icon {
  background-color: #000;
  width: 18px;
  height: 3px;
}

.plus-icon {
  background-color: #000;
  width: 3px;
  height: 18px;
  position: absolute;
}

.pricing-list {
  background-color: #ddd0;
  padding-top: 20px;
  padding-bottom: 30px;
  position: relative;
  overflow: hidden;
}

.image-down-arrow {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.accordian-main-title {
  padding-bottom: 34px;
}

.answer {
  max-width: 1078px;
}

.pricing-text-wrapper-one {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.question-dropdown-one {
  background-color: #fff;
  width: 100%;
  padding: 30px 60px;
}

.pricing-main-text-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.question-toggle {
  justify-content: space-between;
  align-items: center;
  padding: 0;
  display: flex;
}

.answer-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.room-gallery {
  text-align: center;
  padding-bottom: 35px;
}

.page-not-found {
  object-fit: cover;
  height: auto;
}

.big-line {
  background-color: var(--fawn);
  width: 100%;
  height: 1px;
  margin-top: 54px;
  margin-bottom: 20px;
}

.not-found {
  padding-bottom: 20px;
}

.paragraph-five {
  max-width: 564px;
}

.small-image-box {
  z-index: 11;
  display: inline-block;
  position: absolute;
  inset: auto auto -9% -7%;
}

.data-wrap-section-one {
  background-color: #f3f3f3;
  padding: 150px 15px;
  display: block;
}

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

.home-three-hero {
  z-index: 9;
  background-color: #25303f;
  padding: 270px 15px 290px;
  position: relative;
}

.home-three-hero-wrapper {
  z-index: 3;
  width: 100%;
  max-width: 541px;
  position: relative;
}

.home-three-banner-heading {
  color: var(--white);
  text-transform: uppercase;
  margin-bottom: 30px;
}

.home-three-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 66.66vw;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.banner-new-image {
  width: 50%;
  height: 100%;
  position: relative;
}

.banner-new-image.cc-hide-test {
  background-image: url('../images/DJI_0151_hero_section-1_1.webp');
  background-position: 0 0;
  background-size: auto;
}

.service-image {
  object-fit: cover;
  height: 100%;
}

.pages-arrow {
  color: var(--white);
  font-size: 15px;
  left: 86px;
}

.new-background-video {
  width: 132px;
  height: 65px;
}

.banner-tex-wrapper-one {
  z-index: 1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 150px;
  display: flex;
  position: absolute;
  inset: auto auto 46px 60px;
}

.text-block-three {
  color: var(--white);
  font-size: 15px;
}

.text-block-three.margin-bottom-ten {
  margin-bottom: 10px;
}

.banner-overlay {
  background-image: linear-gradient(#0000004f 100%, #0000);
  position: absolute;
  inset: 0%;
}

.home-three-banner-text {
  color: var(--white);
}

.toggle-one {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  padding: 30px 40px;
  display: flex;
}

.new-list {
  background-color: #ddd0;
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  display: none;
  position: relative;
  overflow: hidden;
}

.faq-dropdown-one {
  width: 100%;
  box-shadow: 0 5px 35px #d7d7d759;
}

.faq-dropdown-one.accordian-one {
  box-shadow: none;
  border-bottom: 1px solid #d9d9d9;
}

.home-two-faq {
  flex: 1;
  width: 100%;
  max-width: 748px;
}

.home-two-accordian {
  border-bottom: 2px solid #aba7a74d;
  width: 100%;
}

.home-two-toggle {
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.faq-answer-block {
  max-width: 657px;
  padding-bottom: 11px;
}

.new-list.home-two-accordian {
  border-bottom-style: none;
  padding-left: 0;
  padding-right: 0;
}

.new-list.home-three-accordian {
  padding-bottom: 2px;
  padding-left: 25px;
  padding-right: 0;
  display: flex;
}

.new-list.home-three-accordian.w--open {
  padding-left: 20px;
}

.bg-fawn-color {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px;
  display: flex;
}

.faq-new-answer {
  padding-top: 15px;
  padding-bottom: 20px;
}

.background-video-four {
  border-radius: 48px;
  width: 146px;
  height: 66px;
}

.new-video {
  z-index: 1;
  border: 1px solid var(--primary-color);
  border-radius: 48px;
  flex: none;
  position: relative;
}

.service-two-heading {
  text-transform: uppercase;
  margin-bottom: 0;
}

.service-two-video-wrapper {
  z-index: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.first-heading-block {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.background-video-two {
  border: 1px solid #000;
  border-radius: 48px;
  width: 123px;
  height: 77px;
  margin-top: 20px;
}

.icon-box-one {
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
  position: relative;
}

.image-container-one {
  background-image: url('../images/pricing-Image-One.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 300px;
  height: 100%;
  padding: 60px 30px;
  display: flex;
}

.pricing-two-title {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.doller {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  transform: rotate(-90deg);
}

.check-box-one {
  border: 1px solid #e9a668;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.services {
  background-color: var(--white);
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 440px;
  height: 100%;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

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

.price-new-line {
  background-color: #d2d2d2;
  width: 90px;
  height: 1px;
}

.pricing-two-inner-text {
  max-width: 360px;
  padding-top: 10px;
}

.our-special-services {
  color: #fff;
  letter-spacing: 0;
  text-transform: capitalize;
}

.check-button-text-one {
  color: #fff;
  letter-spacing: .02rem;
  text-transform: uppercase;
  font-size: .875rem;
  font-weight: 500;
}

.check-button-text-one.text-black {
  color: #11171b;
}

.new-vartical-accordion-text {
  z-index: 3;
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
  position: relative;
  transform: rotate(-90deg);
}

.cartain {
  z-index: 3;
  background-color: var(--black);
  display: none;
  position: absolute;
  inset: 0%;
}

.menu-section-two {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex: 0 25%;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 12px;
  display: flex;
}

.menu-section-three {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex: 0 20%;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 12px;
  padding-left: 15px;
  display: flex;
}

.pages-menu-section-one {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex: 0 25%;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 12px;
  display: flex;
}

.home-three-dropdown {
  cursor: pointer;
  height: 1.75rem;
  overflow: hidden;
}

.mega-menu-divider {
  background-color: #d3d3d3;
  width: 1px;
  margin-left: 40px;
  margin-right: 40px;
}

.home-three-dropdown-menu {
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
}

.home-three-dropdown-menu.text-black {
  color: var(--primary-color);
}

.new-mega-menu-block {
  z-index: 99;
  width: 100%;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: fixed;
  bottom: auto;
  left: 0;
  right: 0;
  overflow: hidden;
  box-shadow: 0 2px 20px #0e0e0e33;
}

.new-mega-menu-block.large-nav {
  max-width: 1600px;
}

.mega-menu-main-one {
  display: inline-block;
}

.nevigation-dropdown-list-mega-menu {
  opacity: 0;
  display: none;
}

.nevigation-dropdown-list-mega-menu.border-change {
  border-width: 0;
  border-color: #0000;
}

.autofit-two {
  z-index: 9;
  object-fit: cover;
}

.autofit-two.nav-image {
  border-radius: 6px;
}

.nav-menu-toggle {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  text-transform: uppercase;
  align-items: center;
  padding: 30px 40px 30px 0;
  display: inline-block;
}

.mega-menu-image-wrapper {
  align-self: center;
}

.mega-menu-wrapper-one {
  background-color: #fff;
  justify-content: space-between;
  width: 100%;
  padding: 40px;
  display: flex;
  position: relative;
}

.home-three-dropdaown {
  flex: none;
}

.home-three-dropdaown.display-block {
  margin-left: 0;
  display: block;
}

.vartical-accordion-box-3 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 10%;
  height: 100%;
  display: flex;
  position: relative;
}

.vartical-accordion-box-3.active {
  z-index: 1;
  width: 70%;
}

.vartical-accordion-box-4 {
  background-color: #beab9e;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 10%;
  height: 100%;
  display: flex;
  position: relative;
  box-shadow: 12px 0 38px #00000026;
}

.vartical-accordion-box-4.active {
  background-color: #fff0;
  width: 70%;
}

.content-01-tab-2 {
  justify-content: flex-start;
  align-items: stretch;
  max-height: 554px;
  display: flex;
  overflow: hidden;
}

.content-01-tab-2.r2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  max-height: 668px;
}

.single-tab {
  justify-content: flex-start;
  align-items: center;
  min-height: 554px;
  display: flex;
}

.single-tab.r2 {
  min-height: 668px;
}

.content-01-inner-box {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

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

.tab-body {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tab-body.r2 {
  flex-flow: row;
}

.tab-header-seven {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 160px;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 25px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tab-header-seven.rate-one {
  background-color: var(--white);
  cursor: pointer;
  width: 190px;
  padding-top: 60px;
  padding-bottom: 92px;
}

.tab-header-five {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 160px;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 25px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tab-header-five.rate-one {
  background-color: var(--white);
  cursor: pointer;
  width: 190px;
  padding-top: 60px;
  padding-bottom: 80px;
}

.tab-header-eight {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 160px;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 25px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tab-header-eight.rate-one {
  background-color: var(--white);
  cursor: pointer;
  width: 190px;
  padding-top: 60px;
  padding-bottom: 92px;
}

.paragraph-text-block {
  margin-bottom: 0;
}

.blog-three-paragraph-one, .blog-three-paragraph-two {
  color: var(--secondary-color);
}

.blog-three-banner-image-one {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.faq-question-one {
  color: #11171b;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}

.new-accordian {
  border-bottom: 2px solid #aba7a74d;
  width: 100%;
  padding-top: 13px;
  padding-bottom: 12px;
}

.accordion-one-dropdown-toggle {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.questions-block {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.accordion-one-dropdown-contain {
  background-color: #ddd0;
  display: block;
  position: static;
  overflow: hidden;
}

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

.padding-top-sixty {
  padding-top: 60px;
}

.new-number-block {
  display: flex;
}

.counter-one {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  flex-flow: column;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.counter-one.display-off {
  display: none;
}

.service-two-video-heading, .review-title-text, .email-wrapper-text {
  color: var(--white);
}

.contact-text-two {
  text-align: center;
  max-width: 215px;
}

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

.aristo-logo {
  width: 100%;
  max-width: 140px;
  height: 100%;
}

.brand-one {
  padding-left: 0;
}

.brand-two {
  width: 100%;
  padding-left: 0;
}

.radient-template {
  color: var(--fawn);
}

.footer-heading-one {
  color: var(--white);
  margin-top: 0;
}

.icon-19, .right-icon-off {
  display: none;
}

.images-wrapper {
  overflow: hidden;
}

.images-link {
  color: var(--secondary-color);
  text-decoration: underline;
}

.licensing-section {
  padding-top: 110px;
  padding-bottom: 110px;
}

.images-preview {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.margin-bottom-twenty {
  margin-bottom: 20px;
}

.get-in-touch-block {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.licensing-boxes {
  margin-bottom: 55px;
}

.licensing-boxes.margin-bottom-zero {
  margin-bottom: 0;
}

.licensing-links {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: stretch;
  position: sticky;
  top: 170px;
}

.licensing-border {
  background-color: #c5c8cd33;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 30px;
}

.margin-bottom-fifteen {
  margin-bottom: 15px;
}

.licensing-image {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
}

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

.licensing-main-wrapper {
  grid-column-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 180px 1fr;
  align-items: start;
}

.licensing-text-main-wrapper {
  padding-bottom: 20px;
  padding-left: 50px;
  padding-right: 50px;
}

.text-red {
  color: var(--fawn);
  font-weight: 500;
}

.license-descripition {
  max-width: 850px;
}

.license-descripition.margin-bottom-thirty {
  margin-bottom: 30px;
}

.license-descripition.margin-bottom-thirty.text-light {
  color: var(--white);
}

.license-hero {
  background-image: linear-gradient(#0000003d, #00000094), url('../images/New-Bed-Room-Image.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 220px;
  padding-bottom: 170px;
  overflow: hidden;
}

.link-2 {
  color: var(--primary-color);
  justify-content: center;
  align-items: center;
  padding: 12px 25px;
  display: flex;
}

.link-2.w--current {
  background-color: var(--fawn);
  color: var(--primary-color);
}

.images-links-wrapper {
  grid-column-gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.images-links-wrapper.margin-bottom-thirty {
  margin-bottom: 30px;
}

.margin-bottom-fourty {
  margin-bottom: 40px;
}

.new-vartical-accordion-text {
  color: var(--primary-color);
  font-size: 30px;
  line-height: 40px;
}

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

.checkout-hero-section {
  background-image: linear-gradient(#00000080, #00000080), url('../images/Room-One.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 300px;
  padding-bottom: 240px;
}

.changelog-section {
  padding-top: 120px;
  padding-bottom: 120px;
}

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

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

.heading-block-three {
  margin-bottom: 3.4rem;
}

.heading-three {
  color: #000;
  letter-spacing: 0;
  text-transform: capitalize;
  font-size: 30px;
  line-height: 40px;
}

.heading-block-one {
  margin-bottom: 2.7rem;
}

.color {
  opacity: .05;
  color: #1a1a1a;
  font-size: 200px;
  font-weight: 500;
  line-height: 210px;
}

.default-container {
  max-width: 1290px;
}

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

.home-four-banner-btn-block {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  display: flex;
}

.style-guide-for-color {
  padding: 150px 15px 120px;
}

.heading-five {
  color: var(--black);
  text-transform: capitalize;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  font-weight: 400;
  line-height: 30px;
}

.heading-five.text-golden {
  color: var(--fawn);
}

.heading-five.change-text-clolor-white {
  color: var(--white);
}

.heading-five.change-text-clolor-white.margin-bottom-ten {
  margin-bottom: 10px;
}

.heading-five.change-text-clolor-white.margin-top-bottom-ten {
  margin-top: 10px;
  margin-bottom: 10px;
}

.heading-five.change-text-clolor-white.text-capitalize-off {
  text-transform: lowercase;
}

.heading-five.margin-bottom-ten {
  text-align: center;
  margin-bottom: 10px;
}

.heading-five.margin-top-bottom-fifteen {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

.heading-five.margin-top-bottom-ten {
  margin-top: 10px;
  margin-bottom: 10px;
}

.heading-five.recent-news {
  max-width: 395px;
}

.heading-five.story-names {
  color: var(--marquee-border-color);
  font-family: Butler, sans-serif;
  font-size: 38px;
  font-weight: 400;
}

.style-guide-color-block {
  z-index: 3;
  grid-column-gap: 250px;
  grid-row-gap: 250px;
  justify-content: center;
  margin-top: 100px;
  display: flex;
  position: relative;
}

.button-block {
  margin-bottom: 0;
}

.list-block {
  margin-bottom: 1.8rem;
}

.style-guide-color-box {
  background-color: #0000;
  border-radius: 50%;
  width: 10.875rem;
  height: 10.875rem;
}

.style-guide-color-box.style-guide-color-one {
  background-color: var(--primary-color);
}

.style-guide-color-box.style-guide-color-six {
  background-color: var(--secondary-color);
}

.style-guide-color-box.style-guide-color-seven {
  background-color: var(--eerie-black);
  margin-left: 4px;
  padding-left: 0;
}

.style-guide-color-box.style-guide-color-two {
  background-color: var(--fawn);
}

.heading-block-four {
  margin-bottom: 3.5rem;
}

.heading-block-two {
  margin-bottom: 3.2rem;
}

.style-guide-color-text-block {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.container-3 {
  max-width: 1260px;
  padding-left: 15px;
  padding-right: 15px;
}

.style-guide-for-typography {
  background-color: #f8f8f8;
  padding: 110px 15px 120px;
}

.heading-block-six {
  margin-bottom: 2.8rem;
}

.heading-block-five {
  margin-bottom: 3.4rem;
}

.style-guide-color-name-block {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  margin-top: -45px;
  display: flex;
}

.footer-three {
  background-color: var(--eerie-black);
  padding-top: 120px;
}

.footer-three-top-wrapper {
  padding-bottom: 0;
}

.footer-three-container {
  max-width: 1320px;
  padding-left: 15px;
  padding-right: 15px;
}

.footer-three-main-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

.footer-three-about-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 381px;
  margin-top: -40px;
}

.footer-three-quick-links {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
}

.footer-three-contact-links {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  padding: 2px;
}

.footer-three-contact-links.margin-bottom-thirty {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}

.footer-three-contact-links.margin-bottom-thirty.cc {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.footer-three-contact-links.margin-bottom-thirty.cc:hover {
  border-style: none;
}

.footer-three-contact-links.cc-contect {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #4dc247;
  border: 1px solid #4dc247;
  border-radius: 15px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 230px;
  margin-bottom: 10px;
  padding: 5px 0;
  transition: all .4s;
  display: flex;
}

.footer-three-contact-links.cc-contect.cc-1 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-width: 1.5px;
  border-color: var(--transparent);
  background-color: #4dc247;
  margin-bottom: 0;
  padding: 2px;
  transition-duration: .3s;
}

.footer-three-contact-links.cc-contect.cc-1:hover {
  color: var(--white);
}

.footer-three-contact-links.cc {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 5px;
  transition: opacity .3s;
}

.footer-three-contact-links.cc:hover {
  border-radius: 15px;
}

.footer-three-contact-links.margin-bottom-thirty-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 1px solid var(--transparent);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: 5px;
  transition: all .3s;
}

.footer-three-contact-links.margin-bottom-thirty-copy:hover {
  border: 1px solid var(--fawn);
  border-radius: 15px;
}

.footer-three-contact-links.cc-add {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding-right: 20px;
}

.footer-three-contact-links.cc-whtsapp {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #4dc247;
  border: 1px solid #4dc247;
  border-radius: 15px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 230px;
  margin-bottom: 10px;
  padding: 5px 0 5px 5px;
  transition: all .4s;
  display: flex;
}

.footer-three-contact-links.cc-whtsapp.cc-1 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-width: 1.5px;
  border-color: var(--transparent);
  background-color: #4dc247;
  margin-bottom: 0;
  padding: 2px;
  transition-duration: .3s;
}

.footer-three-contact-links.cc-whtsapp.cc-1:hover {
  color: var(--white);
}

.footer-three-contact-links.cc--copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 1px solid var(--transparent);
  margin-bottom: 0;
  padding: 5px;
  transition: opacity .3s;
}

.footer-three-contact-links.cc--copy:hover {
  border-radius: 15px;
}

.footer-three-contact-links.margin-bottom-thirty-copy-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 1px solid var(--transparent);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: 5px;
  transition: all .3s;
}

.footer-three-contact-links.margin-bottom-thirty-copy-copy:hover {
  border-radius: 15px;
}

.footer-contact-icon {
  width: 20px;
  height: 20px;
  margin-top: 5px;
}

.footer-contact-icon.cc-home {
  width: 32px;
  height: 32px;
  margin-top: 0;
}

.footer-contact-icon.cc-home.cc-whtsapp {
  width: 35px;
  height: 35px;
  margin-top: 0;
}

.footer-contact-icon.cc-home-copy {
  width: 32px;
  height: 32px;
  margin-top: 0;
}

.footer-contact-icon.cc-home-copy {
  width: 27px;
  height: 27px;
}

.footer-contact-icon.cc-home-copy.cc-whtsapp {
  width: 40px;
  height: 40px;
  margin-top: 0;
}

.quick-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
}

.quick-link.margin-bottom-ten {
  margin-bottom: 10px;
}

.quick-link.margin-bottom-ten.cc-hide, .quick-link.cc-hide {
  display: none;
}

.footer-three-bottom-wrapper {
  border-top: 1px solid #696969;
  padding-top: 25px;
  padding-bottom: 25px;
}

.footer-bottom-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
}

.footer-three-text {
  color: #b0b0b0;
}

.footer-three-social-wrapper {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.footer-three-social {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
}

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

.heading-four {
  color: var(--primary-color);
  text-transform: capitalize;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  font-size: 30px;
  line-height: 40px;
}

.heading-four.change-text-clolor-white {
  color: var(--white);
}

.heading-four.change-text-clolor-white.margin-bottom-ten {
  margin-bottom: 10px;
}

.heading-four.newsletter-text {
  max-width: 400px;
}

.heading-four.network-card-heading {
  max-width: 190px;
}

.heading-four.blog-one-name {
  max-width: 450px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.heading-four.margin-bottom-ten {
  margin-bottom: 10px;
}

.text-golden {
  color: var(--fawn);
}

.text-light {
  color: var(--paragraph-text-color);
}

.faq-icon {
  position: static;
}

.hero-img {
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 100% 50%;
  height: 100%;
}

.image-3 {
  object-fit: cover;
  object-position: 50% 50%;
  height: 100%;
}

.happy-client-text-2 {
  color: #fff;
  letter-spacing: 0;
  font-family: Jost, sans-serif;
  font-size: 16px;
}

.star-wrap {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #fbbc04;
  display: flex;
}

.im-wrap {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.r {
  width: 100%;
  max-width: 30px;
}

.reviw-text {
  color: #fff;
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}

.happy-clients-first-div-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid #c9a96a;
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  padding: 15px;
  display: flex;
}

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

.icon-embed-xxsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.icon-embed-xxsmall:hover {
  color: var(--fawn);
}

.icon-embed-xxsmall.cc-footer {
  width: 40px;
  height: 40px;
}

.icon-embed-xxsmall.cc-footer:hover, .icon-embed-xxsmall.cc-footer.cc-contact {
  color: var(--fawn);
}

.icon-embed-xxsmall.cc-footer.cc-contact:hover {
  color: #d08f54;
}

.icon-embed-xxsmall.cc-contact {
  color: var(--fawn);
  width: 35px;
  height: 35px;
  transition: opacity .4s;
}

.icon-embed-xxsmall.cc-contact:hover {
  color: #d08f54;
}

.image-4 {
  width: 30px;
}

.happy-client-text-3 {
  color: #fff;
  letter-spacing: 0;
  font-family: Jost, sans-serif;
  font-size: 16px;
}

.reviw-text-2 {
  color: #fff;
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}

.happy-client-text-4 {
  color: #fff;
  letter-spacing: 0;
  font-family: Jost, sans-serif;
  font-size: 16px;
}

.reviw-text-3 {
  color: #fff;
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}

.button-wrap {
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.footer-logo-1 {
  object-fit: contain;
  width: auto;
  max-width: 240px;
  height: auto;
  min-height: 150px;
  max-height: 150px;
}

.link-block, .link-block-2 {
  color: var(--white);
}

.reviev {
  width: 100%;
  max-width: 150px;
  height: 100%;
}

.img-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-151 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.nav-link {
  color: var(--white);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
}

.nav-link-wrap {
  padding-top: 30px;
  padding-bottom: 30px;
}

.nav-link-wrap:hover {
  color: var(--fawn);
}

.nav-link-wrap.cc-hide {
  display: none;
}

.footer-logo {
  width: 100%;
}

.code-embed {
  display: none;
}

.div-block-152 {
  height: auto;
  position: fixed;
  inset: 0%;
}

.whatsapp-us {
  z-index: 8;
  border: 1px solid var(--transparent);
  background-color: #4dc247;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin: 10px;
  padding: 10px;
  display: flex;
  position: fixed;
  inset: auto 0% 0% auto;
}

.whtapp {
  width: 50px;
  max-width: none;
}

.whtsapp-link {
  z-index: 5;
  display: none;
  position: fixed;
  inset: 0%;
}

.contact-one-submit-button-2 {
  color: #11171b;
  letter-spacing: .02rem;
  text-transform: uppercase;
  background-color: #e9a668;
  padding: 10px 133px;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
}

.contact-one-submit-button-2.submit-button-black {
  background-color: var(--fawn);
  color: #fff;
  background-color: var(--fawn);
  padding-left: 60px;
  padding-right: 60px;
  font-size: 16px;
  transition: all .3s;
}

.contact-one-submit-button-2.submit-button-black:hover {
  transform: scale(1.1);
}

.heading-five-2 {
  color: var(--black);
  text-transform: capitalize;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.connect-form {
  width: 100%;
}

.chatbox {
  z-index: 999;
  position: fixed;
  inset: auto 0% 0% auto;
}

.text-block-10 {
  z-index: -1;
  color: var(--white);
  padding: 5px;
  font-family: Butler, sans-serif;
  font-weight: 500;
  position: absolute;
  inset: 0%;
}

.link-3 {
  color: var(--black);
}

.cntact-main-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-radius: 8px;
  width: 100%;
  display: flex;
}

.left-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding: 45px;
  display: flex;
}

.amenities-wrapper {
  margin-top: 40px;
}

.icon-wrappe {
  background-color: #f8d4b1;
  border: 1px solid #f2b884;
  border-radius: 5px;
  padding: 5px;
}

.perspective-right-div-2 {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 600px;
  display: flex;
}

.perspective-right-div-2.cc-last {
  width: 100%;
  max-width: none;
}

.perspective-right-div-2.cc-center {
  justify-content: flex-start;
  align-items: center;
  padding: 60px 40px;
  box-shadow: 0 2px 5px #0003;
}

.animation-color-bg-2 {
  z-index: 15;
  background-color: #fff;
  display: none;
  position: absolute;
  inset: 0%;
}

.button-text-2 {
  color: #fff;
  letter-spacing: .02rem;
  text-transform: uppercase;
  font-size: .875rem;
  font-weight: 500;
}

.button-text-2.text-black {
  color: #11171b;
}

.perspective-right-div-3 {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 600px;
  display: flex;
}

.scroll-up-button {
  z-index: 8;
  border: 1px solid var(--fawn);
  background-color: var(--fawn);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin: 10px;
  padding: 10px;
  display: flex;
  position: fixed;
  inset: auto auto 0% 0%;
}

.up {
  color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: auto;
  display: flex;
}

.image-5, .image-6 {
  width: 25px;
  height: 25px;
}

.icon-embed-xxsmall-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.icon-embed-xxsmall-2.cc-footer {
  color: var(--white);
  width: 40px;
  height: 40px;
}

.icon-embed-xxsmall-2.cc-footer:hover {
  color: var(--fawn);
}

.icon-embed-xxsmall-2.cc-footer.cc-contact {
  color: #e9a668;
  width: 35px;
  height: 35px;
}

.icon-embed-xxsmall-2.cc-footer.cc-contact:hover {
  color: #d08f54;
}

.icon-embed-xxsmall-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.icon-embed-xxsmall-3.cc-footer {
  color: var(--white);
  width: 25px;
  height: 25px;
}

.icon-embed {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.icon-embed.cc-footer {
  color: var(--white);
  width: 35px;
  height: 35px;
}

.icon-embed.cc-footer:hover {
  color: var(--fawn);
}

.icon-embed.cc-footer.cc-contact {
  color: var(--fawn);
  width: 35px;
  height: 35px;
}

.icon-embed.cc-footer.cc-contact:hover {
  color: #d08f54;
}

.form-block-2 {
  width: 100%;
}

.date-checkin {
  background-color: var(--transparent);
  color: var(--fawn);
  border: 1px #000;
  width: 100%;
  height: 55px;
  font-size: 24px;
}

.heading-57 {
  text-align: left;
  margin-bottom: 40px;
}

.img {
  width: 100%;
  max-width: 100%;
  height: 700px;
  margin-top: 40px;
  display: none;
}

.code-embed-3 {
  width: 100%;
}

.div-block-153 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.check-btn {
  color: #11171b;
  text-transform: uppercase;
  background-color: #e9a668;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
}

.check-btn.cc-white {
  color: var(--white);
  width: 100%;
  overflow: visible;
}

.button-wrapper {
  border-bottom: 1px solid #cfd0d1;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.code-embed-4 {
  display: none;
}

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

.amenities {
  padding: 40px 15px;
}

.loader-logo-code-hide, .paragraph-2, .paragraph-3 {
  display: none;
}

.para {
  font-size: 22px;
}

.google--img {
  width: 100%;
  max-width: 150px;
}

.google {
  border-radius: 12px;
  width: 100%;
  max-width: 200px;
}

.google.cc {
  max-width: 200px;
}

.google.cc-ta {
  max-width: 230px;
}

.heading-58 {
  color: var(--white);
  font-size: 50px;
  line-height: 60px;
}

.icon-embed-xxsmall-5 {
  color: var(--fawn);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 71px;
  height: 71px;
  display: flex;
}

.text-2 {
  color: #f7f8fd;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oswald, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.circle-bg {
  grid-column-gap: 10px;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: 5px;
  text-decoration: none;
  display: flex;
}

.copy-me {
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.copy-me.scale-up {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 50px;
  font-size: 1rem;
  transform: scale(1.3);
}

.hi-wrapper {
  z-index: 5;
  grid-column-gap: 6.85913px;
  background-color: #1e2022;
  border-radius: 7.80522px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 6px 10px 6px 6px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 3.1rem;
  right: auto;
  transform: rotate(-7deg);
}

.icon-second {
  z-index: 3;
  grid-column-gap: 10px;
  background-color: #1e2022;
  border-radius: 9999px;
  justify-content: flex-start;
  align-items: center;
  width: 23px;
  height: 23px;
  margin-top: auto;
  margin-bottom: auto;
  padding: 5px 6px;
  text-decoration: none;
  display: flex;
  position: absolute;
  right: 11px;
}

.animation {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 8px 15px;
  text-decoration: none;
  display: flex;
}

.change-text-settings {
  z-index: 2;
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 1rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.vectors-wrapper-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  text-decoration: none;
  display: flex;
}

.text-button {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-style: italic;
  line-height: 100%;
  text-decoration: none;
}

.text-button._2 {
  color: #1e2022;
}

.rectangle-40016 {
  object-fit: cover;
  background-image: url('../images/profile-img_1profile-img.webp');
  background-position: 0 0;
  background-size: auto;
  border: .5px solid #fff;
  border-radius: 2.60174px;
}

.button-wrapper-2 {
  grid-column-gap: 20px;
  background-color: var(--fawn);
  border-radius: 99999px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 14px 10px 14px 20px;
  font-size: 1.375rem;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.vectors-wrapper {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 11.8061px;
  height: 12.5158px;
  text-decoration: none;
  display: flex;
}

.socila-icons {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: flex-end;
  align-items: center;
  margin-top: 90px;
  padding-right: 20px;
  display: flex;
}

.socila-icons.cc-2 {
  margin-top: 0;
}

.socila-icons.cc-contact {
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: none;
}

.socila-icons.cc-adress {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.socila-icons.cc-last {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
}

.section-contact {
  padding-left: 15px;
  padding-right: 15px;
}

.home-icons {
  color: var(--fawn);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  display: flex;
}

.icon-embed-xxsmall-7, .icon-embed-xxsmall-8 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.hero-subtitle {
  color: var(--white);
  text-align: center;
  font-size: 24px;
  line-height: 50px;
}

.map {
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.map.cc-last {
  width: 100%;
  max-width: none;
}

.heading-59 {
  font-size: 35px;
}

.button-item---brix {
  margin: 40px 0 0;
  display: flex;
}

.arw-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--fawn);
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: all .4s, background-color .3s;
  display: flex;
}

.arw-button.cc-footer {
  width: auto;
  padding-left: 20px;
}

.arw-button.cc-footer:hover {
  transform: scale(.95)scale(.95);
}

.button-v11-cirlcle---brix {
  background-color: var(--white);
  color: var(--fawn);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-left: 0;
  display: flex;
}

.text-block-11 {
  color: var(--white);
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 20px;
  line-height: 30px;
}

.icon-embed-xxsmall-9 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.button-arw {
  width: 1rem;
  height: 1rem;
}

.home-hero {
  background-color: var(--transparent);
  width: 100%;
  min-height: 100vh;
}

.slide-nav-4 {
  display: none;
}

.slide {
  z-index: 0;
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/01_BEDROOM.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.hero-wrap-1 {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.slide-2 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/01_VILLA-1.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.slide-3 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/01_DINING.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.slide-4 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/01_POOL.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.left-arrow-3 {
  z-index: 4;
}

.icon-embed-xxsmall-10 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
}

.text-mask-buuton-11 {
  z-index: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.button7 {
  float: left;
  background-color: var(--fawn);
  cursor: pointer;
  border-right: 1px solid #ffffff2b;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 200px;
  margin-top: 0;
  padding: 15px 20px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  position: relative;
}

.button7:hover {
  background-color: var(--fawn);
  transform: scale(.95);
}

.button7.w--current {
  width: 100%;
}

.button7.w--current:hover {
  background-image: none;
}

.button7.cc-1 {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.button7.cc-nav {
  max-width: none;
  padding-left: 25px;
  padding-right: 25px;
}

.button7.cc-nav.w--current {
  background-color: var(--fawn);
}

.button7.cc-nav.cc-book-now {
  display: none;
}

.button7.cc-footer {
  width: 100%;
  max-width: 200px;
}

.button7-text {
  z-index: 10;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.button7-title {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
}

.button7-title.cc, .button7-title.cc-nav {
  white-space: nowrap;
  font-size: 16px;
  line-height: 20px;
}

.button7-subtitle {
  color: #c2c2c2;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  flex-direction: column;
  margin-top: 60px;
  margin-bottom: 30px;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.button7-subtitle.small {
  color: #bbfdff;
  margin-top: 0;
  margin-bottom: auto;
  font-size: 10px;
}

.arrow-image {
  z-index: -1;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.arrow-photo {
  opacity: 0;
}

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

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

.button-wrapper-3 {
  color: #ff003d;
  align-items: center;
  min-height: 50px;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s;
  display: flex;
  position: relative;
}

.button-background {
  border: 2px solid var(--fawn);
  color: var(--fawn);
  border-radius: 25px;
  width: 50px;
  height: 50px;
  position: absolute;
}

.button-text-3 {
  z-index: 1;
  color: var(--black);
  margin-left: 20px;
  margin-right: 10px;
  font-size: 24px;
  font-weight: 500;
  position: relative;
}

.button-arrow {
  width: 35px;
  height: 35px;
  margin-right: 20px;
}

.contact-info-wrap {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.contact-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

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

.breadcrumb-cotainer {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  padding: 2px;
  display: none;
}

.divider {
  background-color: var(--line-two);
  color: var(--line-two);
  justify-content: center;
  align-items: center;
  width: 2px;
  height: 10px;
}

.path-link {
  color: var(--line-two);
  line-height: 20px;
}

.breadcrumb-container {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0;
  display: none;
}

.sitemap-hero {
  border-bottom: 1px solid var(--nav-color);
  background-color: var(--eerie-black);
  color: var(--line-two);
  height: 82vh;
  padding-top: 220px;
  padding-bottom: 180px;
}

.heor-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.site-map-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
}

.sitemap-grid {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.site-link {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-title {
  color: var(--white);
  text-transform: none;
  font-family: Bitter, serif;
  font-size: 25px;
  line-height: 35px;
}

.page-link-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 5px;
  color: var(--white);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding: 15px;
  line-height: 20px;
  transition: all .35s;
  display: flex;
}

.page-link-wrapper:hover {
  color: var(--fawn);
  transform: translate(7px);
}

.page-link-wrapper.cc-hide {
  display: none;
}

.arrow-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
}

.page-name {
  margin-bottom: 0;
  font-size: 22px;
}

.container-sitemap {
  max-width: 1290px;
  padding-left: 15px;
  padding-right: 15px;
}

.load-lgo {
  z-index: 2147483647;
  width: 100px;
  max-width: none;
}

.loading-logo-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  position: relative;
  top: -63px;
  left: 530px;
  right: 500px;
}

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

.review-bg {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  display: flex;
}

.review-bg.cc-about {
  margin-top: 20px;
}

.bg {
  background-color: #fff;
  border-radius: 8px;
  padding: 0;
}

.div-block-158 {
  background-color: #fff;
  border-radius: 8px;
  padding: 7px;
}

.overlay {
  position: absolute;
}

.copy-clip-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 350px;
  padding: 0;
  display: flex;
}

.copy-clip-wrapper.cc-contact {
  justify-content: center;
  align-items: center;
}

.copy-btn {
  color: var(--black);
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 12px;
  padding: 10px;
  font-weight: 500;
}

.copy-embed {
  display: none;
}

.copy-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: 5px;
  display: flex;
}

.copy {
  background-color: var(--transparent);
  color: var(--secondary-color);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

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

.copy-2 {
  color: #5e6265;
  background-color: #11171b00;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.copy-2.cc-contact {
  width: 35px;
  height: 35px;
}

.icon-embed-xxsmall-12 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: 5px;
  display: flex;
}

.copy-email-button, .copy-phone-button {
  background-color: var(--transparent);
  color: var(--secondary-color);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.copy-to-cb-code {
  display: none;
}

.copy-message {
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  display: none;
}

.msg-text {
  white-space: nowrap;
  font-size: 16px;
}

.copy-phone--msg {
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  display: none;
}

.phone-number--msg-copy {
  white-space: nowrap;
  font-size: 16px;
}

.copy-email-message, .copy-message--email {
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  display: none;
}

.sitemap-title {
  color: var(--white);
  text-align: center;
  margin-bottom: 20px;
  font-family: Jost, sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 60px;
}

.tripadvisor {
  display: flex;
}

.pages-links-wrap {
  grid-column-gap: 60px;
  grid-row-gap: 40px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-submit-btn {
  float: left;
  background-color: var(--fawn);
  color: var(--white);
  text-transform: uppercase;
  cursor: pointer;
  border-right: 1px solid #ffffff2b;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 200px;
  margin-top: 20px;
  padding: 15px 10px;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.form-submit-btn:hover {
  background-color: var(--fawn);
  transform: scale(.95);
}

.form-submit-btn.w--current {
  width: 100%;
}

.form-submit-btn.w--current:hover {
  background-image: none;
}

.form-submit-btn.cc-1 {
  justify-content: center;
  align-items: center;
}

.form-submit-btn.cc-nav {
  padding-left: 25px;
  padding-right: 25px;
}

.form-submit-btn.cc-nav.w--current {
  background-color: var(--fawn);
}

.form-submit-btn.cc-nav.cc-book-now, .submit-embed {
  display: none;
}

.blt {
  width: 5px;
  height: 5px;
}

.collection-item-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.blog-img {
  width: 100%;
  max-width: none;
}

.blog-title {
  color: var(--eerie-black);
  font-size: 20px;
  font-weight: 600;
}

.blog-smry {
  color: var(--nav-color);
  font-size: 17px;
  line-height: 20px;
}

.blog-img-wrap {
  border: 1px solid var(--fawn);
  padding: 10px;
  position: relative;
  overflow: hidden;
}

.blog-details-banner-2 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/29_1.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 220px 15px;
  overflow: hidden;
}

.blog-details-heading-2 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

.auto-fit-2 {
  color: #e9a668;
  object-fit: cover;
}

.page-reading-time-2 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 137px;
  display: flex;
}

.page-reading-time-2.new-time {
  padding-left: 80px;
}

.blog-details-heading-text-2 {
  max-width: 765px;
}

.heading-five-3 {
  color: #11171b;
  text-transform: capitalize;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.user-reading-time-2 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  border-bottom: 1px solid #cfcfcf;
  justify-content: flex-start;
  align-items: center;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
}

.new-client-review-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.section-container-2 {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
}

.blog-time-2 {
  margin-bottom: 0;
}

.blog-title-inner {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 400;
}

.blog-in-img {
  width: 100%;
  max-width: 750px;
}

.blog-img-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.blog-details a {
  color: var(--fawn);
  font-weight: 500;
}

.blog-details a:hover {
  text-decoration: underline;
}

.heading-60 {
  color: var(--eerie-black);
  font-size: 20px;
  line-height: 22px;
  text-decoration: underline;
}

.contact-one-name-company-block-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  padding-top: 15px;
  padding-bottom: 10px;
  display: flex;
}

.heading-five-4 {
  color: #11171b;
  text-transform: capitalize;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.contact-one-text-field-2 {
  border: 1px solid #cfd0d1;
  margin-bottom: 0;
  padding-top: 27px;
  padding-bottom: 27px;
  padding-left: 25px;
  font-size: 18px;
  line-height: 30px;
}

.form-block-3 {
  width: 100%;
}

.contact-one-name-company-block-3 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  padding-top: 15px;
  padding-bottom: 10px;
  display: flex;
}

.heading-five-5 {
  color: #11171b;
  text-transform: capitalize;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.contact-one-text-field-3 {
  border: 1px solid #cfd0d1;
  margin-bottom: 0;
  padding-top: 27px;
  padding-bottom: 27px;
  padding-left: 12px;
  font-size: 18px;
  line-height: 30px;
}

.contact-one-text-field-3::placeholder {
  font-size: 16px;
}

.image-7, .image-8 {
  width: 30px;
  height: 30px;
}

.ta-embed {
  margin-bottom: 0;
}

.thnak-you-hero {
  border-bottom: 1px solid var(--nav-color);
  background-color: var(--eerie-black);
  height: 90vh;
  padding-top: 220px;
  padding-bottom: 100px;
}

.hero-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1000px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
}

.icon-embed-xxsmall-13 {
  color: #04aa6d;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 15rem;
  height: 15rem;
  display: flex;
}

.text-span-3 {
  font-size: 60px;
  font-weight: 600;
  line-height: 60px;
}

.villa--hero {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/01_villa_1.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 250px 15px 150px;
  display: flex;
}

.three-d-block-copy {
  z-index: 8;
  perspective: 1000px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.code-embed-6 {
  display: none;
}

.div-block-161 {
  background-image: url('../images/03_living_room_2.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 550px;
}

.heading-61-copy {
  color: var(--black);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-162 {
  width: 100%;
  display: flex;
}

.div-block-163 {
  background-color: #fff;
  padding: 0;
}

.div-block-164 {
  width: 50%;
  display: none;
}

.div-block-165 {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.contact-card {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #fff;
  border-radius: 6px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

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

.card-headline {
  color: var(--black);
  text-transform: capitalize;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  padding-left: 0;
  font-weight: 400;
  line-height: 25px;
}

.card-headline.text-golden {
  color: var(--fawn);
}

.card-headline.change-text-clolor-white {
  color: var(--white);
}

.card-headline.change-text-clolor-white.margin-bottom-ten {
  margin-bottom: 10px;
}

.card-headline.change-text-clolor-white.margin-top-bottom-ten {
  margin-top: 10px;
  margin-bottom: 10px;
}

.card-headline.change-text-clolor-white.text-capitalize-off {
  text-transform: lowercase;
}

.card-headline.margin-bottom-ten {
  text-align: center;
  margin-bottom: 10px;
}

.card-headline.margin-top-bottom-fifteen {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

.card-headline.margin-top-bottom-ten {
  margin-top: 10px;
  margin-bottom: 10px;
}

.card-headline.recent-news {
  max-width: 395px;
}

.card-headline.story-names {
  color: var(--marquee-border-color);
  font-family: Butler, sans-serif;
  font-size: 38px;
  font-weight: 400;
}

.image-9 {
  width: 40px;
}

.image-9.cc {
  width: 45px;
}

.image-10 {
  width: 30px;
}

.div-block-166 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.mail-link {
  color: var(--black);
  text-transform: none;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  padding-left: 5px;
  font-weight: 400;
  line-height: 30px;
}

.mail-link.text-golden {
  color: var(--fawn);
}

.mail-link.change-text-clolor-white {
  color: var(--white);
}

.mail-link.change-text-clolor-white.margin-bottom-ten {
  margin-bottom: 10px;
}

.mail-link.change-text-clolor-white.margin-top-bottom-ten {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mail-link.change-text-clolor-white.text-capitalize-off {
  text-transform: lowercase;
}

.mail-link.margin-bottom-ten {
  text-align: center;
  margin-bottom: 10px;
}

.mail-link.margin-top-bottom-fifteen {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

.mail-link.margin-top-bottom-ten {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mail-link.recent-news {
  max-width: 395px;
}

.mail-link.story-names {
  color: var(--marquee-border-color);
  font-family: Butler, sans-serif;
  font-size: 38px;
  font-weight: 400;
}

.call-link {
  color: var(--secondary-color);
  text-transform: none;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  padding-left: 0;
  font-weight: 400;
  line-height: 25px;
}

.call-link.text-golden {
  color: var(--fawn);
}

.call-link.change-text-clolor-white {
  color: var(--white);
}

.call-link.change-text-clolor-white.margin-bottom-ten {
  margin-bottom: 10px;
}

.call-link.change-text-clolor-white.margin-top-bottom-ten {
  margin-top: 10px;
  margin-bottom: 10px;
}

.call-link.change-text-clolor-white.text-capitalize-off {
  text-transform: lowercase;
}

.call-link.margin-bottom-ten {
  text-align: center;
  margin-bottom: 10px;
}

.call-link.margin-top-bottom-fifteen {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

.call-link.margin-top-bottom-ten {
  margin-top: 10px;
  margin-bottom: 10px;
}

.call-link.recent-news {
  max-width: 395px;
}

.call-link.story-names {
  color: var(--marquee-border-color);
  font-family: Butler, sans-serif;
  font-size: 38px;
  font-weight: 400;
}

.email-link {
  padding-left: 0;
  line-height: 25px;
}

.code-embed-7 {
  display: none;
}

.contact-card-icon {
  width: 50px;
  height: 50px;
}

.contact-card-icon.cc {
  width: 50px;
  height: 55px;
}

.icon-embed-xxsmall-14 {
  color: #25d366;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3.3rem;
  height: 3.3rem;
  display: flex;
}

.icon {
  color: var(--fawn);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3.3rem;
  height: 3.3rem;
  display: flex;
}

.icon.cc-green {
  color: #25d366;
}

.icon-embed-xxsmall-16 {
  color: #4285f4;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3.3rem;
  height: 3.3rem;
  display: flex;
}

.icon-embed-xxsmall-17 {
  color: var(--fawn);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .home-three-review-section {
    display: block;
  }

  .hotel-btn {
    padding-right: 162px;
  }

  .menu-contact {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .service-page-small-image {
    right: 15%;
  }

  .page-button.small-device-button-off.menu-button {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (min-width: 1440px) {
  .section-container.max-width-none {
    max-width: none;
  }

  .first-service {
    width: 100%;
  }

  .hero-inner-div {
    max-width: none;
  }

  .main-nav {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .social-media-left-div.small-device-display-off.big-device-display-on {
    display: flex;
  }

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

  .hero-banner-image-one.hero-image-off.large-device-image-on {
    display: inline-flex;
    top: 28%;
  }

  .landing-image-wrap {
    flex-direction: column;
    display: flex;
  }

  .dropdown-toggle.margin-right {
    margin-right: 15px;
  }

  .side-bar {
    display: flex;
    top: 50%;
    left: -25%;
  }

  .service-page-small-image {
    right: 10%;
  }

  .social-media-icons {
    display: flex;
    top: 50%;
    right: -9%;
  }

  .social-media-icons.one {
    right: -14%;
  }

  .hotel-room {
    width: 40%;
  }

  .dropdown-main-text.navbar-two-nav-menu-text-padding-added {
    margin-right: 15px;
  }

  .small-image-box {
    left: -15%;
  }
}

@media screen and (min-width: 1920px) {
  .active-users-block {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
  }

  .progress-bar-line {
    background-color: var(--paragraph-text-color);
  }

  .first-service {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .social-media-left-div.small-device-display-off.big-device-display-on {
    display: flex;
  }

  .counter-number {
    align-items: stretch;
    height: 60px;
  }

  .counter {
    justify-content: space-between;
  }

  .home-two-banner-wrapper {
    background-position: 100%, 0 0;
  }

  .home-banner-new-line {
    width: 285px;
  }

  .home-two-rating-section {
    background-position: 0 0;
  }

  .home-two-hotel-services {
    background-position: 89% 112%;
  }

  .portfolio-wrapper-one {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .home-page-two-accordian-section {
    background-position: 0 100%;
  }

  .rating-black-box {
    right: -22%;
  }

  .hero-banner-image-three {
    inset: auto 16% 24% auto;
  }

  .image-marquee-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .step-into-luxury {
    background-position: 31% 108%;
  }

  .step-into-luxury.spa-bg-image {
    background-position: 30% 107%;
  }

  .hero-banner-image-one {
    top: 20%;
    left: 10.8%;
  }

  .hero-banner-image-one.hero-image-off.large-device-image-on {
    display: inline-flex;
  }

  .animation-line {
    width: 330px;
  }

  .hero-baneer-image-two {
    left: 27%;
  }

  .about-three-main-wrap {
    height: 100%;
  }

  .content-wrapper {
    background-image: none;
  }

  .landing-footer-container {
    max-width: none;
  }

  .service-page-one-text {
    z-index: 10;
    padding-left: 0;
    padding-right: 0;
  }

  .social-box {
    padding-left: 55px;
    padding-right: 55px;
  }

  .side-bar {
    inset: 50% auto auto -18%;
  }

  .service-page-small-image {
    inset: auto 0% 7% auto;
  }

  .our-session {
    position: absolute;
    inset: auto auto 0% 0%;
  }

  .social-media-icons {
    top: 61%;
    right: -10%;
  }

  .social-media-icons.one {
    right: -8%;
  }

  .service-two-container {
    padding-bottom: 100px;
  }

  .banner-flex-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .banner-left {
    padding-top: 63px;
  }

  .service-three-progress-bar {
    background-position: 100% 23%;
  }

  .service-three-mask {
    width: 23%;
  }

  .right-image-wrapper {
    padding-left: 150px;
  }

  .review-wrapper {
    flex-flow: column;
    justify-content: flex-end;
  }

  .hotel-room {
    width: 30%;
  }

  .spa-section-six {
    background-position: -10% 100%, 135% -13%;
  }

  .position-relative {
    position: relative;
  }

  .spa-inner-section {
    background-position: 117% 113%, 0 0;
  }

  .blog-page-banner-small-image {
    bottom: 127px;
    right: -315px;
  }

  .blog-two-main-img {
    right: 3%;
  }

  .banner-small-image {
    display: block;
    inset: auto auto 31.3% 40px;
  }

  .blog-three-heading {
    width: 1210px;
    font-size: 6.25rem;
    line-height: 6.875rem;
  }

  .banner-text-span {
    color: #fff;
  }

  .blog-three-text-wrapper {
    padding-left: 31%;
    padding-right: 17.3%;
  }

  .main-logo {
    padding-right: 0;
  }

  .home-two-background-image {
    bottom: -300%;
    left: -20%;
  }

  .talk-with-us {
    background-image: none;
  }

  .contact-three-details-page {
    background-position: -10% 60%;
  }

  .image-block, .service-details-slider-wrapper {
    flex-basis: 50%;
  }

  .price-page-small-image {
    right: 0;
  }

  .service-three-testimonial-slider {
    max-width: 1305px;
    margin-left: auto;
    margin-right: auto;
  }

  .service-three-testimonial-slider.slider-position-absolute {
    position: absolute;
    inset: 0%;
  }

  .copy-clip-wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .copy-icon {
    width: 2rem;
    height: 2rem;
  }

  .copy {
    background-color: var(--transparent);
    color: var(--secondary-color);
    border-style: none;
    border-color: #000;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    box-shadow: 0 2px 5px #0003;
  }

  .copy-2 {
    color: #5e6265;
    background-color: #11171b00;
    border-style: none;
    border-color: #000;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    box-shadow: 0 2px 5px #0003;
  }

  .icon-embed-xxsmall-12 {
    width: 2rem;
    height: 2rem;
  }

  .copy-email-button, .copy-phone-button {
    background-color: var(--transparent);
    color: var(--secondary-color);
    border-style: none;
    border-color: #000;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    box-shadow: 0 2px 5px #0003;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 70px;
    line-height: 80px;
  }

  h2 {
    font-size: 45px;
    line-height: 55px;
  }

  .hero-section-heading-text {
    max-width: 571px;
  }

  .hero-section {
    height: 70vh;
    padding-left: 0;
  }

  .copyright-main-div {
    padding-left: 0;
    padding-right: 0;
  }

  .marquee-image {
    padding: 35px;
  }

  .inner-rooms {
    width: 100%;
  }

  .main-client-div {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-direction: column;
    align-items: flex-start;
  }

  .padding-bottom-one-fourty {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    padding-bottom: 55px;
  }

  .room-top-section {
    flex-direction: column;
    padding-bottom: 20px;
  }

  .copyright-div {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .client-section-right {
    max-width: none;
  }

  .client-section-right.section-max-width {
    max-width: 100%;
  }

  .service-div {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    flex-direction: column;
  }

  .rooms-section {
    padding-top: 54px;
    padding-bottom: 60px;
  }

  .active-users-block {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    justify-content: flex-start;
  }

  .accordian-right-div {
    width: 100%;
    max-width: 100%;
  }

  .trending-topics-text.small-device-full-max-width, .service-left-container.small-device-image-full-width {
    max-width: 100%;
  }

  .client-section {
    padding-top: 0;
    padding-bottom: 45px;
  }

  .services-section-text {
    padding-bottom: 6px;
  }

  .services-section-text.small-device-text-full-width {
    max-width: 100%;
  }

  .accordian-left-div {
    order: 1;
    width: 100%;
    padding-top: 0;
  }

  .other-services {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
    grid-template-columns: 1fr;
    align-items: flex-start;
    padding-top: 52px;
  }

  .services-section {
    padding-top: 60px;
    padding-bottom: 55px;
  }

  .trending-topics {
    flex-direction: column;
    padding-bottom: 30px;
  }

  .slider-section.small-device-slider-off {
    display: none;
  }

  .accordian-main-block {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-direction: column;
    align-items: flex-start;
  }

  .uncover-text.full-max-width {
    max-width: none;
  }

  .footer {
    padding-top: 50px;
  }

  .hamburger-menu-button {
    padding-left: 0;
    padding-right: 0;
  }

  .hamburger-menu-button.hamburger-border-off {
    border-left-style: none;
  }

  .first-hotel-div {
    align-items: stretch;
    width: 100%;
  }

  .hotel-title-text.title-text-center, .hotel-title-text.center {
    text-align: center;
  }

  .other-rooms-section {
    padding-bottom: 60px;
  }

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

  .auto-fit.small-hover-image {
    display: none;
  }

  .auto-fit.image-full-width.small-device-full-height {
    height: 100%;
  }

  .auto-fit.small-device-image-full-width, .auto-fit.home-image-full-width {
    width: 100%;
  }

  .auto-fit.room-image-two, .auto-fit.banner-image-full-width {
    width: 100%;
    height: 100%;
  }

  .auto-fit.gallery-banner-new-image {
    width: 100%;
    height: auto;
  }

  .auto-fit.tab-image-full-width {
    width: 100%;
  }

  .accordian-section {
    padding-bottom: 50px;
  }

  .hero-inner-div {
    height: auto;
    padding-bottom: 180px;
  }

  .cover-image.one {
    height: 100%;
  }

  .cover-image.cc-villa, .cover-image.cc-villa--img {
    max-width: 700px;
  }

  .hero-slider-text {
    padding: 180px 15px 0;
  }

  .banner-ticker-wrapper {
    max-width: 290px;
    display: none;
    bottom: 72px;
    right: 87px;
  }

  .single-track-wrap {
    max-width: 126px;
    max-height: 65px;
  }

  .small-slider-text {
    letter-spacing: 1px;
    font-size: .625rem;
    line-height: 1.25rem;
  }

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

  .media-image-section {
    justify-content: space-between;
  }

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

  .slider-text {
    margin-top: 60px;
  }

  .load-reveal-block.right {
    justify-content: flex-start;
    align-items: center;
  }

  .portfolio-left-container {
    position: static;
  }

  .main-nav {
    padding-top: 0;
    padding-bottom: 0;
  }

  .portfolio-right-image.small-device-full-max-width {
    width: 100%;
    max-width: 100%;
  }

  .portfolio-line.portfolio-line-height-change {
    height: 50px;
  }

  .accordian-heading-text.small-device-full-width {
    max-width: 100%;
  }

  .portfolio-right-container {
    padding-top: 0;
  }

  .paragraph-one {
    max-width: none;
  }

  .paragraph-one.padding-bottom-six {
    padding-bottom: 6px;
  }

  .paragraph-one.text-full-width {
    max-width: 100%;
  }

  .small-inner-text {
    max-width: none;
  }

  .different-slider {
    flex-direction: column;
  }

  .hero-text {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .hero {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .home-two-banner-wrapper {
    background-image: linear-gradient(-180deg, #fff6ed, #f2f2f2);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    padding-bottom: 40px;
  }

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

  .line-text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
  }

  .line-text._01 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: center;
    flex-direction: column;
  }

  .line-text._03 {
    padding-left: 0;
  }

  .home-banner-new-line {
    display: none;
  }

  .home-two-accordian-wrapper {
    align-items: flex-start;
  }

  .home-two-accordian-wrapper.padding-top-five {
    padding-top: 5px;
  }

  .home-two-accordian-wrapper.padding-top-five.small-device-padding-off {
    padding-right: 0;
  }

  .card-section.card-change-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    padding-top: 40px;
  }

  .footer-address.small-device-full-width {
    max-width: 100%;
  }

  .footer-small-text.white-color.padding-top-zero {
    padding-top: 0;
  }

  .home-two-footer {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .scroll-section {
    display: none;
  }

  .homepage-text-wrapper {
    flex: 1;
  }

  .overlay-line-wrapper {
    display: none;
  }

  .second-img {
    right: 0%;
  }

  .plans-right-div {
    width: 100%;
    max-width: none;
  }

  .plans-main-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    align-items: flex-start;
  }

  .perspective-text-two {
    max-width: none;
  }

  .happy-clients {
    padding-top: 30px;
    padding-bottom: 58px;
  }

  .perspective-main-div {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: row;
    align-items: stretch;
  }

  .perspective-main-div.cc-villa.cc-1, .perspective-main-div.cc-villa.cc-2, .perspective-main-div.cc-villa.exp-2, .perspective-main-div.cc-villa.cc-contact-2 {
    flex-flow: column;
  }

  .perspective-main-div.cc-villa.cc-adress {
    flex-flow: wrap-reverse;
  }

  .perspective-main-div.cc-home {
    flex-flow: column;
  }

  .top-story-div {
    padding-bottom: 30px;
  }

  .hotel-facility-section {
    padding-top: 53px;
    padding-bottom: 54px;
  }

  .home-three-text-overlay {
    padding-bottom: 0;
  }

  .plans-left-text-block {
    padding-bottom: 20px;
  }

  .icon-off {
    display: none;
  }

  .plans {
    padding-bottom: 53px;
  }

  .client-right-text-block.small-device-full-width {
    max-width: 100%;
  }

  .client-top-container {
    flex-direction: column;
    align-items: stretch;
  }

  .perspective-right-div {
    max-width: none;
    padding-top: 50px;
  }

  .perspective-right-div.cc-right {
    width: 100%;
    padding-top: 20px;
  }

  .perspective-right-div.contact {
    width: 100%;
    padding-top: 40px;
  }

  .perspective-left-image {
    max-width: none;
  }

  .room-service-main-div {
    inset: auto 0% 0% auto;
  }

  .hamburger-top-line.line-color-one {
    background-color: var(--white);
    background-color: #000;
  }

  .plans-left-div {
    order: 1;
    padding-top: 0;
  }

  .plans-left-div.small-device-plans-full-width {
    max-width: 100%;
  }

  .client-bottom-container {
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
    place-items: stretch start;
    padding-top: 20px;
  }

  .perspective.cc-contect {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .hamburger-bottom-line.line-color-three {
    background-color: #000;
  }

  .bottom-div-line.bottom-div-line-off {
    display: none;
  }

  .navbar-wrapper-two {
    padding: 0;
  }

  .hamburger-middle-line.line-color-two {
    background-color: #000;
  }

  .client-left-heading-text.small-device-full-width {
    width: 100%;
  }

  .ls-word {
    justify-content: center;
    align-items: flex-end;
  }

  .ls-word.cc {
    justify-content: flex-start;
    align-items: center;
  }

  .home-one-social-feature-heading-wrap {
    max-width: 100%;
  }

  .discover.padding-top-thirty.change-text-size {
    font-size: 2.8125rem;
    line-height: 3.4375rem;
  }

  .home-two-rating-section {
    padding-bottom: 40px;
  }

  .home-two-rating-section.bg-image-off {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .home-two-rating-section.bg-image-off.padding-top-sixty {
    padding-top: 60px;
  }

  .review-heading-text {
    width: 100%;
  }

  .hotel-service-left-wrapper {
    width: 100%;
    max-width: 100%;
  }

  .hotel-service-right-wrapper {
    max-width: 100%;
  }

  .main-hotel-services {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 37px;
  }

  .slider-left-wrapper {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .rooms-left-wrapper {
    max-width: none;
    padding-bottom: 0;
  }

  .home-two-hotel-rating {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column-reverse;
    align-items: flex-start;
  }

  .home-two-hotel-services {
    padding-top: 30px;
    padding-bottom: 60px;
  }

  .home-two-hotel-services.mobile-device-image-off {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .new-rating-room-one {
    width: 100%;
    max-width: 100%;
  }

  .new-progress-bar {
    max-width: none;
    padding-top: 0;
    padding-left: 0;
  }

  .home-two-portfolio {
    padding-top: 60px;
    padding-bottom: 26px;
  }

  .portfolio-wrapper-one {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
  }

  .home-two-navigate-experiences {
    padding-bottom: 40px;
  }

  .home-two-our-journey {
    padding-bottom: 48px;
  }

  .hotel-bg-two-2 {
    background-size: contain;
  }

  .room-service-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .home-page-two-accordian-section {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
  }

  .home-page-two-accordian-section.small-device-accordian-padding {
    padding-top: 50px;
  }

  .network-service-section {
    padding-top: 30px;
    padding-bottom: 60px;
  }

  .footer-main-wrapper-one {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
  }

  .home-two-contact-us-btn-wrapper.small-device-btn-off {
    display: none;
  }

  .navbar-wrap {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .menu-button {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-button.w--open {
    background-color: #c8c8c800;
  }

  .home-three-marquee-section {
    padding-bottom: 28px;
  }

  .marquee-box {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .mrq-text-block {
    font-size: 3.4375rem;
  }

  .small-story {
    z-index: 1;
    justify-content: center;
    align-items: center;
  }

  .story-wrapper, .story-image-wrapper {
    padding-top: 0;
  }

  .story-image-wrapper.small-device-full-width {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: flex-start;
    width: 100%;
    max-width: none;
  }

  .home-three-story-section {
    padding-bottom: 30px;
  }

  .our-first-story {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 20px;
  }

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

  .home-three-review-section {
    padding-bottom: 0;
  }

  .left-review-div {
    width: 100%;
    max-width: none;
  }

  .service-background {
    padding-top: 52px;
    padding-bottom: 200px;
  }

  .about-us {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .right-heqading-text-block.small-device-full-width {
    max-width: 100%;
  }

  .highlights.service-three-heading-text-two {
    text-align: center;
    font-size: 2.8125rem;
    line-height: 3.4375rem;
  }

  .highlights.service-three-text-block {
    text-align: center;
    padding-left: 0;
    font-size: 2.8125rem;
    line-height: 3.4375rem;
  }

  .right-place {
    padding-top: 0;
  }

  .slider-testimonial {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
  }

  .about-right {
    max-width: none;
    padding-top: 0;
  }

  .about-one-hero-text.hero-text-max-width {
    max-width: 100%;
  }

  .about-main-div {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-direction: column;
  }

  .about-main-div.cc-2 {
    flex-flow: column;
  }

  .client-slider-nav-off {
    display: none;
  }

  .review {
    padding-top: 0;
  }

  .review.small-device-full-width {
    max-width: 100%;
  }

  .about-left {
    width: 100%;
    max-width: none;
  }

  .new-place {
    padding-top: 30px;
    padding-bottom: 60px;
  }

  .main-hero-slider {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: flex-start;
    width: 100%;
    inset: auto 0% 10%;
  }

  .page-review {
    padding-bottom: 0;
  }

  .place-div {
    flex-direction: column;
  }

  .left-place {
    width: 100%;
    max-width: none;
  }

  .about-hero-container {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .tagline-text-span-one {
    padding-right: 180px;
  }

  .first-text-block.small-device-full-width {
    max-width: 100%;
  }

  .tagline-section {
    padding-top: 10px;
    padding-bottom: 34px;
  }

  .rating-black-box {
    right: 0;
  }

  .right-review-section-block {
    max-width: 100%;
    padding-top: 43px;
  }

  .service-slider-div {
    top: -100px;
  }

  .main-heading-text {
    margin-top: 40px;
    font-size: 50px;
  }

  .page-review-div {
    flex-direction: column;
    align-items: flex-start;
  }

  .place-btn.small-device-padding-top {
    padding-top: 15px;
  }

  .about-page-client-section {
    padding-top: 51px;
    padding-bottom: 25px;
  }

  .about-text.small-device-about-text {
    padding-bottom: 15px;
  }

  .luxury-room-image {
    width: 100%;
  }

  .correct-points {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    justify-content: flex-start;
    align-items: center;
  }

  .discover-heading.discover-heading-full-width {
    max-width: 100%;
  }

  .about-page-hero-section-heading {
    max-width: 520px;
  }

  .about-page-email-form {
    justify-content: flex-start;
    align-items: center;
  }

  .hero-banner-image-three.hero-image-off {
    display: none;
  }

  .review-image-one {
    max-width: none;
    min-height: 370px;
  }

  .review-image-one.small-device-full-width {
    width: 100%;
  }

  .image-marquee-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .review-left-div {
    padding-top: 0;
  }

  .step-into-luxury {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .step-into-luxury.spa-bg-image {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .step-into-luxury.about-two {
    padding-bottom: 50px;
  }

  .hero-banner-image-one.hero-image-off {
    display: none;
  }

  .accodian {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    position: relative;
  }

  .main-hotel-rooms-div.small-device-display-flex {
    grid-column-gap: 52px;
    grid-row-gap: 52px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .btn-text-block.small-device-btn-text-change {
    font-size: 4.375rem;
    line-height: 5rem;
  }

  .digital-experience-left-wrapper {
    order: 1;
  }

  .digital-experience-left-wrapper.small-device-full-width {
    max-width: 100%;
  }

  .digital-experience-left-wrapper.small-device-full-width.padding-right-fifteen {
    padding-right: 15px;
  }

  .review-image-two {
    max-width: none;
  }

  .review-image-two.small-device-full-width {
    width: 100%;
  }

  .review-right-div {
    justify-content: space-between;
    align-items: flex-end;
  }

  .about-page-review {
    padding-top: 50px;
    padding-bottom: 60px;
  }

  .digital-main-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .digital-main-wrapper.small-device-wrapper-padding {
    padding-bottom: 45px;
  }

  .hotel-rooms-left-div {
    width: 100%;
    max-width: none;
  }

  .hero-main-wrapper {
    padding-top: 140px;
    padding-bottom: 80px;
  }

  .about-review-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
  }

  .hero-baneer-image-two.hero-image-off {
    display: none;
  }

  .paragraph-div-block {
    padding-bottom: 15px;
  }

  .hotel-rooms {
    padding-top: 50px;
    padding-bottom: 60px;
  }

  .luxury-room-main-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column-reverse;
    justify-content: center;
    align-items: flex-start;
  }

  .hotel-btn {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-right: 0;
  }

  .menu-links {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    min-width: 30%;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 15px;
  }

  .menu-main-link {
    font-size: 20px;
    line-height: 30px;
  }

  .site-logo-wrapper {
    order: -1;
  }

  .navbar-menu-bar {
    padding-left: 15px;
    padding-right: 15px;
  }

  .nav-menu-container {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0;
    display: flex;
  }

  .landing-page-hero-section {
    padding-bottom: 150px;
  }

  .background-image-animation, .menu-contact {
    display: none;
  }

  .menu-rooms {
    min-width: 50%;
    padding: 35px 0;
  }

  .menu-close {
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding: 35px 15px;
  }

  .faq-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .resturants {
    padding-top: 50px;
    padding-bottom: 37px;
  }

  .unique-idea.small-device-section-padding {
    padding-top: 24px;
    padding-bottom: 60px;
  }

  .faq-small-box {
    width: 100%;
    padding-top: 16px;
  }

  .faq-image {
    max-width: none;
  }

  .campaign-main-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .image-wrapper {
    grid-template-columns: 1fr 1fr;
    padding-top: 0;
  }

  .awards-main-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .faq-right-div {
    padding-top: 0;
  }

  .inner-paragraph-text-width.small-device-full-width {
    max-width: 100%;
  }

  .main-text-wrapper {
    flex-flow: column;
    align-items: center;
    padding-bottom: 60px;
  }

  .campaign-left-box {
    max-width: none;
  }

  .frequently-asked-question.small-device-section-padding {
    padding-bottom: 41px;
  }

  .frequently-asked-question.small-device-section-padding.home-two-accordian {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .question-text-block {
    padding-left: 0;
    padding-right: 0;
  }

  .question-text-block.block-one {
    padding-top: 0;
    padding-bottom: 0;
  }

  .room-service-div-block.second-move.fourth-service-box.margin-top-zero, .room-service-div-block.second-move.second-service-box.margin-top-zero {
    margin-top: 0;
  }

  .room-service-div-block.first-move.third-service-box.margin-bottom-off, .room-service-div-block.first-move.first-service-box.margin-bottom-off {
    margin-bottom: 0;
  }

  .inner-right-text {
    justify-content: center;
    align-items: center;
  }

  .faq-title.title-center, .faq-title.center {
    text-align: center;
  }

  .about-three-hero-slider-contain-text-block {
    flex-basis: 100%;
  }

  .award-text-box.text-box-one, .award-text-box.text-box-two {
    padding-top: 0;
  }

  .about-three-wrap {
    padding-top: 108px;
    padding-bottom: 60px;
  }

  .content-wrapper {
    padding-top: 30px;
    padding-bottom: 60px;
  }

  .landing-inner-page-card.landing-inner-card-full-width {
    width: 100%;
  }

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

  .sticky-container {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .gird-sticky {
    grid-row-gap: 60px;
    text-align: center;
    flex-flow: column;
    grid-template-columns: 1fr;
  }

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

  .landing-footer-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 60px 15px 27px;
  }

  .reveal-text.display-flex {
    flex-flow: column;
  }

  .footer-reveal-text {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .menu-button-two {
    border: 1px solid var(--nav-color);
    order: 1;
  }

  .menu-button-two:lang(en) {
    background-color: #c8c8c800;
  }

  .main-manu-contain-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .sub-menu-heading {
    color: var(--primary-color);
  }

  .navbar-menu-font {
    display: block;
  }

  .mega-menu-block {
    background-color: var(--white);
    width: 100%;
    max-width: none;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
  }

  .mega-menu-block.main-manu {
    padding-left: 15px;
    padding-right: 15px;
    display: none;
  }

  .dropdown-toggle {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
  }

  .nav-bar-menu {
    height: auto;
    min-height: 100vh;
  }

  .nav-bar-menu.change-navigation-three-menu-width {
    background-color: var(--white);
  }

  .nav-bar-menu.change-navigation-three-menu-width.home-three-menu {
    background-color: #25303f;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 100px;
    position: absolute;
  }

  .dropdown-list {
    position: relative;
  }

  .dropdown-list.home-three-dropdonw {
    background-color: #333;
  }

  .right-nav-box {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .styles {
    padding-top: 27px;
    padding-bottom: 60px;
  }

  .right-wrapper {
    padding-top: 21px;
  }

  .mission-wrapper {
    flex-flow: column;
  }

  .experience {
    padding-top: 10px;
  }

  .right-wrapper-inner-text-block.padding-top-eight.small-text-full-width {
    max-width: none;
  }

  .grid-box.grid-box-border-left.grid-border-off {
    border-right-style: none;
  }

  .grid-box.grid-box-border-left.box-full-width, .grid-box.box-full-width {
    max-width: 100%;
  }

  .special-services.section-padding {
    padding-top: 28px;
    padding-bottom: 60px;
  }

  .middle-image-wrapper.middle-image-full-width {
    order: -1;
    width: 100%;
  }

  .small-step-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .service-page-hero-text-block.small-device-heading-font {
    font-size: 4.375rem;
    line-height: 5rem;
  }

  .reader-text.small-device-full-width {
    max-width: none;
  }

  .service-page-hero-section.bg-image-off {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .inner-text-div {
    padding-bottom: 45px;
  }

  .inner-text-div.small-device-full-width {
    max-width: 100%;
  }

  .parallax-animation.cc-home {
    justify-content: center;
    align-items: center;
  }

  .paragraph-text-div-block.small-device-full-width {
    max-width: none;
  }

  .service-marquee-text-block {
    font-size: 6.25rem;
    line-height: 6.875rem;
  }

  .our-promise {
    padding-top: 51px;
    padding-bottom: 38px;
  }

  .special-service-grid-box {
    grid-column-gap: 0px;
    grid-template-columns: 1fr 1fr;
    padding-top: 5px;
  }

  .experience-section-text-wrapper {
    justify-content: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
  }

  .service-page-small-image.small-device-image-off {
    display: none;
  }

  .first-small-text-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .right-arrow-btn {
    width: 40px;
    height: 40px;
  }

  .service-details-wrapper {
    justify-content: center;
    align-items: center;
  }

  .special-service-wrapper {
    justify-content: center;
    align-items: stretch;
  }

  .service-page-hero-wrapper {
    padding-top: 145px;
    padding-bottom: 200px;
  }

  .service-page-hero-large-image {
    right: 0%;
  }

  .home-one-image-wrapper {
    justify-content: center;
  }

  .collection-list-wrapper {
    flex: 1;
  }

  .collection-list {
    flex-flow: column;
    flex: 1;
  }

  .home-one-creativity {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .inner-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    padding-bottom: 42px;
    padding-left: 0;
  }

  .story-date, .small-story-text {
    color: var(--white);
  }

  .question-title {
    padding-top: 25px;
  }

  .faq-answer {
    max-width: none;
  }

  .questions-box {
    text-align: left;
    padding-top: 0;
  }

  .our-session {
    flex-flow: column;
    position: static;
  }

  .video-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-top: 70px;
    padding-bottom: 80px;
  }

  .policies {
    flex-flow: column;
  }

  .image-five {
    object-fit: contain;
  }

  .our-hotel {
    flex-flow: column;
  }

  .our-hotel.text-off {
    display: none;
  }

  .div-block-56 {
    order: 1;
  }

  .right-image {
    width: 100%;
  }

  .statement {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .banner-right-block {
    width: 100%;
  }

  .new-client-section {
    padding-bottom: 60px;
  }

  .our-lession {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .about-right-box {
    padding-top: 0;
  }

  .room-main-wrapper {
    flex-flow: column;
    display: flex;
  }

  .text-block-seven {
    text-align: center;
    font-size: 70px;
    line-height: 80px;
  }

  .small-image {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .about-left-box {
    width: 100%;
    max-width: none;
  }

  .service-two-container {
    flex-flow: column;
    padding-top: 135px;
    padding-bottom: 80px;
  }

  .room-image {
    width: 100%;
  }

  .room-image.image-two, .room-image.image-four {
    order: -1;
  }

  .room-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .image-four {
    object-fit: contain;
  }

  .banner-flex-wrapper {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .left-image-div {
    width: 100%;
  }

  .statement-text-block {
    max-width: none;
  }

  .banner-image {
    width: 100%;
  }

  .luxury-text {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    display: flex;
  }

  .bed-image-one {
    width: 100%;
    height: auto;
  }

  .story-paragraph-text.small-device-text-full-width {
    max-width: 100%;
  }

  .join-with-us {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .our-main-story {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .new-story {
    padding-top: 30px;
    padding-bottom: 60px;
  }

  .service-two-new-counter {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    align-items: flex-start;
  }

  .banner-left {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: center;
    align-items: center;
    padding-top: 0;
  }

  .room-details {
    width: 100%;
    padding: 40px;
  }

  .service-two-line-block {
    width: 100%;
    max-width: none;
  }

  .service-two-banner {
    padding-bottom: 60px;
  }

  .middle-story {
    order: -1;
  }

  .service-two-about-us {
    padding-top: 60px;
    padding-bottom: 50px;
  }

  .client-section-left {
    width: 100%;
    max-width: none;
  }

  .main-join-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .out-new-services {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .new-room-wrapper {
    flex-flow: column;
  }

  .image-left-wrapper {
    width: 100%;
    max-width: none;
  }

  .room-features {
    padding-top: 0;
  }

  .new-statement {
    padding-bottom: 40px;
    inset: auto 0% 0% auto;
  }

  .left-image-wrapper {
    padding-top: 0;
    display: none;
  }

  .service-three-accordian {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    position: relative;
  }

  .review-text-two {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column-reverse;
  }

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

  .slider-left-one {
    display: none;
    bottom: -6%;
  }

  .service-three-progress-bar {
    padding-top: 0;
    padding-bottom: 60px;
  }

  .wrapper-text-one {
    font-size: 4.375rem;
    line-height: 5rem;
  }

  .new-card-section {
    padding-top: 28px;
    padding-bottom: 60px;
  }

  .service-three-mask {
    width: 50%;
  }

  .service-three-arrow {
    width: 30px;
    height: auto;
  }

  .service-three-new-section {
    padding-top: 60px;
    padding-bottom: 30px;
  }

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

  .service-three-slider-wrapper {
    padding-bottom: 50px;
  }

  .service-page-three-wrapper {
    flex-flow: column-reverse;
    padding-bottom: 50px;
  }

  .sub-heading {
    padding-bottom: 30px;
  }

  .sub-heading.small-device-text-full-width {
    width: 100%;
  }

  .image-div {
    max-width: none;
    display: none;
  }

  .small-box.box-one {
    margin-bottom: 0;
  }

  .service-three-bar {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
    align-items: flex-start;
  }

  .wrapper {
    align-items: flex-start;
  }

  .review-heading-one {
    padding-left: 0;
  }

  .new-cover-image {
    object-fit: cover;
  }

  .new-cover-image.small-device-full-width {
    width: 100%;
  }

  .new-cover-image.small-device-full-width.image-full-height {
    height: auto;
  }

  .right-image-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 140px;
    padding-left: 0;
  }

  .service-three-text-wrapper {
    width: 100%;
  }

  .testimonial-review {
    max-width: none;
  }

  .large-circle {
    width: 90px;
    height: 90px;
  }

  .line-block.small-device-line-width {
    width: 100%;
    display: none;
  }

  .room-progress-image-div {
    width: 100%;
    max-width: 100%;
  }

  .small-image-two {
    display: none;
  }

  .feedback {
    background-image: none;
    background-size: auto;
    padding-top: 0;
    padding-bottom: 60px;
  }

  .first-count {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .banner-three-image {
    width: 100%;
  }

  .new-image-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .card-wrapper {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: center;
  }

  .slider-main-wrapper {
    justify-content: center;
    align-items: stretch;
  }

  .right-arrow-one {
    display: none;
  }

  .banner-image-reveal {
    width: 100%;
  }

  .pricing-banner-one {
    padding-top: 185px;
    padding-bottom: 60px;
  }

  .main-menu-contain-heading-3 {
    color: #fff;
  }

  .nav-bar-menu-2 {
    height: auto;
    min-height: 100vh;
  }

  .nav-bar-menu-2.change-navigation-three-menu-width.service-two-bg-color {
    background-color: #fff;
  }

  .pricing-page-nav-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .spa-dropdown-toggle {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
  }

  .new-dropdown-list {
    position: relative;
  }

  .new-dropdown-list.home-three-dropdonw {
    background-color: #333;
  }

  .mega-menu-block-3 {
    background-color: #2e2e2e;
    width: 100%;
    max-width: none;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
  }

  .mega-menu-block-3.main-manu {
    max-width: none;
    padding-left: 15px;
    padding-right: 20px;
  }

  .navbar-menu-font-3 {
    display: block;
  }

  .hamburger-one.small-device-hamburger {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: center;
    align-items: flex-end;
    width: 25px;
    height: 25px;
    overflow: hidden;
  }

  .pricing-page-navbar.transparent-nav {
    padding-right: 0;
  }

  .pricing-three-banner {
    padding-top: 193px;
    padding-bottom: 110px;
  }

  .service-pricing-plan-one {
    padding: 30px;
  }

  .flexible-pricing-plan {
    padding-top: 30px;
    padding-bottom: 30px;
  }

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

  .rating-room-two {
    max-width: none;
  }

  .service-slider-main-wrapper {
    margin-top: -135px;
  }

  .spa-section-six {
    padding-top: 53px;
    padding-bottom: 40px;
  }

  .spa-section-six.bg-image-off {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .luxury-spa-text {
    font-size: 110px;
    line-height: 100px;
  }

  .luxury-spa-text.two {
    top: 370px;
  }

  .spa-page-section-five {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .spa-heading-two.text-two, .spa-heading-two.text-one {
    font-size: 4.375rem;
    line-height: 5rem;
  }

  .flex-box {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .spa-inner-section {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    padding-top: 48px;
    padding-bottom: 60px;
  }

  .premium-massage-block {
    max-width: none;
    min-height: 411px;
  }

  .spa-inner-text {
    padding-top: 0;
  }

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

  .scrolling-title.one {
    font-size: 110px;
  }

  .spa-main-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column-reverse;
    justify-content: center;
    align-items: flex-start;
  }

  .spa-image-block {
    width: 100%;
    max-width: none;
  }

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

  .first-massage-package.spa-last-box {
    padding-left: 0;
  }

  .spa-page-wrapper {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    flex-flow: column;
  }

  .therapy-section.bg-image-off {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
  }

  .blog-one-main-post-block {
    grid-template-columns: 1fr;
  }

  .blog-one-data-block {
    padding-top: 24px;
  }

  .blog-page-heading {
    text-align: center;
  }

  .blog-one-post-section {
    padding-top: 50px;
    padding-bottom: 30px;
  }

  .blog-page-banner-one {
    height: 60vh;
    padding-top: 150px;
  }

  .main-banner-image {
    left: auto;
  }

  .about-two-blog-heading-txt {
    font-size: 30px;
    line-height: 40px;
  }

  .blog-two-post-one {
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .blog-two-col-two {
    padding-left: 30px;
    padding-right: 30px;
  }

  .blog-two-img-block {
    display: none;
  }

  .blog-page-heading-two {
    text-align: center;
    font-size: 4.375rem;
    line-height: 5rem;
  }

  .blog-page-banner-small-image.small-device-image-off {
    display: none;
  }

  .blog-two-review-section {
    padding-top: 52px;
    padding-bottom: 60px;
  }

  .blog-two-heading-link {
    padding-right: 0%;
  }

  .blog-two-col-one {
    padding-right: 30px;
  }

  .blog-page-background-color {
    height: 100%;
  }

  .user-reading-time {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .page-reading-time, .page-reading-time.new-time {
    padding-left: 0;
  }

  .reading-time {
    padding-bottom: 0;
  }

  .information-section {
    padding-top: 30px;
    padding-bottom: 60px;
  }

  .blog-details-heading-text {
    margin-bottom: 20px;
  }

  .text-two {
    grid-column-gap: 29px;
    grid-row-gap: 29px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .gallery-page-heading-one {
    padding-bottom: 21px;
  }

  .gallery-image-one.banner-image-full-width {
    width: 100%;
    height: 100%;
  }

  .gallery-image-one.gallery-image-size {
    width: 100%;
  }

  .gallery-page-heading-two {
    padding-top: 25px;
    font-size: 4.375rem;
    line-height: 5rem;
  }

  .gallery-banner-image {
    width: 100%;
    height: auto;
  }

  .banner-left-image {
    width: 100%;
    max-width: none;
    display: none;
  }

  .text-block-twelve {
    font-size: 4.375rem;
    line-height: 5rem;
  }

  .background-video-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .gallery-section {
    padding-top: 35px;
    padding-bottom: 60px;
  }

  .gallery-banner-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column-reverse;
  }

  .galler-page-banner {
    padding-top: 145px;
    padding-bottom: 60px;
  }

  .banner-right-text-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: none;
    display: flex;
  }

  .gallery-page-line {
    margin-bottom: 16px;
  }

  .hotel-portfolio {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .portfolio-paragraph-text {
    padding-bottom: 10px;
  }

  .premium-rooms {
    flex-flow: column;
  }

  .home-two-image-wrapper {
    width: 100%;
  }

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

  .home-two-paragraph-text {
    max-width: none;
    padding-bottom: 0;
  }

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

  .hotel-facilty-inner-text {
    max-width: none;
  }

  .room-details-banner {
    padding-top: 130px;
    padding-bottom: 60px;
  }

  .room-details-banner.small-device-banner-bg-color {
    background-color: var(--nav-color);
  }

  .similar-rooms {
    padding-top: 30px;
    padding-bottom: 26px;
  }

  .round-shape {
    flex: none;
  }

  .first-information-block {
    padding-bottom: 10px;
  }

  .room-page-bg-color.small-device-color-off, .room-page-bg-color.hero-color {
    display: none;
  }

  .inner-details-section {
    padding-top: 30px;
    padding-bottom: 15px;
  }

  .other-details {
    padding-bottom: 45px;
  }

  .room-catagory-image {
    width: 100%;
  }

  .single-room-booking-section, .room-booking-section {
    padding-top: 60px;
  }

  .room-page-first-image {
    width: 100%;
  }

  .room-page-first-image.image-full-height {
    height: 100%;
  }

  .booking-page-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .booking-page-wrapper.box-four {
    flex-flow: column-reverse;
  }

  .booking-page-wrapper.box-one {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .booking-page-wrapper.box-two {
    flex-flow: column-reverse;
  }

  .double-room-section {
    padding-top: 60px;
  }

  .junior-room {
    padding-top: 0;
  }

  .room-catagory-fourth-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .booking-page {
    padding-top: 152px;
    padding-bottom: 80px;
  }

  .menu-button-four.w--open {
    background-color: #c8c8c800;
  }

  .menu-button-four.small-device-padding-off {
    padding-right: 0;
  }

  .news {
    width: 100%;
  }

  .news-letter-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .blog-three-heading {
    text-align: center;
    width: auto;
    font-size: 4.375rem;
    line-height: 5rem;
  }

  .banner-first-image {
    width: 100%;
  }

  .left-news-box {
    width: 100%;
    max-width: none;
  }

  .room-service-block-two.display-off {
    display: none;
  }

  .blog-three-image-wrapper, .blog-three-left-wrapper {
    width: 100%;
  }

  .blog-three-banner-image.tab-view-image-off {
    display: none;
  }

  .flex-block-two {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .right-box.bg-color-black {
    background-color: #000;
    padding-right: 15px;
  }

  .blog-three-text-wrapper {
    justify-content: center;
    align-items: center;
    padding: 180px 15px 0;
  }

  .blog-three-text {
    max-width: none;
  }

  .newsletter-box {
    padding-left: 30px;
    padding-right: 30px;
  }

  .left-box {
    padding-left: 15px;
  }

  .main-logo {
    padding-right: 0;
  }

  .home-two-background-image.smll-device-image-off {
    display: none;
  }

  .story-overlay {
    display: block;
  }

  .new-featured-card {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .home-card-one.one, .home-card-one.two, .home-card-one.three, .home-card-one.fourth {
    padding-top: 40px;
  }

  .home-three-marquee-wrapper {
    padding-bottom: 50px;
  }

  .help-desk-image.small-device-image-off {
    display: none;
  }

  .help-center-banner-section {
    padding-top: 200px;
    padding-bottom: 100px;
  }

  .information-box-one {
    flex-flow: column;
  }

  .inner-information {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .help-desk {
    flex-flow: column;
  }

  .get-in-touch {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .contact-one-section {
    height: auto;
    padding-top: 174px;
    padding-bottom: 80px;
  }

  .contact-one-banner-heading {
    font-size: 70px;
    line-height: 80px;
  }

  .contact-form-text-wrapper.text-wrapper {
    max-width: none;
  }

  .service-details-container.container-position {
    position: relative;
  }

  .main-contact-wrapper {
    padding-bottom: 45px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .contact-two-banner-section {
    padding-top: 108px;
    padding-bottom: 60px;
  }

  .contact-two-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    align-items: stretch;
  }

  .new-contact-details {
    max-width: none;
  }

  .company-details {
    padding-top: 50px;
    padding-bottom: 40px;
  }

  .contact-us-page-heading, .contact-heading-text {
    font-size: 70px;
    line-height: 80px;
  }

  .contact-two-video-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column-reverse;
  }

  .contact-two-banner-text {
    text-align: center;
  }

  .contact-two-text-wrapper {
    justify-content: center;
    align-items: center;
  }

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

  .contact-video.remove-video {
    display: none;
  }

  .talk-with-us {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .left-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: none;
    display: flex;
  }

  .contact-three-banner {
    padding-top: 183px;
    padding-bottom: 80px;
  }

  .contact-three-heading-text {
    font-size: 70px;
    line-height: 80px;
  }

  .contact-box {
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
  }

  .contact-box.one, .contact-box.two {
    border-right-style: none;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
  }

  .contact-three-details-page {
    padding-top: 30px;
    padding-bottom: 60px;
  }

  .contact-three-details-wrapper {
    margin-top: 0;
  }

  .contact-three-details-wrapper.cc-home {
    padding: 25px;
  }

  .contact-three-details-wrapper.cc-left {
    padding: 12px;
  }

  .contact-grid {
    grid-template-columns: 1fr;
  }

  .uncover-text-align-center, .about-three-paragrph {
    text-align: center;
  }

  .service-one-image-wrapper {
    width: 100%;
    max-width: none;
  }

  .service-two-testimonials-right-arrow {
    margin-left: 60px;
    display: none;
  }

  .service-two-testimonials-wrapper {
    padding-bottom: 0;
  }

  .service-two-testimonials {
    padding-bottom: 40px;
  }

  .service-two-testimonials-left-arrow {
    margin-left: 0;
    display: none;
  }

  .service-details-image-wrapper {
    display: none;
  }

  .service-details-heading-text {
    max-width: none;
  }

  .service-details-slider-section {
    padding: 30px 15px 54px;
  }

  .small-line-one {
    display: none;
  }

  .service-details-banner-heading {
    max-width: 700px;
  }

  .service-details-banner {
    padding-top: 173px;
  }

  .service-details-image {
    height: 100%;
  }

  .total-text-wrapper {
    align-items: stretch;
  }

  .service-details-slider-wrapper {
    flex-basis: 100%;
    padding-top: 0;
  }

  .new-counter-text {
    width: 100%;
    max-width: none;
  }

  .new-service-section {
    padding-top: 30px;
    padding-bottom: 60px;
  }

  .price-image-one.small-device-full-width {
    width: 100%;
  }

  .price-page-small-image.image-off {
    display: none;
  }

  .pricing-heading-one {
    text-align: center;
  }

  .visit-new-place {
    justify-content: center;
    align-items: center;
  }

  .hotel-price-section {
    padding-top: 53px;
    padding-bottom: 60px;
  }

  .new-pricing-image-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column-reverse;
    align-items: stretch;
  }

  .new-home {
    justify-content: center;
    align-items: center;
  }

  .reservation {
    padding-top: 54px;
    padding-bottom: 46px;
  }

  .royal-image {
    width: 100%;
  }

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

  .select-person {
    width: auto;
  }

  .price-page-image-wrapper {
    flex: 1;
  }

  .third-package-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column-reverse;
  }

  .royal-room {
    width: 100%;
    max-width: none;
  }

  .price-tag-line {
    width: 250px;
    left: -300px;
  }

  .hotel-charges {
    justify-content: center;
    align-items: center;
  }

  .hotel-counter-section {
    padding-top: 30px;
    padding-bottom: 52px;
  }

  .second-package-wrapper {
    flex-flow: column;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .first-package-wrapper {
    padding-top: 0;
  }

  .pricing-image-wrapper {
    width: 100%;
    max-width: none;
  }

  .visit-place {
    padding-bottom: 60px;
  }

  .pricing-package {
    width: 100%;
    max-width: none;
    padding-top: 26px;
  }

  .booking-form.cc-hide {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: row;
    grid-template-columns: 1fr 1fr 1fr;
    place-items: center;
    margin-top: 20px;
  }

  .horizontal-box {
    flex-flow: column-reverse;
  }

  .select-field {
    width: 100%;
  }

  .main-address-wrapper {
    justify-content: center;
    align-items: center;
  }

  .charges {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
  }

  .inner-hotel-rooms {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .new-big-image {
    padding-top: 150px;
    padding-bottom: 60px;
  }

  .big-image.small-device-image-full-height {
    height: 100%;
  }

  .faq-small-text {
    max-width: 500px;
  }

  .service-three-testimonial-slider.slider-position-absolute {
    position: relative;
  }

  .room-gallery-images {
    padding-bottom: 60px;
  }

  .main-gallery-block {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .navbar-menu {
    width: 100%;
  }

  .navbar-menu.mega-navbar-menu {
    position: relative;
  }

  .mega-submenu-texts {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .mega-menu-heading-wrapper {
    display: none;
  }

  .nav-text-and-nav-arrow {
    justify-content: space-between;
    width: 100%;
  }

  .nav-menu-text-font {
    color: #27272e;
  }

  .mega-menu-heading {
    font-size: 1rem;
    line-height: 1.625rem;
  }

  .dropdown-list-7 {
    box-shadow: none;
    width: 100%;
    margin-top: -10px;
    padding: 0 0 0 15px;
    position: relative;
  }

  .dropdown-list-7.mega-navbar-submenu.w--open {
    top: 0%;
  }

  .mega-menu-block-two {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    max-width: 100%;
  }

  .navbar-mega-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
    padding: 7px 0 18px 15px;
  }

  .dropdown-main-text {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 0;
  }

  .dropdown-main-text.navbar-two-nav-menu-text-padding-added {
    padding: 20px 0 20px 15px;
  }

  .mega-menu-block-three {
    display: none;
  }

  .mega-menu-block-one {
    max-width: 100%;
  }

  .nav-hover-line {
    display: none;
  }

  .mega-menu-outer {
    box-shadow: none;
  }

  .pricing-accordian {
    padding-top: 30px;
    padding-bottom: 60px;
  }

  .question-dropdown-one {
    padding-left: 30px;
    padding-right: 30px;
  }

  .pricing-main-text-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .small-image-box {
    display: none;
  }

  .data-wrap-section-one {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .landing-nav-wrapper {
    width: 100%;
  }

  .home-three-hero {
    padding-top: 193px;
    padding-bottom: 110px;
  }

  .home-three-hero-wrapper {
    justify-content: center;
    align-items: center;
    max-width: none;
  }

  .home-three-banner-heading {
    text-align: center;
  }

  .home-three-wrapper {
    display: none;
  }

  .home-three-banner-text {
    text-align: center;
    max-width: 562px;
  }

  .toggle-one {
    padding: 20px;
  }

  .new-list {
    padding-left: 20px;
    padding-right: 20px;
  }

  .bg-fawn-color {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .gallery-banner-image-one {
    width: 100%;
  }

  .service-two-video-wrapper {
    flex-flow: column;
  }

  .first-heading-block {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .image-container-one {
    flex: 1;
    min-width: auto;
  }

  .doller {
    justify-content: flex-start;
    align-items: center;
    transform: rotate(0);
  }

  .services {
    justify-content: center;
    align-items: flex-start;
    max-width: none;
    padding-top: 0;
  }

  .new-vartical-accordion-text {
    transform: rotate(0);
  }

  .menu-section-two {
    grid-row-gap: 5px;
    padding-top: 0;
    padding-left: 15px;
  }

  .menu-section-three {
    grid-row-gap: 5px;
    padding-top: 0;
  }

  .pages-menu-section-one {
    grid-row-gap: 5px;
    padding-top: 0;
    padding-left: 15px;
  }

  .home-three-dropdown {
    height: 1.1rem;
    line-height: 90%;
  }

  .mega-menu-divider {
    display: none;
  }

  .home-three-dropdown-menu {
    margin-top: 1px;
    line-height: 95%;
  }

  .new-mega-menu-block {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    display: none;
    position: relative;
    top: 0%;
  }

  .mega-menu-main-one {
    width: 100%;
    position: relative;
  }

  .nevigation-dropdown-list-mega-menu {
    text-align: left;
    position: relative;
  }

  .nav-menu-toggle {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
  }

  .mega-menu-image-wrapper {
    display: none;
  }

  .mega-menu-wrapper-one {
    flex-flow: row;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0;
  }

  .home-three-dropdaown {
    width: 100%;
  }

  .home-three-dropdaown.display-block {
    display: block;
  }

  .content-01-tab-2.r2 {
    flex-flow: column;
    max-height: none;
  }

  .single-tab.r2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    min-height: auto;
  }

  .tab-body.r2 {
    width: 100%;
  }

  .tab-header-seven {
    flex-flow: row-reverse;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100px;
    padding: 0 40px;
  }

  .tab-header-seven.rate-one {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .tab-header-five {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row-reverse;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100px;
    padding: 0 40px;
  }

  .tab-header-five.rate-one {
    justify-content: space-between;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .tab-header-eight {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row-reverse;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100px;
    padding: 0 40px;
  }

  .tab-header-eight.rate-one {
    justify-content: space-between;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .aristo-logo {
    object-fit: contain;
    max-width: 140px;
    height: 80px;
  }

  .menu-button-one.w--open, .menu-button-three.w--open {
    background-color: #c8c8c800;
  }

  .contact-two-heading-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    display: flex;
  }

  .licensing-section {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .licensing-main-wrapper {
    grid-column-gap: 30px;
  }

  .licensing-text-main-wrapper {
    padding-left: 35px;
    padding-right: 35px;
  }

  .license-hero {
    padding-top: 160px;
    padding-bottom: 90px;
  }

  .margin-bottom-fourty {
    margin-bottom: 10px;
  }

  .checkout-hero-section {
    padding-top: 160px;
    padding-bottom: 90px;
  }

  .changelog-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .heading-block-three {
    margin-bottom: 3.3rem;
  }

  .heading-three {
    font-size: 25px;
    line-height: 35px;
  }

  .heading-block-one {
    margin-bottom: 3.6rem;
  }

  .color {
    font-size: 150px;
    line-height: 140px;
  }

  .style-guide-for-color {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .heading-five.recent-news {
    max-width: none;
  }

  .heading-five.story-names {
    color: var(--white);
    text-align: center;
  }

  .style-guide-color-block {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .list-block {
    margin-bottom: 3.6rem;
  }

  .style-guide-color-box {
    width: 8rem;
    height: 8rem;
  }

  .heading-block-four, .heading-block-two {
    margin-bottom: 3.6rem;
  }

  .style-guide-for-typography {
    padding-top: 50px;
    padding-bottom: 60px;
  }

  .heading-block-six {
    margin-bottom: 3.7rem;
  }

  .heading-block-five {
    margin-bottom: 3.5rem;
  }

  .style-guide-color-name-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .footer-three {
    padding-top: 80px;
  }

  .footer-three-top-wrapper {
    padding-bottom: 0;
  }

  .footer-three-container {
    max-width: none;
  }

  .footer-three-main-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .footer-three-about-wrapper {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: none;
  }

  .footer-three-bottom-wrapper {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .footer-three-social-wrapper {
    justify-content: center;
    align-items: center;
  }

  .footer-logo-1 {
    max-width: 200px;
    min-height: auto;
    max-height: none;
  }

  .div-block-151 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
  }

  .nav-link-wrap {
    padding-top: 0;
  }

  .whatsapp-us {
    padding: 5px;
  }

  .whtapp {
    max-width: 40px;
  }

  .cntact-main-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .perspective-right-div-2 {
    width: 100%;
    max-width: none;
    padding-top: 50px;
    padding-left: 0;
  }

  .perspective-right-div-2.cc-villa {
    padding-left: 15px;
    padding-right: 15px;
  }

  .perspective-right-div-3 {
    max-width: none;
    padding-top: 50px;
  }

  .scroll-up-button {
    margin: 5px;
    padding: 5px;
  }

  .icon-embed.cc-footer {
    width: 30px;
    height: 30px;
  }

  .img {
    width: 100%;
    max-width: none;
  }

  .div-block-153 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .div-block-154 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    align-items: stretch;
    display: flex;
  }

  .socila-icons {
    justify-content: center;
    align-items: center;
  }

  .map {
    max-width: none;
  }

  .code-embed-5 {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .home-hero {
    z-index: 0;
    min-height: 70vh;
  }

  .hero-wrap-1 {
    height: 70vh;
  }

  .button7 {
    border-bottom: 1px solid #ffffff2b;
    border-right-style: none;
    width: 100%;
    height: 50px;
  }

  .button7.cc-footer {
    max-width: 220px;
  }

  .div-block-156 {
    flex-flow: column;
  }

  .loading-logo-wrap {
    display: flex;
    left: 250px;
    right: 650px;
  }

  .div-block-157 {
    justify-content: center;
    align-items: center;
  }

  .form-submit-btn {
    border-bottom: 1px solid #ffffff2b;
    border-right-style: none;
    width: 100%;
    height: 50px;
  }

  .page-reading-time-2, .page-reading-time-2.new-time {
    padding-left: 0;
  }

  .user-reading-time-2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .contact-one-name-company-block-3 {
    padding-top: 10px;
  }

  .villa--hero {
    height: 60vh;
    padding-top: 150px;
  }

  .div-block-165 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .contact-card {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px;
  }

  .card-headline.recent-news {
    max-width: none;
  }

  .card-headline.story-names {
    color: var(--white);
    text-align: center;
  }

  .mail-link.recent-news {
    max-width: none;
  }

  .mail-link.story-names {
    color: var(--white);
    text-align: center;
  }

  .call-link.recent-news {
    max-width: none;
  }

  .call-link.story-names {
    color: var(--white);
    text-align: center;
  }

  .icon {
    width: 3rem;
    height: 3rem;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }

  h1 {
    font-size: 50px;
    line-height: 60px;
  }

  h2 {
    font-size: 30px;
    line-height: 40px;
  }

  p {
    font-size: 14px;
    line-height: 24px;
  }

  .copyright-main-div {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
  }

  .marquee-image {
    padding: 30px;
  }

  .main-progress-bar.small-device-full-width {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .text-field::placeholder {
    font-size: .875rem;
    line-height: 1.5rem;
  }

  .footer-text-block {
    font-size: .875rem;
    line-height: .875rem;
  }

  .footer-text-address {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .trending-topics-left-div {
    justify-content: space-between;
    align-items: center;
  }

  .social-media-links {
    width: 32px;
    height: 32px;
  }

  .active-users-block {
    justify-content: flex-start;
  }

  .accordian-right-div {
    min-height: 25em;
  }

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

  .percentage-arrow {
    top: 20%;
    right: 74%;
  }

  .active-user-text.padding-bottom-ten {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .active-user-text.padding-bottom-ten.padding-bottom-zero {
    padding-bottom: 0;
  }

  .line {
    order: 1;
  }

  .progress-bar-line.prgress-bar-full-width {
    width: 100%;
  }

  .paragraph {
    font-size: .875rem;
    line-height: 1.5rem;
  }

  .trending-topics {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
  }

  .footer-heading-text {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .slider-section {
    display: none;
  }

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

  .hamburger-menu-button {
    border-left-style: none;
  }

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

  .copyright-text {
    font-size: .9rem;
    line-height: 1.25rem;
  }

  .auto-fit.small-device-image-full-width {
    width: 100%;
  }

  .auto-fit.marquee-image-size {
    width: 40%;
    height: 40%;
  }

  .auto-fit.close-button {
    width: 20px;
    height: auto;
  }

  .auto-fit.accordian-arrow-icon {
    object-fit: contain;
    width: 20px;
    height: 20px;
  }

  .hero-inner-div {
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 30px;
  }

  .hero-slider-text {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .banner-ticker-wrapper {
    bottom: 60px;
    right: 38px;
  }

  .media-grid {
    grid-template-columns: 1fr;
  }

  .load-reveal-block {
    justify-content: flex-end;
    align-items: center;
  }

  .load-reveal-block.right {
    justify-content: flex-start;
    align-items: center;
  }

  .border-left.padding-left-fifteen.service-display-flex {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .room-types-one {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    display: flex;
  }

  .counter-text-block {
    line-height: 5rem;
  }

  .hero {
    padding-top: 123px;
    padding-bottom: 35px;
  }

  .network-card-inner-text {
    font-size: 1.125rem;
  }

  .card-section.card-change-grid {
    grid-template-columns: 1fr;
  }

  .footer-email.padding-bottom-eleven.small-device-text, .mobile-number.padding-bottom-twenty.small-device-text {
    font-size: 1.125rem;
    line-height: 1.875rem;
  }

  .scroll-section {
    top: 0;
  }

  .second-img.small-device-image-off {
    display: none;
  }

  .view-more-btn {
    padding-top: 23px;
  }

  .plans-right-div {
    min-height: 600px;
  }

  .plans-main-container {
    align-items: stretch;
  }

  .perspective-main-div {
    flex-flow: column;
  }

  .perspective-right-div {
    padding-top: 0;
  }

  .perspective-right-div.cc-right, .perspective-right-div.contact {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .room-service-main-div {
    padding: 30px;
    inset: auto auto 0% 0%;
  }

  .global-point-main {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 30px;
  }

  .client-bottom-container {
    padding-top: 20px;
  }

  .ls-word {
    justify-content: center;
    align-items: flex-end;
  }

  .ls-word.cc, .accomodation-btn-padding {
    justify-content: center;
    align-items: center;
  }

  .services-inner-div {
    width: 100%;
  }

  .discover.padding-top-thirty.change-text-size {
    font-size: 2.5rem;
    line-height: 3.125rem;
  }

  .home-two-rating-section {
    padding-top: 60px;
  }

  .hotel-service-left-wrapper {
    min-height: 482px;
  }

  .new-room-text-block {
    font-size: 1.2rem;
    line-height: 1.9rem;
  }

  .room-types-wrapper {
    flex-direction: column;
  }

  .room-types-wrapper.small-device-full-width {
    max-width: 100%;
  }

  .room-types-wrapper.small-device-full-width.small-device-gap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .new-rating-room-one {
    min-height: 500px;
  }

  .hotel-bg-one-2 {
    background-size: contain;
    padding-right: 120px;
  }

  .hotel-bg-two-2 {
    background-size: contain;
    padding-right: 44px;
  }

  .home-page-two-accordian-section {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
  }

  .social-media-link {
    width: 32px;
    height: 32px;
  }

  .navbar-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

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

  .story-image-wrapper.small-device-full-width {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
  }

  .profile-image-wrapper-box {
    padding-bottom: 22px;
  }

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

  .left-review-div {
    min-height: 500px;
  }

  .service-background {
    padding-bottom: 187px;
  }

  .superior-room {
    width: 90%;
    max-width: none;
  }

  .highlights.service-three-heading-text-two, .highlights.service-three-text-block {
    font-size: 2.5rem;
    line-height: 3.125rem;
  }

  .highlights.first-information, .highlights.font {
    font-size: 20px;
  }

  .slider-right-text-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }

  .about-one-hero-text.hero-text-max-width {
    padding-bottom: 10px;
  }

  .hero-slider {
    width: 100%;
    height: 400px;
  }

  .about-left {
    min-height: 528px;
  }

  .main-hero-slider {
    flex-direction: column;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
  }

  .service-line {
    margin-top: 0;
  }

  .coastal {
    font-size: 1.3rem;
    line-height: 2rem;
  }

  .service-text-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    padding-top: 25px;
  }

  .new-room-features {
    padding-top: 38px;
  }

  .left-place {
    min-height: 460px;
  }

  .about-hero-container {
    height: auto;
    padding-top: 100px;
    padding-bottom: 0;
  }

  .tagline-text-span-one {
    background-position: 93%, 57%, 21%;
  }

  .rating-black-box {
    bottom: 0;
    right: 0;
  }

  .right-review-section-block {
    padding-top: 0;
  }

  .service-slider-div {
    position: relative;
  }

  .next-arrow-btn.small-device-off {
    display: none;
  }

  .main-heading-text {
    font-size: 40px;
  }

  .tagline-heading-text {
    font-size: 2.1875rem;
    line-height: 3.125rem;
  }

  .luxury-room-image {
    min-height: 624px;
  }

  .correct-points {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
  }

  .inner-small-text {
    font-size: 14px;
    line-height: 24px;
  }

  .service-room-image {
    max-width: none;
    display: none;
  }

  .about-page-email-form {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: flex-start;
    align-items: center;
  }

  .total-rate {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .rate {
    font-size: 2.5rem;
    line-height: 3.125rem;
  }

  .image-marquee-wrapper {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .discover-text-block.discover-change-text {
    font-size: 2.5rem;
    line-height: 3.125rem;
  }

  .email-text {
    width: 100%;
  }

  .inner-grid-one {
    width: 70vw;
  }

  .accodian {
    padding-left: 30px;
    padding-right: 30px;
  }

  .about-send-btn {
    width: 60px;
    height: 60px;
    font-size: .7rem;
  }

  .btn-text-block.small-device-btn-text-change {
    font-size: 3.125rem;
    line-height: 3.75rem;
  }

  .right-review-text {
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 35px;
  }

  .about-page-form-block {
    padding-top: 0;
  }

  .worldwide-rating {
    justify-content: center;
    align-items: stretch;
    max-width: 100%;
  }

  .hero-main-wrapper {
    padding-top: 110px;
    padding-bottom: 50px;
  }

  .hotel-btn {
    justify-content: center;
    align-items: center;
  }

  .delux-room-image-one {
    max-width: none;
    display: none;
  }

  .navbar-menu-bar {
    padding-left: 0;
  }

  .campaigns {
    padding-bottom: 50px;
  }

  .awards-section-height {
    height: auto;
  }

  .awards-images-wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .awards-text-wrapper {
    height: auto;
  }

  .campaign-inner-box {
    flex-flow: row;
  }

  .awards-scroll-bar {
    display: none;
  }

  .faq-image {
    min-height: 590px;
  }

  .image-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .awards-main-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    padding-top: 50px;
  }

  .small-paragraph-div-block {
    padding-bottom: 10px;
  }

  .about-three-slider {
    height: auto;
  }

  .room-service-div-block {
    height: 100%;
  }

  .award-text-box.text-box-one {
    position: static;
  }

  .sticky-text {
    font-size: 30px;
    line-height: 40px;
  }

  .utility-page-main-wrapper {
    padding-top: 140px;
    padding-bottom: 60px;
  }

  .main-manu-contain-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .main-menu-contain-box {
    text-align: left;
  }

  .nav-bar-menu.change-navigation-three-menu-width.home-three-menu {
    padding-top: 100px;
  }

  .text-white.cc-footer-link {
    font-size: 16px;
  }

  .heading-six.mobile-landscape-text-center {
    text-align: center;
  }

  .service-page-banner-line {
    order: 1;
    width: 60px;
  }

  .grid-box {
    padding-top: 20px;
    padding-bottom: 3px;
  }

  .grid-box.grid-box-border-left.grid-border-off.box-full-width {
    justify-content: center;
    align-items: center;
  }

  .grid-box.grid-box-border-left.box-full-width.small-device-grid-border-off {
    border-right-style: none;
  }

  .grid-box-icon {
    width: 80px;
    height: 80px;
  }

  .service-page-text.padding-bottom-ten {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

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

  .service-page-hero-text-block.small-device-heading-font {
    font-size: 3.125rem;
    line-height: 3.75rem;
  }

  .inner-text-div.small-device-full-width {
    padding-bottom: 17px;
  }

  .paragraph-text-div-block {
    padding-bottom: 20px;
  }

  .first-inner-box.border-bottom {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .service-marquee-text-block {
    font-size: 3.125rem;
    line-height: 3.75rem;
  }

  .special-service-grid-box {
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .first-small-text-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .service-details-wrapper {
    padding-bottom: 0;
  }

  .service-page-hero-wrapper {
    padding-top: 108px;
    padding-bottom: 60px;
  }

  .service-page-hero-large-image {
    width: 50%;
    height: 50%;
  }

  .collection-list {
    flex-flow: column;
  }

  .card-details {
    left: 20px;
  }

  .inner-wrapper {
    width: 100%;
  }

  .profile-two-box {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    max-width: 400px;
  }

  .question-title {
    grid-column-gap: 50px;
  }

  .questions-box {
    padding-top: 0;
  }

  .faq-question {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }

  .video-wrapper {
    padding-top: 50px;
    padding-bottom: 60px;
  }

  .our-hotel, .statement {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .email-submit-btn {
    font-size: 1.2rem;
    line-height: 1.875rem;
  }

  .text-block-seven {
    font-size: 50px;
    line-height: 60px;
  }

  .service-two-container {
    padding-top: 115px;
    padding-bottom: 60px;
  }

  .luxury-text {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .email-block {
    max-width: 100%;
  }

  .banner-left {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .room-details {
    padding: 30px;
  }

  .email-text-field, .email-text-field::placeholder {
    font-size: 1.2rem;
    line-height: 1.875rem;
  }

  .footer-heading {
    padding-bottom: 0;
  }

  .features {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .home-one-new-text {
    text-align: center;
  }

  .service-three-accordian {
    padding-left: 30px;
    padding-right: 30px;
  }

  .wrapper-text-one {
    font-size: 3.125rem;
    line-height: 3.75rem;
  }

  .service-three-mask {
    width: 50%;
  }

  .timer {
    font-size: 2.2rem;
    line-height: 2.825rem;
  }

  .large-circle {
    width: 80px;
    height: 80px;
  }

  .first-count {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .first-count.first-box {
    border-bottom: 1px solid #8e8e8e80;
  }

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

  .card-wrapper {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .standard-plan-text, .pricing-title {
    text-align: center;
  }

  .service-pricing-plan-one {
    flex-flow: column;
  }

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

  .three-d-trigger {
    height: 100%;
  }

  .hotel-room {
    width: 100%;
  }

  .spa-heading-text {
    font-size: 2.8125rem;
    line-height: 3.4375rem;
  }

  .luxury-spa-text.two {
    top: 280px;
  }

  .spa-heading-two.text-two, .spa-heading-two.text-one {
    font-size: 2.8125rem;
    line-height: 3.4375rem;
  }

  .flex-box {
    flex-flow: column;
    align-items: stretch;
  }

  .spa-care-image {
    min-height: 417px;
  }

  .spa-care-image.one {
    max-width: none;
  }

  .premium-massage-block {
    min-height: 300px;
  }

  .spa-image-block {
    min-height: 31.5em;
  }

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

  .first-column-block {
    padding-top: 0;
  }

  .blog-one-main-post-block {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .blog-page-banner-one {
    height: 50vh;
    padding-bottom: 75px;
  }

  .blog-one-main-post {
    max-width: none;
  }

  .blog-one-masnory-thumb.small-device-image-full-width {
    width: 100%;
  }

  .blog-two-btn-block {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .blog-two-category-block {
    margin-top: 20px;
  }

  .about-two-blog-heading-txt {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 30px;
  }

  .about-two-blog-heading-txt.text-one {
    text-align: center;
  }

  .blog-two-post-one {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .blog-two-col-two {
    border-left-style: none;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .blog-page-heading-two {
    font-size: 3.125rem;
    line-height: 3.75rem;
  }

  .blog-two-banner {
    padding-top: 135px;
  }

  .blog-two-col-one {
    padding-right: 0;
  }

  .blog-two-author-block {
    justify-content: center;
    align-items: center;
  }

  .blog-two-col-three {
    padding-top: 30px;
  }

  .blog-two-small-text {
    text-align: center;
  }

  .blog-details-banner {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .blog-details-heading {
    margin-top: 40px;
  }

  .gallery-page-heading-two, .text-block-twelve {
    font-size: 3.125rem;
    line-height: 3.75rem;
  }

  .portfolio-right-box, .portfolio-left-box {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .portfolio-flex-box {
    flex-flow: column;
  }

  .portfolio-room-text {
    padding-top: 0;
  }

  .room-page-banner-container {
    padding-top: 177px;
    padding-bottom: 84px;
  }

  .round-shape {
    width: 15px;
    height: 15px;
  }

  .room-booking-paragraph-text {
    max-width: 400px;
  }

  .booking-page-wrapper.box-one {
    justify-content: space-between;
    align-items: flex-start;
  }

  .button-wrapper {
    padding-top: 30px;
  }

  .menu-button-four {
    background-color: #9a6b5a00;
  }

  .menu-button-four.w--open {
    background-color: #4e2f2300;
  }

  .blog-three-heading {
    font-size: 3.125rem;
    line-height: 3.75rem;
  }

  .blog-three-text-wrapper {
    padding-top: 130px;
    padding-left: 15px;
  }

  .documentation {
    justify-content: center;
    align-items: center;
  }

  .help-center-banner-section {
    padding-top: 140px;
    padding-bottom: 60px;
  }

  .help-center-page-banner-text {
    max-width: 400px;
  }

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

  .information-box-one {
    justify-content: center;
    align-items: center;
  }

  .information-details-box {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .contact-one-banner-heading {
    font-size: 50px;
    line-height: 60px;
  }

  .contact-one-text-field {
    padding: 25px 25px 25px 5px;
  }

  .contact-one-name-block {
    margin-top: 10px;
  }

  .contact-one-name-company-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .textarea.contact-three-textarea {
    padding-left: 10px;
  }

  .main-contact-wrapper, .new-contact-details {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-us-page-heading, .contact-heading-text {
    font-size: 50px;
    line-height: 60px;
  }

  .chat-box {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    max-width: none;
  }

  .main-contact-details {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .contact-deatails-heading-text {
    text-align: center;
  }

  .contact-three-heading-text {
    font-size: 40px;
    line-height: 50px;
  }

  .contact-box, .contact-box.one, .contact-box.two {
    justify-content: center;
    align-items: center;
    padding-right: 0;
  }

  .contact-three-details-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .contact-three-details-wrapper.cc-home {
    padding: 10px;
  }

  .new-email {
    justify-content: center;
    align-items: center;
  }

  .contact-three-body-text {
    max-width: 400px;
  }

  .parking-space {
    padding-left: 20px;
    padding-right: 20px;
    display: none;
  }

  .service-page-one-heading {
    text-align: center;
  }

  .service-two-testimonials-images-main {
    justify-content: flex-start;
  }

  .service-two-testimonials-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .service-details-quote-slider {
    height: 100%;
    padding-bottom: 42px;
  }

  .slide-nav-five.slider-off {
    display: none;
  }

  .new-gallery-image {
    flex: none;
  }

  .new-gallery-image.first-image {
    height: 100%;
  }

  .new-gallery-image.right-image {
    margin-top: 0;
    margin-left: 0;
  }

  .select-person {
    width: 100%;
  }

  .reservation-text {
    padding-top: 15px;
  }

  .price-tag-line {
    width: 150px;
    left: -200px;
  }

  .paragraph-text-two {
    font-size: .875rem;
    line-height: 1.5rem;
  }

  .hotel-check-out, .check-in {
    width: 100%;
  }

  .booking-form {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .booking-form.cc-hide {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row dense;
    justify-content: stretch;
    margin-top: 20px;
  }

  .submit-button-one.cc-white.cc-book, .submit-button-one.cc-white.cc-red, .submit-button-one.cc-white.cc-check {
    width: 100%;
    max-width: 15rem;
  }

  .inner-hotel-rooms {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .flex-block-one {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: row;
    justify-content: center;
    align-items: stretch;
  }

  .thrid-image-block {
    margin-top: 0;
    padding-left: 0;
  }

  .faq-small-text {
    max-width: 350px;
  }

  .main-gallery-block {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .image-container-one {
    flex: 1;
  }

  .check-box-one {
    flex: none;
    display: none;
  }

  .new-vartical-accordion-text {
    font-size: 24px;
    line-height: 30px;
  }

  .nav-menu-toggle {
    padding-left: 15px;
  }

  .faq-question-one {
    font-size: 20px;
    line-height: 30px;
  }

  .aristo-logo {
    height: 80px;
    max-height: none;
  }

  .menu-button-one {
    padding-left: 0;
    padding-right: 0;
  }

  .menu-button-three, .menu-button-three.w--open {
    background-color: #c8c8c800;
  }

  .licensing-section {
    padding-top: 55px;
  }

  .images-preview {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    grid-template-columns: 1fr;
  }

  .licensing-links {
    position: static;
  }

  .licensing-image {
    height: 250px;
  }

  .licensing-main-wrapper {
    grid-template-columns: 1fr;
  }

  .licensing-text-main-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .checkout-hero-section {
    padding-top: 140px;
  }

  .heading-three {
    font-size: 20px;
    line-height: 30px;
  }

  .color {
    font-size: 100px;
    line-height: 90px;
  }

  .home-four-banner-btn-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .heading-five.margin-bottom-ten.mobile-landscape-text-center, .heading-five.margin-bottom-twenty.mobile-landscape-text-center {
    text-align: center;
  }

  .style-guide-color-block {
    display: block;
  }

  .style-guide-color-name-block {
    margin-top: -30px;
  }

  .footer-three-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-three-main-wrapper {
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer-three-about-wrapper {
    width: 100%;
  }

  .footer-three-contact-links.margin-bottom-thirty, .footer-three-contact-links.margin-bottom-thirty-copy {
    margin-bottom: 15px;
  }

  .footer-three-contact-links.cc-add {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .footer-three-contact-links.margin-bottom-thirty-copy-copy {
    margin-bottom: 0;
  }

  .footer-bottom-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .heading-four {
    font-size: 24px;
  }

  .heading-four.network-card-heading {
    max-width: none;
  }

  .service-icon {
    width: 40px;
    height: auto;
  }

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

  .nav-link-wrap {
    padding-top: 0;
    padding-bottom: 30px;
  }

  .cntact-main-wrap {
    flex-flow: column;
  }

  .perspective-right-div-2 {
    padding-top: 0;
  }

  .perspective-right-div-2.cc-center {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .perspective-right-div-3 {
    padding-top: 0;
  }

  .div-block-154 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
  }

  .right-arrow-3, .left-arrow-3 {
    display: none;
  }

  .button7.cc-footer {
    max-width: 250px;
  }

  .contact-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .page-link-wrapper {
    padding: 10px;
  }

  .load-lgo {
    max-width: none;
  }

  .loading-logo-wrap {
    justify-content: center;
    align-items: center;
    width: auto;
    top: -55px;
    left: 150px;
    right: auto;
  }

  .div-block-157 {
    justify-content: flex-end;
    align-items: center;
    margin-left: -40px;
    margin-right: auto;
  }

  .review-bg {
    margin-top: 0;
  }

  .review-bg.cc-about {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .copy-icon, .icon-embed-xxsmall-12 {
    width: 2rem;
  }

  .pages-links-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .blog-details-banner-2 {
    padding-top: 200px;
    padding-bottom: 100px;
  }

  .contact-one-name-company-block-2, .contact-one-name-company-block-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .contact-one-text-field-3 {
    padding-left: 10px;
  }

  .villa--hero {
    height: 50vh;
    padding-bottom: 75px;
  }

  .div-block-165 {
    grid-template-columns: 1fr 1fr;
    place-items: center;
  }

  .contact-card {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding: 5px;
    display: flex;
  }

  .card-headline {
    font-size: 16px;
  }

  .card-headline.margin-bottom-ten.mobile-landscape-text-center, .card-headline.margin-bottom-twenty.mobile-landscape-text-center, .mail-link.margin-bottom-ten.mobile-landscape-text-center, .mail-link.margin-bottom-twenty.mobile-landscape-text-center {
    text-align: center;
  }

  .call-link {
    font-size: 14px;
  }

  .call-link.margin-bottom-ten.mobile-landscape-text-center, .call-link.margin-bottom-twenty.mobile-landscape-text-center {
    text-align: center;
  }

  .heading-62 {
    margin-top: 0;
  }

  .email-link {
    font-size: 14px;
  }

  .icon {
    width: 3rem;
    height: 3rem;
  }
}

@media screen and (max-width: 479px) {
  .white-color.text-align-center, .white-color.home-text-center, .white-color.mobile-text-center {
    text-align: center;
  }

  .active-users-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .service-left-container {
    min-height: 386px;
  }

  .percentage-arrow {
    top: 16%;
    right: 55%;
  }

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

  .line.small-device-line-off {
    display: none;
  }

  .hotel-inner-div {
    justify-content: center;
    align-items: center;
    display: flex;
  }

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

  .other-services {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .padding-top-thirty.inner-text-align-center, .paragraph {
    text-align: center;
  }

  .first-service {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
  }

  .trending-topics {
    justify-content: center;
    align-items: stretch;
  }

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

  .hotel-facilitie.align-center {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .form {
    padding-top: 15px;
    padding-bottom: 20px;
  }

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

  .auto-fit.marquee-image-size {
    width: 40%;
    height: 40%;
  }

  .other-services-logo {
    align-self: center;
  }

  .hero-slider-text {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .slider-text {
    margin-top: 140px;
  }

  .load-reveal-block.right {
    justify-content: flex-start;
    align-items: center;
  }

  .slider-heading-one {
    text-align: center;
  }

  .border-left.padding-left-fifteen.service-display-flex {
    border-left-style: none;
    justify-content: center;
    align-items: center;
  }

  .room-types-one {
    justify-content: center;
    align-items: center;
  }

  .paragraph-one, .accordian-heading-one.accodian-heading-center, .small-inner-text {
    text-align: center;
  }

  .home-two-counter-box {
    height: 100%;
    margin-bottom: 10px;
  }

  .counter-number {
    height: 40px;
  }

  .counter-number.display-off.display-on {
    display: flex;
  }

  .counter-number.number-off {
    display: none;
  }

  .counter {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }

  .home-two-banner-wrapper {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-address {
    border-left-style: none;
  }

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

  .footer-email.padding-bottom-eleven.small-device-text {
    padding-bottom: 18px;
  }

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

  .footer-right-container {
    justify-content: center;
    align-items: center;
  }

  .homepage-text-wrapper.small-device-padding-thirty {
    padding-bottom: 30px;
  }

  .services-text, .client-section-heading {
    text-align: center;
  }

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

  .plans-right-div {
    flex: none;
  }

  .perspective-text-two {
    font-size: 15px;
  }

  .perspective-text-two.cc-center {
    margin-bottom: 0;
    padding-bottom: 20px;
    font-size: 17px;
  }

  .happy-clients-first-div {
    align-items: center;
  }

  .client-right-text, .happy-client-text {
    text-align: center;
  }

  .different-plans-main-div {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .perspective-right-div.cc-right, .perspective-right-div.contact {
    padding: 5px;
  }

  .perspective-left-image {
    min-height: 435px;
  }

  .room-service-main-div.small-device-div-off {
    display: none;
  }

  .point-one {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .global-point-main {
    padding-top: 23px;
  }

  .client-bottom-container {
    grid-template-columns: 1fr;
    place-items: stretch center;
  }

  .hotel-facilities-heading-text {
    text-align: center;
  }

  .accomodation-btn-padding {
    justify-content: center;
    align-items: center;
  }

  .discover, .hotel-service-heading-text {
    text-align: center;
  }

  .hotel-service-right-wrapper {
    justify-content: center;
    align-items: center;
  }

  .home-two-navigate-experiences {
    padding-top: 13px;
  }

  .footer-left-container-one {
    justify-content: center;
    align-items: center;
  }

  .footer-main-wrapper-one {
    align-items: center;
  }

  .menu-button.w--open {
    background-color: #c8c8c800;
  }

  .small-story {
    width: auto;
  }

  .story-inner-text {
    font-size: 60px;
    line-height: 50px;
  }

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

  .story-image-wrapper.small-device-full-width {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .profile-image-wrapper-box {
    flex-flow: column;
    padding-bottom: 0;
  }

  .grid-text-wrapper.text-two, .grid-text-wrapper.text-one {
    text-align: center;
  }

  .superior-room {
    flex-direction: column;
    width: 80%;
  }

  .new-line {
    order: 1;
  }

  .highlights.service-three-heading-text-two, .highlights.service-three-text-block {
    font-size: 1.8rem;
    line-height: 3rem;
  }

  .highlights.contact-three-text {
    text-align: center;
  }

  .title-block {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    flex-direction: column;
    align-items: center;
  }

  .slider-right-text-block {
    flex-flow: column;
    display: none;
  }

  .slider-testimonial, .superior-room-left {
    justify-content: center;
    align-items: center;
  }

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

  .about-left {
    min-height: 500px;
  }

  .main-hero-slider {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .service-line {
    width: 150px;
  }

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

  .new-room-features {
    padding-top: 21px;
  }

  .left-place {
    min-height: 360px;
  }

  .about-hero-container {
    padding-top: 87px;
    padding-bottom: 27px;
  }

  .tagline-text-span-one {
    background-position: 100%, 60%, 20%;
    background-size: contain, contain, contain;
    padding-right: 150px;
  }

  .client-review {
    flex-flow: column;
    padding-top: 0;
  }

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

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

  .star-div {
    justify-content: center;
    align-items: center;
  }

  .main-heading-text {
    font-size: 40px;
  }

  .about-page-client-section {
    padding-bottom: 40px;
  }

  .tagline-heading-text {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }

  .client-slider {
    height: auto;
  }

  .tagline-text-span-two {
    background-position: 91%;
    background-size: contain;
    padding-right: 113px;
  }

  .review-small-text, .recent-works-heading-text, .inner-small-text {
    text-align: center;
  }

  .welcom-text {
    flex-flow: column;
  }

  .welcom-text.text-align-start {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .about-page-email-form {
    justify-content: center;
    align-items: center;
  }

  .total-rate {
    border-right-style: none;
    padding-bottom: 10px;
  }

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

  .welcome-room-text-block {
    order: -1;
  }

  .inner-grid-one {
    width: 70vw;
  }

  .accodian {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .review-image-two.small-device-full-width {
    min-height: 370px;
  }

  .review-right-div {
    flex-flow: column;
  }

  .right-review-text {
    justify-content: center;
    align-items: center;
    padding-top: 5px;
  }

  .worldwide-rating {
    flex-flow: column;
  }

  .paragraph-div-block {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .template-message {
    padding-right: 20px;
    bottom: 20px;
    left: 20px;
  }

  .work-wrapper {
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 10px;
  }

  .menu-links {
    padding-bottom: 5vh;
  }

  .menu-main-link {
    font-size: 18px;
  }

  .menu-contact, .menu-rooms {
    display: none;
  }

  .menu-close {
    flex: 0 auto;
  }

  .first-icon {
    width: 50px;
    height: 50px;
  }

  .faq-image {
    min-height: 490px;
  }

  .image-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .tag-wrapper.tag-wrapper-padiding {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .campaign-left-box {
    min-height: 466px;
  }

  .room-service-div-block.first-move.first-service-box.margin-bottom-off.cc-amenities {
    padding: 10px;
  }

  .inner-right-text {
    justify-content: center;
    align-items: center;
  }

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

  .gird-sticky {
    grid-column-gap: 16px;
  }

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

  .utility-page-card {
    flex-flow: column;
  }

  .utility-page-main-wrapper {
    padding-top: 140px;
  }

  .nav-bar-menu.change-navigation-three-menu-width.home-three-menu {
    padding-top: 100px;
  }

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

  .text-white.cc-black {
    font-size: 18px;
    line-height: 20px;
  }

  .text-white.cc-contact {
    font-size: 20px;
  }

  .text-white.cc-gray {
    font-size: 17px;
  }

  .text-white.cc-whtsapp-copy {
    font-size: 20px;
    line-height: 25px;
  }

  .text-white.cc-last {
    font-size: 14px;
    line-height: 20px;
  }

  .text-white.cc-black-copy {
    font-size: 20px;
  }

  .contact-btn-wrapper-div {
    padding-top: 30px;
  }

  .testimonial-block.test-align-center {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .grid-box.box-full-width {
    padding-left: 0;
    padding-right: 0;
  }

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

  .main-slider-wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .small-left-container-div {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .inner-step {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

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

  .testimonial-line {
    order: 1;
  }

  .check-mark {
    display: none;
  }

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

  .service-page-hero-large-image.small-device-image-off {
    display: none;
  }

  .profile-two-box {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    align-items: center;
    max-width: 300px;
  }

  .faq-question {
    font-size: 1.125rem;
  }

  .image-five {
    object-fit: contain;
  }

  .form-block {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
  }

  .statement {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .email-submit-btn {
    width: 100%;
    font-size: 1rem;
  }

  .text-block-seven {
    text-align: center;
    font-size: 2.7rem;
    line-height: 4rem;
  }

  .about-left-box {
    min-height: 461px;
  }

  .image-four {
    object-fit: contain;
  }

  .banner-flex-wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .new-email-form {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .luxury-text, .email-block {
    width: 100%;
  }

  .join-with-us {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .banner-left {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .overflow-none.overflow-hidden-off {
    overflow: visible;
  }

  .client-section-left {
    min-height: 519px;
  }

  .main-join-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .email-text-field {
    padding-top: 14px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-size: 1rem;
  }

  .email-text-field::placeholder {
    font-size: 1rem;
  }

  .serenity-and-bliss, .store-luggage, .room-service {
    justify-content: center;
    align-items: center;
  }

  .image-left-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    min-height: 25em;
    display: flex;
  }

  .features {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    align-items: stretch;
  }

  .new-statement {
    padding: 30px;
  }

  .new-statement.statement-off {
    display: none;
  }

  .service-three-accordian {
    justify-content: center;
    align-items: center;
  }

  .progress-bar-heading-text {
    text-align: center;
  }

  .service-three-mask {
    width: 100%;
  }

  .service-three-arrow {
    width: 20px;
  }

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

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

  .small-box {
    padding: 30px;
  }

  .small-box.box-one {
    width: 100%;
  }

  .review-heading-one {
    font-size: 1.8rem;
    line-height: 3rem;
  }

  .large-circle {
    width: 50px;
    height: 50px;
  }

  .padding-top-seven, .pricing-plan {
    text-align: center;
  }

  .main-accordian-wrapper {
    justify-content: center;
    align-items: center;
    padding-top: 30px;
  }

  .content-grid-three-image {
    min-height: 500px;
  }

  .accordian-main-heading {
    text-align: center;
  }

  .spa-heading-text, .spa-heading-two.text-two, .spa-heading-two.text-one {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }

  .spa-banner-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .spa-banner-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .spa-features {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-bottom: 30px;
  }

  .padding-bottom-twenty.align-center {
    text-align: center;
  }

  .spa-inner-text {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .spa-image {
    min-height: 529px;
  }

  .spa-page-heading.title-align-center {
    text-align: center;
  }

  .spa-image-banner-logo {
    width: 80px;
    height: 80px;
  }

  .blog-one-main-post-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-top: 0;
  }

  .blog-page-heading {
    margin-top: 10px;
  }

  .awards-hover-arrow {
    width: 70px;
    height: 70px;
  }

  .new-client-review {
    flex-flow: column;
  }

  .blog-details-heading {
    margin-top: 40px;
  }

  .gallery-page-heading-one, .heading {
    text-align: center;
  }

  .portfolio-image.image-full-height {
    height: auto;
  }

  .room-details-wrap {
    border-left-style: none;
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .home-two-paragraph-text, .sticky-heading-text, .progress-bar-new-heading-text {
    text-align: center;
  }

  .room-details-paragraph-text {
    max-width: 400px;
  }

  .page-banner-image {
    height: 100%;
  }

  .catagory {
    flex-flow: column;
  }

  .first-catagory {
    justify-content: center;
    align-items: flex-start;
  }

  .first-catagory.padding-left-fourty {
    padding-left: 0;
  }

  .first-catagory.padding-right-fourty.border-right {
    border-right-style: none;
  }

  .calender-date {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding: 6px 15px;
    display: flex;
  }

  .recent-news {
    flex-flow: column;
  }

  .calender-number {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.25rem;
    line-height: 1.875rem;
  }

  .first-news {
    padding-top: 11px;
    padding-bottom: 11px;
  }

  .month {
    font-size: 20px;
  }

  .blog-three-heading {
    text-align: center;
    padding-bottom: 10px;
    font-size: 2.5rem;
  }

  .banner-first-image {
    width: 100%;
  }

  .room-service-block-two {
    flex-flow: column-reverse;
  }

  .room-service-block-two.display-off {
    display: none;
  }

  .blog-three-left-wrapper {
    width: 100%;
  }

  .blog-three-text-wrapper {
    padding-top: 136px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .new-featured-card {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .home-card-one.three {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .heading-text-one, .paragraph-two {
    text-align: center;
  }

  .contact-one-text-field::placeholder {
    font-size: 16px;
  }

  .contact-one-name-company-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .contact-one-submit-button {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .new-contact-details {
    padding-top: 10px;
    padding-bottom: 30px;
  }

  .contact-us-page-heading, .contact-heading-text {
    font-size: 40px;
    line-height: 50px;
  }

  .contact-two-button {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .main-contact-details {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

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

  .contact-box, .contact-box.one, .contact-box.two {
    justify-content: center;
    align-items: center;
    padding-right: 0;
  }

  .contact-three-details-wrapper.cc-home, .contact-three-details-wrapper.cc-left {
    padding: 10px;
  }

  .new-email {
    justify-content: center;
    align-items: center;
  }

  .uncover-text-align-center, .about-three-heading-text {
    text-align: center;
  }

  .service-one-image-wrapper {
    min-height: 452px;
  }

  .service-two-testimonials-images-main {
    flex-flow: column;
  }

  .service-two-testimonials-wrapper {
    background-image: none;
    background-position: 0 0;
    padding-bottom: 0;
  }

  .service-two-testimonials-slider {
    height: auto;
  }

  .heading-56 {
    display: block;
  }

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

  .service-details-banner-heading {
    max-width: 300px;
    font-size: 40px;
    line-height: 50px;
  }

  .new-gallery-image.first-image {
    width: 100%;
  }

  .new-gallery-image.right-image {
    height: 100%;
  }

  .new-gallery-image.third-image {
    width: 100%;
  }

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

  .inner-text-block {
    text-align: center;
    font-size: 20px;
  }

  .new-home {
    flex-flow: column;
  }

  .price-page-image-wrapper {
    width: 100%;
  }

  .reservation-text {
    padding-top: 10px;
  }

  .price-tag-line {
    width: 50px;
    left: -80px;
  }

  .price-tag-line.line-off {
    display: none;
  }

  .delux-package-wrap {
    justify-content: center;
    align-items: center;
    padding-bottom: 25px;
  }

  .paragraph-text-two.inner-text-center {
    text-align: center;
  }

  .second-package-wrapper {
    padding-top: 0;
  }

  .online-reservation-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .line-block-one {
    display: none;
  }

  .booking-form.cc-hide {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
    margin-top: 20px;
  }

  .submit-button-one.cc-white.cc-book, .submit-button-one.cc-white.cc-red, .submit-button-one.cc-white.cc-check {
    max-width: 12rem;
  }

  .package {
    flex-flow: column;
  }

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

  .inner-hotel-rooms {
    align-items: stretch;
  }

  .flex-block-one {
    flex-flow: column;
  }

  .about-one, .about-two {
    text-align: center;
  }

  .main-gallery-block {
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .image-container-one {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .doller {
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    justify-content: center;
    align-items: center;
  }

  .services {
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .price-new-line {
    display: none;
  }

  .pricing-two-inner-text {
    text-align: center;
  }

  .new-vartical-accordion-text {
    white-space: normal;
    font-size: 22px;
    line-height: 30px;
  }

  .tab-body.r2 {
    flex-flow: column;
  }

  .tab-header-five.rate-one {
    justify-content: space-between;
    align-items: center;
  }

  .faq-question-one {
    font-size: 18px;
  }

  .counter-one.display-off {
    position: relative;
  }

  .counter-one.display-off.on {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    display: flex;
  }

  .service-two-video-heading, .about-small-text-one, .about-small-text-two, .review-title-text, .email-wrapper-text, .subtitle-one {
    text-align: center;
  }

  .contact-two-heading-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .heading-five.margin-bottom-ten, .heading-five.margin-bottom-ten.text-middle, .heading-five.margin-top-bottom-fifteen.text-middle, .heading-five.mobile-text-center {
    text-align: center;
  }

  .heading-five.margin-top-bottom-ten {
    font-size: 22px;
  }

  .footer-three-main-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer-three-contact-links {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .footer-three-contact-links.margin-bottom-thirty-copy {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
  }

  .footer-three-contact-links.margin-bottom-thirty-copy-copy {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-bottom: 0;
    padding-left: 5px;
  }

  .footer-contact-icon.cc-home {
    width: 20px;
    height: 20px;
  }

  .footer-contact-icon.cc-home.cc-whtsapp, .footer-contact-icon.cc-home-copy, .footer-contact-icon.cc-home-copy {
    width: 30px;
    height: 30px;
  }

  .footer-three-bottom-wrapper {
    padding-bottom: 40px;
  }

  .text-light.mobile-text-center, .happy-client-text-2 {
    text-align: center;
  }

  .star-wrap {
    justify-content: center;
    align-items: center;
  }

  .happy-clients-first-div-2 {
    align-items: center;
  }

  .happy-client-text-3, .happy-client-text-4 {
    text-align: center;
  }

  .div-block-151 {
    margin-top: 0;
  }

  .contact-one-submit-button-2 {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .contact-one-submit-button-2.submit-button-black {
    padding-left: 30px;
    padding-right: 30px;
  }

  .perspective-right-div-2.cc-center {
    padding-left: 10px;
    padding-right: 10px;
  }

  .google {
    max-width: 180px;
  }

  .google.cc {
    max-width: 200px;
  }

  .socila-icons.cc-contact {
    flex-flow: column;
  }

  .socila-icons.cc-adress {
    flex-flow: column;
    margin-top: 20px;
  }

  .socila-icons.cc-last {
    margin-top: 20px;
  }

  .map {
    min-height: 435px;
  }

  .button-item---brix {
    margin: 12px 0;
  }

  .arw-button {
    padding-left: 16px;
    padding-right: 16px;
  }

  .button-v11-cirlcle---brix {
    margin-left: 12px;
  }

  .home-hero {
    min-height: 70vh;
  }

  .hero-wrap-1 {
    height: 60vh;
  }

  .button7 {
    height: 50px;
  }

  .button7-title {
    font-size: 20px;
    line-height: 20px;
  }

  .button7-subtitle {
    letter-spacing: 3px;
  }

  .button7-subtitle.small {
    font-size: 12px;
  }

  .contact-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
  }

  .loading-logo-wrap {
    left: 100px;
  }

  .div-block-157 {
    margin-left: -100px;
  }

  .review-bg {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
  }

  .copy-clip-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
  }

  .copy-icon {
    justify-content: center;
    align-items: center;
    width: 1.7rem;
    height: 1.7rem;
  }

  .copy, .copy-2 {
    width: 30px;
    height: 30px;
  }

  .icon-embed-xxsmall-12 {
    width: 1.7rem;
    height: 1.7rem;
  }

  .copy-email-button, .copy-phone-button {
    width: 30px;
    height: 30px;
  }

  .pages-links-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .form-submit-btn {
    height: 50px;
  }

  .new-client-review-2 {
    flex-flow: column;
  }

  .contact-one-name-company-block-2, .contact-one-name-company-block-3 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .div-block-165 {
    grid-template-columns: 1fr;
  }

  .contact-card {
    flex-flow: row;
  }

  .card-headline {
    line-height: 28px;
  }

  .card-headline.margin-bottom-ten, .card-headline.margin-bottom-ten.text-middle, .card-headline.margin-top-bottom-fifteen.text-middle, .card-headline.mobile-text-center {
    text-align: center;
  }

  .card-headline.margin-top-bottom-ten {
    font-size: 22px;
  }

  .mail-link.margin-bottom-ten, .mail-link.margin-bottom-ten.text-middle, .mail-link.margin-top-bottom-fifteen.text-middle, .mail-link.mobile-text-center {
    text-align: center;
  }

  .mail-link.margin-top-bottom-ten {
    font-size: 22px;
  }

  .call-link {
    font-size: 16px;
  }

  .call-link.margin-bottom-ten, .call-link.margin-bottom-ten.text-middle, .call-link.margin-top-bottom-fifteen.text-middle, .call-link.mobile-text-center {
    text-align: center;
  }

  .call-link.margin-top-bottom-ten {
    font-size: 22px;
  }

  .email-link {
    font-size: 16px;
  }
}

#w-node-f0bb537d-2342-ed46-d0eb-861ae5d54bb4-e495174d, #w-node-f0bb537d-2342-ed46-d0eb-861ae5d54bbb-e495174d, #w-node-f0bb537d-2342-ed46-d0eb-861ae5d54bc2-e495174d, #w-node-f0bb537d-2342-ed46-d0eb-861ae5d54bc9-e495174d, #w-node-_782f241d-eb4e-4867-e003-479656e0f485-d1ed6284, #w-node-a85ea140-e149-c93f-9ac8-eac2be1cf9d5-d1ed6284, #w-node-_3f67c5a7-f98e-4dd4-dc3f-9a54c12e9e9c-e4951746, #w-node-_3f67c5a7-f98e-4dd4-dc3f-9a54c12e9ea6-e4951746, #w-node-_3f67c5a7-f98e-4dd4-dc3f-9a54c12e9eb0-e4951746, #w-node-cb765b85-e200-a593-25cd-159780e81402-ac193221 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Euclid Circular A';
  src: url('../fonts/Euclid-Circular-A-Bold-Italic.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Euclid Circular A';
  src: url('../fonts/Euclid-Circular-A-Regular.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Euclid Circular A';
  src: url('../fonts/Euclid-Circular-A-Light-Italic.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Euclid Circular A';
  src: url('../fonts/Euclid-Circular-A-Medium.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Euclid Circular A';
  src: url('../fonts/Euclid-Circular-A-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sourceserif 4 48 Pt';
  src: url('../fonts/SourceSerif4_48pt-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sourceserif 4 48 Pt';
  src: url('../fonts/SourceSerif4_48pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sourceserif 4 48 Pt';
  src: url('../fonts/SourceSerif4_48pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sourceserif 4 48 Pt';
  src: url('../fonts/SourceSerif4_48pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sourceserif 4 48 Pt';
  src: url('../fonts/SourceSerif4_48pt-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Butler';
  src: url('../fonts/Butler_ExtraBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Butler';
  src: url('../fonts/Butler_Medium.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Butler';
  src: url('../fonts/Butler_Light.otf') format('opentype');
  font-weight: 300;
  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_Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}