* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}



:root {
  --brand-color: rgb(197, 171, 81);
  --tint-firs: rgb(249, 245, 234);
  --tint-second: rgb(246, 0, 0);
  --menu-box-color: rgb(43, 36, 10);
  --text-color-black: rgb(17, 17, 17);
  --text-color-dark-beige: rgb(36, 28, 0);
  --text-color-beige: rgb(53, 42, 4);
  --text-color-gray: rgb(97, 97, 97);
  --text-color-light-gray: rgb(232, 232, 232);
  --terxt-color-white: rgb(252, 252, 252);
  --star-color: rgb(255, 187, 0);
  --backgrond-color: rgb(250, 248, 242);
  --background-boxes: #2b240a;
  --copy-rit-color: #616161;
  --book-now-color: #fcfcfc;
  --border:#E6E6E6;
  --table-upper:#E8E5D9;
  --contact-backgrd:#F4F2ED;
  --check-in-border:#BABABA;
}


:root{
--lucida-writing:lucida-writing;
}



@font-face {
  font-family: "lucida-writing"; /* Name for the font */
  src: url("../lucida-writing/lucidahandwriting_italic.ttf");
}



header {
  position: absolute;

  z-index: 1000000;
  left: 0;
  right: 0;
  /* margin: 0 auto; */
}

.navbar-brand {
  margin-right: 20px; /* Adjust the value as needed */
}

