@font-face {
  font-family: "Rakhely";
  src:
    url("/fonts/Rakhely.woff2") format("woff2"),
    url("/fonts/Rakhely.woff") format("woff");
  /* font-weight: 400; */
  font-style: normal;
  font-display: swap;
}

:root {
  --contact-bg: #0b2623;
  --contact-bg-2: #0f332c;
  --contact-card: #18312e;
  --contact-input: #0a201b;
  --contact-accent: #dd8700;
  --contact-accent-2: #b87f10;
  --contact-text: #ffffff;
  --contact-muted: #cfe0db;

  --contact-font-head: "Rakhely", serif;
  --contact-font-body: "Raleway", sans-serif;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--contact-font-body);
  background: var(--contact-bg);
  color: var(--contact-text);
}

/* CONTACT BUTTONS */
.contact-btn--solid-gold {
  background: var(--contact-accent);
  border: 1px solid var(--contact-accent);
  color: #101010;
  font-weight: 700;
  padding: 10px 14px;
  border-radius: 999px;
}
.contact-btn--solid-gold:hover {
  background: var(--contact-accent-2);
  border-color: var(--contact-accent-2);
  color: #0b2623;
}
.contact-btn--outline-gold {
  border: 1px solid var(--contact-accent);
  color: var(--contact-accent);
  background: transparent;
  font-weight: 700;
  padding: 10px 14px;
  border-radius: 999px;
}
.contact-btn--outline-gold:hover {
  background: rgba(209, 149, 20, 0.12);
  color: var(--contact-accent);
  border-color: var(--contact-accent);
}
.contact-btn--full {
  width: 100%;
  padding: 12px 16px;
  border-radius: 10px;
  color: #0b2623;
}

/* CONTACT BANNER */
.contact-banner {
  position: relative;
  min-height: 450px;
  display: flex;
  /* align-items: center; */
  justify-content: center;
  overflow: hidden;
}
.contact-banner__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.03);
}
/* .contact-banner__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(5, 18, 15, 0.65),
    rgba(11, 42, 36, 0.92)
  );
} */
.contact-banner__content {
  position: relative;
  padding: 85px 0;
  text-align: center;
}
.contact-banner__title {
  font-family: var(--contact-font-head);
  font-size: 40px;
  line-height: 1.5;
  margin: 0;
  font-weight: 400;
  text-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
}

/* CONTACT BOOKING (OVERLAP CARD) */
.contact-booking {
  padding: 0 0 70px;
  margin-top: -222px;
  position: relative;
  z-index: 2;
}
.contact-booking__card {
  background: var(--contact-card);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}
.contact-booking__left {
  padding: 34px 28px;
}
.contact-booking__leftinner {
  background-image: url("./images/getintouchbg.webp");
  background-size: cover;
  background-position: center;
  height: 100%;
}

.contact-booking__leftinner {
  display: flex;
  justify-content: center;
  flex-direction: column;
  /* align-items: center; */
  border-radius: 20px;
  padding: 0px 50px;
}
.contact-booking__right {
  padding: 30px 28px;
}
.contact-heading--gold {
  font-family: var(--contact-font-head);
  color: var(--contact-accent);
  font-size: 40px;
  margin: 0 0 18px;
}
.contact-booking__block {
  margin-top: 18px;
}
.contact-booking__label {
  color: var(--contact-accent);
  font-family: var(--contact-font-head);
  font-weight: 700;
  margin: 0 0 6px;
  font-size: 20px;
}
.contact-booking__value {
  margin: 0;
  color: rgba(255, 255, 255, 0.9);
}
.contact-booking__value a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.9);
}
.contact-booking__socialdot {
  /* width: 34px; */
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.88);
  text-decoration: none;
}
.contact-booking__socialdot:hover {
  border-color: rgba(209, 149, 20, 0.65);
  color: var(--contact-accent);
}

/* CONTACT FORM */
.contact-form__label {
  color: rgba(255, 255, 255, 0.78);
  font-family: var(--contact-font-body);
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 6px;
}
.contact-form__input {
  background: var(--contact-input);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--contact-text);
  padding: 12px 12px;
  border-radius: 10px;
}
.contact-form__input::placeholder {
  color: rgba(255, 255, 255, 0.45);
}
.contact-form__input:focus {
  background: var(--contact-input);
  color: var(--contact-text);
  border-color: rgba(209, 149, 20, 0.55);
  box-shadow: 0 0 0 0.2rem rgba(209, 149, 20, 0.12);
}

