/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/app/(page)/dining/dining.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
#offers-dining-headdoc {
  width: 100%;
  background: #ffffff;
  margin: 0px;
  padding: 60px 0px 0px;
  position: relative;
  overflow: hidden;
}
#offers-dining-headdoc h4 {
  width: 70%;
  color: #313131;
  font-family: var(--Helvetica-Neue-Thin);
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  position: relative;
  letter-spacing: 0.0227272727em;
}

.fixe-menus-section-doc {
  display: flex;
  gap: 60px;
  align-items: center;
  justify-content: space-between;
  margin: 0px;
  padding: 0px;
  position: relative;
}
.fixe-menus-section-doc h2 {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: left;
  color: #976008;
  font-size: 35px;
  font-family: var(--Helvetica-Neue-Thin);
  text-align: center;
  margin: 0px;
  padding: 0px 0px 0px;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.1666666667em;
  line-height: 1.2916666667em;
}
.fixe-menus-section-doc h2 img {
  width: auto;
  height: 30px;
}
.fixe-menus-section-doc h3 {
  width: 100%;
  display: flex;
  gap: 20px;
  justify-content: left;
  color: #976008;
  font-size: 30px;
  font-family: var(--Helvetica-Neue-Thin);
  text-align: center;
  margin: 0px;
  padding: 0px 0px 0px;
  position: relative;
}
.fixe-menus-section-doc p {
  width: 70%;
  font-size: 20px;
  font-family: var(--Garamond-Regular);
  color: #313131;
  margin: 0px;
  padding: 0px;
}

.dine-detail-similar {
  margin-top: 70px;
}

#fixe-menus-section ul {
  display: flex;
  gap: 20px;
  margin: 50px 0px 0px;
  padding: 0px;
}
#fixe-menus-section li {
  width: 33.33%;
  margin: 0px 0px 60px;
  padding: 0px 0px 0px;
  position: relative;
}
#fixe-menus-section li img {
  transition: 600ms ease transform;
}
#fixe-menus-section li:hover img {
  transform: scaleX(1.1) scaleY(1.1);
  z-index: 1;
}

/* #fixe-menus-section li img:hover {
  transform: scaleX(1.1) scaleY(1.1);
  z-index: 1;
} */
#fixe-menus-section li .experiences-doc {
  width: 100%;
  margin: 0px;
  padding: 20px 0px;
  right: 0px;
}
#fixe-menus-section li h4 {
  font-size: 18px;
  color: #1f1e1d;
  font-family: var(--Helvetica-Neue);
  margin: 0px;
  padding: 0px 0px 10px;
  text-transform: uppercase;
}
#fixe-menus-section li p {
  font-size: 16px;
  color: #1f1e1d;
  margin: 0px;
  padding: 0px;
}
#fixe-menus-section li p span {
  color: #9f9f9f;
}

#private-dining {
  width: 100%;
  background: #ffffff;
  margin: 0px;
  padding: 40px 0px 40px;
  position: relative;
  overflow: hidden;
}
#private-dining h2 {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: left;
  color: #976008;
  font-size: 35px;
  font-family: var(--Helvetica-Neue-Thin);
  text-align: center;
  margin: 0px;
  padding: 0px 0px 0px;
  position: relative;
  text-transform: uppercase;
}
#private-dining ul {
  display: flex;
  gap: 20px;
  margin: 50px 0px 0px;
  padding: 0px;
}
#private-dining li {
  width: 32.33%;
  margin: 0px 0px 60px;
  padding: 0px 0px 0px;
  position: relative;
  transition: 600ms ease transform;
}
#private-dining li:hover {
  transform: scaleX(1.1) scaleY(1.1);
  z-index: 1;
}
#private-dining li .experiences-doc {
  width: 100%;
  margin: 0px;
  padding: 20px 0px;
  right: 0px;
}
#private-dining li h4 {
  font-size: 18px;
  color: #1f1e1d;
  font-family: var(--Helvetica-Neue);
  margin: 0px;
  padding: 0px 0px 10px;
}
#private-dining li p {
  font-size: 16px;
  color: #1f1e1d;
  margin: 0px;
  padding: 0px;
}
#private-dining li p span {
  color: #9f9f9f;
}

#services-amenities-footer {
  width: 100%;
  background: #000000;
  margin: 0px 0px 0px;
  padding: 40px 0px 40px;
  position: relative;
  overflow: hidden;
}
.services-amenities-footer {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 320px;
  margin: 0px;
  padding: 0px 0px 0px;
  position: relative;
  z-index: 1;
}
.services-amenities-footer::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #fff;
  z-index: -1;
}
.services-amenities-footer-left {
  width: 100%;
  margin: 0px;
  padding: 0px;
  position: relative;
}
.services-amenities-footer-right {
  width: 100%;
  margin: 0px;
  padding: 0px;
  position: relative;
}
.services-amenities-footer-left h2 {
  width: 100%;
  color: #ffffff;
  font-size: 35px;
  font-family: var(--Helvetica-Neue-Thin);
  font-weight: bold;
  margin: 0px;
  padding: 0px 0px 20px;
  position: relative;
}
.services-amenities-footer-right p {
  font-size: 16px;
  line-height: 28px;
  font-family: var(--Garamond-Regular);
  color: #fff;
  margin: 0px;
  padding: 0px;
}

#dining-details-head {
  width: 100%;
  background: #ffffff;
  margin: 0px;
  padding: 60px 0px 20px;
  position: relative;
  overflow: hidden;
}
#dining-details-head h2 {
  width: 100%;
  display: flex;
  gap: 20px;
  justify-content: center;
  color: #976008;
  font-size: 45px;
  font-family: var(--Garamond-Regular);
  align-items: center;
  margin: 0px;
  padding: 0px 0px 30px;
  position: relative;
}
#dining-details-head h2 img {
  width: auto;
  height: 30px;
}
#dining-details-head h4 {
  width: 60%;
  color: #313131;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  margin: 0px auto;
  padding: 0px 0px 30px;
  position: relative;
}

#dining-details-head p {
  width: 70%;
  color: #313131;
  font-family: var(--Helvetica-Neue-Thin);
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  margin: 0px auto;
  padding: 0px 0px 0px;
  position: relative;
  letter-spacing: 0.0227272727em;
}

.rotunda-bar {
  width: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  background: #ffffff;
  color: #000000;
  margin: 0px 0px 20px;
  padding: 0px;
}
.rotunda-bar img {
  width: auto;
  height: 10px;
}
.reserve-your-tea {
  width: 70%;
  background: #000000;
  display: flex;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  margin: 0px auto;
  padding: 20px 30px;
  position: relative;
}
.reserve-your-tea h3 {
  width: 100%;
  display: flex;
  gap: 20px;
  color: #ffffff;
  font-size: 22px;
  align-items: center;
  margin: 0px;
  padding: 0px 0px 0px;
  position: relative;
}
.reserve-your-tea a {
  width: 20%;
  display: block;
  font-size: 16px;
  background: #ffffff;
  color: #000000;
  text-align: center;
  margin: 0px;
  padding: 10px 20px;
}
.reserve-your-tea a:hover {
  background: #ee0017;
  color: #ffffff;
}

#dining-details-mid {
  width: 80%;
  background: #ffffff;
  margin: 0px auto;
  padding: 0px 0px 15px;
  position: relative;
  overflow: hidden;
}

#dining-details-mid h2 {
  width: 100%;
  display: flex;
  gap: 20px;
  justify-content: center;
  color: #976008;
  font-size: 32px;
  font-family: var(--Helvetica-Neue-Thin);
  text-align: center;
  margin: 0;
  padding: 30px 0 30px;
  position: relative;
  letter-spacing: 0.1666666667em;
  line-height: 1.2916666667em;
  text-transform: uppercase;
}