.navbar-nav .nav-item:first-child .nav-link {
  margin-left: 50px; /* Adjust the value as needed */
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='black' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

/* Add gap between all navbar items */
.navbar-nav .nav-item {
  margin-right: 5px; /* Adjust this value as needed */
}

/* Remove margin from the last navbar item to avoid extra space */
.navbar-nav .nav-item:last-child {
  margin-right: 0;
}

.header-section .nav-link.active {
  color: var(--brand-color);
}

.header-section.nav-link .dropdown:hover {
  display: block;
}

.header-section .nav-link {
  color: var(--terxt-color-white);
}

.header-section .dropdown-menu .dropdown-item {
  color: var(--text-color-black);
}

.header-section .dropdown-menu .dropdown-item:hover {
  background: var(--brand-color);
}

.navbar-home-topic {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  
 
}



.navbar-about-topic {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;

  font-size: 18px;
  padding-left: 20px;
}



.header-section a.nav-link.dropdown-toggle.show {
  color: var(--brand-color);
}

.book-now-link-home-page {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 12px;
  padding-bottom: 12px;

  display: inline-block;
  color: var(--terxt-color-white);
  background: var(--brand-color);
}

.border-line-header {
  border: 1px solid var(--brand-color);
  width: 100%;
  opacity: 0.3;
}

.hotel-logo-img {
  width: 200px;
  height: 100px;
  object-fit: cover;
  object-position: center;
}

.dropdown:hover .dropdown-menu {
  display: block !important;
}

.border-line-other-page {
  border: 1px solid var(--text-color-gray);
  opacity: 0.3;
}

/* header */

.home-page-header-slide-img {
  width: 100%;
  height: 900px;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.gray-box {
  width: 100%;
  height: 100%;
  background-color: rgba(3, 3, 3, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}

.EXPERIENCE-MERIDIAN-ROYAL-HOSPITALITY {
  font-family: "Lora", serif;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;

  color: var(--tint-firs);
  text-align: center;
  margin-top: 285px;
}

.All-Inclusive-Exclusive {
  font-family: "Playfair Display", serif;
  margin-top: 10px;
  font-size: 100px;
  font-weight: 500;
  font-style: normal;
  color: var(--tint-firs);
  text-align: center;
}

.Discover-More {
  display: inline-block;
  margin-top: 50px;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 18px;
  padding-bottom: 18px;
  font-family: "Lora", serif;
  background: var(--brand-color);
  font-weight: 500;
  font-style: normal;
  color: var(--tint-firs);
}

.carousel-indicators-change {
  display: flex;
  justify-content: flex-start;
  top: 780px;

  width: 150px;
  position: absolute;
}

.banner .container {
  position: relative;
  z-index: 1000000;
 
}

.banner .swiper-button-prev,
.banner .swiper-button-next {
  position: absolute;
  top: -180px;
  left: auto;
  right: 0;
 background-color: transparent;
 border: 2px solid var(--terxt-color-white);
  width: 50px;
  height: 50px;
 
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 20px;
}

.banner .swiper-button-prev {
  right: 70px;
}

.banner .swiper-button-next:after,
.banner .swiper-button-prev:after {
  scale: 0.4;
}

.prev-button-home-header {
  width: 50px;
  height: 50px;
  border: 2px solid var(--terxt-color-white);
}





/* header-slide-img-part */

.resitration-section {
  position: relative;
  margin-top: -70px;
  z-index: 99;
}

.registration-container-background {
  background: var(--brand-color);
  color: var(--terxt-color-white);
  padding: 40px 0;


}

.cbx-content {
  font-family: "Lora", serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
}

.checkin-box {
  width: 20%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 0 50px;
}

.checkin-box::after {
  content: "";
  width: 1px;
  height: 50px;
  background-color: #e1d3a6;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.checkin-box:last-child::after {
  display: none;
}

.checkin-box:nth-last-child(2)::after {
  display: none;
}

.checkin-box button {
  color: var(--terxt-color-white);
  background-color: transparent;
  border: none;
  font-family: "Lora", serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
}

.datepicker {
  width: 80px;
}

.calender {
  padding-left: 10px;
  font-size: 25px;
}

.book-now-resgitser {
  font-family: "Lora", serif;
  font-weight: 100;
  font-style: normal;
  justify-content: center;
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
 margin-left: 40px;
  color: var(--terxt-color-white);
  border: 3px solid var(--terxt-color-white);
}

/* slider-section */

.hotel-picture-container {
  padding-top: 200px;
  background: var(--backgrond-color);
  margin-top: -130px;
  padding-bottom: 80px;
 
}

.find-the-perfect {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 400px;
  font-style: normal;
  text-align: center;
  font-size: 42px;
  padding-bottom: 10px;
}
/* 
find-the-perfect */

.From-cozy {
  font-family: "Lora", serif;

  font-weight: 400;
  font-style: normal;
  color: var(--text-color-gray);
  text-align: center;
  font-size: 18px;
  padding-bottom: 10px;
}
/* 
From-cozy */

.Deluxe-Family-Room-pics {
  width: 100%;
  height: 274px;
  background-position: center;
  background-size: cover;
  position: relative;
}

.discounted-rate-of-hotel-box {
  display: flex;
  justify-content: end;
}

.discounted-rate-of-hotel {
  display: inline-block;
  font-size: 12px;
  font-family: "Poppins", serif;
  font-weight: 500;
  font-style: normal;
  color: var(--terxt-color-white);
  background: var(--tint-second);
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;

  top: 20px;
  right: 15px;
}

.deluxe-family-room-intro {
  
  background-color: var(--terxt-color-white);
  position: relative;

  padding: 20px;
 
}

.rating {
  display: flex;
  color: var(--star-color);
  font-size: 20px;
  gap: 10px;
  
}

.Luxury-para {
  font-family: "Lora", serif;
  padding-top: 5px;
  font-weight: 400;
  font-style: normal;
  color: var(--text-color-gray);
font-size: 16px;
 
 

}

.deluxe-family {
  font-family: "Playfair Display", serif;
 margin-top: -10px;

  font-style: normal;
  color: var(--text-color-black);

  font-size: 24px;
 
}

.price {
  display: flex;
  gap: 10px;
}

.dollar-eighty-four {
  font-family: "Lora", serif;
  color: var(--text-color-black);
  font-weight: 400;
  font-style: normal;
}

.dicount-price {
  color: var(--brand-color);
  font-family: "Playfair Display", serif;
  font-style: normal;
}

.per-night {
  color: var(--text-color-gray);
  margin-left: -10px;
  margin-top: 3px;
}

.bed-size {
  display: flex;
  justify-content: space-between;
  background: var(--tint-firs);
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.size-of-bed {
  color: var(--brand-color);
  display: flex;
  gap: 12px;
}

.bed {
  width: 24px;
  height: 24px;
  object-fit: cover;
  object-position: center;
  color: var(--brand-color);
}

.number-bed {
  font-family: "Lora", serif;

  font-weight: 400;
  font-style: normal;

  font-size: 14px;
}

.number-of-people {
  color: var(--brand-color);
  display: flex;
  gap: 10px;
}

.view-all {
  background: var(--brand-color);
  color: var(--terxt-color-white);
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 50px;
  padding-right: 50px;
  display: inline-block;
  margin-top: 30px;
  font-size: 16px;
  font-family: "Lora", serif;

  font-weight: 400;
  font-style: normal;
}



.for-padding-zero{
padding: 5px;

  margin: 0;

}


/* hotel-picture-container */

.experience-the-essence-section {
 overflow: hidden;
  padding-top: 70px;
  padding-bottom: 40px;
  background: var(--text-color-dark-beige);

}

.Experience-the-Essence-letter {
  color: var(--terxt-color-white);
  font-size: 45px;
  font-family: "Playfair Display", serif;
  font-style: normal;
}

.image-hotel-gr {
  width: 100%;
  height: 540px;
  object-fit: cover;
  object-position: center;
  margin: 0;
  padding: 0;

}

.We-strive {
 
  padding-top: 30px;
  color: var(--text-color-light-gray);
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
}

.High-quality-box {
  padding-top: 20px;
  display: flex;
  gap: 20px;
  color: var(--text-color-light-gray);
}

.High-quality-letter {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: var(--text-color-light-gray);
}

.correct {
  object-fit: cover;
  object-position: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}

.Attention-box {
  padding-top: 10px;
  display: flex;
  gap: 20px;
  color: var(--text-color-light-gray);
}

.discover-more-box-essence {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  background: var(--brand-color);
  color: var(--terxt-color-white);
  display: inline-block;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: 20px;
  margin-top: 30px;
}

.logo-of-essence-sec {
  margin-top: -580px;
  width: 160px;
  height: 160px;
  position: absolute;

  background: var(--text-color-dark-beige);
}

.Essence-sec-img {
  width: 100%;
  height: 580px;
}

.Four-five-hundred-box {
  background: var(--background-boxes);
  margin-top: 10px;
  padding-top: 20px;
  padding-bottom: 10px;
}

.three-hundred-box {
  background: var(--background-boxes);
  margin-top: 10px;

  padding-top: 20px;
  padding-bottom: 10px;
}

.three-hundred-deci {
  text-align: center;

  font-family: "Playfair", serif;
  font-size: 52px;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  color: var(--terxt-color-white);
}

.three-hundred-deci-sent {
  display: flex;
  justify-content: center;
}

.plus-sign {
  font-family: "Playfair", serif;
  font-size: 52px;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  color: var(--terxt-color-white);
}

.luxury-room-word {
  color: var(--terxt-color-white);
  font-family: "Lora", serif;
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  font-style: normal;
}

.for-padding-img {
  padding: 0;
  margin: 0;
}

/* Experience the Essence of Luxury Living with Us section */

.Top-Notch-background {
  background: var(--backgrond-color);
  padding-top: 80px;
  padding-bottom: 80px;
}

.Top-Notch-topic {
  font-family: "Playfair", serif;

  font-style: normal;

  font-size: 50px;
color: var(--text-color-black);
  text-align: center;
  font-weight: 500;
  padding-bottom: 10px;
}

.Redefining-topic {
  color: var(--text-color-gray);
  text-align: center;
  font-size: 18px;
  font-family: "Lora", serif;
  font-weight: 400;
  font-style: normal;
  margin-top: -10px;
}

.fitness-center-img-home-page {
  width: 100%;
  height: 282px;
  object-fit: cover;
  object-position: center;

}

.fitness-box {
  background-color: var(--terxt-color-white);

  padding: 20px;
  width: 100%;
  height: 230px;
}

.fitness-center {
  color: var(--text-color-black);
  font-family: "Playfair Display", serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400px;
}

.Equipped-para {
  padding-top: 10px;
  color: var(--text-color-gray);
  font-size: 18px;
  font-family: "Lora", serif;
  font-weight: 400;
  font-style: normal;
}

/* .view-box {
  padding-top: 20px;
  font-style: normal;
  font-family: "Lora", serif;

  display: flex;
  gap: 10px;
  color: var(--brand-color);
  align-items: baseline;
  text-align: center;
 
  

} */




.view-box {
  display: flex;
 
  justify-content: center; /* Centers content horizontally */
  gap: 8px;
  
  color:var(--brand-color);
 
 
  
 
 font-size: 16px;
  width: fit-content;
  font-style: normal;
  font-family: "Lora", serif;
  
  padding-top: 20px;
}





.arrow-rit {
  font-size: 16px; /* Adjust icon size */
  display: flex;
  padding-top: 5px;
  justify-content: center;
  transition: transform 0.2s ease-in-out;
}

.view-box:hover .arrow-rit {
  transform: translateX(3px);
}



.view-box-swim {
  padding-top: 40px;
  display: flex;
 
  justify-content: center; /* Centers content horizontally */
  gap: 8px;
  
  color:var(--brand-color);
 
 
  
 
 font-size: 16px;
  width: fit-content;
  font-style: normal;
  font-family: "Lora", serif;
}

.view-box-spa {
  padding-top: 40px;
  display: flex;
 
  justify-content: center; /* Centers content horizontally */
  gap: 8px;
  
  color:var(--brand-color);
 
 
  
 
 font-size: 16px;
  width: fit-content;
  font-style: normal;
  font-family: "Lora", serif;
}

.view-box-wifi {
  padding-top: 20px;
  display: flex;
 
  justify-content: center; /* Centers content horizontally */
  gap: 8px;
  
  color:var(--brand-color);
 
 
  
 
 font-size: 16px;
  width: fit-content;
  font-style: normal;
  font-family: "Lora", serif;
}

.view-box-sec {
  padding-top: 40px;
  display: flex;
  justify-content: center; /* Centers content horizontally */
  gap: 8px; 
  color:var(--brand-color);
 font-size: 16px;
  width: fit-content;
  font-style: normal;
  font-family: "Lora", serif;
}

/* Top-Notch Facilities for Your Comfort */

.Showcasing-Our-History {
  background: var(--text-color-dark-beige);
  padding-top: 50px;
  padding-bottom: 50px;
}

.Showcasing-Our-History {
  font-family: "Playfair Display", serif;

  font-size: 45px;
  font-style: normal;
  text-align: center;
  color: var(--terxt-color-white);
}

.events-lists {
  display: flex;
  color: var(--terxt-color-white);
  gap: 20px;
  justify-content: center;
  font-family: "Lora", serif;
font-size: 19px;
  font-weight: 400;
  font-style: normal;
}


.swipper-one-img {
  width: 100%;

  height: 480px;
  object-fit: cover;
  object-position: center;
}

.swiper-img-para {
  z-index: 9;

  margin-top: -70px;
  position: absolute;

  background: rgba(46, 45, 45, 0.2);
}

.Annual-Business-Summit {
  font-family: "Playfair Display", serif;
 
  font-weight: 400;
  font-style: normal;
  width: 350px;
  opacity: 1;
 
  margin-left: -20px;
font-size: 24px;
  color: var(--terxt-color-white);
}

.Aug-date {
  font-family: "Lora", serif;
 
  font-weight: 400;
  font-style: normal;

  opacity: 1;
  font-size: 16px;
  width: 150px;
  color: var(--terxt-color-white);
  margin-left: -10px;
}

.Gala-Dinner-Night {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  width: 350px;
  opacity: 1;
 
  margin-left: -60px;
  font-size: 24px;

  color: var(--terxt-color-white);
}

.Gala-Dinner-Night-res {
  margin-left: -160px;
}

.swipper-desk-one .swiper-button-prev {
  width: 50px;
  height: 50px;
  left: 20px;
  color: var(--terxt-color-white);
  background: var(--text-color-dark-beige);
}

.swipper-desk-one .swiper-button-next {
  width: 50px;
  height: 50px;
right: 20px;
  color: var(--terxt-color-white);
  background: var(--text-color-dark-beige);
}

.swipper-desk-one .swiper-button-prev::after{
  font-size: 20px;
}

.swipper-desk-one .swiper-button-next::after{
  font-size: 20px;
}



.all-events{
  font-family: "Lora", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  position: relative; /* Ensures ::after is positioned relative to this */
  display: inline-block; /* Prevents full-width stretching */
  cursor: pointer; /* Makes it clear it's interactive */
}

.all-events::after {
  content: "";
  position: absolute;
  width: 0px;  /* Small initial width (cursor-like) */
  height: 4px;  /* Thickness of the underline */
  background: var(--brand-color);
  left: 0%;  /* Center it initially */
  bottom: -10px;  /* Adjust this to position it right below */
  /* Ensure it starts centered */
  transition: width 0.3s ease-in-out;
}

.all-events:hover::after {
  width: 100%; /* Expands to full width on hover */
}

/* Showcasing-Our-History section  */

.Exclusive-Offers {
  background: var(--backgrond-color);
  padding-top: 80px;
  padding-bottom: 80px;
 

}

.Exclusive-Offers-Just-for-You {
 
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 45px;
  
  text-align: center;
  color: var(--text-color-black);
  padding-bottom: 10px;
}

.Discover-special {
  font-family: "Lora", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  color: var(--text-color-gray);
  font-size: 19px;
  padding-bottom: 10px;
}


.csrswiper .swiper-button-prev:after {
  font-size: 20px;
}

.csrswiper .swiper-button-next:after {
  font-size: 20px;
}

.csrswiper .swiper-button-prev {
  border: 2px solid var(--brand-color);
  background: var(--tint-firs);
  color: var(--brand-color);
  height: 60px;
  width: 50px;
  left: -40px;
}

.csrswiper .swiper-button-next {
  border: 2px solid var(--brand-color);
  background: var(--tint-firs);
  color: var(--brand-color);
  height: 60px;
  width: 50px;
  right: -40px;
}

.mySwiperfour .swiper-button-prev {
  border: 2px solid var(--brand-color);
  background: var(--tint-firs);
  color: var(--brand-color);
}

.mySwiperfour .swiper-button-next {
  border: 2px solid var(--brand-color);
  background: var(--tint-firs);
  color: var(--brand-color);
}



.hoter-picture-swipper {
  padding: 14px;
}

.csrswiper {
  position: relative;
}

.number-bed-swipper {
  font-family: "Lora", serif;

  font-weight: 400;
  font-style: normal;

  font-size: 14px;
}

/* Exclusive Offers Just for You */

/* What Our Guests Are Saying */
.Insights-and-Inspirations-backgr {
  background: rgb(250, 248, 242);
  padding-bottom: 80px;
  padding-top: 80px;
}

.Insights-and-Inspirations-for-Your-Next-Stay {

  font-family: "Playfair Display", serif;
 
  font-weight: 400;
  font-style: normal;
  font-weight: 500;
  font-size: 42px;
 
  text-align: center;
  color: var(--text-color-black);
}

.Get-inspired-with {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
 font-size: 19px;

  text-align: center;
  color: var(--text-color-gray);
}

.top-tip-img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  object-position: center;
}

.date-top-tip {
  font-family: "Lora", serif;
 
  font-weight: 400;
  font-style: normal;

  margin-top: 10px;
  font-size: 14px;
  text-align: center;
  color: var(--text-color-gray);
}

.Top-Tips-for-a-Perfect {
  font-family: "Playfair Display", serif;

  margin-top: 10px;
  font-size: 24px;
  font-style: normal;
  text-align: center;
  color: var(--text-color-black);
}

.read-more-box-top-tip {
  font-family: "Lora", serif;
  color: var(--brand-color);
  display: flex;
  justify-content: center;
  gap: 20px;

  font-weight: 700;
  font-size: 16px;
  margin-top: 50px;
}

.Top-Tips-for-a-Perfect-box {
  height: 230px;
}

.read-more-box-top-tip-box {
  font-family: "Lora", serif;
  color: var(--brand-color);
  display: flex;
  gap: 20px;

  justify-content: center;
  margin-top: 20px;
}

.view-all-box-insights {
  background: var(--brand-color);
  color: var(--terxt-color-white);
  font-family: "Lora", serif;
  
  font-weight: 400;
  font-style: normal;
  text-align: center;
  width: 150px;
  height: 50px;
  font-size: 16px;
  padding: 15px;
  margin-top: 60px;
}

.view-all-box-insights-box {
  justify-items: center;
}

/* Insights and Inspirations for Your Next Stay */

.get-off-offer-section {
  display: flex;
  position: relative;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 650px;
}

.shape-img {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  width: 100%;
  height: 670px;
}

.offer-box-tranparent {
  width: 100%;
  height: 100%;
  background-color: rgba(17, 16, 16, 0.2);
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  text-align: center;
}

.Weekend-Special {
  text-align: center;
  color: var(--terxt-color-white);
  font-family: var(--lucida-writing);
  font-size: 36px;
  font-weight: 600px;
  font-style: italic;

  margin-top: 135px;
}

.Get-Up-To-offer {
  font-family: "Playfair Display", serif;
  font-size: 80px;
  font-weight: 700;
  font-style: normal;
  text-align: center;

  color: var(--terxt-color-white);
}

.book-now-box-offer {
  font-family: "Lora", serif;
  font-weight: 500px;
  font-style: normal;
  background: var(--brand-color);
  color: var(--terxt-color-white);

  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 16px;

  display: inline-block;
  margin-top: 50px;
}

/* Get Up To 30% Off on Booking */

.footer-img {
  width: 100%;
  height: 600px;
  background-position: center top;
  background-size: cover;
}

.background-color-of-footer {
  background: var(--text-color-dark-beige);
  width: 100%;
  height: 600px;
  position: relative;
  opacity: 0.98;
  padding-bottom: 400px;
}

.footer-logo-img {
  width: auto;
  height: 80px;
}

.upper-part {
  padding-top: 20px;
  border-bottom: 1px solid var(--text-color-gray);
  padding-bottom: 20px;
}

.icon-collection {
  display: flex;
  gap: 10px;
  color: var(--terxt-color-white);
  justify-content: flex-end;
}

.twitter-logo {
  color: var(--terxt-color-white);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  font-size: 17px;
  padding: 15px;

  background-color: rgb(43, 36, 10);
  border: 1px solid var(--text-color-dark-beige);
}

/* footer-first-row */

.sign-up {
  color: var(--terxt-color-white);
  font-family: "Lora", serif;
  font-size: 18px;
  font-weight: 600px;
  font-style: normal;
  padding-bottom: 20px;
}

.form-floating {
  position: relative; /* Allows absolute positioning of the icon inside the container */
}

.form-control-sign-up {
  height: 65px !important;
  border-radius: 0;
  padding-right: 60px; /* Space for the icon */
}

.telegram-icon-box {
  background: var(--text-color-dark-beige);
  color: var(--terxt-color-white);
  width: 55px;
  height: 55px;
  position: absolute;
  right: 10px; /* Position icon at the right */
  top: 50%; /* Center it vertically */
  transform: translateY(-50%); /* Fine-tune vertical alignment */
  display: flex;
  justify-content: center;
  align-items: center;
}

.telegram-icon-size {
  width: 19px;
  height: 19px;
}

.Enter-email-address {
  font-family: "Lora", serif;
  font-weight: 400;
  font-size: 16px;
  text-align: left;
  margin-top: 5px;
  margin-left: 10px;
  display: block;
}

.Copyright-comp {
  color: var(--copy-rit-color);
  font-family: "Lora", serif;
  font-weight: 400px;
  font-style: normal;
}

/* Sign up for Exclusive Offers */

.Quick-links {
  color: var(--terxt-color-white);
  font-family: "Lora", serif;
  font-size: 18px;
  font-weight: 400px;
  font-style: normal;
  list-style: none;
  padding-bottom: 10px;
}

.Quick-links-col {
  list-style: none;
  margin-left: -25px;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.home-quicks-link {
  font-family: "Lora", serif;
  font-size: 16px;
  font-weight: 400px;
  font-style: normal;
  list-style: none;

  color: var(--terxt-color-white);
  line-height: 40px;
}

/* Quick-links-div */

.contents-vedio {
  margin-top: 40px;
  color: var(--text-color-light-gray);
  list-style: none;
}

.contents-vedio-list {
  margin-left: -30px;

  font-family: "Lora", serif;
  font-size: 16px;
  font-weight: 400px;
  font-style: normal;
  list-style: none;
  color: var(--terxt-color-white);
  line-height: 40px;
}

/* contents-vedio  */

.Get-in-Touch {
  color: var(--terxt-color-white);
  font-family: "Lora", serif;
  font-size: 18px;
  font-weight: 600px;
  font-style: normal;
  line-height: 23px;
}

.location-intro {
  display: flex;
  gap: 10px;
  color: var(--terxt-color-white);

  margin-top: 20px;
}

.company-email {
  display: flex;
  gap: 10px;
  color: var(--terxt-color-white);
}

.contact-number-footer {
  font-family: "Lora", serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 25px;
}

/* Get-in-Touch col  */
/* footer of home page css  */

/* slide-of-about-nav-part */

.background-image-of-about-slide-box {
  width: 100%;
  height: 500px;
  overflow: hidden;
  position: relative;
}

.background-image-of-about-slide {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

/* Indulge-in-the-Luxury-You-Deserve-section */

.Indulge-in-the-Luxury-You-Deserve-section {
  background: var(--terxt-color-white);
  padding-top: 70px;
  padding-bottom: 70px;
}

.Indulge-in-the-Luxury-You-Deserve {
  color: var(--text-color-black);
  font-family: "Playfair Display", serif;
  font-size: 42px;
  font-weight: 500;
  font-style: normal;
}

.Indulge-img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: center;
}

.Indulge-in-the-Luxury-1st-part {
  display: flex;
  margin-top: 40px;
  color: var(--text-color-gray);
  gap: 40px;
}

.Located-at-seaside {
  color: var(--text-color-gray);
  font-family: "Lora", serif;
  font-size: 19px;
  font-weight: 400;
  font-style: normal;
  padding-left: 20px;
}

.Indulge-in-the-Luxury-2nd-part {
  border-left: 3px solid var(--text-color-black);
  width: 70%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.Indulge-in-the-Luxury-2nd-part{
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  width: 60%;

}

.A-place-that-offers {
  color: var(--text-color-gray);
  font-family: "Lora", serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  padding-left: 20px;
 
}

.Leonardo-P {
  font-family: "Lora", serif;
  font-weight: 400;
  font-style: normal;
  padding-left: 20px;
  font-size: 19px;
}

.Hotel-Manager {
  color: var(--text-color-gray);
  font-family: "Lora", serif;
  font-weight: 400;
  font-style: normal;
  padding-left: 20px;
  font-size: 14px;
}

.couple-img {
  width: 100%;
  height: 700px;
  object-fit: cover;
  object-position: center;
}

.your-top-priority-logo {
  width: 180px;
  height: 200px;
  object-fit: cover;
  object-position: center;
  position: relative;
  margin-left: -120px;
  margin-top: -250px;
}

/* Indulge-in-the-Luxury-You-Deserve-section  */

.Our-Purpose-and-Principles-section {
  background: var(--text-color-dark-beige);
  padding-top: 80px;
  padding-bottom: 80px;
}

.Our-Purpose-and-Principles-img {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  position: relative;
}

.play-icon-box {
  width: 100%;
  height: 100%;
background: rgba(35, 34, 34,0.2);
  display: flex;
  justify-content: center;
  align-items: center;
}

.play-icon {
  color: var(--terxt-color-white);
  font-size: 90px;
}

.Our-Purpose-and-Principles-box {
  padding-left: 40px;
  padding-top: 20px;
}

.Our-Purpose-and-Principles {
  color: var(--terxt-color-white);
  font-family: "Playfair Display", serif;
  font-size: 42px;
  font-weight: 500;
  font-style: normal;
}

.Step-into {
  color: var(--text-color-light-gray);
  font-family: "Lora", serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
}

.Book-Now-our-purpose {
  color: var(--terxt-color-white);
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  font-family: "Lora", serif;
  font-weight: 500;
  font-style: normal;
  background: var(--brand-color);
  text-align: center;
  display: inline-block;
  margin-top: 20px;
}

/* Our Purpose and Principles section */
.Meet-Our-Leadership-Team-section {
  background: var(--backgrond-color);
  padding-top: 80px;
  padding-bottom: 80px;
}

.Meet-Our-Leadership-Team {
  color: var(--text-color-black);
  font-size: 42px;
  font-family: "Playfair Display", serif;
  text-align: center;
  font-weight: 500;
  font-style: normal;
  padding-bottom: 10px;
}

.Meet-the-Visionaries-Behind-para {
  color: var(--text-color-gray);
  font-size: 18px;
  font-family: "Lora", serif;
  text-align: center;
  font-weight: 400;
  font-style: normal;
}

.women-in-blue-shirt-img-box {
  width: 100%;
  height: 500px;
  background-position: center;
  background-size: cover;
  position: relative;
}

.Dianne-Russell {
  color: var(--terxt-color-white);
  font-family: "Playfair Display", serif;
  text-align: left;
  padding-left: 20px;
  font-weight: 500;
  font-style: normal;
  font-size: 25px;
  margin-top: 400px;
  position: relative;
  background-color: rgba(70, 68, 68, 0.2);
  display: inline-flex;
}

.ceo-word {
  color: var(--terxt-color-white);
  font-family: "Lora", serif;
  text-align: left;
  font-weight: 400;
  font-style: normal;
  padding-left: 22px;
  font-size: 20px;
  background-color: rgba(70, 68, 68, 0.2);
  display: inline-block;
}

.image-box {
  background: rgba(34, 34, 34, 0.2);
  position: absolute;
  width: 100%;
  height: 100%;
}

/* 
Meet Our Leadership Team */
.What-Our-Guests-Are-Saying-about-section {
  background: var(--text-color-dark-beige);
  padding: 30px;
}

.What-Our-Guests-about-img {
  width: 100%;
  height: 600px;
  background-position: center;
  background-size: cover;
}

.margin-padding-guest-col {
  padding: 0;
  margin: 0;
}

.What-Our-Guests-Are-Saying-about-pg {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 45px;
  color: var(--terxt-color-white);
  padding-bottom: 15px;
}

.Hear-from-our-guests-about {
  color: var(--text-color-light-gray);
  font-family: "Lora", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
}

.star-abt-pag {
  color: var(--star-color);
  font-size: 20px;
  padding-top: 40px;
  display: flex;
  gap: 10px;
  padding-bottom: 15px;
}

.Trust-Score-abt-pag {
  color: var(--text-color-light-gray);
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  
}

.What-Our-Guests-Are-Saying-about-pg-col {
  padding: 60px;
}


.What-Our-Guests-Are-Saying {
  margin-top: 100px;
  font-family: "Playfair Display", serif;
  font-size: 45px;
  font-style: normal;
  text-align: center;
  color: var(--terxt-color-white);
}



.rating-of-what-guests-says {
  display: flex;
  color: var(--star-color);
  font-size: 20px;
  gap: 10px;
  margin-left: 70px;
  margin-top: 40px;
}

.Trust-Score {
  font-family: "Playfair Display", serif;
  margin-left: 70px;
  margin-top: 10px;
  font-size: 16px;
  font-style: normal;
  color: var(--terxt-color-white);
}

.swimming-pool-scene-img-box-top-slider {
  z-index: 9;
  width: 650px;
  height: 300px;
  position: relative;
  margin-top: -460px;
  margin-left: 120px;
}

.swipper-slider-box-one {
  z-index: 999;

  border: 5px solid var(--text-color-black);
  padding: 20px;
  background: var(--terxt-color-white);
}

.rating-of-kevin {
  display: flex;
  color: var(--star-color);
  font-size: 20px;
  gap: 10px;
  
 
}

.Everything-exceeded-para {

  margin-top: 20px;
  font-family: "Lora", serif;
  
  font-weight: 400;
  font-style: normal;

  font-size: 18px;
 

  color: var(--text-color-gray);
}

.line-swipper {
 
  margin-top: 10px;
  border: 1px solid rgba(130, 130, 130,0.2);
  width: 100%;
}

.kelvin-img-box {
  width: 60px;
  height: 60px;
  border: radius 50%;
  overflow: hidden;
}

.kelvin-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.kelvin-intro-box {
  display: flex;
  gap: 30px;
  margin-top: 20px;
  
}

.Kevin-Martin {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;

 

  color: var(--text-color-black);
}

.Baker {
  font-family: "Lora", serif;
 font-size: 14px;
  font-weight: 400;
  font-style: normal;

  font-style: normal;

  color: var(--text-color-gray);
}

.swipper-slider-box-two {
  border: 5px solid var(--text-color-black);
  padding: 20px;
  background: var(--terxt-color-white);
}

.line-swipper-two {
  margin-top: 30px;
  border: 1px solid rgba(130, 130, 130,0.2);
  width: 100%;
}


/* col-lg-6 of what our guest say */

.swimming-pool-scene-img-box-top-slider-about-page {
  z-index: 9;
  width: 650px;
  height: 300px;
  position: relative;
  margin-top: -440px;
  margin-left: -100px;
}

.What-Our-Guests-section {
  position: relative;
  background: var(--text-color-dark-beige);
}

.next-prev-button {
  position: relative;
  width: 130px;
  height: 80px;
  margin-top: 70px;

}

.next-prev-button .swiper-button-next {
  border: 2px solid var(--brand-color);
  color: var(--brand-color);
  width: 50px;
  height: 60px;
}

.next-prev-button .swiper-button-prev {
  border: 2px solid var(--brand-color);
  color: var(--brand-color);
  width: 50px;
  height: 60px;
}

.next-prev-button .swiper-button-next::after{
  font-size: 20px;
}

.next-prev-button .swiper-button-prev::after{
  font-size: 20px;
}

.guest-say-section {
  position: relative;
  height: 580px;
}


/* What-Our-Guests-Are-Saying-about-section */

.We-Create-The-Art-Best-Hotel-Gallery-about-page-section {
  background: var(--tint-firs);
  padding-top: 80px;
}

.We-Create-The-Art-Best-Hotel-Gallery {
  color: var(--text-color-black);
  text-align: center;
  font-family: "Playfair Display", serif;
  font-size: 42px;
  font-weight: 500;
  font-style: normal;
}

.Explore-Our-Curated-Collection {
  color: var(--text-color-gray);
  font-family: "Lora", serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  text-align: center;
}

.top-padding-row {
  padding-top: 40px;
}

.picture-album {
  width: 100%;
  height: 420px;
  object-fit: cover;
  object-position: center;
}

.nogap-col {
  margin: 0;
  padding: 0;
}

.five-six-two-room-box {
  padding: 79px;
}

.five-six-two {
  color: var(--brand-color);
  text-align: center;
  font-family: "Playfair Display", serif;
  font-size: 74px;
  font-weight: 700;
  font-style: normal;
}

.five-six-two-room {
  color: var(--text-color-gray);
  font-family: "Lora", serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  text-align: center;
}
/* We-Create-The-Art-Best-Hotel-Gallery-about-page-section */
.background-image-of-service-page {
  width: 100%;
  height: 500px;
  background-position: center;
  background-size: cover;
  position: relative;
}

.black-box {
  width: 100%;
  height: 100%;
  background-color: var(--text-color-dark-beige);
  opacity: 0.4;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}

/* Our-service page */
.navbar-topic-about {
  height: 100px;
  background: transparent;
  border-bottom: 1px solid var(--brand-color);

  position: absolute;
}

.our-service-page-slide-container {
  position: absolute;
}

.who-we-are {
  color: var(--terxt-color-white);
  text-align: center;
  margin-top: 250px;
  font-family: "Playfair Display", serif;
  font-weight: 400;
  font-size: 52px;

  font-style: normal;
}

.home-who-we-are-box {
  display: flex;
  justify-content: center;
  width: 200;
}

.home-link-who-we-are {
  color: var(--terxt-color-white);
  font-family: "Lora", serif;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
}

.who-we-are-word {
  list-style: disc;
  margin-left: 30px;
  color: var(--terxt-color-white);
  font-family: "Lora", serif;
  font-size: 20px;
  font-weight: 200;
  font-style: normal;
}

/* slide-part-of-service-page */

/* navbar-part-of service-page */

.navbar-border-service-page {
  position: absolute;
  border: 1px solid var(--text-color-gray);
  opacity: 0.5;
  width: 100%;
  margin-top: -20px;
}

.navbar-margin {
  margin-left: 150px;
}

.logo-img-of-service-page {
  width: 200px;
  height: 100px;
}

.book-now-abt-service-slide {
  background: var(--brand-color);
  color: var(--terxt-color-white);
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: "Lora", serif;
  text-align: center;
  font-weight: 400;
  font-style: normal;
}
/* header-part */

.Top-Notch-Facilities-for-Your-Comfort-section-of-abt-pg {
  padding-top: 80px;
  padding-bottom: 80px;
  background: var(--text-color-dark-beige);
}

.Top-Notch-Facilities-for-Your-Comfort-of-services-page {
  color: var(--terxt-color-white);
  text-align: center;
  font-family: "Playfair Display", serif;
  font-size: 42px;
  font-weight: 500px;
  font-style: normal;
  padding-bottom: 10px;
}

.Redefining-Hospitality-with-para {
  color: var(--terxt-color-white);
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
 
  text-align: center;
  padding-bottom: 20px;
}

.img-fitness-center {
  width: 100%;
  height: 284px;
}

.fitness-center-division {
  background: var(--background-boxes);
  height: 210px;
}

.Fitness-Center {
  padding: 20px;
  color: var(--terxt-color-white);

  font-family: "Playfair Display", serif;
 
  font-weight: 400;
  font-style: normal;

  font-size: 24px;
 
}

.Equipped-with-gym-para {
  padding-left: 20px;
  color: var(--terxt-color-white);
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
 
}

.view-more-service-page-fitness-box {
  color: var(--brand-color);
  display: flex;
 align-items: center;
  width: fit-content;
  gap: 20px;
  padding-left: 20px;
  font-family: "Lora", serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  padding-top: 5px;
  padding-bottom: 10px;


}

.arow-rit-service{
  display: flex;
justify-content: center;
padding-bottom: 5px;
font-size: 18px;
}

.view-more-service-page-fitness-box-sec {
  color: var(--brand-color);
  display: flex;
  gap: 20px;

  font-family: "Lora", serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;

  padding: 20px;
  align-items: center;
}
/* Top-Notch Facilities for Your Comfort */
.Make-Your-Stay-Memorable-section {
  background-color: var(--tint-firs);
  padding-top: 80px;
  padding-bottom: 70px;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.Make-Your-Stay-Memorable {
  font-family: "Playfair Display", serif;
  color: var(--text-color-black);
  font-weight: 500;
  font-style: normal;
  text-align: center;
  font-size: 50px;
  padding-bottom: 10px;
}

.Discover-the-Details-That-Set-Us-Apart-and-Create-Unforgettable-Moments {
  font-family: "Lora", serif;
  text-align: center;
  font-weight: 400;
  font-style: normal;
  font-size: 21px;
  color: var(--text-color-gray);
  padding-bottom: 30px;
}

.wifi-col-background {
  background: var(--terxt-color-white);
  padding: 40px;
  height: 320px;
 
 
}

.router-img-box {
  display: flex;
  justify-content: center;
}

.router-icon {
  width: 100px;
  height: 100px;
  object-fit: cover;
  object-position: center;
}

.High-Speed-Wifi {
    color: var(--text-color-black);
  font-family: var(--lugfa-medium);
  font-family: "Lora", serif;
  text-align: center;
  font-weight: 600;
  font-style: bold;
  font-size: 18px;
  padding-top: 20px;
}

.Upgrading-your-bandwidth-is-easy-and-it-can-be-para {
    color: var(--text-color-gray);
  text-align: center;
  font-family: "Lora", serif;
  text-align: center;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  padding-top: 5px;
  padding-bottom: 10px;
}

.breakfast-para {
    color: var(--text-color-gray);
  text-align: center;
  font-family: "Lora", serif;
  text-align: center;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  padding-top: 5px;
  padding-bottom: 30px;
}

/* Make-Your-Stay-Memorable-section */

/* room and suites page */

.hotel-picture-container-room-suites-pg {
  padding-top: 70px;
  background: var(--backgrond-color);
  padding-bottom: 50px;
}

/* hotel-picture-container-room-suites-pg */

.Make-Your-Stay-Memorable-section-room-suite-page {
  background: var(--text-color-dark-beige);
  padding-top: 80px;
  padding-bottom: 80px;
  background-position: center;
  background-size: cover;
}

.Make-Your-Stay-Memorable-room-suite-page {
  font-family: "Playfair Display", serif;
  color: var(--terxt-color-white);
  font-weight: 500;
  font-style: normal;
  text-align: center;
  font-size: 50px;
}

.Discover-the-Details-That-Set-Us-Apart-and-Create-Unforgettable-Moments-room-suite-page {
  font-family: "Lora", serif;
  text-align: center;
  font-weight: 400;
  font-style: normal;
  font-size: 21px;
  color: var(--tint-firs);
}

.wifi-col-background-room-suites {
  background: var(--background-boxes);
  height: 320px;
  padding: 40px;
}

.router-icon-room-suites {
  display: flex;
  font-size: 100px;
  justify-content: center;
  color: var(--terxt-color-white);
}

.High-Speed-Wifi-room-suite {
  color: var(--terxt-color-white);
  font-family: "Playfair Display", serif;
 
  font-weight: 400;
  font-style: normal;
  text-align: center;
  font-size: 18px;
  padding-top: 20px;
}

.Upgrading-your-bandwidth-is-easy-and-it-can-be-para-room-suite {
  color: var(--tint-firs);
  text-align: center;
  font-family: "Lora", serif;
 
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  padding-top: 5px;
  padding-bottom: 10px;
}

.router-icon-room-pg{
  width: 100px;
  height: 100px;
  object-fit: cover;
  object-position: center;
  
    filter: brightness(0) invert(1);
}



/* Make-Your-Stay-Memorable-section-room-suite-page */

/* resturtant-page */

.A-World-of-Flavors-Awaits-section {
  background-color: var(--backgrond-color);
  padding-top: 80px;
  padding-bottom: 80px;
  background-position: center;
  background-size: cover;
}

.A-World-of-Flavors-Awaits-img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  height: 700px;
}

.A-World-of-Flavors-Awaits {
  font-family: "Playfair Display", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 42px;
  color: var(--text-color-black);
  padding: 20px;
}

.A-World-of-Flavors-Awaits-para {
  color: var(--text-color-gray);
  font-family: "Lora", serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  padding: 20px;
}

.Day-Hours {
  font-family: "Playfair Display", serif;
  font-size: 22px;
  font-weight: 500;
  font-style: normal;
  padding-top: 30px;
  padding-left: 20px;
}

.Breakfast-time {
  color: var(--text-color-gray);
  font-size: 18px;
  font-family: "Lora", serif;

  font-weight: 400;
  font-style: normal;
}

.clock-icon {
  width: 24px;
  height: 24px;
  object-fit: cover;
  object-position: center;
}

.time-of-breakfast {
  display: flex;
  gap: 10px;
  padding: 20px;
}
.time-of-lunch {
  display: flex;
  gap: 10px;
  padding-left: 20px;
}

.read-more-a-world-of-Flavors {
  margin-left: 20px;
  margin-top: 40px;
  display: inline-block;
  background: var(--brand-color);
  color: var(--terxt-color-white);
  font-family: "Lora", serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 40px;
  padding-right: 40px;
}

/* A-World-of-Flavors-Awaits-section */
.Restaurant-Menu-section {
  background: var(--text-color-dark-beige);
  padding-top: 80px;
 
}

.Restaurant-Menu {
  font-family: "Playfair Display", serif;
  font-size: 42px;
  font-weight: 500px;
  font-style: normal;
  color: var(--terxt-color-white);
  text-align: center;
  padding-bottom: 10px;
}

.Taste-the-Best-with-Our-Handpicked-Menu-Offerings {
  color: var(--text-color-gray);
  font-family: "Lora", serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  padding-bottom: 10px;
}

.Breakfast-box {
  background: var(--menu-box-color);
  height: 120px;
  width: 140px;
  padding: 30px;
}

.Breakfast-icon {
  color: var(--terxt-color-white);
  font-size: 30px;
  padding-left: 25px;
}

.Breakfast {
  color: var(--terxt-color-white);
  font-family: "Lora", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  padding-top: 10px;
  text-align: center;
}

.Breakfast-box:hover {
  background-color: var(--brand-color);
  color: var(--terxt-color-white);
}

.Appetizers-box {
  background: var(--menu-box-color);
  height: 120px;
  width: 140px;
  padding: 30px;
}

.Appetizers-icon {
  font-size: 30px;
  padding-left: 30px;
}

.Appetizers {
  color: var(--terxt-color-white);
  font-family: "Lora", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 19px;
  padding-top: 10px;
  text-align: center;
}

.Appetizers-box:hover {
  background-color: var(--brand-color);
  color: var(--terxt-color-white);
}

.Burgers-box {
  background: var(--menu-box-color);
  height: 120px;
  width: 140px;
  padding: 30px;
}

.Burgers-icon {
  color: var(--terxt-color-white);
  font-size: 30px;
  padding-left: 25px;
}

.Burgers-box:hover {
  background-color: var(--brand-color);
  color: var(--terxt-color-white);
}

.Salads-box {
  background: var(--menu-box-color);
  height: 120px;
  width: 140px;
  padding: 30px;
}

.Salads-icon {
  color: var(--terxt-color-white);
  font-size: 30px;
  padding-left: 20px;
}

.Salads-box:hover {
  background-color: var(--brand-color);
  color: var(--terxt-color-white);
}

.Seafood-box {
  background: var(--menu-box-color);
  height: 120px;
  width: 140px;
  padding: 30px;
}

.Seafood-icon {
  padding-left: 20px;
}

.Seafood-box:hover {
  background-color: var(--brand-color);
  color: var(--terxt-color-white);
}

.Mains-box {
  background: var(--menu-box-color);
  height: 120px;
  width: 140px;
  padding: 30px;
}

.Mains-icon {
  padding-left: 20px;
}

.Mains-box:hover {
  background-color: var(--brand-color);
  color: var(--terxt-color-white);
}

.background-of-menu-list {
  background: var(--text-color-dark-beige);
  color: var(--terxt-color-white);
  border: 0;
  min-height: 600px;

}







.collapse-slider-container {
  min-height: 600px;
  z-index: 10;
}



.Southern-Fried-Chicken {
  color: var(--terxt-color-white);
  font-family: "Lora", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.Fresh-beware-coffee {
  color: var( --text-color-light-gray);
  font-size: 14px;
  font-family: "Lora", serif;
 
  font-weight: 400;
  font-style: normal;
  margin: 5px 0 0;
 
}

.price-of-southern-fried-chicken {
  
 
  color: var(--brand-color);
  font-family: "Lora", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
}

.doted {
  flex-grow: 1;
  border-bottom: 1px dashed var(--text-color-gray);
  margin-top: 10px;
}
/* Restaurant-Menu-section */

.shape-img-restautant-page {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  width: 100%;
  height: 670px;
  background: rgba(17, 17, 17, 0.2);
}

/* Get Up To 30% Off on Booking */
/* Restaurant-Menu-page-completed */

/* start-hall-page */

.hotel-big-img {
  width: 740px;
  height: 390px;
  object-fit: cover;
  object-position: center;
}

.hotel-img-small {
  width: 140px;
  height: 115px;
  object-fit: cover;
  object-position: center;
  padding: 0px 10px 0px 0px;
}

.hotel-img-small-last {
  width: 140px;
  height: 115px;
  object-fit: cover;
  object-position: center;
  padding: 0px !important ;
}

.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.slick-prev {
  left: 10px;
}

.slick-next {
  right: 10px;
}

.slick-arrow i {
  font-size: 16px;
}

.slick-arrow:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Styling for the big slider (main images) */

/* Styling for the navigation slider (thumbnails) */

/* Styling for prev/next arrow buttons */
.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.slick-prev {
  left: 10px;
}

.slick-next {
  right: 10px;
}

.slick-arrow i {
  font-size: 16px;
}

.slick-arrow:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.small-img {
  margin-top: 20px;
}

.slick-list {
  padding: 0 !important;
}

.Elegant-Event-Hall-section {
  background-color:var(--backgrond-color);
  padding-top: 80px;
  padding-bottom: 80px;
  background-position: center;
  background-size: cover;
}

.Elegant-Event-Hall {
  color: var(--text-color-black);
  font-family: "Playfair Display", serif;
  font-size: 45px;
  font-weight: 500;
  font-style: normal;
  text-align: center;
}

.Elegant-Event-Hall-para {
  font-size: 18px;

  color: var(--text-color-gray);

  padding-top: 10px;

  font-family: "Lora", serif;

  font-weight: 400;
  font-style: normal;
}

.TOTAL-ACCOMMODATIONS {
  color: var(--text-color-black);
  font-size: 17px;
  font-family: "Lora", serif;
  word-spacing: 2px;
  font-weight: 400;
  font-style: normal;
}

.TOTAL-ACCOMMODATIONS-number {
  color: var(--brand-color);
  font-family: "Playfair Display", serif;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 400px;
  font-style: normal;
  font-size: 42px;
}

.TOTAL-ACCOMMODATIONS-box {
  border-bottom: 1px solid var(--brand-color);
  width: 350px;
}

.border-padding {
  padding-top: 30px;
  padding-left: 60px;
}

.TOTAL-AMENITIES-box {
  padding-top: 30px;
  border-bottom: 1px solid var(--brand-color);
  width: 350px;
}

.TOTAL-CONFERENCE-box {
  padding-top: 30px;
}

.TOTAL-CONFERENCE-ROOMS-number {
  color: var(--brand-color);
  font-family: "Playfair Display", serif;
  padding-top: 10px;
  padding-bottom: 20px;
  font-weight: 600px;
  font-style: normal;
  font-size: 42px;
}


.table-responsive{
  padding: 0;

 
 
}

.custom-table {
  width: 100%;
  
   margin: 0;
}


.custom-table th,
.custom-table td { 
  text-align: start;
  padding-left: 20px;
  padding-bottom: 15px;
}

.custom-table td {

  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
font-size: 18px;
  color: var(--text-color-gray);
  padding-top: 20px;
  background-color: var(--backgrond-color);
   border: 1px solid var(--border);
}

.custom-table th {
  
 
  background: var(--table-upper);
  font-weight: normal;

  border-left: 1px solid var(--terxt-color-white);
}

.custom-table th,
.custom-table td {
  padding-top: 20px;
}


.custom-table th{
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  color: var(--text-color-black);
  font-size: 18px;
}





/* Elegant-Event-Hall-section */
.Amenities-That-Make-Every-Event-Remarkable-section {
  background: var(--text-color-dark-beige);
  padding-top: 80px;
  padding-bottom: 80px;
  background-position: center;
  background-size: cover;
}

.Amenities-That-Make-Every-Event-Remarkable {
  color: var(--terxt-color-white);
  font-family: "Playfair Display", serif;
  font-size: 42px;
  text-align: center;
  font-weight: 500;
  font-style: normal;
  padding-bottom: 10px;
}

.Perfecting-Your-Gatherings-with-para {
  font-family: "Lora", serif;
  font-size: 18px;
  color: var(--text-color-light-gray);
  font-weight: 400;
  font-style: normal;
  text-align: center;
  padding-bottom: 10px;
}

.Stationery-box {
  background: var(--background-boxes);
  height: 120px;
  display: flex;
  color: var(--terxt-color-white);
  gap: 30px;
  padding-left: 40px;
  padding-top: 25px;
  padding-bottom: 25px;
 
}

.book-icon {
  object-fit: cover;
  object-position: center;
  width: 64px;
  height: 64px;
  filter: brightness(0) saturate(100%) invert(100%);
}

.Stationery {
  font-family: "Lora", serif;
  font-size: 18px;
  padding-top: 25px;

  font-weight: 600;
  font-style: normal;
  text-align: center;
}

.Water-Bottles {
  font-family: "Lora", serif;
  font-size: 21px;
  padding-top: 30px;

  font-weight: 600;
  font-style: normal;
  text-align: center;
}

/* Amenities-That-Make-Every-Event-Remarkable-section */

/* hall-page-complete */

/* photo-page start here */
.photo-gallery-section {
  background: var(--terxt-color-white);
  padding-top: 80px;
  padding-bottom: 80px;
 
}

.row-photo-topic {
  display: flex;
  gap: 10px;
}

.all-photogallery-click-button {
  background: var(--brand-color);
  display: inline-block;
  text-align: center;

  width: 155px;
  height: 40px;
  padding-top: 10px;

  color: var(--terxt-color-white);
}

.all-photogallery-word {
  font-family: "Lora", serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
}

.Interior-photogallery-click-button {
  display: inline-block;
  text-align: center;

  width: 155px;
  height: 40px;
  padding-top: 10px;

  color: var(--text-color-gray);
  border: 2px solid var(--text-color-light-gray);
}

.Interior-photogallery-click-button:hover {
  background: var(--brand-color);
  color: var(--terxt-color-white);
}

.photo-gallery-image-section {
  background: var(--terxt-color-white);
 padding-top: 40px;
  
}

.all-photogallery-img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: center;
}

.photo-gallery-section-nest-hub {
  display: none;
}

/* photo-gallery-section */

/* vedio-page */

/* .play-vedio-icon {
  color: var(--terxt-color-white);
  position: relative;
  font-size: 60px;
  display: block;

  text-align: center;
  align-items: center;

 
} */



.vedio-page-all-img {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 300px;

  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.backgr-play-icon {
  position: absolute;
}

.play-vedio-icon {
  color:var(--terxt-color-white);
  font-size: 60px;
}
/* contact-page */
.Get-In-Touch-form-section {
  background: var(--tint-firs);
  padding-top: 80px;
  padding-bottom: 80px;
  background-position: center;
  background-size: cover;
}

.Get-in-Touch-form-img {
  width: 100%;
  height: 660px;
  object-fit: cover;
  object-position: center;
}

.Get-In-Touch-topics-form-part {
  padding-top: 20px;
  padding-left: 20px;
}

.Get-In-Touch-topics-form {
  color: var(--text-color-black);
  font-family: "Playfair Display", serif;
  font-size: 42px;
  font-weight: 500;
  font-style: normal;
  padding-bottom: 10px;
}

.Connect-with-Us-Anytime {
  color: var(--text-color-gray);
  font-family: "Lora", serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  padding-bottom: 10px;
}

.fill-your-name {
  border: 0;
  border-radius: 0;
  height: 55px;
  width: 100%;
}

.fill-your-number {
  border-radius: 0;
  height: 55px;
  width: 100%;
  border: 0;
}

.fill-your-name-form {
  padding: 10px;
  margin: 0;
}

.fill-email-address-row {
  border: 0;
  padding: 10px;
}

.fill-email-address {
  border-radius: 0;
  border: 0;
  height: 55px;
}

.messege-form {
  height: 200px;
  border: 0;
  padding-top: 15px;
  padding-left: 15px;
}

.messege-form-box {
  border: 0;
  padding-top: 10px;
}

.send-message-button {
  background: var(--brand-color);
  color: var(--terxt-color-white);
  font-family: "Lora", serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  padding-top: 18px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 20px;
}

/* 
Get-In-Touch-form-section */
.contact-page-information-section {
  background: var( --contact-backgrd);
  padding-top: 60px;
  padding-bottom: 60px;
}

.location-information-box {
  background: var(--terxt-color-white);
  padding-top: 30px;
  padding-bottom: 30px;

  height: 327px;
  text-align: center;
}

.location-information-icon-box {
  width: 100px;
  height: 100px;
  text-align: center;
  border-radius: 50%;
  background: var( --contact-backgrd);
  display: inline-block;
  justify-content: center;
  padding-top: 10px;
}

.location-information-icon {
  font-size: 50px;
}

.our-location-information {
  font-family: "Playfair Display", serif;
  text-align: center;
  font-weight: 500;
  font-style: normal;
  color: var(--text-color-black);
  font-size: 22px;
  padding-top: 30px;
}

.The-Queen-Walk-para {
  color: var(--text-color-gray);
  font-family: "Lora", serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  padding-top: 30px;
}


.The-Queen-Walk-para-other {
  color: var(--text-color-gray);
  font-family: "Lora", serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  margin-top: -10px;
}

.padding-contact-information-col {
  padding: 20px;
}

/* contact-page-information-section */

/* contact-page-end */

/* blog-page-start-here */

.Exploring-the-Local-Gems-Around-Our-Hotel-section {
  background: var(--backgrond-color);
  padding-top: 80px;
  padding-bottom: 80px;
}

.Exploring-the-Local-Gems-Around-Our-Hotel-img {
  width: 100%;
  height: 556px;
  object-fit: cover;
  object-position: center;
}

.Exploring-the-Local-Gems-Around-Our-Hotel-bottom-part {
  background: var(--terxt-color-white);
  height: 244px;
}

.date-exploring-hotel {
  color: var(--text-color-gray);
  font-family: "Lora", serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  padding-top: 40px;
  padding-left: 30px;
}

.Exploring-the-Local-Gems-Around-Our-Hotel {
  color: var(--text-color-black);
  font-size: 24px;
  font-family: "Playfair Display", serif;

  font-weight: 400px;
  font-style: normal;
  padding-left: 30px;
}

.A-Journey-Through-the-Local-Wonders {
  font-family: "Lora", serif;
  font-size: 18px;
  font-weight: 400px;
  font-style: normal;
  color: var(--text-color-gray);
  padding-left: 30px;
}

.read-more-button-explore {
  display: flex;
  color: var(--brand-color);
  gap: 10px;
  align-items: center;
  padding-left: 30px;
  font-family: "Lora", serif;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  padding-bottom: 40px;
  padding-top: 40px;
}

.arrow-icon-explore {
  padding-top: 2px;
}

.Exploring-the-Local-Gems-Around-Our-Hotel-small-img {
  width: 100%;
  height: 210px;
  object-fit: cover;
  object-position: center;
}

.Exploring-the-Local-Gems-Around-Our-Hotel-small-bootom-part {
  background: var(--terxt-color-white);
  height: 174px;
}

.date-exploring-hotel-for-small-box {
  color: var(--text-color-gray);
  font-family: "Lora", serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  padding-top: 40px;
  padding-left: 30px;
}

.Exploring-the-Local-Gems-Around-Our-Hotel-small-box {
  color: var(--text-color-black);
  font-size: 20px;
  font-family: "Playfair Display", serif;

  font-weight: 400px;
  font-style: normal;
  padding-left: 30px;
}

.read-more-button-explore-small-box {
  display: flex;
  color: var(--brand-color);
  gap: 10px;
  align-items: center;
  padding-left: 30px;
  font-family: "Lora", serif;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  padding-bottom: 20px;
  padding-top: 20px;
}

/* Exploring-the-Local-Gems-Around-Our-Hotel-section */

.All-Insights-section {
  background: var(--tint-firs);
  padding-top: 80px;
  padding-bottom: 80px;
}

.All-Insights-topics {
  color: var(--text-color-black);
  text-align: center;
  font-family: "Playfair Display", serif;
  font-size: 42px;
  font-weight: 500;
  font-style: normal;
}

.Crafting-Exceptional-Guest-Experiences-bottom-part {
  background-color: var(--terxt-color-white);
  height: 194px;
}

.Crafting-Exceptional-Guest-Experiences-padding {
  padding: 10px;
}

.Crafting-Exceptional-Guest-Experiences-img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  object-position: center;
}

.Crafting-Exceptional-Guest-Experiences-date {
  color: var(--text-color-gray);
  font-family: "Lora", serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  padding-top: 20px;
  padding-left: 30px;
}

.Crafting-Exceptional-Guest-Experiences {
  font-family: "Lora", serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  color: var(--text-color-black);
  padding-left: 30px;
}

.read-more-button-Crafting {
  display: flex;
  color: var(--brand-color);
  gap: 10px;
  align-items: center;
  padding-left: 30px;
  font-family: "Lora", serif;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  padding-bottom: 30px;
  padding-top: 40px;
}

/* All-Insights-section */

/* blog-page-completed */
/* Exploring the Local Gems Around Our Hotel page started here */

.Content-without-backward-compatible-data-section {
  background: var(--backgrond-color);
  padding-top: 80px;
  padding-bottom: 80px;
}

.Content-without-backward-compatible-data-img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  object-position: center;
}

.Content-without-backward-compatible-data-written-data {
  background: var(--terxt-color-white);
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.peacefulqode-box {
  font-family: "Lora", serif;
  font-size: 14px;
  color: var(--text-color-gray);
  font-weight: 400;
  font-style: normal;
  display: flex;
  gap: 10px;
}

.long-established-fact {
  font-family: "Lora", serif;
  font-size: 18px;
  color: var(--text-color-gray);
  font-weight: 400;
  font-style: normal;
  padding-top: 20px;
}

.Content-without-backward-compatible-data {
  color: var(--text-color-black);
  font-family: "Playfair Display", serif;
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  padding-top: 40px;
}

.Michal-Smart {
  color: var(--brand-color);
  font-family: "Lora", serif;
  font-size: 20px;

  font-weight: 400;
  font-style: normal;
  padding-top: 10px;
}

.Michal-Smart-infor {
  border-left: 2px solid var(--brand-color);
  padding-left: 20px;
  background: var(--tint-firs);
  padding-top: 10px;
  padding-bottom: 10px;
}

.Economy-img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  height: 305px;
}

.Lorem-ipsum-dolor-para {
  color: var(--text-color-gray);
  font-family: "Lora", serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  padding-top: 5px;
}

.tick-mark {
  color: var(--brand-color);
  font-size: 25px;
}

.Lorem-ipsum-dolor-box {
  display: flex;
  gap: 20px;
  padding-top: 30px;
}

.Vivamus-eu-ligula {
  display: flex;
  gap: 20px;
}

.All-Insights-section-other{
  background: var(--contact-backgrd);
  padding-top: 80px;
  padding-bottom: 80px;
}

/* Content-without-backward-compatible-data-section */

/* explore-blog-page-completed */

/* swimming-pool-page started-here */

.swimming-pool-page-second-section {
  background: var(--backgrond-color);
  padding-top: 80px;
  padding-bottom: 80px;
}

.children-swimming-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.Dive-into-relaxation {
  color: var(--text-color-gray);
  font-family: "Lora", serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
}

.children-swimming-written {
  padding-top: 30px;
  padding-left: 40px;
}

.Spacious-Pool-box {
  display: flex;
  gap: 20px;
  padding-top: 20px;
}

.tick-mark-icon {
  color: var(--brand-color);
  font-size: 25px;
}

.Spacious-Pool {
  color: var(--text-color-gray);
  font-family: "Lora", serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  padding-top: 5px;
}

.Luxurious-Poolside-Amenities-box {
  display: flex;
  gap: 20px;
}

/* swimming-pool-page-second-section */

/* testiomials-page  statrted*/
.testiomials-section {
  background: var(--tint-firs);
  padding-top: 80px;
  padding-bottom: 80px;
}

.Kevin-Martin-review-box {
  background: var(--terxt-color-white);
  padding: 30px;

  height: 325px;
}

.star-rating {
  color: var(--star-color);
  display: flex;
  gap: 10px;
  font-size: 18px;
}

.Everything-exceeded-our {
  color: var(--text-color-gray);
  font-family: "Lora", serif;
  font-size: 17px;
  font-weight: 400;
  font-style: normal;
  padding-top: 20px;
  padding-bottom: 20px;
}

.line-of-kevin {
  border: 1px solid var(--text-color-gray);
  opacity: 0.2;
}

.Kevin-Martin-img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}

.Kevin-Martin-information {
  display: flex;
  gap: 20px;
  padding-top: 20px;
}

.Kevin-Martin-introduction {
  color: var(--text-color-black);
  font-family: "Lora", serif;
  font-size: 19px;
  font-weight: 600;
  font-style: normal;
}

.Kevin-Martin-review-box-padding {
  padding: 30px;
}

/* testiomials-page completed */

/* Deluxe Rooms-page-started here */

.room-picture-section {
  background: var(--terxt-color-white);
  padding-top: 80px;
  padding-bottom: 80px;
}

.room-img-deluxe {
  width: 100%;
  height: 560px;
  object-fit: cover;
  object-position: center;
}

.small-img-of-room-deluxe {
  width: 100%;
  height: 180px;
  object-fit: cover;
  object-position: center;
}

.small-img-of-room-deluxe-sec {
  width: 100%;
  height: 180px;
  object-fit: cover;
  object-position: center;
  margin-top: 10px;
}

/* room-picture-section */

.About-Accommodation-section {
  background: var(--backgrond-color);
  padding-top: 60px;
  padding-bottom: 70px;
}

.About-Accommodation {
  color: var(--text-color-black);
  font-size: 24px;
  font-family: "Playfair Display", serif;

  font-weight: 400;
  font-style: normal;
}

.About-Accommodation-paragraph {
  font-size: 18px;
  color: var(--text-color-gray);
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  padding-top: 20px;
  padding-bottom: 20px;
}

.About-Accommodation-Facilities {
  color: var(--text-color-black);
  font-size: 24px;
  font-family: "Playfair Display", serif;

  font-weight: 400;
  font-style: normal;
  padding-top: 20px;
  padding-bottom: 10px;
}

.king-size-bed-facilities {
  font-size: 18px;
  color: var(--text-color-gray);
  font-family: "Lora", serif;
 
  font-weight: 400;
  font-style: normal;
  padding: 13px;
  text-align: center;
}

.bed-icon-deluxe {
  object-fit: cover;
  object-position: center;
  color: var(--text-color-gray);
  width: 30px;
  height: 30px;
  
  margin-top: 10px;
}

.Coffee-icon{
   object-fit: cover;
  object-position: center;

  width: 30px;
  height: 30px;
  margin-top: 5px;
}


.truck-icon {
  color: var(--text-color-gray);
  font-size: 30px;
}

.facilities-bed-size-view {
  display: flex;

  width: 100%;
  height: 60px;
  background: var(--terxt-color-white);
  padding-top: 5px;
  padding-left: 40px;

  border: 1px solid var(--text-color-gray);
}



    
.Reservation-part {
  background: var(--tint-firs);
  padding: 40px;
  height: 770px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); /* Adds a soft shadow */
}

.Reservation-topic {
  font-size: 42px;
  color: var(--black);
   font-family: "Playfair Display", serif;
 
  font-weight: 400;
  font-style: normal;

  
  font-style: normal;
}

.dollar-three-two-zero {
  font-size: 42px;
  color: var(--black);
    font-family: "Playfair Display", serif;
 
  font-weight: 400;
  font-style: normal;
}

.per-night-reservation {
  color: var(--text-color-gray);
   font-family: "Lora", serif;
  
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
margin-top: 20px;
}

.Reservation-book-now-button {
  background-color: var(--brand-color);
  color: var(--terxt-color-white);
  text-align: center;
   font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;

  font-weight: 16px;
 
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
 
}

/* Add your custom styles here if needed */


.rservbox {
   font-family: "Lora", serif;
font-size: 18px;
  font-weight: 400;
  font-style: normal;
  display: flex;
  justify-content: space-between;
  border: 2px solid var( --check-in-border);
  padding: 15px;
  margin: 20px 0;

 
  color: var(--text-color-gray);
}

.rservbox .rbox span {
  cursor: pointer;
}

.rservbox .rbox p {
  margin: 0;
}

.rservbox .rbox input {
  visibility: hidden;
  width: 0;
  height: 0;
}

.down-arrow {
  font-size: 15px;
  color: var(--text-color-gray);
}

/* reservbox */

.number-of-room-booking {
  font-family: "Lora", serif;
font-size: 18px;
  font-weight: 400;
  font-style: normal;
  display: flex;
  justify-content: space-between;
  border: 2px solid var( --check-in-border) !important;
  text-align: center;
  padding-left: 15px;
  padding-right: 5px;
  padding-top: 5px;
  margin: 5px 0;

 
  color: var(--text-color-gray);
}

.number-of-room {
  margin-top: 7px;
}

.quantity-input {
  display: inline-flex;
  align-items: center;
}

.quantity-input .qty {
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 19px;
  border: none;
  outline: none;
  color: var(--text-color-gray);
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.quantity-input button {
  background: transparent;
  border: 0;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--mid-gray);
}

.quantity-input button:focus {
  outline: none;
}

.qty {
  background: transparent;
}

 .quantity-input button, .minus-plus-person-box button {
            background: none;
            border: none;
            font-size: 20px;
            color: var(--text-color-gray);
            cursor: pointer;
            font-weight: bold;


        }

/* number-of-room-booking */

.Extra-Services {
  font-size: 24px;
  color: var(--black);
    font-family: "Playfair Display", serif;
 
  font-weight: 400;
  font-style: normal;
  padding-top: 30px;
  padding-bottom: 20px;
}

.quantity-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;

  width: 100%;

  padding-right: 10px;
  padding-left: 10px;
}

.well-quantity-input {
  display: flex;
  align-items: center;
  
}

.minus-plus-person-box {
  display: flex;
  align-items: center;
  color: var(--text-color-gray);

  font-size: 22px;
  margin-top: 12px;
  
}



.minus-plus-person-box #qty-ziplining {
  text-align: center;
   color: var(--text-color-gray);
 
   font-size: 18px;
 
   padding-left: 10px;
   width: 50px;
   border: 0;
 }

 .minus-plus-person-box #qty-massage {
  text-align: center;
   color: var(--text-color-gray);
 
   font-size: 18px;
   border: 0;
   padding-left: 10px;
   width: 50px;
 }