/* CONTACT GALLERY */
.contact-gallery {
  padding: 10px 0 85px;
}
.contact-gallery__kicker {
  margin: 0;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 400;
  font-family: var(--contact-font-head);
  font-size: 20px;
}
.contact-gallery__title {
  font-family: var(--contact-font-head);
  text-align: center;
  color: var(--contact-accent);
  font-size: 40px;
  margin: 8px 0 10px;
}
.contact-gallery__subtitle {
  text-align: center;
  color: rgba(255, 255, 255, 0.72);
  margin: 0 0 34px;
  font-size: 18px;
}

/* Gallery grid shaped like screenshot */
.contact-gallery__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 13px;
}
.contact-gallery__item {
  width: 24%;
  height: 300px;
  border-radius: 20px;
}
.contact-gallery__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 20px;
}
.contact-gallery__item.contact-gallery__item--wide {
  width: 48%;
}
.contact-gallery__item--centerbottom {
  grid-column: 2/3;
  grid-row: 3/4;
}

.contact-gallery a {
  border-radius: 22px;
  background: #dd8700;
  text-decoration: none;
  color: #18312e;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  padding: 10px 20px;
}

.common-spacing {
  padding: 50px 0px;
}

.common-button {
  text-decoration: none;
  color: #18312e;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background-color: #dd8700;
  border-radius: 22px;
  padding: 10px 30px;
  display: inline-block;
  margin-top: 10px;
}

/* service page css starts */
.servicebanner-wrap {
  background-image: url("./images/servicebanner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 100px 0px;
  text-align: center;
}
.servicebanner-wrap h1 {
  font-family: var(--contact-font-head);
  color: var(--contact-text);
  font-size: 40px;
  font-weight: 400;
}
.servicebanner-wrap a {
  text-decoration: none;
  color: #18312e;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background-color: #dd8700;
  border-radius: 22px;
  padding: 10px 30px;
}

.testimonial-wrap img {
  border-radius: 30px;
  width: 100%;
}
.testimonial-wrap h5 {
  font-family: var(--contact-font-head);
  color: var(--contact-text);
  font-size: 20px;
  font-weight: 400;
  margin: 0px 0px 20px 0px;
}
.testimonial-wrap h4 {
  font-family: var(--contact-font-head);
  color: var(--contact-accent-2);
  font-size: 40px;
  font-weight: 400;
  margin: 0px 0px 20px 0px;
  line-height: 1.5;
}
.client-review-card {
  display: flex;
  border-bottom: 1px solid rgba(221, 135, 0, 0.2);
  margin-top: 30px;
}
.client-review-card img {
  width: 90px;
  height: 90px;
  object-fit: cover;
  border-radius: 20px;
  margin-right: 20px;
}
.services-wrap {
  background: #0b2623;
}
.services-wrap h5 {
  color: #fff;
  font-family: var(--contact-font-head);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}
.services-wrap h2 {
  color: var(--contact-accent-2);
  font-family: var(--contact-font-head);
  font-size: 40px;
  font-weight: 400;
  line-height: 1.5;
}
.services-wrap img {
  width: 100%;
  height: 332px;
  object-fit: cover;
}
.services-wrap h6 {
  font-size: 18px;
  font-family: var(--contact-font-head);
  margin-bottom: 20px;
}
.services-wrap ul {
  padding-left: 15px;
  margin-bottom: 0px;
}
.services-wrap .servmenu {
  border: 1px solid #18312e;
  padding: 40px 30px;
  position: relative;
}
.services-wrap .servmenu span {
  color: #0b2623;
  background-color: var(--contact-accent-2);
  font-family: var(--contact-font-head);
  position: absolute;
  top: -19px;
  display: inline-block;
  font-size: 16px;
  padding: 6px 35px;
}
.services-wrap .servmenu a {
  position: absolute;
  bottom: -20px;
}
/* service page css ends */

/* home page css starts */
.whypeoplelove-wrap h5 {
  font-family: var(--contact-font-head);
  font-size: 20px;
}
.whypeoplelove-wrap h2 {
  font-family: var(--contact-font-head);
  color: var(--contact-accent-2);
  font-size: 35px;
}
.whypeoplelove-wrap img {
  width: 100%;
  border-radius: 20px;
}
.whypeoplelove-wrap .inr-flex {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}
.whypeoplelove-wrap .inr-flex > div {
  border-radius: 20px;
  background: #122c2a;
  padding: 45px 15px;
}
.whypeoplelove-wrap h4 {
  font-family: var(--contact-font-head);
  font-size: 17px;
  line-height: 1.8;
}
.homeaboutraaga-wrap {
  position: relative;
  overflow: hidden;
  background-color: #18312e;
}
.homeaboutraaga-wrap h3 {
  color: #fff;
  font-family: var(--contact-font-head);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}
.homeaboutraaga-wrap h2 {
  color: var(--contact-accent-2);
  font-family: var(--contact-font-head);
  font-size: 40px;
  font-weight: 400;
  line-height: 1.5;
}
.homeaboutraaga-wrap a {
  text-decoration: none;
  color: #dd8700;
  border-radius: 22px;
  border: 1px solid #dd8700;
  padding: 10px 30px;
}
.homeaboutraaga-wrap .first-circle {
  width: 332.565px;
  height: 787.268px;
  transform: rotate(107.575deg);
  border-radius: 233.783px;
  border: 1px solid #dd8700;
  position: absolute;
  right: -339px;
  top: -215px;
}
.homeaboutraaga-wrap .second-circle {
  width: 332.565px;
  height: 577.268px;
  transform: rotate(41.599deg);
  border-radius: 233.783px;
  border: 1px solid #dd8700;
  position: absolute;
  right: 45px;
  top: 365px;
}

.home-herobanner-wrap {
  position: relative;
}
.home-herobanner-wrap img {
  width: 100%;
}
.home-herobanner-wrap .single-slide {
  position: relative;
}
.home-herobanner-wrap .single-slide .slide-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 55%;
}
.home-herobanner-wrap .single-slide .slide-content h1 {
  color: #fff;
  font-family: var(--contact-font-head);
  font-size: 40px;
  font-weight: 400;
  line-height: 1.5;
}
.home-herobanner-wrap .custom-prev {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  z-index: 34;
}
.home-herobanner-wrap .custom-prev img {
  width: 55px;
}
.home-herobanner-wrap .custom-next {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 32px;
  z-index: 34;
}
.home-herobanner-wrap .custom-next img {
  width: 55px;
}