.dining-hours-doc {
  width: 80%;
  display: flex;
  border-top: 1px solid #dfe2e1;
  margin: 10px auto;
  padding: 10px 0px 0px;
}
.dining-hours-left {
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.dining-hours-left-heading {
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.dining-hours-doc h3 {
  color: #313131;
  font-size: 20px;
  font-family: var(--Helvetica-Neue-Thin);
  margin: 0px;
  padding: 15px 0px;
  /* letter-spacing: 0.1266666667em; */
  line-height: 1.2916666667em;
}

.dining-hours-doc h4 {
  color: #313131;
  font-size: 16px;
  font-family: var(--Helvetica-Neue-Thin);
  margin: 0px;
  padding-bottom: 10px;
}
.dining-hours-doc .dining-hours-left-heading h3 {
  color: #313131;
  font-size: 17px;
  font-family: var(--Helvetica-Neue);
  margin: 0px;
  padding: 15px 0px;
}

.dining-hours-doc .dining-hours-left-heading h3 svg {
  font-size: 25px;
  margin-right: 7px;
  color: #999;
}
.dining-hours-right {
  width: 100%;
  margin: 0px;
  padding: 15px 0px;
  text-align: right;
}

.dining-hours-right-heading {
  width: 100%;
  margin: 0px;
  padding: 15px 0px;
  text-align: right;
}

.dining-hours-right-heading p {
  color: #313131;
  font-size: 17px;
  font-family: var(--Helvetica-Neue);
  margin: 0px;
  padding: 0px 0px 10px;
}
.dining-hours-right-heading p svg {
  font-size: 25px;
  margin-right: 7px;
  color: #999;
}
.dining-hours-right p {
  color: #313131;
  font-size: 18px;
  font-family: var(--Helvetica-Neue-Thin);
  margin: 0px;
  padding: 0px 0px 10px;
  /* letter-spacing: 0.1366666667em; */
  line-height: 1.2916666667em;
}
.dining-hours-right a {
  color: #ee0017;
}
.dining-hours-right p span {
  display: block;
}
.dining-hours-right .book-now {
  width: auto;
  text-align: right;
  font-size: 16px;
  background: #ffffff;
  color: #000000;
  margin: 20px 0px 0px;
  padding: 0px;
  color: #ee0017;
}
.dining-hours-right .book-now:hover {
  background: #fff;
  color: #ee0017;
}

.selection-head {
  width: 80%;
  color: #313131;
  font-size: 20px;
  font-family: var(--Helvetica-Neue);
  border-bottom: 1px solid #dfe2e1;
  margin: 0px auto;
  padding: 15px 0px;
}

.dining-hours-details {
  width: 80%;
  display: flex;
  gap: 150px;
  border-bottom: 0px solid #dfe2e1;
  margin: 10px auto;
  padding: 10px 0px 10px;
}
.dining-hours-details h3 {
  color: #313131;
  font-size: 20px;
  font-family: var(--Helvetica-Neue);
  margin: 0px;
  padding: 15px 0px;
}
.dining-hours-details-left {
  width: 100%;
  margin: 0px;
  padding: 0px 0px;
}
.dining-hours-details-right {
  width: 100%;
  margin: 0px;
  padding: 0px 0px;
}
.dining-hours-details p {
  color: #313131;
  font-size: 18px;
  font-family: var(--Garamond-Regular);
  margin: 0px;
  padding: 0px 0px 10px;
}

.dining-footer-doc {
  width: 80%;
  color: #313131;
  font-size: 18px;
  font-family: var(--Garamond-Regular);
  text-align: center;
  border-top: 1px solid #dfe2e1;
  margin: 50px auto 0px;
  padding: 20px 150px 10px;
}

/* dining cart */

#dining-cart-head {
  width: 100%;
  background: #ffffff;
  margin: 0px;
  padding: 60px 0px 40px;
  position: relative;
  overflow: hidden;
}
.dining-cart-box {
  width: 95%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0px auto;
  padding: 0px 0px 0px;
  position: relative;
}
.rotunda-bar {
  width: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  background: #ffffff;
  color: #000000;
  margin: 0px 0px 20px;
  padding: 0px;
}
.rotunda-bar img {
  width: auto;
  height: 10px;
}
.cart-now {
  width: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  background: #ffffff;
  color: #000000;
  margin: 0px 0px 20px;
  padding: 0px;
}
.cart-now img {
  width: auto;
  height: 18px;
}

#dining-cart-imgbox {
  width: 74%;
  background: #ffffff;
  /* margin: 0px auto; */
  padding: 40px 0px 60px 40px;
  position: relative;
  overflow: hidden;
  margin-bottom: 80px;
}

#dining-cart-imgbox h3 {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: left;
  color: #976008;
  font-size: 35px;
  font-family: var(--Helvetica-Neue-Thin);
  text-align: center;
  margin: 0px;
  padding: 0px 0px 0px;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.1666666667em;
  line-height: 1.2916666667em;
  padding-bottom: 30px;
}
.dining-cart-imgbox {
  display: flex;
  align-items: center;
  gap: 80px;
  margin: 0px;
  padding: 0px 0px 0px;
  position: relative;
}
.dining-cart-imgbox-left {
  width: 50%;
  margin: 0px;
  padding: 0px 0px 0px;
  position: relative;
}
.dining-cart-imgbox-right {
  width: 50%;
  margin: 0px;
  padding: 0px 0px 0px;
  position: relative;
}
.standard-breadcrumb {
  display: flex;
  font-size: 20px;
  font-family: var(--Garamond-Regular);
  color: #000 !important;
  font-style: italic;
  margin: 0px 0px 10px;
}
.dining-cart-imgbox-right h2 {
  width: 80%;
  color: #976008;
  font-size: 22px;
  font-family: var(--Helvetica-Neue);
  margin: 0px;
  padding: 0px 0px 30px;
  letter-spacing: 0.1666666667em;
  line-height: 1.2916666667em;
}
.dining-cart-imgbox-right p {
  font-size: 17px;
  letter-spacing: 0.0227272727em;
  font-family: var(--Helvetica-Neue-Thin);
}
.dining-cart-imgbox-right h3 {
  width: 80%;
  color: #000000;
  font-size: 18px;
  font-family: var(--Helvetica-Neue);
  margin: 0px;
  padding: 20px 0px 10px;
}
.dining-cart-imgbox-right h4 {
  width: 80%;
  color: #000000;
  font-size: 18px;
  font-family: var(--Helvetica-Neue);
  border-top: 1px solid #dfe2e1;
  margin: 15px 0px;
  padding: 20px 0px 10px;
}

.dining-cart-imgbox-right .all-prices {
  width: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  background: #ffffff;
  color: #000000;
  margin: 0px 0px 10px;
  padding: 0px;
  text-decoration: underline;
}
.dining-cart-imgbox-right .all-prices img {
  width: auto;
  height: 10px;
}

.dining-cart-imgbox-right .things-to-know {
  width: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  background: #ffffff;
  color: #000000;
  margin: 0px 0px 10px;
  padding: 0px;
  text-decoration: underline;
}
.dining-cart-imgbox-right .things-to-know img {
  width: auto;
  height: 10px;
}

.dining-cart-imgbox-right .add-dates {
  display: flex;
  width: 80%;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  border: 1px solid #c4c4c4;
  color: #000000;
  margin: 10px 0;
  text-align: center;
  font-size: 16px;
  padding: 8px 35px 8px;
  transition: all 0.4s ease;
  position: relative;
}
.dining-cart-imgbox-right .afternoon-tea-book-now {
  display: flex;
  width: 80%;
  align-items: center;
  justify-content: center;
  background: #000000;
  border: 1px solid #c4c4c4;
  color: #f5f5f5;
  margin: 10px 0;
  text-align: center;
  font-size: 16px;
  padding: 8px 35px 8px;
  transition: all 0.4s ease;
  position: relative;
}

.dining-cart-imgbox-right .afternoon-tea-book-now:hover {
  background: #ee0017;
  color: #ffffff;
}

.dining-cart-imgbox-right .add-dates:hover {
  background: #ee0017;
  color: #ffffff;
}

.dining-cart-imgbox-right .add-to-itinerary {
  display: flex;
  width: 80%;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 1px solid #c4c4c4;
  color: #000000;
  margin: 0px 0;
  text-align: center;
  font-size: 16px;
  padding: 8px 35px 8px;
  transition: all 0.4s ease;
  position: relative;
}
.dining-cart-imgbox-right .add-to-itinerary:hover {
  background: #ee0017;
  color: #ffffff;
}

#dining-cart-details {
  width: 70%;
  background: #ffffff;
  margin: 0px auto;
  padding: 60px 0px 30px;
  position: relative;
  overflow: hidden;
}
#dining-cart-details h2 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
  color: #976008;
  font-size: 35px;
  font-family: var(--Helvetica-Neue-Thin);
  text-align: center;
  margin: 0px;
  padding: 0px 0px 30px;
  position: relative;
  letter-spacing: 0.1666666667em;
  line-height: 1.2916666667em;
}
#dining-cart-details h2 img {
  width: auto;
  height: 30px;
}
#dining-cart-details p {
  width: 100%;
  font-size: 20px;
  font-family: var(--Garamond-Regular);
  color: #313131;
  margin: 0px;
  padding: 0px 0px 20px;
}
.dining-cart-doc {
  width: 100%;
  display: flex;
  border-top: 1px solid #dfe2e1;
  margin: 10px auto;
  padding: 10px 0px 0px;
}
.dining-cart-left {
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.dining-cart-doc h3 {
  color: #000000;
  font-size: 20px;
  font-family: var(--Helvetica-Neue);
  margin: 0px;
  padding: 15px 0px;
  letter-spacing: 0.1666666667em;
  line-height: 1.2916666667em;
  text-transform: uppercase;
}
.dining-cart-right {
  width: 100%;
  margin: 0px;
  padding: 15px 0px;
  text-align: right;
}
.dining-cart-right p {
  color: #000000;
  font-size: 20px !important;
  font-family: Helvetica Neue !important;
  margin: 0px;
  padding: 0px 0px 10px !important;
}
.dining-cart-right p span {
  display: block;
}
.dining-cart-right .show-prices {
  display: block;
  color: #313131;
  font-size: 16px;
  line-height: 22px;
  text-decoration: underline;
}

#dining-cart-menu {
  width: 70%;
  background: #ffffff;
  margin: 0px auto;
  padding: 30px 0px 60px;
  position: relative;
  overflow: hidden;
}
#dining-cart-menu h2 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
  color: #976008;
  font-size: 35px;
  font-family: var(--Helvetica-Neue-Thin);
  text-align: center;
  margin: 0px;
  padding: 0px 0px 30px;
  position: relative;
}
#dining-cart-menu h2 img {
  width: auto;
  height: 30px;
}
#dining-cart-menu p {
  width: 100%;
  font-size: 20px;
  font-family: var(--Garamond-Regular);
  color: #313131;
  margin: 0px;
  padding: 0px 0px 20px;
}

.dining-cart-docbox {
  width: 100%;
  margin: 0px auto;
  padding: 40px 0px 0px;
  position: relative;
}
.dining-cart-docbox h3 {
  color: #000;
  font-size: 20px;
  padding: 0px 0px 20px;
  margin: 0px 0px 20px;
  border-bottom: 1px solid #dfe2e1;
  font-family: var(--Helvetica-Neue);
}
.dining-cart-docbox ul {
  column-count: 1;
  gap: 50px;
  margin: 0px;
  padding: 0px;
  position: relative;
}
.dining-cart-docbox li {
  list-style: none;
  color: #313131;
  font-size: 18px;
  margin: 10px 0px 10px;
  padding-left: 40px;
  position: relative;
  font-family: var(--Garamond-Regular);
}
.dining-cart-docbox li a {
  color: #313131;
  font-size: 18px;
  text-decoration: underline;
}
.dining-cart-docbox li::before {
  content: "";
  background: url(/_next/static/media/vector-icon.cb71b042.png) no-repeat;
  background-size: 20px;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 5px;
  left: 0px;
}