.minus-plus-person-box .minus,
.minus-plus-person-box .plus {
  
  font-size: 22px; /* Increase the size as needed */
  width: 20px; /* Adjust button width */
  height: 20px; /* Adjust button height */
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 4px;
  color: var(--text-color-gray);
  border: 1px solid var( --text-color-gray);
}

.well-quantity-input input {
  width: 30px;
  text-align: center;
 
  background-color: transparent;
  
}

.vr{
  width: 1px;
  background-color: #000; /* or any color you want for the divider */
  height: 20px; /* adjust the height as needed */
  margin-left: 10px;
  
}

.controls {
  display: flex;
  align-items: center;
 
   font-family: "Lora", serif;
 
  font-weight: 400;
  font-style: normal;
  color: var(--text-color-gray);
  font-size: 19px;
}

.control {
  display: flex;
  align-items: center;
  margin-right: 20px;
  
}

.control input {
  margin-right: 15px;
  transform: scale(2);
}

.controls input[type="checkbox"] {
  position: relative;
  cursor: pointer;
  appearance: none; /* Remove default styles */
  -webkit-appearance: none; /* For Safari */
  -moz-appearance: none; /* For Firefox */
  width: 10px;
  height: 10px;
  background-color: transparent !important; /* Green color when checked */

  border: 1px solid var( --check-in-border) !important;
}