.private-chef img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
.private-chef #halfcircle {
  height: auto;
}
.what-makes-us-diffrent {
  text-align: center;
  background: #18312e;
  margin-top: -40px;
}
.what-makes-us-diffrent h2 {
  color: var(--contact-text);
  font-family: var(--contact-font-head);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}
.what-makes-us-diffrent h3 {
  color: var(--contact-accent-2);
  font-family: var(--contact-font-head);
  font-size: 40px;
  font-weight: 400;
  line-height: 1.5;
}
.what-makes-us-diffrent .why-us-innercard {
  background-color: #002a25;
  padding: 15px;
  text-align: left;
  height: 180px;
  border-radius: 10px;
}
.what-makes-us-diffrent .why-us-innercard p {
  margin-bottom: 0px;
}
.what-makes-us-diffrent .why-us-innercard h5 {
  font-size: 14px;
  color: #fff;
  font-family: var(--contact-font-head);
  margin-block: 10px;
}
/* home page css ends */

/* gallery page css starts */
.gallery-banner {
  background-image: url("./images/gallerybanner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 160px 0px;
  text-align: center;
}
.gallery-banner h1 {
  font-family: var(--contact-font-head);
  color: var(--contact-text);
  font-size: 40px;
  font-weight: 400;
}
.galleryimages-wrap h2 {
  font-family: var(--contact-font-head);
  color: var(--contact-accent-2);
  font-size: 40px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 30px;
}

.gallery-section {
  max-width: 1300px;
  margin: auto;
}

/* Masonry container */
.gallery {
  margin: auto;
}

/* Masonry item */
.gallery-item {
  width: 300px;
  margin-bottom: 16px;
}

.gallery-item img {
  width: 100%;
  display: block;
  border-radius: 6px;
}

/* Load more button */
.load-more {
  display: block;
  margin: 40px auto 0;
  padding: 14px 36px;
  font-size: 16px;
  background: #d8b700;
  color: #0b2623;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  transition: 0.3s;
  font-family: var(--contact-font-head);
}

.load-more:hover {
  background: #f1d400;
}

/* gallery page css ends */

/* about page css starts */
.aboutusbanner-wrap {
  background-image: url("./images/aboutus.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 100px 0px;
  text-align: center;
}
.aboutusbanner-wrap h1 {
  font-family: var(--contact-font-head);
  color: var(--contact-text);
  font-size: 40px;
  font-weight: 400;
  line-height: 1.5;
}

.behindbusiness-wrap {
  background-color: #0b2623;
  padding-top: 50px;
}
.behindbusiness-wrap h2 {
  color: #fff;
  font-size: 20px;
  font-family: var(--contact-font-head);
}
.behindbusiness-wrap h3 {
  font-size: 35px;
  font-family: var(--contact-font-head);
  color: var(--contact-accent-2);
  line-height: 1.5;
}
.behindbusiness-wrap .founder-box {
  position: relative;
}
.behindbusiness-wrap .founder-box #anil {
  width: 265px;
  height: 365px;
  aspect-ratio: 106 / 147;
  position: absolute;
  z-index: 1;
}
.behindbusiness-wrap .founder-box #anil-info {
  text-align: right;
  position: absolute;
  left: -25px;
  top: 45px;
}
.behindbusiness-wrap .founder-box #anil-info h6 {
  font-size: 13px;
  font-family: var(--contact-font-head);
  color: var(--contact-text);
  line-height: 1;
}
.behindbusiness-wrap .founder-box #anil-info p {
  font-size: 14px;
}