#personalized-experience {
  width: 100%;
  background: none;
  margin: 0px 0px 0px;
  padding: 60px 0px 60px;
  position: relative;
  overflow: hidden;
}
.personalized-experience {
  width: 70%;
  background: #000;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  margin: 0px auto;
  padding: 30px;
  position: relative;
  overflow: hidden;
}
.personalized-experience p {
  width: 40%;
  color: #fff;
  font-size: 24px;
  font-family: var(--Helvetica-Neue-Thin);
  padding: 0px;
  margin: 0px;
}
.personalized-experience .book-no {
  color: #fff;
  font-size: 20px;
  font-family: var(--Helvetica-Neue);
  padding: 0px;
  margin: 0px;
}
.personalized-experience .chat-with-us {
  width: max-content;
  background: #ffffff;
  color: #000000;
  margin: 0px 0;
  text-align: center;
  font-size: 16px;
  padding: 8px 35px 8px;
  transition: all 0.4s ease;
  position: relative;
}
.personalized-experience .chat-with-us:hover {
  background: #ee0017;
  color: #ffffff;
}

.sticky-help {
  display: none;
}
.animation-element.slide-up {
  opacity: 0;
  transition: all 200ms linear;
  transform: translate3d(0, 100px, 0);
}
.animation-element {
  opacity: 0;
}
.help-plan-your {
  width: 35%;
  background: #fff;
  padding: 30px;
  margin: 0px;
  right: 7%;
  bottom: 70px;
  position: absolute;
  z-index: 2;
}
.help-plan-your h2 {
  width: 100%;
  color: #000000;
  /* font-size: 25px; */
  font-family: var(--Helvetica-Neue-Thin);
  margin: 0px;
  padding: 0px 0px 30px;
  position: relative;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 200;
  letter-spacing: 0.0386363636em;
  line-height: 1.3636363636em;
  margin-bottom: 25px;
  margin-top: 0;
}

.dining-type-cuisine {
  display: flex;
  gap: 30px;
}

.help-plan-your ul {
  display: flex;
  gap: 20px;
  margin: 0px;
  padding: 0px;
}
.help-plan-your li {
  width: 30%;
  border: 1px solid #d4d4d4;
  border-radius: 8px;
  text-align: center;
  margin: 0px;
  padding: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.help-plan-your li img {
  width: auto;
  height: 20px;
  margin: 0px auto;
  padding: 0px;
  position: relative;
}
.help-plan-your li p {
  color: #000000;
  font-size: 14px;
  font-family: var(--Helvetica-Neue-Thin);
  margin: 0px;
  padding: 10px 0px 0px;
}
.animation-element.slide-up.in-view {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}
#private-dining h5 {
  color: #000000;
  font-size: 18px;
  font-family: var(--Helvetica-Neue);
  text-decoration: underline;
  margin: 0px 0px;
  padding: 25px 0px 0px;
}

#personalized-experience {
  width: 100%;
  background: none;
  margin: 0px 0px 0px;
  padding: 60px 0px 60px;
  position: relative;
  overflow: hidden;
}
.personalized-experience {
  width: 70%;
  background: #000;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  margin: 0px auto;
  padding: 30px;
  position: relative;
  overflow: hidden;
}
.personalized-experience p {
  width: 40%;
  color: #fff;
  font-size: 24px;
  font-family: var(--Helvetica-Neue-Thin);
  padding: 0px;
  margin: 0px;
}
.personalized-experience .book-no {
  color: #fff;
  font-size: 20px;
  font-family: var(--Helvetica-Neue);
  padding: 0px;
  margin: 0px;
}
.personalized-experience .chat-with-us {
  width: max-content;
  background: #ffffff;
  color: #000000;
  margin: 0px 0;
  text-align: center;
  font-size: 16px;
  padding: 8px 35px 8px;
  transition: all 0.4s ease;
  position: relative;
}

#dining-events-section {
  width: 100%;
  display: flex;
  background: #ffffff;
  margin: 0px;
  padding: 40px 0px 60px;
  position: relative;
  overflow: hidden;
}
#dining-events-section h2 {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  color: #976008;
  font-size: 35px;
  font-family: var(--Helvetica-Neue-Thin);
  text-align: center;
  margin: 0px;
  padding: 0px 0px 30px;
  position: relative;
}
#dining-events-section ul {
  width: 80%;
  display: flex;
  gap: 20px;
  margin: 0px auto;
  padding: 30px;
  position: relative;
  overflow: hidden;
}
#dining-events-section li {
  width: 33.33%;
  background: #000000;
  margin: 0px;
  padding: 8px;
  position: relative;
}
.events-doc {
  border: 1px solid #fff;
  margin: 0px;
  padding: 30px;
  position: relative;
}
#dining-events-section li h3 {
  text-align: center;
  font-family: var(--Helvetica-Neue);
  font-size: 16px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #fff;
  margin: 50px 0px 0px;
  padding: 0px;
  position: relative;
}
#dining-events-section li h3::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 2px;
  margin: 15px auto 10px;
  width: 40px;
}
#dining-events-section li p {
  font-family: var(--Garamond-Regular);
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  margin: 0px;
  padding: 10px 0px 50px;
}
#dining-events-section li a {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  text-decoration: underline;
  padding: 0px 0px 0px;
  margin: 0px;
}
/* .offers-packages-doc h3 {
  font-size: 20px;
  color: #ffffff;
  padding-top: 15px;
  font-family: var(--Garamond-Regular);
  z-index: 1;
  width: 100%;
  position: relative;
  display: block;
} */
.dining-nav {
  display: flex;
  gap: 30px;
  margin: 0px;
  padding: 0px;
}
.dining-nav a {
  font-family: var(--Helvetica-Neue);
  color: #ffffff !important;
  text-decoration: underline;
  margin: 30px 0px 0px;
  text-transform: uppercase;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.3em;
  line-height: 1.3em;
  text-transform: uppercase;
}

.offers-packages-doc .metting-heading {
  text-align: center;
  font-size: 2.75rem;
  letter-spacing: 0.1363636364em;
  line-height: 1.4090909091em;
  margin: 10px 0 23px;
}

.offers-packages-doc h4 {
  width: 60%;
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  font-family: var(--Garamond-Regular);
  text-align: center;
  margin: 0px auto;
  padding: 0px 0px 0px;
  position: relative;
}

.opentable-reservation-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: -20px;
}

.opentable-reservation-container iframe {
  width: 70% !important;
  margin: 0px auto !important;
}

.ot-dtp-picker .ot-dtp-picker-form {
  display: flex !important;
}

.ot-dtp-picker {
  margin: 0px auto !important;
}

/* things to know */

#things-section {
  width: 80%;
  background: #ffffff;
  margin: 0px auto;
  padding: 20px 0px 100px;
  position: relative;
  overflow: hidden;
}
#things-section h2 {
  width: 100%;
  gap: 20px;
  justify-content: center;
  color: #976008;
  font-size: 32px;
  font-family: var(--Helvetica-Neue-Thin);
  text-align: center;
  margin: 0;
  padding: 0px 0px 50px;
  position: relative;
  letter-spacing: 0.1666666667em;
  line-height: 1.2916666667em;
  text-transform: uppercase;
}

.afternoon-tea-details-things {
  width: 70% !important;
}

.our-initiatives-doc {
  width: 80%;
  margin: 0px auto;
  padding: 0px 0px 0px;
  position: relative;
}
.question {
  position: relative;
  padding: 0rem 0px;
  cursor: pointer;
  border-top: 1px solid #dcdde1;
}
.our-initiatives-doc h3 {
  display: flex;
  gap: 15px;
  align-items: center;
  color: #000;
  font-size: 20px;
  padding: 10px 0px 10px;
  margin: 10px 0px 10px;
  font-family: var(--Helvetica-Neue);
}

.our-initiatives-doc a h3 {
  color: #ee0017;
  font-size: 16px;
}

.our-initiatives-doc a h3:hover {
  color: grey;
}
.our-initiatives-doc h3 img {
  width: auto;
  height: 18px;
  margin: 0px;
  padding: 0px;
  position: relative;
}
.our-initiatives-doc ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0px;
  margin: 0px;
  padding: 0px;
  position: relative;
  justify-content: space-between;
}
.our-initiatives-doc li {
  width: 48%;
  list-style: none;
  color: #313131;
  font-size: 18px;
  margin: 5px 0px 5px;
  padding-left: 35px;
  position: relative;
  font-family: var(--Garamond-Regular);
}

.our-initiatives-doc p {
  width: auto;
  list-style: none;
  color: #313131;
  font-size: 18px;
  margin: 5px 0px 5px;
  padding-left: 35px;
  position: relative;
  font-family: var(--Helvetica-Neue-Thin);
}
.our-initiatives-doc li::before {
  content: "";
  background: url(/_next/static/media/vector-icon.cb71b042.png) no-repeat;
  background-size: 20px;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 5px;
  left: 0px;
}

.things-footer-doc {
  margin: 50px auto 0px;
  width: 100%;
  color: #313131;
  font-size: 18px;
  font-family: var(--Garamond-Regular);
  text-align: center;
  border-top: 0px solid #dfe2e1;
  padding: 20px 150px 10px;
}

.new-detail-menu-section {
  width: 100%;
  /* background: #f5f5f5; */
  background: #1f1e1d;
  margin-bottom: 40px;
  margin-top: 40px;
}

/* .dining-item {
  transition: transform 0.8s ease, opacity 0.8s ease;
}

.swiper-slide-active .dining-item {
  transform: scale(1.05);
  opacity: 1;
} */

.dining-item {
  transition: transform 0.8s ease, opacity 0.8s ease;
  will-change: transform, opacity;
}

.swiper-slide-active .dining-item {
  transform: scale(1.05) translateZ(0);
  opacity: 1;
}

.dining-swiper .swiper-slide {
  opacity: 0;
  transition: opacity 0.8s ease;
}

.dining-swiper .swiper-slide-active,
.dining-swiper .swiper-slide-duplicate-active {
  opacity: 1;
}