.controls input[type="checkbox"]:checked {
  background-color: transparent !important; /* Green color when checked */

  border: 2px solid var( --check-in-border);

}

.controls input[type="checkbox"]:checked::after {
  content: "\f00c"; /* Checkmark symbol */
  position: absolute;
  top: 1px;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--brand-color);
  font-size: 8px;
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
}

.Wellness-Spa {
   font-family: "Lora", serif;
  
  font-weight: 400;
  font-style: normal;
  color: var(--text-color-gray);
  font-size: 18px;
  margin-top: 10px;
 

}

.person-number-box {
  display: flex;
  align-items: baseline;
}

.per-person-resv {
  color: var(--text-color-gray);
  font-family: "Lora", serif;
 
  font-weight: 400;
  font-style: normal;
  font-size: 14px;

  margin-left: -10px;
  
}

.complete-box-person-number {
  display: flex;
  gap: 20px;
  align-items: center;
  padding-right: 10px;
margin-top: -5px;

}


.person-number {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
 color:var(--text-color-gray);
  font-size: 22px;
  
  border: 0;
  padding-right: 10px;
  padding-top: 20px;
}

.straight-line{
  margin-top: 10px;
  color: var(--check-in-border);

}

.vr-line{
  display: flex;
  justify-content: center;
  align-items:center ;
  margin-top: 15px;
 
}