.behindbusiness-wrap .founder-box #manisha {
  width: 270px;
  height: 350px;
  aspect-ratio: 106 / 147;
  position: absolute;
  right: 0;
  bottom: 0px;
  z-index: 1;
}
.behindbusiness-wrap .founder-box #manisha-info {
  text-align: left;
  position: absolute;
  right: 40px;
}
.behindbusiness-wrap .founder-box #manisha-info h6 {
  font-size: 13px;
  font-family: var(--contact-font-head);
  color: var(--contact-text);
  line-height: 1;
}
.behindbusiness-wrap .founder-box #manisha-info p {
  font-size: 14px;
}

.behindbusiness-wrap .founder-box img#anilbg {
  position: absolute;
  top: -54px;
  left: 46px;
  z-index: 0;
  width: 240px;
}
.behindbusiness-wrap .founder-box img#manishabg {
  position: absolute;
  top: 43px;
  left: 266px;
  z-index: 0;
  width: 190px;
  border-top-left-radius: 127px;
  border-top-right-radius: 114px;
}

.single-founder-wrap {
  position: relative;
}
.single-founder-wrap h2 {
  font-size: 40px;
  font-family: var(--contact-font-head);
  color: var(--contact-accent-2);
  line-height: 1.5;
}
.single-founder-wrap #bgimgpos {
  width: 551.389px;
  height: 410.928px;
  position: absolute;
  top: -20px;
  left: -4px;
  z-index: 0;
}
.single-founder-wrap#anilintro {
  background-color: #18312e;
}