.swiper-slide-next .dining-item,
.swiper-slide-prev .dining-item {
  opacity: 0.7;
  transform: scale(0.95);
}

.swiper-slide-next .slide-image,
.swiper-slide-prev .slide-image {
  opacity: 0.5;
}

#crafting-section {
  width: 100%;
  /* background: #f5f5f5; */
  margin: 0px;
  padding: 40px 0px 100px;
  position: relative;
  overflow: hidden;
}
#crafting-section h2 {
  width: 100%;
  display: flex;
  gap: 20px;
  justify-content: center;
  color: #976008;
  font-size: 32px;
  font-family: var(--Helvetica-Neue-Thin);
  /* font-weight: 700; */
  text-align: center;
  margin: 0px;
  padding: 0px 0px 30px;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.1666666667em;
  line-height: 1.2916666667em;
}
#crafting-section ul {
  display: flex;
  gap: 20px;
  margin: 50px 0px 0px;
  padding: 0px;
  position: relative;
}
#crafting-section li {
  width: 33.33%;
  display: flex;
  gap: 20px;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  position: relative;
}
#crafting-section .wedding-recpt {
  width: 50% !important;
}
#crafting-section li .more-dining-img {
  overflow: hidden;
}
#crafting-section li img {
  height: 100%;
  transition: transform 0.6s ease;
}
#crafting-section li .more-dining-img:hover img {
  transform: scaleX(1.1) scaleY(1.1);
  z-index: 1;
}

/* open table afternoon tea */

/* General styles */
.opentable-widget-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

/* Ensure iframe inside it behaves properly */
.opentable-widget-container iframe {
  max-width: 100%;
  border: none;
  height: auto;
}

@media screen and (max-width: 880px) {
  #offers-dining-headdoc h4 {
    width: 100%;
    font-size: 14px;
    line-height: 1.4;
  }

  .opentable-widget-container iframe {
    height: 250px;
  }

  .ot-standard .ot-dtp-picker-form {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch;
    gap: 10px; /* space between fields */
    width: 100%;
    padding: 10px;
  }

  .ot-standard .ot-dtp-picker-form > * {
    width: 100%; /* ensure child elements expand fully */
  }

  .our-initiatives-doc p {
    font-size: 16px;
  }

  .dine-detail-similar {
    margin-top: 55px;
  }

  .dining-hours-doc .dining-hours-left-heading h3 {
    font-size: 18px;
  }
  .dining-hours-right-heading p {
    font-size: 18px;
  }
  .offers-packages-doc .metting-heading {
    font-size: 30px;
  }
  .fixe-menus-section-doc {
    flex-direction: column;
    gap: 20px;
    display: block;
  }
  .fixe-menus-section-doc h2 {
    font-size: 25px;
  }
  .fixe-menus-section-doc h3 {
    font-size: 25px;
  }
  .fixe-menus-section-doc p {
    width: 100%;
    margin: 20px 0px 0px;
    font-size: 16px;
    line-height: 28px;
  }
  #fixe-menus-section ul {
    flex-direction: column;
    gap: 0px;
    margin: 20px 0px 0px;
  }
  .dining-hours-doc .dining-hours-left-heading h3 svg {
    font-size: 22px;
    margin-right: 5px;
  }
  .dining-hours-right-heading p svg {
    font-size: 22px;
  }
  #fixe-menus-section li {
    width: 100%;
    margin: 0px 0px 20px;
  }
  #private-dining ul {
    flex-direction: column;
    gap: 0px;
    margin: 20px 0px 0px;
  }
  #private-dining li {
    width: 100%;
    margin: 0px 0px 20px;
  }
  #private-dining h2 {
    font-size: 25px;
  }
  .services-amenities-footer {
    flex-direction: column;
    gap: 20px;
  }
  .services-amenities-footer::before {
    left: 0%;
    top: 40%;
    width: 100%;
    height: 1px;
  }
  .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-selector {
    width: auto !important;
  }
  .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button {
    width: auto !important;
  }
  .ot-dtp-picker.wide {
    width: auto !important;
  }
  .ot-dtp-picker .ot-dtp-picker-form {
    flex-direction: column !important;
    gap: 12px !important;
    height: auto !important;
  }
  .services-amenities-footer-left h2 {
    font-size: 22px;
    line-height: 28px;
  }
  #dining-details-head {
    padding: 30px 0px 20px;
  }
  #dining-details-head h2 {
    font-size: 25px;
    padding: 0px 0px 20px;
  }
  #dining-details-head h4 {
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    padding: 0px;
  }
  .reserve-your-tea {
    width: 100%;
    flex-direction: column;
    gap: 20px;
  }
  .reserve-your-tea h3 {
    font-size: 18px;
  }
  .reserve-your-tea a {
    width: 100%;
  }
  .dining-hours-doc {
    width: 100%;
    /* flex-direction: column; */
    gap: 10px;
  }
  #dining-details-mid {
    width: 100%;
    padding-bottom: 10px;
  }
  .dining-hours-right {
    text-align: right;
    padding: 5px 0px;
  }
  .dining-hours-doc h3 {
    font-size: 16px;
    padding: 10px 0px;
    line-height: 1.2;
    letter-spacing: 1px;
  }
  .dining-hours-doc h4 {
    font-size: 14px;
    padding: 10px 0px;
  }
  .dining-hours-right p {
    font-size: 14px;
    text-align: end;
    line-height: 1.2;
    letter-spacing: 1px;
  }
  .dining-hours-right .book-now {
    font-size: 16px;
  }

  #dining-details-mid h2 {
    font-size: 28px;
    padding-top: 35px;
  }

  .selection-head {
    width: 100%;
    font-size: 18px;
    padding: 10px 0px;
  }
  .dining-hours-details {
    width: 100%;
    flex-direction: column;
    gap: 20px;
  }
  .dining-hours-details h3 {
    font-size: 18px;
    padding: 10px 0px;
  }
  .dining-hours-details p {
    font-size: 16px;
  }
  .dining-footer-doc {
    width: 100%;
    font-size: 18px;
    padding: 20px 0px 10px;
  }
  #personalized-experience {
    padding: 20px 0px 40px;
  }
  .personalized-experience {
    width: 90%;
    flex-direction: column;
    gap: 20px;
  }
  .personalized-experience p {
    width: 100%;
    text-align: center;
    font-size: 18px;
  }
  .help-plan-your {
    width: 95%;
    margin: 10px auto;
    padding: 20px;
    border: 1px solid #d4d4d4;
    position: relative;
    right: 0px;
    bottom: 0px;
  }
  .help-plan-your h2 {
    font-size: 18px;
  }
  .help-plan-your li {
    width: 50%;
  }
  #personalized-experience {
    padding: 20px 0px 40px;
  }
  .personalized-experience {
    width: 90%;
    flex-direction: column;
    gap: 20px;
  }
  .personalized-experience p {
    width: 100%;
    text-align: center;
    font-size: 18px;
  }
  #dining-events-section {
    padding: 0px 0px 60px;
  }
  #dining-events-section h2 {
    font-size: 25px;
    padding: 0px 0px 20px;
  }
  #dining-events-section ul {
    width: 100%;
    flex-direction: column;
    gap: 20px;
    padding: 0px;
  }
  #dining-events-section li {
    width: 100%;
  }
  .events-doc {
    padding: 20px;
  }
  /* .offers-packages-slider {
    background: #000;
    position: relative;
    left: 0px;
    bottom: 7px;
    padding: 20px;
  } */
  .offers-packages-slider {
    bottom: 40px;
    left: 0%;
    padding: 0px 20px;
  }

  #offers-packages-slider img {
    object-fit: cover;
    height: 300px;
  }
  .offers-packages-doc {
    width: 100%;
  }
  .offers-packages-doc h3 {
    font-size: 14px;
    line-height: 22px;
  }
  .offers-packages-doc h1 {
    font-size: 30px;
  }
  .dining-nav {
    gap: 20px;
  }
  .dining-type-cuisine {
    display: inline;
  }
  #dining-cart-imgbox h3 {
    font-size: 25px;
  }

  /* things to know */

  #things-section {
    width: 100%;
  }

  #things-section h2 {
    font-size: 24px;
  }
  .our-initiatives-doc {
    width: 100%;
  }
  .our-initiatives-doc h3 {
    font-size: 16px;
    margin: 0px 0px 0px;
    padding-right: 32px;
    padding-bottom: 0px;
    padding-top: 20px;
  }
  .our-initiatives-doc ul {
    column-count: 1;
    gap: 0px;
  }
  .our-initiatives-doc li {
    width: 100%;
    font-size: 16px;
    padding-left: 35px;
  }
  .our-initiatives-doc li::before {
    width: 22px;
    height: 22px;
  }

  #dining-details-head p {
    width: 100%;
    font-size: 14px;
    line-height: 1.4;
  }
  #dining-cart-imgbox {
    width: 100%;
    padding: 40px 0px;
  }
  .dining-cart-imgbox {
    width: 100%;
    flex-direction: column;
    gap: 20px;
  }
  .dining-cart-imgbox-left {
    width: 100%;
  }
  .dining-cart-imgbox-right {
    width: 100%;
  }
  .dining-cart-imgbox-right h2 {
    width: 100%;
    font-size: 18px;
    padding-bottom: 16px;
  }
  .dining-cart-imgbox-right .afternoon-tea-book-now {
    width: 100%;
  }
  .dining-cart-imgbox-right h3 {
    width: 100%;
  }
  .dining-cart-imgbox-right .add-dates {
    width: 100%;
  }
  .dining-cart-imgbox-right h4 {
    width: 100%;
  }
  .dining-cart-imgbox-right .add-to-itinerary {
    width: 100%;
  }
  #dining-cart-details {
    width: 100%;
  }
  #dining-cart-details h2 {
    font-size: 25px;
    padding: 0px 0px 20px;
  }
  #dining-cart-details p {
    width: 100%;
    font-size: 16px;
  }
  .dining-cart-doc {
    width: 100%;
    flex-direction: column;
    gap: 0px;
  }
  .dining-cart-doc h3 {
    font-size: 16px;
    padding: 10px 0px;
  }
  .dining-cart-right {
    padding: 5px 0px;
    text-align: left;
  }
  #dining-cart-details p {
    width: 100%;
    font-size: 16px !important;
  }
  .afternoon-tea-details-things {
    width: 100% !important;
  }
  #crafting-section h2 {
    font-size: 25px;
    padding: 0px 0px 20px;
  }
  #crafting-section ul {
    flex-direction: column;
    gap: 20px;
  }
  #crafting-section li {
    width: 100%;
  }

  .dining-nav a {
    margin: 10px 0 0;
  }
  #offers-dining-headdoc {
    padding: 30px 0px 0px;
  }
  #crafting-section .wedding-recpt {
    width: 100% !important;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/app/(page)/gift-and-vouchers/offer.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