.vr{
height: 30px;
}

.CONTINUE-book-now-button {
  background: var(--brand-color);
  color: var(--terxt-color-white);
  font-size: 16;
  font-family: var(--lugfa-regular);
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
  font-weight: 400;
  font-style: normal;

  margin-top: 15px;
 
}


/* About-Accommodation-section */

.Other-Rooms-Suites-section {
  background: var(--backgrond-color);
  padding-top: 40px;
  padding-bottom: 40px;
}

.Other-Rooms-Suites {
  color: var(--text-color-black);
  font-size: 45px;
  text-align: center;
  font-family: "Playfair Display", serif;

  font-weight: 500;
  font-style: normal;
}

.discounted-rate-of-hotel-change {
  font-size: 16px;
  font-family: "Poppins", serif;
  font-weight: 500;
  font-style: normal;
  color: var(--terxt-color-white);
  background: var(--tint-second);
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 7px;
  padding-bottom: 7px;
  position: absolute;
  margin-left: 280px;
  margin-top: 20px;
}

/* Other-Rooms-Suites-section */

/* Make Your Reservation page */
.Reservation-detail-section {
  background: var(--backgrond-color);
  padding-top: 80px;
  padding-bottom: 80px;
}

.Reservation-detail-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.Reservation-Details {
  color: var(--text-color-black);
  font-family: "Playfair Display", serif;
  font-size: 42px;
  font-weight: 500;
  font-style: normal;
  padding-top: 10px;
  padding-bottom: 10px;
}