.atour-place-wrap {
  background-color: #18312e;
}
.atour-place-wrap img {
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.atour-place-wrap .placecompare {
  padding: 25px 30px;
  border-radius: 20px;
  background-color: rgba(217, 217, 217, 0.1);
}
.atour-place-wrap .placecompare h3 {
  color: var(--contact-accent-2);
  font-size: 40px;
  font-family: var(--contact-font-head);
  line-height: 1.5;
}
.atour-place-wrap .feturecard {
  padding: 25px 20px;
  border-radius: 20px;
  background-color: rgba(217, 217, 217, 0.1);
}
.atour-place-wrap .feturecard .common-button {
  padding: 10px 20px;
}
.atour-place-wrap .feturecard h4 {
  font-size: 20px;
  font-family: var(--contact-font-head);
  color: var(--contact-accent-2);
  line-height: 1.5;
}
.atour-place-wrap .feturecard .feature-point {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 3px;
}
.atour-place-wrap .feturecard .feature-point svg {
  width: 30px;
}
.atour-place-wrap .feturecard .feature-point p {
  margin-bottom: 0px;
  width: 90%;
}
.atour-place-wrap .feturecard .yourplace-btn {
  text-decoration: none;
  color: #dd8700;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background-color: #18312e;
  border-radius: 22px;
  padding: 10px 20px;
  display: inline-block;
  margin-top: 10px;
}

.whythis-exist {
  background-color: #18312e;
  position: relative;
}
.whythis-exist::after {
  content: "RAA";
  position: absolute;
  top: 103px;
  right: 0px;
  color: #dd8700;
  font-size: 160px;
  font-weight: 700;
  opacity: 0.1;
  font-family: var(--contact-font-head);
}
.whythis-exist img {
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.whythis-exist h2 {
  font-family: var(--contact-font-head);
  color: var(--contact-accent-2);
  font-size: 35px;
}
/* about page css ends */

/* menu page css starts */
.menubanner-wrap {
  background-image: url("./images/menubanner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 160px 0px;
  text-align: center;
  font-family: var(--contact-font-head);
}

.menulist-wrap h2 {
  color: var(--contact-accent-2);
  font-size: 40px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  font-family: var(--contact-font-head);
}
.menulist-wrap h3 {
  color: var(--contact-font-head);
  font-size: 25px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  font-family: var(--contact-font-head);
  margin-bottom: 30px;
}
.menulist-wrap .single-menu {
  margin-bottom: 20px;
}
.menulist-wrap .single-menu h5 {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--contact-font-head);
  color: var(--contact-accent-2);
}
.btmbrdr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
/* menu page css ends */

/* footer css starts */
.footer-wrap .ftr-container {
  display: flex;
  justify-content: space-between;
}
.footer-wrap .ftr-container .right-ftr {
  width: 50%;
}
.footer-wrap .ftr-container .right-ftr img {
  width: 100%;
  height: 540px;
  object-fit: cover;
}
.leftsec-ftr {
  background-color: #945b00;
  padding: 30px;
  width: 50%;
  background-image: url("./images/footerbg.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.leftsec-ftr h3 {
  font-family: var(--contact-font-head);
  color: var(--contact-text);
  font-size: 40px;
  margin: 8px 0 10px;
  line-height: 1.5;
}
.leftsec-ftr h4 {
  font-family: var(--contact-font-head);
  color: var(--contact-text);
  font-size: 20px;
  line-height: 1.5;
  margin: 30px 0px;
}
.leftsec-ftr p {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 3px;
}
.leftsec-ftr p svg {
  width: 30px;
}
.leftsec-ftr p a {
  text-decoration: none;
  font-size: 15px;
  color: var(--contact-text);
}
.leftsec-ftr ul {
  list-style: none;
  display: flex;
  gap: 30px;
  margin-bottom: 0px;
  padding-left: 0px;
  margin-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 15px;
}
.leftsec-ftr ul li a {
  text-decoration: none;
  color: var(--contact-text);
  font-size: 15px;
  text-transform: capitalize;
}
/* footer css ends */

/* header css starts */
.site-header .firststrip {
  background-color: #dd8700;
  padding: 5px 0px;
}
.site-header .firststrip ul {
  padding-left: 0px;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  margin-bottom: 0;
}
.site-header .firststrip a {
  text-decoration: none;
  color: #fff;
}
.site-header .secondstrip {
  background-color: #18312e;
  padding: 5px 0px;
}
.site-header .secondstrip ul {
  padding-left: 0;
  margin-bottom: 0px;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: flex-end;
}
.site-header .secondstrip ul li a {
  text-decoration: none;
  color: #ffffff;
  font-family: var(--contact-font-body);
  font-size: 16px;
  text-transform: capitalize;
}
.site-header ul li#plan-expericence-menu a {
  text-decoration: none;
  color: #dd8700;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background-color: #18312e;
  border-radius: 22px;
  padding: 8px 20px;
  display: inline-block;
  border: 1px solid #dd8700;
}
#call-btn-menu {
  text-decoration: none;
  color: #18312e;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background-color: #dd8700;
  border-radius: 22px;
  padding: 8px 20px;
  display: inline-block;
  border: 1px solid #dd8700;
}
header.mobile-header {
  display: none !important;
}
div#sideMenu {
  display: none;
}
/* header css ends */

.thanks-notes-wrap{
text-align: center;
}
.thanks-notes-wrap h2{
    text-align: center;
    font-family: var(--contact-font-head);
    color: #fff;
}