#offers-packages-slider {
  width: 100%;
  background: #ffffff;
  height: 100%;
  overflow: hidden;
  padding: 0px;
  position: relative;
  margin: 0px;
}

#all-offers-slider {
  display: flex;
  gap: 20px;
  padding: 0px 40px;
}
#offers-packages-slider::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8) 95%);
  background-size: cover;
  /* z-index: 1; */
}
#offers-packages-slider .dining-item::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8) 95%);
  background-size: cover;
  /* z-index: 1; */
}
.offers-packages-slider {
  display: flex;
  margin: 0px;
  padding: 0px;
  position: absolute;
  bottom: 80px;
  left: 8%;
  z-index: 1;
  width: 100%;
  height: auto;
  align-items: center;
}
.offers-packages-doc {
  width: 84%;
  margin: 0px;
  padding: 0px;
}
.offers-packages-doc h1 {
  font-family: var(--Helvetica-Neue-Thin);
  font-size: 40px;
  font-style: normal;
  font-weight: 100;
  letter-spacing: 3px;
  line-height: 1.4em;
  margin: 10px 0 -22px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
}
.offers-packages-doc h1 span {
  display: block;
}
.offers-packages-doc h3 {
  font-size: 20px;
  color: #ffffff;
  padding-top: 15px;
  font-family: var(--Helvetica-Neue-Thin);
  z-index: 1;
  width: 100%;
  position: relative;
  display: block;
  font-weight: 600;
  letter-spacing: 3px;
  line-height: 1.4em;
  /* font-size: 20px;
  color: #ffffff;
  padding-top: 15px;
  font-family: var(--Garamond-Regular);
  z-index: 1;
  width: 100%;
  position: relative;
  display: block; */
}

#featured-offer {
  width: 100%;
  margin: 0px;
  padding: 60px 0px 60px;
  position: relative;
  overflow: hidden;
}
#featured-offer h2 {
  width: 100%;
  color: #976008;
  font-size: 32px;
  font-family: var(--Helvetica-Neue-Thin);
  text-align: center;
  margin: 0px;
  padding: 0px 0px 20px;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.1666666667em;
  line-height: 1.2916666667em;
}
#featured-offer h5 {
  width: 80%;
  color: #313131;
  font-size: 18px;
  font-family: var(--Garamond-Regular);
  text-align: center;
  margin: 0px auto;
  padding: 0px 0px 50px;
  position: relative;
}
.featured-offer-section {
  width: 100%;
  display: flex;
  gap: 60px;
  margin: 0px;
  padding: 50px 0px 0px;
  position: relative;
}
.featured-offer-left {
  background: #ffffff;
  width: 60%;
  margin: 0px;
  padding: 0px 30px;
  position: relative;
}
.featured-offer-right {
  width: 40%;
  margin: 0px;
  padding: 0px 0px 0px;
  position: relative;
}
.featured-offer-right h3 {
  color: #000000;
  font-size: 30px;
  font-family: var(--Helvetica-Neue-Thin);
  font-weight: 700;
  margin: 0px;
  padding: 20px 0px 20px;
  position: relative;
}
.featured-offer-right p {
  color: #313131;
  font-size: 20px;
  line-height: 28px;
  font-family: var(--Garamond-Regular);
  margin: 0px;
  padding: 0px 0px 30px;
  position: relative;
  text-align: justify;
}
.featured-offer-right .offer-details {
  position: absolute;
  left: 0px;
  bottom: 20px;
  width: 65%;
  display: flex;
  background: #000000;
  color: #ffffff;
  border: 1px solid #000000;
  margin: 0px;
  justify-content: center;
  font-size: 16px;
  padding: 7px 30px 7px;
  transition: all 0.4s ease;
}
.featured-offer-right .offer-details:hover {
  color: #000000;
  background: none;
}

#all-offers-section {
  width: 100%;
  background: #f5f5f5;
  margin: 0px;
  padding: 60px 0px 80px;
  position: relative;
  overflow: hidden;
}
#all-offers-section h2 {
  width: 100%;
  display: flex;
  gap: 20px;
  justify-content: center;
  color: #976008;
  font-size: 32px;
  font-family: var(--Helvetica-Neue-Thin);
  text-align: center;
  margin: 0px;
  padding: 0px 0px 30px;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.1666666667em;
  line-height: 1.2916666667em;
}
#all-offers-section h2 img {
  width: auto;
  height: 30px;
}
#all-offers-section h4 {
  width: 80%;
  color: #313131;
  font-size: 18px;
  font-family: var(--Garamond-Regular);
  text-align: center;
  margin: 0px auto;
  padding: 0px 0px 70px;
  position: relative;
  font-weight: 400;
  letter-spacing: 0.0333333333em;
  line-height: 1.6666666667em;
}

.offers-slider-item {
  margin: 0px 0px 0px;
  padding: 10px 0px 0px;
  position: relative;
}
.offers-slider-doc {
  background: #fff;
  border: 2px solid #e0e0e0;
  font-size: 18px;
  color: #976008;
  margin: 0px;
  padding: 15px 25px 20px;
}
.offers-slider-item h3 {
  font-size: 22px;
  font-family: var(--Helvetica-Neue-Thin);
  color: #976008;
  margin: 0px;
  padding: 0px;
}
.offers-slider-item p {
  display: none;
  font-size: 18px;
  color: #976008;
  margin: 0px;
  padding: 0px;
}
.offers-slider-item .offers-slider-button {
  display: none;
  gap: 15px;
  align-items: center;
  justify-content: left;
  margin: 0px;
  padding: 20px 0px 0px;
  width: 100%;
}
.offers-slider-button .enquire-now {
  font-family: var(--Helvetica-Neue-Medium);
  width: 100%;
  color: #ffffff;
  background: #ee0017;
  border: 1px solid #ee0017;
  margin: 16px 0;
  text-align: center;
  font-size: 14px;
  padding: 8px 10px 8px;
  transition: all 0.4s ease;
  position: relative;
}
#all-offers-section .owl-item.active.center .enquire-now:hover {
  color: #ee0017;
  background: #ffffff;
}
.offers-slider-button .learn-more-dining {
  font-family: var(--Helvetica-Neue-Medium);
  width: 100%;
  background: #000000;
  color: #ffffff;
  border: 1px solid #000000;
  margin: 16px 0;
  text-align: center;
  font-size: 14px;
  padding: 8px 10px 8px;
  transition: all 0.4s ease;
  position: relative;
}

/*Offer slider new start */

#all-offers-section .item {
  opacity: 0.96;
  transform: scale(0.9);
  transition: all 1s ease-in-out;
}

#all-offers-section .home-dining-img {
  object-fit: cover;
  height: 450px;
}

#all-offers-section .item-center {
  opacity: 1;
  transform: scale(1);
  display: block;
  position: relative;
  transform: scale(1);
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.25);
  margin-top: -10px;
  margin-bottom: 20px;
}

#all-offers-section .home-dining-img-center {
  object-fit: cover;
  height: 280px;
}

#all-offers-section .home-dining-doc-center {
  background: #fff;
  border: 2px solid #e0e0e0;
  font-size: 18px;
  color: #976008;
  /* margin: 0px 0px 20px; */
  padding: 25px 12px 10px;
}

#all-offers-section .home-dining-doc-center h3 {
  text-align: center;
  font-family: var(--Helvetica-Neue-Medium);
  font-size: 18px;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  color: #976008;
  margin: 0px;
  padding: 0px;
  position: relative;
  height: 38px;
}

#all-offers-section .home-dining-doc-center p {
  display: block;
  font-family: var(--Helvetica-Neue-Thin);
  text-align: center;
  font-size: 16px;
  color: #000;
  margin: 0px;
  padding: 10px 0px 10px;
}

#all-offers-section .home-dining-button {
  display: none;
  gap: 15px;
  align-items: center;
  justify-content: left;
  margin: 0;
  padding: 20px 0 0;
  width: 100%;
}

#all-offers-section .home-dining-doc-center .home-dining-button {
  display: flex;
}

#all-offers-section .home-dining-doc-center a {
  display: block;
}

/* end */

/* detail */
#offer-details-section {
  width: 100%;
  background: #ffffff;
  margin: 0px;
  padding: 5px 0px 80px;
  position: relative;
  overflow: hidden;
}
#offer-details-section h2 {
  width: 100%;
  display: flex;
  gap: 20px;
  justify-content: center;
  color: #976008;
  font-size: 35px;
  font-family: var(--Helvetica-Neue-Thin);
  align-items: center;
  margin: 0px;
  padding: 0px 0px 30px;
  position: relative;
  letter-spacing: 0.1666666667em;
  line-height: 1.2916666667em;
  text-transform: uppercase;
}
#offer-details-section h2 img {
  width: auto;
  height: 30px;
}
#offer-details-section h4 {
  width: 40%;
  color: #313131;
  font-size: 18px;
  font-family: var(--Garamond-Regular);
  text-align: center;
  margin: 0px auto;
  padding: 0px 0px 70px;
  position: relative;
}