.padding-fprm-reservation-detail {
  padding-left: 40px;
  padding-right: 40px;
}

.padding-fprm-reservation-detail-age {
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 10px;
  padding-top: 10px;
}

.Extra-Services-resarvation {
  font-size: 30px;
  color: var(--text-color-black);
  font-family: "Playfair Display", serif;

  font-weight: 500;
  font-style: normal;
  padding-top: 30px;
  padding-bottom: 20px;
}

.room-type {
  font-family: "Lora", serif;
 font-size: 18px;
  font-weight: 400;
  font-style: normal;
  background-color:var(--backgrond-color);
  border-radius: 0;
  border: 1px solid var(--text-color-gray);
  padding-top: 14px;
  padding-bottom: 14px;
  color: var(--text-color-gray);
}

.room-type-click-down {
  color: var(--text-color-gray);
}

/* Complete Your Reservation page */

.billing-section {
  background-color: var(--backgrond-color);
  padding-top: 80px;
  padding-bottom: 80px;
}

.bill {
  background-color: var(--tint-firs);
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 5px;
  position: sticky;
  top: 0;
  height: 630px;
  z-index: 100000;
}

.checkin-date-check {
  padding-top: 15px;

  color: var(--text-color-gray);
  font-size: 18px;
  font-family: "Lora", serif;

  font-weight: 400;
  font-style: normal;
}