.offer-details-data {
  width: 80%;
  margin: 0px auto 40px;
  padding: 0px 0px 0px;
  border: 1px solid #dfe2e1;
}
.offer-details-data ul {
  margin: 0px;
  padding: 0px;
  position: relative;
}
.offer-details-data li {
  list-style: none;
  color: #976008;
  font-size: 18px;
  margin: 0px 0px 0px;
  padding: 8px 20px;
  border-top: 1px solid #dfe2e1;
  position: relative;
  font-family: var(--Helvetica-Neue);
}
.offer-details-data-doc {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.offer-details-data li p {
  width: 60%;
  font-family: var(--Garamond-Regular);
  font-size: 18px;
  color: #000000;
  margin: 0px 0px 0px;
  padding: 8px 0px;
}
.offer-details-data li:first-child {
  border-top: 0px solid #dfe2e1;
}
.offer-details-data li span {
  color: #000000;
}

.offer-details-doc {
  width: 80%;
  margin: 0px auto;
  padding: 60px 0px 0px;
  position: relative;
}
.offer-details-doc h3 {
  color: #000;
  font-size: 20px;
  padding: 0px 0px 15px;
  margin: 0px 0px 40px;
  border-bottom: 1px solid #dfe2e1;
  font-family: var(--Helvetica-Neue);
}
.offer-details-doc ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
  margin: 0px;
  padding: 0px;
  position: relative;
}
.offer-details-doc li {
  width: 46%;
  list-style: none;
  color: #313131;
  font-size: 18px;
  margin: 0px;
  padding-left: 40px;
  position: relative;
  font-family: var(--Garamond-Regular);
}
.offer-details-doc li::before {
  content: "";
  background: url(/_next/static/media/vector-icon.cb71b042.png);
  background-size: 20px;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 5px;
  left: 0px;
  background-repeat: no-repeat;
}

/* Service and amenitites */

#hotel-amenities-section {
  width: 100%;
  background: #ffffff;
  margin: 0px;
  padding: 60px 0px 60px;
  position: relative;
  overflow: hidden;
}
.hotel-amenities-textbox {
  display: flex;
  gap: 60px;
  align-items: center;
  justify-content: space-between;
  margin: 0px;
  padding: 0px;
  position: relative;
}
.hotel-amenities-textbox h2 {
  width: 100%;
  display: flex;
  gap: 20px;
  justify-content: left;
  color: #976008;
  font-size: 30px;
  font-family: var(--Helvetica-Neue-Thin);
  text-align: center;
  margin: 0px;
  padding: 0px 0px 0px;
  position: relative;
  letter-spacing: 0.1666666667em;
  line-height: 1.2916666667em;
}
.hotel-amenities-textbox h2 img {
  width: auto;
  height: 30px;
}
.hotel-amenities-textbox h3 {
  width: 100%;
  display: flex;
  gap: 20px;
  justify-content: left;
  color: #976008;
  font-size: 30px;
  font-family: var(--Helvetica-Neue-Thin);
  text-align: center;
  margin: 0px;
  padding: 0px 0px 0px;
  position: relative;
  letter-spacing: 0.1666666667em;
  line-height: 1.2916666667em;
}
.hotel-amenities-textbox p {
  width: 70%;
  text-align: right;
  font-size: 20px;
  font-family: var(--Garamond-Regular);
  color: #313131;
  margin: 0px;
  padding: 0px;
}

#amenities-slider {
  padding: 0px;
  position: relative;
}
#amenities-slider .item {
  margin: 80px 15px 80px;
  position: relative;
}
.amenities-slider-item .experiences-doc {
  width: 90%;
  background: #fff;
  margin: 0px;
  padding: 20px;
  position: absolute;
  bottom: -40px;
  right: 0px;
  box-shadow: -6px 10px 24px 0px rgba(0, 0, 0, 0.1);
}
.amenities-slider-item h4 {
  font-size: 18px;
  color: #976008;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: var(--Helvetica-Neue);
  margin: 0px;
  padding: 20px 0px 10px;
}
.amenities-slider-item p {
  font-size: 16px;
  height: 90px;
  font-family: var(--Garamond-Regular);
  color: #313131;
  margin: 0px;
  padding: 0px;
}
.hotel-amenities-section {
  margin: 0px;
  padding: 0px;
  position: relative;
}
.hotel-amenities-section .slider-counter {
  position: absolute;
  right: 60px;
  top: 22px;
}

#amenities-slider .owl-nav button.owl-prev {
  right: 54px;
  left: initial;
  position: absolute;
}
#amenities-slider .owl-nav span {
  background: rgba(255, 255, 255, 0);
  color: #fff;
  width: 42px;
  height: 42px;
  line-height: 38px;
  display: block;
  border-radius: 100%;
  position: relative;
}
#amenities-slider .owl-nav button.owl-prev span::after {
  background: url(/_next/static/media/next-arrow.20e29f5f.png) no-repeat;
  background-repeat: no-repeat;
  content: "";
  width: 44px;
  height: 25px;
  background-size: 30px;
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 14px;
}

#amenities-slider .owl-nav button.owl-next {
  right: 5px;
  left: initial;
  position: absolute;
}
#amenities-slider .owl-nav span {
  background: rgba(255, 255, 255, 0);
  color: #fff;
  width: 42px;
  height: 42px;
  line-height: 38px;
  display: block;
  border-radius: 100%;
  position: relative;
}
#amenities-slider .owl-nav button.owl-next span::after {
  background: url(/_next/static/media/prev-arrow.ffe0e824.png) no-repeat;
  background-repeat: no-repeat;
  content: "";
  width: 44px;
  height: 25px;
  background-size: 30px;
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 14px;
}
#amenities-slider .owl-nav button {
  top: 30px;
}

.offers-packages-doc h1 span {
  font-style: italic;
  font-size: 22px;
  text-transform: capitalize;
}

@media screen and (max-width: 880px) {
  /* #offers-packages-slider::before {
    background: none;
  } */
  .offers-packages-slider {
    bottom: 40px;
    left: 0%;
    padding: 0px 20px;
  }
  #all-offers-slider {
    display: contents;
  }
  #all-offers-section .home-dining-doc-center h3 {
    height: auto;
  }
  #all-offers-section .owl-nav button.owl-prev {
    left: 29%;
  }
  #all-offers-section .owl-nav button.owl-next {
    right: 41%;
  }
  .offers-packages-doc {
    width: 100%;
  }
  .offers-packages-doc h1 {
    font-size: 18px;
    margin: 0px;
  }
  .offers-packages-doc h1 span {
    font-style: italic;
    font-size: 16px;
    text-transform: capitalize;
  }
  .offers-packages-doc h3 {
    font-size: 14px;
    line-height: 22px;
  }

  #featured-offer h2 {
    font-size: 27px;
  }
  .featured-offer-section {
    flex-direction: column;
    gap: 0px;
    padding: 20px 0px 0px;
  }
  .featured-offer-left {
    width: 100%;
    padding: 0px 0px;
  }
  .featured-offer-right {
    width: 100%;
  }
  .featured-offer-right h3 {
    font-size: 20px;
  }
  .featured-offer-right p {
    font-size: 15px;
    line-height: 22px;
    padding: 0px 0px 15px;
  }
  .featured-offer-right .offer-details {
    position: relative;
    bottom: 0px;
    font-size: 15px;
  }
  #all-offers-section h2 {
    font-size: 25px;
    padding: 0px 0px 20px;
  }
  #all-offers-section h4 {
    width: 100%;
    font-size: 16px;
    line-height: 22px;
  }
  #offer-details-section h2 {
    font-size: 25px;
    padding: 0px 0px 20px;
  }
  #offer-details-section h2 img {
    margin-top: 4px;
    height: 20px;
  }
  #offer-details-section h4 {
    width: 100%;
    font-size: 16px;
    padding: 0px 0px 50px;
  }
  .offer-details-data {
    width: 100%;
  }
  .offer-details-data-doc {
    font-size: 17px;
    flex-direction: column;
    gap: 7px;
    align-items: flex-start;
    justify-content: left;
  }
  .offer-details-data li {
    padding: 8px 10px;
  }
  .offer-details-data li p {
    width: 100%;
    font-size: 16px;
  }
  .offer-details-doc h3 {
    font-size: 18px;
    padding: 0px 0px 10px;
    margin: 0px 0px 20px;
  }
  .offer-details-doc {
    width: 100%;
    padding: 40px 0px 0px;
  }
  .offer-details-doc li {
    width: 100%;
    font-size: 16px;
  }
  #all-offers-section .home-dining-img-center {
    height: 190px;
  }
  .hotel-amenities-textbox {
    flex-direction: column;
    gap: 0px;
    display: block;
  }
  .hotel-amenities-textbox h2 {
    font-size: 24px;
  }
  .hotel-amenities-textbox h3 {
    font-size: 24px;
  }
  .hotel-amenities-textbox p {
    width: 100%;
    text-align: left;
    font-size: 16px;
    margin: 15px 0px 0px;
  }
  .amenities-slider-item h4 {
    font-size: 16px;
    padding: 0px 0px 10px;
  }
  .amenities-slider-item p {
    font-size: 14px;
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/app/(page)/spa-wellness/spa.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.spa-wellness-nav-doc {
  padding: 20px 0px;
  position: relative;
  margin: 0px;
  z-index: 1;
}
.spa-wellness-nav-doc h1 {
  font-size: 35px;
  font-family: var(--Helvetica-Neue-Thin);
  text-transform: uppercase;
  color: #ffffff;
  /* font-weight: Bold; */
  padding: 10px 0px;
  z-index: 1;
  width: 100%;
  position: relative;
  display: block;
  text-align: center;
  letter-spacing: 0.2142857143em;
  line-height: 1.5em;
  text-transform: uppercase;
  font-weight: 200;
}
.spa-wellness-nav-doc ul {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 0px;
  margin: 0px;
  padding: 0px;
}
.spa-wellness-nav-doc li {
  list-style: none;
  border-right: 1px solid #fff;
  margin: 0px;
  padding: 0px 20px;
}
.spa-wellness-nav-doc li:last-child {
  border-right: 0px solid #fff;
}
.spa-wellness-nav-doc li a {
  font-size: 16px;
  color: #ffffff;
}
.spa-wellness-nav-doc li a:hover {
  color: #ee0017;
}

#spa-wellness-slider {
  width: 100%;
  background: #1f1e1d;
  border-top: 1px solid #fff;
  height: 100%;
  overflow: hidden;
  padding: 0px;
  position: relative;
  margin: 0px;
}
#spa-wellness-slider::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8) 95%);
  background-size: cover;
  z-index: 1;
}
.spa-wellness-slider {
  display: flex;
  margin: 0px;
  padding: 0px;
  position: absolute;
  bottom: 40px;
  left: 8%;
  z-index: 1;
  width: 100%;
  height: auto;
  align-items: center;
}
.spa-wellness-slider-doc {
  width: 84%;
  margin: 0px;
  padding: 0px;
}
.spa-wellness-slider-doc a {
  font-size: 16px;
  font-family: var(--Helvetica-Neue);
  color: rgb(255, 255, 255) !important;
  text-decoration: underline;
  margin: 30px 0px 0px;
  text-transform: uppercase;
}

#spa-wellness-section {
  width: 100%;
  background: #ffffff;
  margin: 0px;
  padding: 60px 0px 0px;
  position: relative;
  overflow: hidden;
}
#spa-wellness-section p {
  width: 70%;
  color: #313131;
  font-family: var(--Helvetica-Neue-Thin);
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  margin: 0px auto;
  padding: 0px 0px 0px;
  position: relative;
  letter-spacing: 0.0227272727em;
}

#spa-hours-section {
  width: 100%;
  background: #ffffff;
  margin: 0px 0px 0px;
  padding: 60px 0px 60px;
  position: relative;
  overflow: hidden;
}
#spa-hours-section h2 {
  font-size: 35px;
  font-family: var(--Helvetica-Neue-Thin);
  color: #976008;
  padding: 10px 0px 50px;
  z-index: 1;
  width: 100%;
  position: relative;
  display: block;
  text-align: center;
  letter-spacing: 0.1666666667em;
  line-height: 1.2916666667em;
  text-transform: uppercase;
}

#spa-hours-section .book-now-spa {
  font-family: var(--Helvetica-Neue-Thin);
  width: auto;
  color: #fff;
  background: #ee0017;
  border: 1px solid #ee0017;
  margin: 16px 0;
  text-align: center;
  font-size: 14px;
  padding: 8px 10px;
  transition: all 0.4s ease;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  line-height: 1.3em;
  font-weight: 700;
}
#spa-hours-section .book-now-spa:hover {
  color: #ee0017;
  background: #fff;
}

#spa-hours-section a {
  width: auto;
  text-align: right;
  font-size: 16px;
  background: #fff;
  color: #ee0017;
  margin: 20px 0 0;
  padding: 0;
}

#spa-hours-section a:hover {
  color: #cb3d4b;
}
.spa-hours-doc {
  width: 60%;
  display: flex;
  border-top: 1px solid #313131;
  margin: 10px auto;
  padding: 10px 0px 0px;
}
.spa-hours-left {
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.spa-hours-left h3 {
  color: #313131;
  font-size: 20px;
  font-family: var(--Helvetica-Neue-Thin);
  margin: 0;
  padding: 15px 0;

  /* color: #313131;
  font-size: 25px;
  font-family: var(--Helvetica-Neue-Thin);
  margin: 0px;
  padding: 15px 0px; */
}
.spa-hours-right {
  width: 100%;
  margin: 0px;
  padding: 15px 0px;
  text-align: right;
}
.spa-hours-right p {
  /* color: #313131;
  font-size: 20px;
  font-family: var(--Helvetica-Neue-Thin); */
  color: #313131;
  font-size: 20px;
  font-family: var(--Helvetica-Neue-Thin);
  text-align: right;
  margin: 0px;
  padding: 0px;
}
.spa-hours-right p span {
  display: block;
  /* font-weight: bold; */
}

.new-voucher-section {
  background: #1f1e1d !important;
  padding: 20px 0px 20px !important;
}

#favourites-section {
  width: 80%;
  background: #f5f5f5;
  margin: 0px auto 0px;
  padding: 20px 0px 60px;
  position: relative;
  overflow: hidden;
}
#favourites-section h2 {
  font-size: 35px;
  font-family: var(--Helvetica-Neue-Thin);
  color: #976008;
  padding: 10px 0px 50px;
  z-index: 1;
  width: 100%;
  position: relative;
  display: block;
  text-align: center;
  letter-spacing: 0.1666666667em;
  line-height: 1.2916666667em;
  text-transform: uppercase;
}
.favourites-section-doc {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 50px;
  margin: 60px 0px;
  padding: 0px;
  position: relative;
}
.favourites-section-left {
  width: 50%;
  margin: 0px;
  padding: 0px;
  position: relative;
}

.favourites-section-left img {
  object-fit: cover;
  height: 290px;
}
.favourites-section-right {
  width: 50%;
  margin: 0px;
  padding: 0px;
  position: relative;
}
.favourites-section-right h3 {
  width: 80%;
  color: #000;
  font-size: 24px;
  font-family: var(--Helvetica-Neue);
  margin: 0px 0px 15px;
  padding: 0px;
  position: relative;
}
.favourites-section-right h3::after {
  background-color: #976008;
  content: "";
  display: block;
  height: 2px;
  margin: 6px 0px;
  width: 40px;
  left: 0px;
}
.favourites-section-right p {
  width: 80%;
  color: #000;
  font-size: 16px;
  font-family: var(--Helvetica-Neue-Thin);
  margin: 15px 0px 20px;
  padding: 0px;
  position: relative;
  line-height: 1.4;
  letter-spacing: 0.0227272727em;
}
.favourites-section-right a {
  width: max-content;
  background: #ffffff;
  color: #000000;
  border: 1px solid #000;
  margin: 0px 0;
  text-align: center;
  font-size: 16px;
  padding: 8px 25px 8px;
  transition: all 0.4s ease;
  position: relative;
}
.favourites-section-right a:hover {
  background: #000000;
  color: #ffffff;
}
.qms {
  text-align: right;
}
.qms p {
  width: 100%;
  text-align: right;
  padding-left: 20%;
}
.qms h3 {
  width: 100%;
  text-align: right;
  padding-left: 20%;
}
.qms h3::after {
  left: initial;
  right: 0px;
  position: absolute;
}

#spa-services-section {
  width: 80%;
  background: #ffffff;
  margin: 0px auto 0px;
  padding: 20px 0px 60px;
  position: relative;
  overflow: hidden;
}
#spa-services-section h2 {
  font-size: 35px;
  font-family: var(--Helvetica-Neue-Thin);
  color: #976008;
  padding: 10px 0px 50px;
  z-index: 1;
  width: 100%;
  position: relative;
  display: block;
  text-align: center;
  letter-spacing: 0.1666666667em;
  line-height: 1.2916666667em;
  text-transform: uppercase;
}

#spa-services-section ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0px;
  padding: 0px;
  position: relative;
}
#spa-services-section li {
  width: 31.66%;
  margin: 0px;
  padding: 0px;
  position: relative;
}
#spa-services-section li h3 {
  font-size: 18px;
  color: #000;
  font-family: var(--Helvetica-Neue);
  font-weight: 400;
  margin: 0px;
  padding: 15px 40px 10px 0px;
  position: relative;
  border-top: 1px solid #000000;
}
#spa-services-section li img {
  width: auto;
  height: 12px;
  position: absolute;
  right: 0px;
  top: 20px;
}
#spa-services-section p {
  font-size: 16px;
  color: #313131;
  margin: 0px;
  padding: 0px 0px 20px;
  position: relative;
}

#wellness-services-section {
  width: 80%;
  background: #ffffff;
  margin: 0px auto 0px;
  padding: 20px 0px 60px;
  position: relative;
  overflow: hidden;
}
#wellness-services-section h2 {
  width: 100%;
  display: flex;
  gap: 20px;
  justify-content: center;
  color: #976008;
  font-size: 32px;
  font-family: var(--Helvetica-Neue-Thin);
  text-align: center;
  margin: 0;
  padding: 20px 0 40px;
  position: relative;
  letter-spacing: 0.1666666667em;
  line-height: 1.2916666667em;
  text-transform: uppercase;
}

#wellness-services-section h2::after {
  border-top: 2px solid;
  bottom: 32px;
  content: "";
  display: block;
  left: calc(47% - 20px);
  position: absolute;
  width: 101px;
}

#wellness-services-section ul {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  width: 80%;
  margin: 0 auto;
  padding: 0px;
  position: relative;
  padding-top: 20px;
}
#wellness-services-section li {
  width: 47%;
  margin: 0px;
  padding: 0px;
  position: relative;
}
#wellness-services-section li h3 {
  font-size: 18px;
  /* color: #313131; */
  color: #fff;
  font-family: var(--Helvetica-Neue-Thin);
  margin: 0px;
     padding: 22px 40px 0px 0px;
  position: relative;
  /* border-top: 1px solid #dfe2e1; */
  border-top: 1px solid rgba(255, 255, 255, 0.21);
  letter-spacing: 0.1366666667em;
  line-height: 1.1916666667em;
}

#wellness-services-section li h3:hover {
  color: #ee0017;
}

#wellness-services-section li img {
  width: auto;
  height: 12px;

  position: absolute;
  right: 0px;
  top: 24px;
  filter: brightness(0) invert(1);
}
#wellness-services-section p {
  font-size: 16px;
  color: #000;
  margin: 0px;
  padding: 0px 0px 20px;
  position: relative;
}