.checkin-date {
  color: var(--text-color-black);
  font-size: 24px;
  font-family: "Playfair Display", serif;

  font-weight: 400;
  font-style: normal;
}

.billing-of-deluxe-room-total {
  padding-top: 20px;
  display: flex;

  justify-content: space-between;
  padding-bottom: 2px;
}

.billing-of-deluxe-room {
  color: var(--text-color-black);
  font-family: "Lora", serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
}

.cost-of-deluxe-room {
  color: var(--text-color-gray);
  font-family: "Lora", serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
}

.line-of-total {
  border-bottom: 2px solid var(--text-color-gray);
  opacity: 0.5;
  width: 100%;
}

.billing-of-total-number-adults {
  padding-top: 10px;
  display: flex;

  justify-content: space-between;
  padding-bottom: 10px;
}

.total-cost-of-service {
  display: flex;
  justify-content: space-between;
}

.total-bill {
  color: var(--text-color-black);
  font-family: "Lora", serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
}

.total-cost {
  color: var(--text-color-black);
  font-size: 18px;
  color: var(--text-color-black);
  font-family: "Lora", serif;
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
}

.form-for-complete-reservation {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
}

.Fill-Your-Information {
  color: var(--text-color-black);
  font-size: 24px;
  font-family: "Playfair Display", serif;
  padding-bottom: 15px;
  font-weight: 400;
  font-style: normal;
}

.form-border-zero {
  height: 65px;
  border-radius: 0;
  border: 0;
}

.email-address-width {
  width: 100% !important;
  border-radius: 0;
  height: 65px;
  border: 0;
}

.Choose-Payment-Method {
  color: var(--text-color-black);
  font-size: 24px;
  font-family: "Playfair Display", serif;

  font-weight: 400;
  font-style: normal;
  padding-top: 40px;
}

.changein-form-for-padding {
  margin-left: 15px;
  padding-top: 10px;
}

.Office-Payment {
  color: var(--text-color-gray);
  font-family: "Lora", serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  margin-top: 2px;
  padding-left: 10px;
}

.change-in-form-check-input {
  border: 1px solid var(--brand-color) !important;
  width: 22px;
  height: 22px;
  background-color: transparent;
}

.change-in-form-check-input:checked {
  background: var(--brand-color) !important;
}

.agreed-check {
  color: var(--text-color-gray);
  font-family: "Lora", serif;
  font-size: 21px;
  font-weight: 400;
  font-style: normal;
}

.terms-and-conditon {
  color: var(--brand-color);
  font-family: "Lora", serif;
  font-size: 21px;
  font-weight: 400;
  font-style: normal;
}

.for-check-agred-padding {
  padding-left: 30px;
  padding-top: 10px;
}

.border-of-form-check {
  border: 1px solid var(--brand-color);
  border-radius: 0px !important;
  width: 19px;
  height: 19px;
  background-color: transparent;
}

.padding-for-agred-phase {
  display: flex;
  padding-left: 10px;
  margin-top: 2px;
}

.COMPLETE-BOOKING {
  color: var(--terxt-color-white);
  font-family: "Lora", serif;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  background: var(--brand-color);
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 50px;
}

/* billing-section */

.change-in-form-check-input:checked {
  background: var(--brand-color) !important; /* Background color when checked */
  border: 4px solid var(--terxt-color-white) !important;
  outline: 1px solid var(--brand-color) !important;
  /* Optional: You can scale the element when checked */
  transform: scale(0.8); /* This scales the input down to 80% */
  /* Optional: Add padding inside the checked input */
  padding: 5px; /* Optional: rounded corners for the border */
}

.change-in-form-check-input:focus {
  box-shadow: none !important;
}