#relaxation-experiences {
  width: 100%;
  background: #000;
  margin: 0px auto 0px;
  padding: 60px 0px 100px;
  position: relative;
  overflow: hidden;
}
#relaxation-experiences h2 {
  width: 100%;
  gap: 20px;
  color: #ffffff;
  font-size: 32px;
  font-family: var(--Helvetica-Neue-Thin);
  text-align: center;
  margin: 0px;
  padding: 0px 0px 30px;
  position: relative;
  letter-spacing: 0.1666666667em;
  line-height: 1.2916666667em;
}
#relaxation-experiences h2::after {
  background-color: #ffffff;
  content: "";
  display: block;
  height: 2px;
  margin: 15px auto 10px;
  width: 40px;
}
#relaxation-experiences h4 {
  width: 40%;
  color: #ffffff;
  font-size: 18px;
  font-family: var(--Garamond-Regular);
  text-align: center;
  margin: 0px auto;
  padding: 0px 0px 70px;
  position: relative;
  letter-spacing: 0.0277777778em;
  line-height: 1.5em;
}

.relaxation-experiences-box {
  width: 80%;
  margin: 0px auto 0px;
  padding: 0px 0px 0px;
  position: relative;
}
.relaxation-experiences-textdoc {
  width: 60%;
  margin: 30px 0px 0px;
  padding: 0px 30px 0px;
  border-left: 1px solid #fff;
  position: relative;
}
.relaxation-experiences-textdoc h3 {
  font-size: 24px;
  font-family: var(--Helvetica-Neue-Thin);
  color: #ffffff;
  margin: 0px;
  padding: 0px 0px 15px;
  position: relative;
}
.relaxation-experiences-textdoc p {
  font-size: 18px;
  font-family: var(--Garamond-Regular);
  color: #ffffff;
  margin: 0px;
  padding: 0px;
  position: relative;
}

.relaxation-experiences-box1 {
  width: 80%;
  display: flex;
  align-items: flex-start;
  gap: 30px;
  margin: 0px auto 0px;
  padding: 40px 0px 0px;
  position: relative;
}
.relaxation-experiences-textdoc-1 {
  width: 50%;
  margin: 0px 0px 0px;
  padding: 0px 30px 0px;
  border-left: 1px solid #fff;
  position: relative;
}
.relaxation-experiences-box1 img {
  width: 50%;
}
.relaxation-experiences-textdoc-1 h3 {
  font-size: 24px;
  font-family: var(--Helvetica-Neue-Thin);
  color: #ffffff;
  margin: 0px;
  padding: 0px 0px 15px;
  position: relative;
}
.relaxation-experiences-textdoc-1 p {
  font-size: 18px;
  font-family: var(--Garamond-Regular);
  color: #ffffff;
  margin: 0px;
  padding: 0px;
  position: relative;
}

.relaxation-experiences-box2 {
  width: 80%;
  display: flex;
  align-items: flex-start;
  gap: 30px;
  margin: 0px auto 0px;
  padding: 40px 0px 0px;
  position: relative;
}
.relaxation-experiences-textdoc-2 {
  width: 50%;
  margin: 0px 0px 0px;
  padding: 0px 30px 0px;
  border-right: 1px solid #fff;
  position: relative;
}
.relaxation-experiences-box2 img {
  width: 50%;
}
.relaxation-experiences-textdoc-2 h3 {
  font-size: 24px;
  font-family: var(--Helvetica-Neue-Thin);
  text-align: right;
  color: #ffffff;
  margin: 0px;
  padding: 0px 0px 15px;
  position: relative;
}
.relaxation-experiences-textdoc-2 p {
  font-size: 18px;
  font-family: var(--Garamond-Regular);
  text-align: right;
  color: #ffffff;
  margin: 0px;
  padding: 0px;
  position: relative;
}

.personalized-experience-spa {
  width: 80%;
  background: #ffffff;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  margin: 110px auto 0px;
  padding: 30px;
  position: relative;
  overflow: hidden;
}
.personalized-experience-spa p {
  width: 40%;
  color: #000000;
  font-size: 24px;
  font-family: var(--Helvetica-Neue-Thin);
  padding: 0px;
  margin: 0px;
}
.personalized-experience-spa .book-no {
  color: #000000;
  font-size: 20px;
  font-family: var(--Helvetica-Neue);
  padding: 0px;
  margin: 0px;
}
.personalized-experience-spa .chat-with-us {
  width: max-content;
  background: #000000;
  color: #ffffff;
  margin: 0px 0;
  text-align: center;
  font-size: 16px;
  padding: 8px 35px 8px;
  transition: all 0.4s ease;
  position: relative;
}
.personalized-experience-spa .chat-with-us:hover {
  background: #ee0017;
  color: #ffffff;
}

.suites-room-button .details-spa-wellness {
  font-family: var(--Helvetica-Neue-Medium);
  width: 100%;
  background: #fff;
  color: #010202;
  border: 1px solid #010202;
  margin: 16px 0;
  text-align: center;
  font-size: 14px;
  padding: 10px;
  transition: all 0.4s ease;
  position: relative;
  letter-spacing: 1px;
}

.suites-room-button .details-spa-wellness:hover {
  background: #ee0017;
  color: #ffffff;
  border: 1px solid #ee0017;
}

@media screen and (max-width: 880px) {
  .spa-wellness-nav-doc h1 {
    font-size: 25px;
  }
  #spa-hours-section a {
    font-size: 16px;
  }
  .spa-wellness-nav-doc ul {
    overflow-x: scroll;
    flex-wrap: initial;
    gap: 14px;
    justify-content: left;
    padding-bottom: 15px;
    padding-right: 15px;
  }
  .spa-wellness-nav-doc li {
    width: auto;
    flex: 0 0 auto;
    padding: 0px 10px;
  }
  .spa-wellness-nav-doc li a {
    font-size: 14px;
  }
  .spa-wellness-slider {
    bottom: 25px;
  }

  .spa-well-carousel-list {
    padding-top: 0px !important;
  }

  .favourites-section-left img {
    height: auto;
  }
  #spa-hours-section {
    padding: 5px 0px 10px;
  }
  #spa-wellness-section p {
    width: 100%;
    font-size: 14px;
        line-height: 1.4;
  }
  #spa-hours-section h2 {
    font-size: 25px;
    padding: 10px 0px 20px;
  }
  .spa-hours-doc {
    width: 100%;
    /* flex-direction: column; */
    gap: 0px;
  }
  .spa-hours-left h3 {
    font-size: 16px;
    padding: 10px 0px;
  }

  .spa-hours-right {
    padding: 10px 0px;
  }
  .spa-hours-right p {
    font-size: 16px;
    text-align: right;
  }

  #favourites-section {
    width: 100%;
  }
  #favourites-section h2 {
    font-size: 25px;
    padding: 10px 0px 10px;
  }
  .favourites-section-doc {
    width: 100%;
    flex-direction: column;
    gap: 20px;
    margin: 20px 0px 40px;
  }
  #wellness-services-section ul {
    width: 100%;
    gap: 15px;
    padding-top: 20px;
  }
  .favourites-section-left {
    width: 100%;
  }
  .favourites-section-right {
    width: 100%;
  }
  .favourites-section-right h3 {
    width: 100%;
    font-size: 20px;
    padding-left: 0%;
  }
  .favourites-section-right p {
    width: 100%;
    font-size: 14px;
    margin: 20px 0px 20px;
    padding-left: 0%;
  }
  .favourites-section-right a {
    font-size: 14px;
  }

  #spa-services-section {
    width: 100%;
  }
  #spa-services-section h2 {
    font-size: 25px;
    padding: 10px 0px 20px;
  }
  #spa-services-section li {
    width: 100%;
  }
  #spa-services-section li h3 {
    font-size: 16px;
  }
  #wellness-services-section {
    width: 100%;
    padding: 10px 0px 40px;
  }
  #wellness-services-section h2 {
    font-size: 25px;
    padding: 10px 0px 20px;
  }
  #wellness-services-section li {
    width: 100%;
  }
  #wellness-services-section li h3 {
    font-size: 16px;
    padding: 23px 40px 10px 0px;
  }
  #relaxation-experiences h2 {
    font-size: 25px;
  }
  #relaxation-experiences h4 {
    width: 100%;
  }

  .relaxation-experiences-box {
    width: 100%;
  }
  .relaxation-experiences-textdoc {
    width: 100%;
    padding: 0px 20px 0px;
  }
  .relaxation-experiences-textdoc h3 {
    font-size: 20px;
  }
  .relaxation-experiences-textdoc p {
    font-size: 16px;
  }
  #wellness-services-section li img {
    top: 26px;
  }

  .relaxation-experiences-box1 {
    width: 100%;
    flex-direction: column;
    gap: 20px;
  }
  .relaxation-experiences-box1 img {
    width: 100%;
  }
  .relaxation-experiences-textdoc-1 {
    width: 100%;
    padding: 0px 20px 0px;
  }
  .relaxation-experiences-textdoc-1 h3 {
    font-size: 20px;
  }
  .relaxation-experiences-textdoc-1 p {
    font-size: 16px;
  }

  .relaxation-experiences-box2 {
    width: 100%;
    flex-direction: column;
    gap: 20px;
  }
  .relaxation-experiences-box2 img {
    width: 100%;
  }
  .relaxation-experiences-textdoc-2 {
    width: 100%;
    padding: 0px 20px 0px;
  }
  .relaxation-experiences-textdoc-2 h3 {
    font-size: 20px;
  }
  .relaxation-experiences-textdoc-2 p {
    font-size: 16px;
  }

  .personalized-experience-spa {
    width: 90%;
    padding: 20px;
    flex-direction: column;
    gap: 20px;
  }
  .personalized-experience-spa p {
    width: 100%;
    text-align: center;
    font-size: 18px;
  }
  #spa-wellness-section {
    padding: 60px 0px 30px;
  }
  #wellness-services-section h2::after {
    border-top: 2px solid;
    bottom: 9px;
    content: "";
    display: block;
    left: calc(44% - 20px);
    position: absolute;
    width: 81px;
  }
}