@media screen and (max-width: 480px) {

  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  a {
    text-decoration: none;
    color: none;
  }

  .All-Inclusive-Exclusive{
    font-size: 30px;
  }

  .EXPERIENCE-MERIDIAN-ROYAL-HOSPITALITY{
    padding: 10px;
  }

  
  .navbar-about-topic-mb-res {
  margin-left: 50px;
 
  }

  .navbar-home-topic{
    margin-left: 20px;
  }

  
  .book-now-link-home-page {
    margin-left: 50px;
  }
  /* navbar part */

  .container{
    width: 100%;
    
  
  } 
  
.banner .swiper-button-prev,
.banner .swiper-button-next {
  position: absolute;
  top: -180px;
  left: auto;
  right: 0;
 background-color: transparent;
 border: 2px solid var(--terxt-color-white);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 20px;
}


.banner .swiper-button-prev {
  right: 200px;
}

.banner .swiper-button-next {
right: 140px;
}


.banner .swiper-button-next:after,
.banner .swiper-button-prev:after {
  scale: 0.4;
}


  
  
  .resitration-section {
    display: none !important;
  }

  .for-mobile-home {
    display: block;
    background: var(--brand-color);
    color: var(--terxt-color-white);
    padding-bottom: 200px;
    padding-top: 20px;

  }
.display-desk{
  margin-top: 30px;
}
  

  .book-noW-MOBILE {
    font-family: "Lora", serif;
    font-weight: 100;
    font-style: normal;
    justify-content: center;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 40px;
    border: 3px solid var(--terxt-color-white);
  }

  .CHECKIN-form {
    padding: 20px;
  }

  .CHECKIN-form-label {
    font-size: 18px;
display: flex;
justify-content: center;
    font-family: "Lora", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }

  .form-control-checkin-form {
    height: 50px;
    border-radius: 0;
  }

  .guest-font {
    font-family: "Lora", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  
  }

  .bord {
    border: 1px solid var(--terxt-color-white);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;

  }

  .plus-padding {
    padding-right: 20px;
  }

  .icon-mbolile-resgitration {
    font-size: 25px;
  }

  /* registration-form */
  .margin {
    margin-top: 40px;
  }

  .What-Our-Guests-Are-Saying-about-pg-col{
    padding: 0;
  }

  /* hotel-picture-fluid-container-aa */

  .Experience-the-Essence-letter-res {
    font-size: 25px;
  }

  .We-strive-res {
    margin-top: 10px;
  }

  .We-strive-sent {
    font-size: 17px;
  }

  .High-quality-letter-res {
    font-size: 17px;
  }

  /* 
Experience the Essence of Luxury Living with Us */
  .margin-for-mb {
    margin-top: 20px;
  }
  /* Top-Notch Facilities for Your Comfort */

  .Showcasing-Our-History-res {
    font-size: 25px;
  }

  .swipper-desk-one {
    display: none;
  }

  .mobile-display {
    display: block;

    height: 350px;
  }

  .swiper-img-para-res {
    margin-top: -100px;
  }

  /* <!-- Showcasing-Our-History section --> */

  .Exclusive-Offers-Just-for-You-res {
    font-size: 30px;
    font-family: "Playfair Display", serif;
    font-style: normal;
    text-align: center;
  }

  .Discover-special-res {
    font-size: 17px;
    font-family: "Playfair Display", serif;
    font-style: normal;
    text-align: center;
    color: var(--text-color-gray);
  }

  .not-for-mobile {
    display: none;
  }

  .for-mobile {
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
  }

  .discounted-rate-of-hotel-res {
    margin-left: -40px;
  }

  /* <!-- Exclusive Offers Just for You --> */

  .swimming-pool-scene-img-box-top-slider {
    display: none;
  }

  .next-prev-button {
    display: none;
  }

  .swimming-pool-scene-img-box {
    display: none;
  }

  /* What Our Guests Are Saying */
  .Insights-and-Inspirations-for-Your-Next-Stay-res {
    font-size: 29px;
    width: 340px;
  }

  .Get-inspired-with-res {
    width: 340px;
    font-size: 19px;
    margin-top: -10px;
  }

  .Top-Tips-for-a-Perfect-res {
    font-size: 20px;
  }

  .read-more-box-top-tip-res {
    margin-top: -20px;
  }

  .top-tip-img-res {
    height: 320px;
    width: 100%;
    background-position: center;
    background-size: cover;
    overflow: hidden;
  }

  .top-tip-box {
    margin-top: 40px;
  }


  .discover-more-box-essence-res{
   margin-left: 60px;
  }
  
  

  .Showcasing-Our-History{
    font-size: 25px;
  }
  /* Insights and Inspirations for Your Next Stay */

  .Get-Up-To-offer-mobile-res {
    font-size: 40px;
  }
  /* Weekend Special */

  .background-color-of-footer-res {
    background: var(--text-color-dark-beige);
    padding-bottom: 700px;
  }

  .icon-collection-for-mobile-res {
    display: flex;
    justify-content: center;
    margin-top: 30px;
  }

  .footer-logo-img-resp-in-mb {
    display: flex;
    justify-content: center;
  }

  .upper-part {
    padding-bottom: 20px;
  }
  /* footer-logo */

  /* about-page-rs */

  /* navbar-part */

  .Indulge-in-the-Luxury-You-Deserve-res {
    font-size: 25px;
  }

  .Indulge-in-the-Luxury-2nd-part {
    width: 100%;
  }

  .A-place-that-offers-res {
    font-size: 14px;
  }

  .your-top-priority-logo {
    display: none;
  }

  .navbar-toggler {
    color: var(--terxt-color-white);
  }

  .show {
    background: var(--text-color-beige);
  }

  .collapsed {
    color: var(--terxt-color-white);
  }

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

  .home-resp {
    margin-left: -100px;
  }

  .Located-at-seaside-box-res {
    margin-top: 20px;
    padding: 10px;
  }

  .margin-couple-mb {
    margin-top: 20px;
  }

  /* Indulge-in-the-Luxury-You-Deserve-section  */

  .Our-Purpose-and-Principles-res {
    font-size: 30px;
  }

  /* Our Purpose and Principles section */
  .Meet-Our-Leadership-Team-res {
    font-size: 30px;
  }

  .Meet-the-Visionaries-Behind-para-res {
    font-size: 19px;
  }

  /* 
Meet Our Leadership Team */

  .What-Our-Guests-Are-Saying-about-section {
    padding-bottom: 200px;
  }

  .What-Our-Guests-Are-Saying-about-pg-res {
    font-size: 29px;
  }

  .What-Our-Guests-Are-Saying-about-pg {
    font-size: 19px;
  }

  .mySwiper-about-sec {
    display: block !important;

    margin-top: -400px !important;
  }

  .swimming-pool-scene-img-box-top-slider-about-page {
    display: none;
  }

  .What-Our-Guests-about-img {
    height: 500px;
  }

  .swipper-slider-box-one-res {
    z-index: 99999;
    position: relative;
    border: 5px solid var(--text-color-black);
    width: 300px;
    height: 300px;
    background: var(--terxt-color-white);
    margin-left: 10px
  }

  .swipper-slider-box-two-res {
    z-index: 99999;
    position: relative;
    border: 5px solid var(--text-color-black);
    width: 300px;
    height: 300px;
    background: var(--terxt-color-white);
    margin-left: 10px
  }
  /* What-Our-Guests-Are-Saying-about-section */
  .We-Create-The-Art-Best-Hotel-Gallery-res {
    font-size: 30px;
  }

  .Explore-Our-Curated-Collection-res {
    font-size: 20px;
  }


  .Our-Purpose-and-Principles-box{
    padding-left: 0;
  }
  /* We-Create-The-Art-Best-Hotel-Gallery-about-page-section */

  .Located-at-seaside-box-res{
    padding-left: 0;
  }

  .children-swimming-written{
    padding-left: 0;
  }
  /* navbar part of service page */

  .margin-fitness-res {
    margin-top: 40px;
  }

  .home-color {
    margin-left: -140px;
  }
  /* Top-Notch-Facilities-for-Your-Comfort-section-of-abt-pg service page */

  .margin-for-memorable-col {
    margin-top: 40px;
  }

  .margin-for-memorable-col {
    background-color: var(--terxt-color-white);
    color: var(--terxt-color-white);
  }

  .dropdown-item {
    color: var(--terxt-color-white);
  }

  .navbar-toggler {
    background: var(--terxt-color-white);
  }

  /* Restaurant-page */
  .margin-menu {
    margin-top: 40px;
  }

  .Restaurant-Menu-section {
    display: none;
  }

  .Restaurant-Menu-section-for-mobile {
    background: var(--text-color-dark-beige);
    padding-top: 80px;
    padding-bottom: 80px;
    display: block;
  }

  .Restaurant-Menu-mobile {
    font-family: "Playfair Display", serif;
    font-size: 45px;
    font-weight: 500px;
    font-style: normal;
    color: var(--terxt-color-white);
    text-align: center;
  }

  .Taste-the-Best-with-Our-Handpicked-Menu-Offerings-res {
    color: var(--text-color-gray);
    font-family: "Lora", serif;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    text-align: center;
  }

  .Breakfast-menu-box {
    padding-bottom: 5px;
    background: var(--menu-box-color);
  }

  .Breakfast-menu-icon {
    color: var(--terxt-color-white);
    font-size: 30px;
    text-align: center;
    padding-left: 20px;
    padding-top: 10px;
  }

  .Breakfast-menu-box:hover {
    background: var(--brand-color);
  }

  .Appetizers-menu-box {
    padding-bottom: 5px;
    background: var(--menu-box-color);
  }

  .Appetizers-menu-icon {
    color: var(--terxt-color-white);

    text-align: center;
    padding-left: 30px;
    padding-top: 10px;
  }

  .Appetizers-menu-box:hover {
    background: var(--brand-color);
  }

  .breakfast-title {
    font-family: "Lora", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    padding-top: 10px;
    text-align: center;
    color: var(--terxt-color-white);
  }

  .Southern-Fried-Chicken-mobile {
    color: var(--terxt-color-white);
    font-family: "Lora", serif;
    font-style: normal;
    font-size: 18px;
    font-weight: 400;
  }

  /* Restaurant-Menu-section */
  /* Restaurant-page-end */

  /* hall-page-start */
  .elegant-hall-small-img {
    width: 50%;
  }

  .elegant-hall-small-img-res-mobile {
    width: 80%;
    padding-left: 80px;
  }

  .for-desktop-only {
    display: none;
  }

  .border-padding {
    margin-left: -40px;
  }
  .Stationery-box {
    margin-top: 40px;
  }
  /* Amenities-That-Make-Every-Event-Remarkable-section */

  /* hall-page-complete */

  /* photo-page start here */
  .photo-gallery-section {
    display: none;
  }

  .photo-gallery-section-mobile {
    display: block;
   
  }

  .photo-gallery-image-section .collapse{
    background: var(--terxt-color-white);
  }

  
  .all-photogallery-click-button-mobile {
    display: inline-block;
    text-align: center;
    width: 80px;
    color: var(--terxt-color-white);
    background: var(--brand-color);
    height: 30px;
    font-family: "Lora", serif;
    font-size: 14px;
    font: weight 400px;
    font-style: normal;
  }

  .Interior-photogallery-click-button-mobile {
    height: 30px;
    text-align: center;

    color: var(--text-color-gray);
    border: 1px solid var(--text-color-gray);
  }

  .all-photogallery-word-mobile-repre {
    display: inline-block;
    text-align: center;

    color: var(--text-color-gray);

    font-family: "Lora", serif;
    font-size: 14px;
    font: weight 400px;
    font-style: normal;
  }

  .swimming-pool-photogallery-click-button-mobile {
    width: 80px;
    height: 35px;
    border: 1px solid var(--text-color-gray);
  }

  .Interior-photogallery-click-button-mobile:hover {
    background: var(--brand-color) !important;
    color: var(--terxt-color-white) !important;
  }

  .swimming-pool-photogallery-click-button-mobile:hover {
    background: var(--brand-color) !important;
    color: var(--terxt-color-white) !important;
  }

  .background-swipper-photo-gallery {
    background: var(--terxt-color-white);
    padding-bottom: 50px;
    padding-top: 50px;
  }

  .photo-gallery-section-nest-hub {
    display: none !important;
  }

  .all-photogallery-word-mobile {
    font-size: 14px;
    padding-top: 10px;
  }

  /* photo-gallery-section */

  .Get-In-Touch-topics-form-part-res {
    margin-left: -20px;
  }

  .Get-In-Touch-topics-form-res {
    padding-left: 10px;
  }

  .Connect-with-Us-Anytime-res {
    padding-left: 10px;
  }

  /* contact-page */

  .Exploring-the-Local-res {
    font-size: 21px;
  }

  .Economy-img-mb {
    margin-top: 20px;
  }

  .Content-without-backward-compatible-data-img-pading {
    padding: 0;
    margin: 0;
  }

  .Reservation-topic-small-font {
    font-size: 20px;
    color: var(--text-color-black);
    font-family: "Playfair Display", serif;

    font-weight: 500;
    font-style: normal;
  }

  .dollar-three-two-zero-mb {
    font-size: 25px;
    color: var(--text-color-black);
    font-family: "Playfair Display", serif;

    font-weight: 500;
    font-style: normal;
  }

  .per-night-reservation-for-mb {
    color: var(--text-color-black);
    font-family: "Lora", serif;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    margin-top: -10px;
  }

  .margin-for-mb {
    margin-top: 10px;
  }

  .Reservation-topic {
    font-size: 22px;
  }

  .dollar-three-two-zero {
    font-size: 22px;
  }

  .per-night-reservation {
    font-size: 11px;
  }

  .Wellness-Spa {
    font-family: "Lora", serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    color: var(--text-color-gray);
    font-size: 10px;
    margin-top: 20px;
  }

  .person-number {
    font-size: 10px;
  }

  .Reservation-part {
    height: 950px;
  }

  .king-size-bed-facilities {
    font-size: 18px !important;
  }

  .complete-box-person-number{
    margin-top: 0;
  }
  /* .Reservation-part */

  /* 
  deluxe-page */

  .form-for-complete-reservation {
    margin-left: -40px;
    margin-top: 20px;
  }

  .padding-mobile-for-from {
    margin-top: 10px;
  }
}

@media (min-width: 1024px) {
  /* header */

  /* footer */

  .mobile-display {
    display: none;
  }

  .for-mobile {
    display: none;
  }

  .swimming-pool-scene-img-box-res {
    display: none;
  }
  .swipper-slider-box-one-res {
    display: none;
  }

  .swipper-slider-box-two-res {
    display: none;
  }

  .for-mobile-home {
    display: none;
  }

  .Restaurant-Menu-section-for-mobile {
    display: none;
  }

  .for-desktop-only {
    display: flex;
    display: block;
  }

  .for-mobile-only {
    display: none;
  }

  .photo-gallery-section-mobile {
    display: none;
  }
}

.check-in-out-wrapper {
  display: flex;
}




@media (max-width: 1280px) { 

  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  a {
    text-decoration: none;
  }
  

  .book-now-resgitser{
    margin-left: -10px;
  }

 }