/*


########################################################
||                                                    ||
||       This is Typography  for website theme        ||
||contains primary font + defualt font + accsent font ||
||                                                    ||
||                                                    ||
########################################################


*/
@font-face {
  font-family: 'Melodrama-reg';
  src: url("/Assets/fonts/Melodrama-Regular.ttf");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Melodrama';
  src: url("/Assets/fonts/Melodrama-Bold.ttf");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BG-light";
  src: url("/Assets/fonts/BodyText/BDOGrotesk-Light-BF648a656f91fcb.ttf");
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: "BG";
  src: url("/Assets/fonts/BodyText/BDOGrotesk-Regular-BF648a656fd543a.ttf");
  font-display: swap;
}
/* line 1, ../sass/_reset.scss */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

/* line 12, ../sass/_reset.scss */
body {
  font-family: "Melodrama", sans-serif;
  overflow-x: hidden;
  font-size: 62.58%;
  display: flex;
  flex-direction: column;
  height: 100vh;
  --primary-gold: #CF9432;
  --primary-brown: #6F4C33; 
  /* code brown for price */
}

/* line 30, ../sass/_reset.scss */
.swiper {
  width: 100%;
  height: 100%;
  max-width: 1600px;
  margin: 24px auto;
}

/* line 39, ../sass/_reset.scss */
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 3, ../sass/_utlilties.scss */
.u-main-layout-margin {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 1200px) {
  /* line 3, ../sass/_utlilties.scss */
  .u-main-layout-margin {
    margin-top: calc(2.4rem + 1vh);
    margin-bottom: calc(2.4rem + 1vh);
  }
}

/* line 9, ../sass/_utlilties.scss */
.u-primaryHeader {
  font-size: calc(1.6rem + 1vw);
  color: white;
  font-weight: bold;
  max-width: 90%;
  letter-spacing: -0.04em;
  line-height: 100%;
}
@media screen and (min-width: 1024px) {
  /* line 9, ../sass/_utlilties.scss */
  .u-primaryHeader {
    font-size: 4rem;
    max-width: 48rem;
  }
}

/* line 17, ../sass/_utlilties.scss */
.u-h3 {
  font-family: 'Melodrama-reg';
  font-style: normal;
  font-size: 32px;
  letter-spacing: -0.03em;
  color: white;
  font-size: calc(1rem + 3vw);
}
@media screen and (min-width: 1024px) {
  /* line 17, ../sass/_utlilties.scss */
  .u-h3 {
    font-size: 32px;
  }
}

/* line 22, ../sass/_utlilties.scss */
.u-body-text {
  font-size: calc(0.6rem + 1vw);
  color: white;
  font-family: "BG-light";
}
@media screen and (min-width: 769px) {
  /* line 22, ../sass/_utlilties.scss */
  .u-body-text {
    font-size: 1.8rem;
  }
}

/* line 28, ../sass/_utlilties.scss */
.u-body-text-normal {
  font-size: calc(0.6rem + 1vw);
  color: white;
  font-family: "BG-light";
}
@media screen and (min-width: 769px) {
  /* line 28, ../sass/_utlilties.scss */
  .u-body-text-normal {
    font-size: 1rem;
  }
}

/* line 34, ../sass/_utlilties.scss */
.u-body-text-light-gray {
  font-size: calc(0.6rem + 1vw);
  color: #757779;
  font-family: "BG-light";
}
@media screen and (min-width: 769px) {
  /* line 34, ../sass/_utlilties.scss */
  .u-body-text-light-gray {
    font-size: 1.2rem;
  }
}

/* line 40, ../sass/_utlilties.scss */
.u-body-text-black {
  font-size: calc(0.6rem + 1vw);
  color: var(--primary-brown);
  font-family: "BG-light";
}
@media screen and (min-width: 769px) {
  /* line 40, ../sass/_utlilties.scss */
  .u-body-text-black {
    font-size: 1.2rem;
  }
}

/* line 46, ../sass/_utlilties.scss */
.max-width-5 {
  max-width: 43rem;
}

/* line 51, ../sass/_utlilties.scss */
.w-4 {
  max-width: 400px;
}

/* line 56, ../sass/_utlilties.scss */
.w-35 {
  max-width: 35rem;
}

/* line 61, ../sass/_utlilties.scss */
.center-text {
  text-align: center;
}

/* line 66, ../sass/_utlilties.scss */
.u-margin-0 {
  margin-top: 42px;
}

/* line 71, ../sass/_utlilties.scss */
.u-margin-1 {
  margin-top: 24px;
}

/* line 76, ../sass/_utlilties.scss */
.u-margin-2 {
  margin-top: 12px;
}

/* line 1, ../sass/Components/_Button.scss */
.OrderNowButton, .OrderNowButton-secondary, .OrderNowButton-gold, .OrderNowButton-Desktop, .FormButton, .MenuButton {
  padding: .7rem;
  font-size: calc(0.6rem + 1vw);
  color: white;
  font-family: "BG-light";
  background-color: var(--primary-brown);;
  white-space: nowrap;
  border-radius: 6px;
  text-decoration: none !important;
  text-transform: capitalize;
  display: inline-block;
}
@media screen and (min-width: 769px) {
  /* line 1, ../sass/Components/_Button.scss */
  .OrderNowButton, .OrderNowButton-secondary, .OrderNowButton-gold, .OrderNowButton-Desktop, .FormButton, .MenuButton {
    font-size: 1.2rem;
  }
}

/* line 27, ../sass/Components/_Button.scss */
.OrderNowButton, .OrderNowButton-secondary, .OrderNowButton-gold, .OrderNowButton-Desktop {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
/* line 39, ../sass/Components/_Button.scss */
.OrderNowButton svg, .OrderNowButton-secondary svg, .OrderNowButton-gold svg, .OrderNowButton-Desktop svg {
  width: 32px;
  height: 32px;
}

/* line 47, ../sass/Components/_Button.scss */
.OrderNowButton-secondary, .OrderNowButton-gold {
  background-color: white;
  width: 100%;
  max-width: 250px;
  color: black;
}
/* line 63, ../sass/Components/_Button.scss */
.OrderNowButton-secondary svg, .OrderNowButton-gold svg {
  width: 32px;
  height: 32px;
}
/* line 69, ../sass/Components/_Button.scss */
.OrderNowButton-secondary svg path, .OrderNowButton-gold svg path {
  stroke: black;
}

/* line 77, ../sass/Components/_Button.scss */
.OrderNowButton-Desktop {
  background: none;
  border: 1px solid #FFFFFF;
  border-radius: 8px;
  font-size: calc(0.6rem + 1vw);
  color: white;
  font-family: "BG-light";
}
@media screen and (min-width: 769px) {
  /* line 77, ../sass/Components/_Button.scss */
  .OrderNowButton-Desktop {
    font-size: 1.2rem;
  }
}

/* line 90, ../sass/Components/_Button.scss */
.OrderNowButton-gold {
  background-color: var(--primary-gold);;
  color: white;
}
/* line 99, ../sass/Components/_Button.scss */
.OrderNowButton-gold svg {
  width: 32px;
  height: 32px;
}
/* line 105, ../sass/Components/_Button.scss */
.OrderNowButton-gold svg path {
  stroke: white;
}

/* line 1, ../sass/Components/_Rating.scss */
.Rating {
  display: flex;
  align-items: center;
  max-width: 380px;
  gap: 1rem;
  padding: 1rem;
  background: rgba(50, 51, 52, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(24px);
  border-radius: 6px;
  width: calc(15rem + 10vw);
}
/* line 28, ../sass/Components/_Rating.scss */
.Rating--content p {
  font-size: calc(0.6rem + 1vw);
  color: white;
  font-family: "BG-light";
  font-family: BG-light;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.03em;
}
@media screen and (min-width: 769px) {
  /* line 28, ../sass/Components/_Rating.scss */
  .Rating--content p {
    font-size: 1.4rem;
  }
}

/* line 1, ../sass/Components/_SectionIntro.scss */
.SectionIntro, .MenuIntro {
  display: flex;
  align-items: center;
  gap: 6px;
  background-color: #FCF9F6;
  padding: 1rem;
  width: fit-content;
  border-radius: 6px;
}
/* line 17, ../sass/Components/_SectionIntro.scss */
.SectionIntro--ellipse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #F4C790;
}
/* line 33, ../sass/Components/_SectionIntro.scss */
.SectionIntro p, .MenuIntro p {
  font-family: 'BG';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: -0.03em;
  color: var(--primary-brown);
}

/* line 1, ../sass/Components/_IconCards.scss */
.IconCard {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 2.4rem;
}
/* line 11, ../sass/Components/_IconCards.scss */
.IconCard--icon {
  width: 100%;
  height: 100%;
  background: #FCF9F6;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
/* line 34, ../sass/Components/_IconCards.scss */
.IconCard--content h4 {
  font-family: 'Melodrama-reg';
  font-style: normal;
  font-size: calc(0.8rem + 0.5vw);
  letter-spacing: -0.03em;
  color: var(--primary-brown);;
}
@media screen and (min-width: 1024px) {
  /* line 34, ../sass/Components/_IconCards.scss */
  .IconCard--content h4 {
    font-size: 24px;
  }
}
/* line 45, ../sass/Components/_IconCards.scss */
.IconCard--wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
  margin-top: 48px;
}
@media screen and (max-width: 1600px) {
  /* line 45, ../sass/Components/_IconCards.scss */
  .IconCard--wrapper {
    grid-template-columns: 1fr;
  }
}

/* line 1, ../sass/Components/_TestimonailCard.scss */
.TestimonailCard {
  padding: 3.2rem;
  border: 1px solid #DCDDDE;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 600px;
}
/* line 25, ../sass/Components/_TestimonailCard.scss */
.TestimonailCard__header {
  gap: 6px;
  display: flex;
  align-items: center;
}
/* line 34, ../sass/Components/_TestimonailCard.scss */
.TestimonailCard__header--content {
  display: flex;
  align-items: center;
  flex-direction: column;
}
/* line 42, ../sass/Components/_TestimonailCard.scss */
.TestimonailCard__header--content h4 {
  font-family: 'Melodrama-reg';
  font-style: normal;
  font-size: calc(0.8rem + 0.5vw);
  letter-spacing: -0.03em;
  color: white;
  color: black;
  font-family: "BG";
  font-weight: normal;
}
@media screen and (min-width: 1024px) {
  /* line 42, ../sass/Components/_TestimonailCard.scss */
  .TestimonailCard__header--content h4 {
    font-size: 24px;
  }
}
/* line 52, ../sass/Components/_TestimonailCard.scss */
.TestimonailCard__header--content p {
  font-size: calc(0.6rem + 1vw);
  color: black;
  font-family: "BG-light";
}
@media screen and (min-width: 769px) {
  /* line 52, ../sass/Components/_TestimonailCard.scss */
  .TestimonailCard__header--content p {
    font-size: 1.2rem;
  }
}
/* line 64, ../sass/Components/_TestimonailCard.scss */
.TestimonailCard--content {
  font-size: calc(0.6rem + 1vw);
  color: black;
  font-family: "BG-light";
  text-align: left !important;
  margin-top: 4.2rem;
}
@media screen and (min-width: 769px) {
  /* line 64, ../sass/Components/_TestimonailCard.scss */
  .TestimonailCard--content {
    font-size: 1.2rem;
  }
}

/* line 1, ../sass/Components/_Form.scss */
.Form {
  width: 50%;
  height: 100%;
  padding: 2rem;
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(50, 51, 52, 0.5);
  backdrop-filter: blur(24px);
  /* Note: backdrop-filter has minimal browser support */
  border-radius: 2px;
}
@media screen and (max-width: 960px) {
  /* line 1, ../sass/Components/_Form.scss */
  .Form {
    width: 100%;
  }
}
/* line 31, ../sass/Components/_Form.scss */
.Form--input {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media screen and (max-width: 960px) {
  /* line 31, ../sass/Components/_Form.scss */
  .Form--input {
    width: 100%;
  }
}
/* line 50, ../sass/Components/_Form.scss */
.Form label {
  font-family: 'BG';
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: -0.03em;
  color: #D1D2D3;
}
/* line 66, ../sass/Components/_Form.scss */
.Form input, .Form textarea {
  caret-color: #FFFFFF;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
  background: none;
  outline: none;
  font-family: 'BG';
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: -0.03em;
  color: #FFFFFF;
}
/* line 104, ../sass/Components/_Form.scss */
.Form textarea {
  resize: none;
}
/* line 112, ../sass/Components/_Form.scss */
.Form.Left {
  width: 100%;
  position: static !important;
  grid-area: form;
}
/* line 126, ../sass/Components/_Form.scss */
.Form.Left h2 {
  font-family: 'Melodrama-reg';
  font-style: normal;
  letter-spacing: -0.03em;
  color: white;
  font-size: calc(1rem + 5vw);
}
@media screen and (min-width: 1024px) {
  /* line 126, ../sass/Components/_Form.scss */
  .Form.Left h2 {
    font-size: 54px;
  }
}

/* line 140, ../sass/Components/_Form.scss */
.FormButton {
  padding: 1rem !important;
  background-color: white;
  color: black;
  margin-bottom: 2rem;
}
@media screen and (max-width: 960px) {
  /* line 140, ../sass/Components/_Form.scss */
  .FormButton {
    margin-left: 2rem;
  }
}

/* line 1, ../sass/Components/_Preloader.scss */
.Preloader {
  position: fixed;
  inset: 0;
  background-color: #FCF9F6;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.4rem;
  /* Keyframes for the pulse effect */
}
/* line 19, ../sass/Components/_Preloader.scss */
.Preloader img {
  width: 60%;
  max-width: 300px;
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
/* line 1, ../sass/Layout/_Navigation.scss */
.PrimaryHeader, .SecondaryHeader {
  width: 100%;
  min-height: 90vh;
  height: 100vh;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/Assets/home-bg.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 1024px) {
  /* line 1, ../sass/Layout/_Navigation.scss */
  .PrimaryHeader, .SecondaryHeader {
    height: 90vh;
  }
}
@media screen and (max-width: 1024px) {
  /* line 35, ../sass/Layout/_Navigation.scss */
  .PrimaryHeader.active, .active.SecondaryHeader {
    padding: 2rem;
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100vh;
    background-image: none;
    background-color: #FCF9F6;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  /* line 52, ../sass/Layout/_Navigation.scss */
  .PrimaryHeader.active .PrimaryHeader--burgerIcon path, .active.SecondaryHeader .PrimaryHeader--burgerIcon path {
    stroke: var(--primary-brown) !important;
  }
}
@media screen and (max-width: 1024px) {
  /* line 72, ../sass/Layout/_Navigation.scss */
  .PrimaryHeader--logo {
    text-align: center;
    margin: 0 auto;
    padding-top: 2rem !important;
  }
  /* line 81, ../sass/Layout/_Navigation.scss */
  .PrimaryHeader--logo.active {
    padding-top: 0rem !important;
  }
}
/* line 90, ../sass/Layout/_Navigation.scss */
.PrimaryHeader__navigation {
  display: none;
}
@media screen and (min-width: 1024px) {
  /* line 90, ../sass/Layout/_Navigation.scss */
  .PrimaryHeader__navigation {
    display: flex;
    align-items: center;
    gap: 2rem;
    justify-self: center;
  }
  /* line 106, ../sass/Layout/_Navigation.scss */
  .PrimaryHeader__navigation a {
    text-decoration: none;
    font-size: calc(0.6rem + 1vw);
    color: white;
    font-family: "BG-light";
    font-style: normal;
    letter-spacing: -0.04em;
  }
}
@media screen and (min-width: 1024px) and (min-width: 769px) {
  /* line 106, ../sass/Layout/_Navigation.scss */
  .PrimaryHeader__navigation a {
    font-size: 1.2rem;
  }
}

/* line 136, ../sass/Layout/_Navigation.scss */
.PrimaryHeader__navigation.active {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 9999;
  gap: 2rem;
}
/* line 148, ../sass/Layout/_Navigation.scss */
.PrimaryHeader__navigation.active a {
  text-decoration: none;
  text-transform: capitalize;
  padding: 1rem;
  position: relative;
  transition: all 0.4s;
  font-size: calc(0.6rem + 1vw);
  color: #757779;
  font-family: "BG-light";
}
/* line 157, ../sass/Layout/_Navigation.scss */
.PrimaryHeader__navigation.active a::after {
  transition: all 0.4s;
  position: absolute;
  content: '';
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 4px;
  height: 4px;
  opacity: 0;
  border-radius: 50%;
  background-color: black;
}
/* line 183, ../sass/Layout/_Navigation.scss */
.PrimaryHeader__navigation.active a:hover {
  color: black;
}
/* line 185, ../sass/Layout/_Navigation.scss */
.PrimaryHeader__navigation.active a:hover::after {
  opacity: 1;
}
@media screen and (min-width: 769px) {
  /* line 148, ../sass/Layout/_Navigation.scss */
  .PrimaryHeader__navigation.active a {
    font-size: 1.8rem;
  }
}
/* line 201, ../sass/Layout/_Navigation.scss */
.PrimaryHeader--cta {
  display: none;
}
@media screen and (min-width: 1024px) {
  /* line 201, ../sass/Layout/_Navigation.scss */
  .PrimaryHeader--cta {
    display: flex;
    justify-self: end;
  }
}
/* line 213, ../sass/Layout/_Navigation.scss */
.PrimaryHeader--cta.active {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 222, ../sass/Layout/_Navigation.scss */
.PrimaryHeader--burgerIcon {
  position: absolute;
  top: 2rem;
  cursor: pointer;
  right: 2rem;
}
@media screen and (min-width: 1024px) {
  /* line 222, ../sass/Layout/_Navigation.scss */
  .PrimaryHeader--burgerIcon {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  /* line 240, ../sass/Layout/_Navigation.scss */
  .PrimaryHeader__header {
    display: grid;
    grid-template-columns: 20rem 1fr 20rem;
    max-width: 1600px;
    margin: 0 auto;
    padding-left: calc(1rem + 1vw);
    padding-right: calc(1rem + 1vw);
    padding-top: calc(1rem + 1vh);
    padding-bottom: calc(1rem + 1vh);
    align-items: center;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  /* line 240, ../sass/Layout/_Navigation.scss */
  .PrimaryHeader__header {
    padding: 2rem;
  }
}

/* line 261, ../sass/Layout/_Navigation.scss */
.SecondaryHeader {
  background-image: none;
  min-height: 140px;
  height: 140px;
  background-color: white;
}
@media screen and (max-width: 1024px) {
  /* line 261, ../sass/Layout/_Navigation.scss */
  .SecondaryHeader {
    height: 120px;
    min-height: 120px;
  }
}
/* line 284, ../sass/Layout/_Navigation.scss */
.SecondaryHeader .PrimaryHeader__navigation a {
  color: var(--primary-brown);;
}
/* line 290, ../sass/Layout/_Navigation.scss */
.SecondaryHeader .OrderNowButton_Header {
  background-color: var(--primary-gold) !important;
  color: white;
}

@use "sass:math";
@media screen and (min-width: 1024px) {
  /* line 72, ../sass/Layout/_GridLayout.scss */
  .gap > * {
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 86, ../sass/Layout/_GridLayout.scss */
  .gap {
    margin-left: -100px;
    margin-right: -100px;
  }
}

@media screen and (min-width: 960px) {
  /* line 95, ../sass/Layout/_GridLayout.scss */
  .center {
    justify-content: center;
    align-items: center;
  }
}

/* line 108, ../sass/Layout/_GridLayout.scss */
.align-center {
  align-items: center;
}

/* line 120, ../sass/Layout/_GridLayout.scss */
.center_Grid {
  margin: 96px auto;
}

/* line 125, ../sass/Layout/_GridLayout.scss */
.GridSystem {
  max-width: 1600px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}
/* line 139, ../sass/Layout/_GridLayout.scss */
.GridSystem--Row {
  display: flex;
  flex-flow: row wrap;
}

@media (min-width: 0) {
  /* line 153, ../sass/Layout/_GridLayout.scss */
  .col-1-xs {
    box-sizing: border-box;
    flex-grow: 0;
    width: 8.33333%;
  }

  /* line 153, ../sass/Layout/_GridLayout.scss */
  .col-2-xs {
    box-sizing: border-box;
    flex-grow: 0;
    width: 16.66667%;
  }

  /* line 153, ../sass/Layout/_GridLayout.scss */
  .col-3-xs {
    box-sizing: border-box;
    flex-grow: 0;
    width: 25%;
  }

  /* line 153, ../sass/Layout/_GridLayout.scss */
  .col-4-xs {
    box-sizing: border-box;
    flex-grow: 0;
    width: 33.33333%;
  }

  /* line 153, ../sass/Layout/_GridLayout.scss */
  .col-5-xs {
    box-sizing: border-box;
    flex-grow: 0;
    width: 41.66667%;
  }

  /* line 153, ../sass/Layout/_GridLayout.scss */
  .col-6-xs {
    box-sizing: border-box;
    flex-grow: 0;
    width: 50%;
  }

  /* line 153, ../sass/Layout/_GridLayout.scss */
  .col-7-xs {
    box-sizing: border-box;
    flex-grow: 0;
    width: 58.33333%;
  }

  /* line 153, ../sass/Layout/_GridLayout.scss */
  .col-8-xs {
    box-sizing: border-box;
    flex-grow: 0;
    width: 66.66667%;
  }

  /* line 153, ../sass/Layout/_GridLayout.scss */
  .col-9-xs {
    box-sizing: border-box;
    flex-grow: 0;
    width: 75%;
  }

  /* line 153, ../sass/Layout/_GridLayout.scss */
  .col-10-xs {
    box-sizing: border-box;
    flex-grow: 0;
    width: 83.33333%;
  }

  /* line 153, ../sass/Layout/_GridLayout.scss */
  .col-11-xs {
    box-sizing: border-box;
    flex-grow: 0;
    width: 91.66667%;
  }

  /* line 153, ../sass/Layout/_GridLayout.scss */
  .col-12-xs {
    box-sizing: border-box;
    flex-grow: 0;
    width: 100%;
  }
}
@media (min-width: 480px) {
  /* line 163, ../sass/Layout/_GridLayout.scss */
  .col-1-sm {
    box-sizing: border-box;
    flex-grow: 0;
    width: 8.33333%;
  }

  /* line 163, ../sass/Layout/_GridLayout.scss */
  .col-2-sm {
    box-sizing: border-box;
    flex-grow: 0;
    width: 16.66667%;
  }

  /* line 163, ../sass/Layout/_GridLayout.scss */
  .col-3-sm {
    box-sizing: border-box;
    flex-grow: 0;
    width: 25%;
  }

  /* line 163, ../sass/Layout/_GridLayout.scss */
  .col-4-sm {
    box-sizing: border-box;
    flex-grow: 0;
    width: 33.33333%;
  }

  /* line 163, ../sass/Layout/_GridLayout.scss */
  .col-5-sm {
    box-sizing: border-box;
    flex-grow: 0;
    width: 41.66667%;
  }

  /* line 163, ../sass/Layout/_GridLayout.scss */
  .col-6-sm {
    box-sizing: border-box;
    flex-grow: 0;
    width: 50%;
  }

  /* line 163, ../sass/Layout/_GridLayout.scss */
  .col-7-sm {
    box-sizing: border-box;
    flex-grow: 0;
    width: 58.33333%;
  }

  /* line 163, ../sass/Layout/_GridLayout.scss */
  .col-8-sm {
    box-sizing: border-box;
    flex-grow: 0;
    width: 66.66667%;
  }

  /* line 163, ../sass/Layout/_GridLayout.scss */
  .col-9-sm {
    box-sizing: border-box;
    flex-grow: 0;
    width: 75%;
  }

  /* line 163, ../sass/Layout/_GridLayout.scss */
  .col-10-sm {
    box-sizing: border-box;
    flex-grow: 0;
    width: 83.33333%;
  }

  /* line 163, ../sass/Layout/_GridLayout.scss */
  .col-11-sm {
    box-sizing: border-box;
    flex-grow: 0;
    width: 91.66667%;
  }

  /* line 163, ../sass/Layout/_GridLayout.scss */
  .col-12-sm {
    box-sizing: border-box;
    flex-grow: 0;
    width: 100%;
  }
}
@media (min-width: 720px) {
  /* line 173, ../sass/Layout/_GridLayout.scss */
  .col-1-md {
    box-sizing: border-box;
    flex-grow: 0;
    width: 8.33333%;
  }

  /* line 173, ../sass/Layout/_GridLayout.scss */
  .col-2-md {
    box-sizing: border-box;
    flex-grow: 0;
    width: 16.66667%;
  }

  /* line 173, ../sass/Layout/_GridLayout.scss */
  .col-3-md {
    box-sizing: border-box;
    flex-grow: 0;
    width: 25%;
  }

  /* line 173, ../sass/Layout/_GridLayout.scss */
  .col-4-md {
    box-sizing: border-box;
    flex-grow: 0;
    width: 33.33333%;
  }

  /* line 173, ../sass/Layout/_GridLayout.scss */
  .col-5-md {
    box-sizing: border-box;
    flex-grow: 0;
    width: 41.66667%;
  }

  /* line 173, ../sass/Layout/_GridLayout.scss */
  .col-6-md {
    box-sizing: border-box;
    flex-grow: 0;
    width: 50%;
  }

  /* line 173, ../sass/Layout/_GridLayout.scss */
  .col-7-md {
    box-sizing: border-box;
    flex-grow: 0;
    width: 58.33333%;
  }

  /* line 173, ../sass/Layout/_GridLayout.scss */
  .col-8-md {
    box-sizing: border-box;
    flex-grow: 0;
    width: 66.66667%;
  }

  /* line 173, ../sass/Layout/_GridLayout.scss */
  .col-9-md {
    box-sizing: border-box;
    flex-grow: 0;
    width: 75%;
  }

  /* line 173, ../sass/Layout/_GridLayout.scss */
  .col-10-md {
    box-sizing: border-box;
    flex-grow: 0;
    width: 83.33333%;
  }

  /* line 173, ../sass/Layout/_GridLayout.scss */
  .col-11-md {
    box-sizing: border-box;
    flex-grow: 0;
    width: 91.66667%;
  }

  /* line 173, ../sass/Layout/_GridLayout.scss */
  .col-12-md {
    box-sizing: border-box;
    flex-grow: 0;
    width: 100%;
  }
}
@media (min-width: 960px) {
  /* line 183, ../sass/Layout/_GridLayout.scss */
  .col-1-lg {
    box-sizing: border-box;
    flex-grow: 0;
    width: 8.33333%;
  }

  /* line 183, ../sass/Layout/_GridLayout.scss */
  .col-2-lg {
    box-sizing: border-box;
    flex-grow: 0;
    width: 16.66667%;
  }

  /* line 183, ../sass/Layout/_GridLayout.scss */
  .col-3-lg {
    box-sizing: border-box;
    flex-grow: 0;
    width: 25%;
  }

  /* line 183, ../sass/Layout/_GridLayout.scss */
  .col-4-lg {
    box-sizing: border-box;
    flex-grow: 0;
    width: 33.33333%;
  }

  /* line 183, ../sass/Layout/_GridLayout.scss */
  .col-5-lg {
    box-sizing: border-box;
    flex-grow: 0;
    width: 41.66667%;
  }

  /* line 183, ../sass/Layout/_GridLayout.scss */
  .col-6-lg {
    box-sizing: border-box;
    flex-grow: 0;
    width: 50%;
  }

  /* line 183, ../sass/Layout/_GridLayout.scss */
  .col-7-lg {
    box-sizing: border-box;
    flex-grow: 0;
    width: 58.33333%;
  }

  /* line 183, ../sass/Layout/_GridLayout.scss */
  .col-8-lg {
    box-sizing: border-box;
    flex-grow: 0;
    width: 66.66667%;
  }

  /* line 183, ../sass/Layout/_GridLayout.scss */
  .col-9-lg {
    box-sizing: border-box;
    flex-grow: 0;
    width: 75%;
  }

  /* line 183, ../sass/Layout/_GridLayout.scss */
  .col-10-lg {
    box-sizing: border-box;
    flex-grow: 0;
    width: 83.33333%;
  }

  /* line 183, ../sass/Layout/_GridLayout.scss */
  .col-11-lg {
    box-sizing: border-box;
    flex-grow: 0;
    width: 91.66667%;
  }

  /* line 183, ../sass/Layout/_GridLayout.scss */
  .col-12-lg {
    box-sizing: border-box;
    flex-grow: 0;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  /* line 192, ../sass/Layout/_GridLayout.scss */
  .col-1-xl {
    box-sizing: border-box;
    flex-grow: 0;
    width: 8.33333%;
  }

  /* line 192, ../sass/Layout/_GridLayout.scss */
  .col-2-xl {
    box-sizing: border-box;
    flex-grow: 0;
    width: 16.66667%;
  }

  /* line 192, ../sass/Layout/_GridLayout.scss */
  .col-3-xl {
    box-sizing: border-box;
    flex-grow: 0;
    width: 25%;
  }

  /* line 192, ../sass/Layout/_GridLayout.scss */
  .col-4-xl {
    box-sizing: border-box;
    flex-grow: 0;
    width: 33.33333%;
  }

  /* line 192, ../sass/Layout/_GridLayout.scss */
  .col-5-xl {
    box-sizing: border-box;
    flex-grow: 0;
    width: 41.66667%;
  }

  /* line 192, ../sass/Layout/_GridLayout.scss */
  .col-6-xl {
    box-sizing: border-box;
    flex-grow: 0;
    width: 50%;
  }

  /* line 192, ../sass/Layout/_GridLayout.scss */
  .col-7-xl {
    box-sizing: border-box;
    flex-grow: 0;
    width: 58.33333%;
  }

  /* line 192, ../sass/Layout/_GridLayout.scss */
  .col-8-xl {
    box-sizing: border-box;
    flex-grow: 0;
    width: 66.66667%;
  }

  /* line 192, ../sass/Layout/_GridLayout.scss */
  .col-9-xl {
    box-sizing: border-box;
    flex-grow: 0;
    width: 75%;
  }

  /* line 192, ../sass/Layout/_GridLayout.scss */
  .col-10-xl {
    box-sizing: border-box;
    flex-grow: 0;
    width: 83.33333%;
  }

  /* line 192, ../sass/Layout/_GridLayout.scss */
  .col-11-xl {
    box-sizing: border-box;
    flex-grow: 0;
    width: 91.66667%;
  }

  /* line 192, ../sass/Layout/_GridLayout.scss */
  .col-12-xl {
    box-sizing: border-box;
    flex-grow: 0;
    width: 100%;
  }
}
/* line 200, ../sass/Layout/_GridLayout.scss */
.m-1200 {
  max-width: 1200px;
  margin: 0 auto;
}

/* line 211, ../sass/Layout/_GridLayout.scss */
.Menu-gap > * {
  padding: 2rem;
}

@media screen and (min-width: 960px) {
  /* line 220, ../sass/Layout/_GridLayout.scss */
  .Menu-gap {
    margin-left: -2rem;
    margin-right: -2rem;
  }
}

/* line 234, ../sass/Layout/_GridLayout.scss */
.smallGap > * {
  padding: 2rem;
}

/* line 1, ../sass/Layout/_Hero.scss */
.Hero {
  padding-left: calc(1rem + 1vw);
  padding-right: calc(1rem + 1vw);
  padding-top: calc(1rem + 1vh);
  padding-bottom: calc(1rem + 1vh);
  width: 100%;
  position: absolute;
  top: 55%;
  left: 55%;
  transform: translate(-50%, -50%);
  display: flex;
}
@media screen and (min-width: 1024px) {
  /* line 1, ../sass/Layout/_Hero.scss */
  .Hero {
    padding: 2rem;
  }
}
@media screen and (min-height: 300px) and (max-height: 600px) {
  /* line 1, ../sass/Layout/_Hero.scss */
  .Hero {
    top: 60%;
  }
}

@media screen and (max-width: 1440px) {
  .Hero {
    width: 80%;
    left: 50%;
  }
}

@media screen and (min-width: 300px) and (max-width: 600px) {
  /* line 1, ../sass/Layout/_Hero.scss */
  .Hero {
    left: 45%;
  }
}

/* line 45, ../sass/Layout/_Hero.scss */
.Hero__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
/* line 53, ../sass/Layout/_Hero.scss */
.Hero__content p {
  max-width: 580px;
}
/* line 62, ../sass/Layout/_Hero.scss */
.Hero__CTA {
  display: none;
}
@media screen and (min-width: 1200px) {
  /* line 62, ../sass/Layout/_Hero.scss */
  .Hero__CTA {
    align-self: flex-end;
    padding: 1.5rem;
    width: 406px;
    display: flex;
    flex-direction: column;
    background: rgba(50, 51, 52, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(24px);
    border-radius: 2px;
    gap: 1.6rem;
  }
  /* line 96, ../sass/Layout/_Hero.scss */
  .Hero__CTA--button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    width: 48px;
    height: 48px;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
  }
}

/* line 1, ../sass/Layout/_Footer.scss */
.footer {
  margin-top: 10rem;
  background-color: #FCF9F6;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 2.4rem;
}
@media screen and (max-width: 1200px) {
  /* line 1, ../sass/Layout/_Footer.scss */
  .footer {
    margin-top: calc(2.4rem + 1vh);
  }
}
/* line 32, ../sass/Layout/_Footer.scss */
.footer--image {
  position: relative;
}
@media screen and (max-width: 769px) {
  /* line 32, ../sass/Layout/_Footer.scss */
  .footer--image {
    height: 200px;
  }
}
/* line 47, ../sass/Layout/_Footer.scss */
.footer--image img:nth-child(1) {
  height: 100%;
  width: 100%;
  max-width: 900px;
}
/* line 62, ../sass/Layout/_Footer.scss */
.footer__columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 136px;
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 769px) {
  /* line 62, ../sass/Layout/_Footer.scss */
  .footer__columns {
    grid-template-columns: 1fr;
    gap: 2.4rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  /* line 62, ../sass/Layout/_Footer.scss */
  .footer__columns {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4rem;
  }
}
/* line 100, ../sass/Layout/_Footer.scss */
.footer__column {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
/* line 109, ../sass/Layout/_Footer.scss */
.footer__column__header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
}
/* line 122, ../sass/Layout/_Footer.scss */
.footer__column__header--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 4px;
  background-color: white;
}
/* line 139, ../sass/Layout/_Footer.scss */
.footer__column__header h3 {
  text-align: center;
  font-size: calc(0.6rem + 1vw);
  color: #A3A4A6;
  font-family: "BG-light";
}
@media screen and (min-width: 769px) {
  /* line 139, ../sass/Layout/_Footer.scss */
  .footer__column__header h3 {
    font-size: 1.4rem;
  }
}
/* line 150, ../sass/Layout/_Footer.scss */
.footer__column nav {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
/* line 159, ../sass/Layout/_Footer.scss */
.footer__column nav p, .footer__column nav a {
  text-align: center;
  font-size: calc(0.6rem + 1vw);
  color: var(--primary-brown);;
  font-family: "BG-light";
}
@media screen and (min-width: 769px) {
  /* line 159, ../sass/Layout/_Footer.scss */
  .footer__column nav p, .footer__column nav a {
    font-size: 1.2rem;
  }
}
/* line 170, ../sass/Layout/_Footer.scss */
.footer__PowerdBy {
  position: relative;
  padding: 2rem;
  width: 100%;
  display: grid;
  grid-template-columns: 20rem 1fr 20rem;
  align-items: center;
}
@media screen and (max-width: 769px) {
  /* line 170, ../sass/Layout/_Footer.scss */
  .footer__PowerdBy {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
/* line 184, ../sass/Layout/_Footer.scss */
.footer__PowerdBy::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #E8E7E6;
}
/* line 228, ../sass/Layout/_Footer.scss */
.footer__PowerdBy--logo {
  justify-self: center;
}
/* line 236, ../sass/Layout/_Footer.scss */
.footer__PowerdBy--social {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 769px) {
  /* line 236, ../sass/Layout/_Footer.scss */
  .footer__PowerdBy--social {
    justify-self: center;
  }
}
/* line 257, ../sass/Layout/_Footer.scss */
.footer__PowerdBy p {
  font-size: calc(0.6rem + 1vw);
  color: var(--primary-brown);;
  font-family: "BG-light";
}
@media screen and (min-width: 769px) {
  /* line 257, ../sass/Layout/_Footer.scss */
  .footer__PowerdBy p {
    font-size: 1rem;
  }
}
@media screen and (max-width: 769px) {
  /* line 257, ../sass/Layout/_Footer.scss */
  .footer__PowerdBy p {
    text-align: center;
  }
}
/* line 269, ../sass/Layout/_Footer.scss */
.footer__PowerdBy svg {
  fill: var(--primary-brown);;
  cursor: pointer;
}

/* line 280, ../sass/Layout/_Footer.scss */
.spice {
  position: absolute;
  width: calc(12rem + 3vw);
  height: calc(14rem + 3vh);
  right: 0%;
  top: 43%;
}
@media screen and (min-width: 1200px) {
  /* line 280, ../sass/Layout/_Footer.scss */
  .spice {
    right: -12%;
    top: 11%;
  }
}

/* line 299, ../sass/Layout/_Footer.scss */
.tomato, .tomato2 {
  position: absolute;
  left: -9%;
  top: 10%;
}

/* line 309, ../sass/Layout/_Footer.scss */
.tomato2 {
  left: 10%;
  top: 50%;
}

/*
################################
||                            ||
||      Menu Component        ||
||                            ||
||  Styling Images on sides   ||
||                            ||
################################



*/
/* line 14, ../sass/Layout/_Menu.scss */
.Menu--topleft img, .Menu--topRight img, .Menu--BottomLeft img, .Menu--BottomRight img {
  object-fit: cover;
  width: calc(4rem + 6vw);
  height: calc(4rem + 10vh);
}
@media screen and (min-width: 1200px) {
  /* line 14, ../sass/Layout/_Menu.scss */
  .Menu--topleft img, .Menu--topRight img, .Menu--BottomLeft img, .Menu--BottomRight img {
    width: 100%;
    height: 100%;
    max-width: 400px;
    max-height: 400px;
  }
}

/* line 38, ../sass/Layout/_Menu.scss */
.goldBorder {
  position: relative;
}
@media screen and (min-width: 960px) {
  /* line 43, ../sass/Layout/_Menu.scss */
  .goldBorder::after {
    position: absolute;
    content: '';
    left: 50%;
    top: 1%;
    transform: translateX(-50%);
    background-color: var(--primary-gold);;
    width: 1px;
    height: 100%;
  }
}

/* line 73, ../sass/Layout/_Menu.scss */
.TabView > div {
  display: none;
}
/* line 77, ../sass/Layout/_Menu.scss */
.TabView > div.active {
  display: block;
}

/* line 87, ../sass/Layout/_Menu.scss */
.Menu {
  background-color: #FCF9F6;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 24px;
}
@media screen and (min-width: 1200px) {
  /* line 87, ../sass/Layout/_Menu.scss */
  .Menu {
    padding: 100px;
  }
}
/* line 110, ../sass/Layout/_Menu.scss */
.Menu h2 {
  font-family: 'Melodrama-reg';
  font-style: normal;
  letter-spacing: -0.03em;
  color: white;
  font-size: calc(1rem + 5vw);
  text-align: center;
  position: relative;
  z-index: 9;
  color: var(--primary-brown);
}

.Menu .section-header {
  font-family: 'Melodrama-reg';
  font-style: normal;
  letter-spacing: -0.03em;
  color: white;
  font-size: 24px;
  text-align: left;
  position: relative;
  margin-bottom: 15px;
  z-index: 9;
  color: var(--primary-gold);
}
@media screen and (min-width: 1024px) {
  /* line 110, ../sass/Layout/_Menu.scss */
  .Menu h2 {
    font-size: 54px;
  }
}
/* line 131, ../sass/Layout/_Menu.scss */
.Menu--Intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.4rem;
}
@media screen and (max-width: 1200px) {
  /* line 131, ../sass/Layout/_Menu.scss */
  .Menu--Intro {
    margin-top: 2.4rem;
  }
}
/* line 146, ../sass/Layout/_Menu.scss */
.Menu--Title {
  margin-top: 4.2rem;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
/* line 156, ../sass/Layout/_Menu.scss */
.Menu--Title p {
  text-align: center;
}
/* line 163, ../sass/Layout/_Menu.scss */
.Menu--topleft {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 182, ../sass/Layout/_Menu.scss */
.Menu--topRight {
  position: absolute;
  top: 0;
  right: 0;
}
/* line 199, ../sass/Layout/_Menu.scss */
.Menu--BottomLeft {
  position: absolute;
  bottom: 0;
  left: 0;
}
/* line 214, ../sass/Layout/_Menu.scss */
.Menu--BottomRight {
  position: absolute;
  bottom: 0;
  right: 0;
}
/* line 233, ../sass/Layout/_Menu.scss */
.Menu--buttons {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
/* line 245, ../sass/Layout/_Menu.scss */
.Menu__Tabs {
  width: 100%;
  margin-top: 4.8rem;
}
/* line 254, ../sass/Layout/_Menu.scss */
.Menu__Tabs > nav {
  max-width: 1400px;
  justify-content: center;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2.4rem;
  width: 100%;
  padding: 2rem;
}
/* line 281, ../sass/Layout/_Menu.scss */
.Menu__Tabs--tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
/* line 293, ../sass/Layout/_Menu.scss */
.Menu__Tabs--tab.active::after {
  transition: all 0.4s;
  position: absolute;
  content: '';
  border-radius: 50%;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 8px;
  background-color: var(--primary-brown);
}
/* line 320, ../sass/Layout/_Menu.scss */
.Menu__Tabs--tab.active a {
  color: var(--primary-brown);;
}
/* line 327, ../sass/Layout/_Menu.scss */
.Menu__Tabs--tab.active svg path {
  stroke: var(--primary-brown);;
}
/* line 337, ../sass/Layout/_Menu.scss */
.Menu__Tabs--tab svg path {
  transition: all 0.4s;
  stroke: #A3A4A6;
}
/* line 347, ../sass/Layout/_Menu.scss */
.Menu__Tabs--tab a {
  transition: all 0.4s;
  text-decoration: none;
  font-size: calc(0.6rem + 1vw);
  color: #A3A4A6;
  font-family: "BG-light";
}
@media screen and (min-width: 769px) {
  /* line 347, ../sass/Layout/_Menu.scss */
  .Menu__Tabs--tab a {
    font-size: 1.2rem;
  }
}
/* line 363, ../sass/Layout/_Menu.scss */
.Menu__Tabs--content {
  margin-top: 2.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
/* line 371, ../sass/Layout/_Menu.scss */
.Menu__Tabs--content img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-bottom: 4.2rem;
}

/* line 387, ../sass/Layout/_Menu.scss */
.MenuIntro {
  background-color: white;
}

/* line 396, ../sass/Layout/_Menu.scss */
.MenuButton {
  color: #A3A4A6;
  background-color: transparent;
  border: 1px solid #A3A4A6;
  transition: all 0.4s;
  position: relative;
}
/* line 411, ../sass/Layout/_Menu.scss */
.MenuButton.active {
  background-color: var(--primary-brown);;
  color: white;
  border: none;
}
/* line 420, ../sass/Layout/_Menu.scss */
.MenuButton.active::after {
  transition: all 0.4s;
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--primary-brown);;
  left: 50%;
  transform: translateX(-50%);
  bottom: -20px;
}

/* line 463, ../sass/Layout/_Menu.scss */
.MenuCard {
  width: 100%;
}
/* line 472, ../sass/Layout/_Menu.scss */
.MenuCard--Title, .MenuCard--price {
  font-family: 'Melodrama-reg';
  font-style: normal;
  font-size: calc(0.8rem + 0.5vw);
  letter-spacing: -0.03em;
  color: white;
  font-family: 'BG';
  color: var(--primary-brown);;
  flex-shrink: 0;
  text-transform: capitalize !important;
}
@media screen and (min-width: 1024px) {
  /* line 472, ../sass/Layout/_Menu.scss */
  .MenuCard--Title, .MenuCard--price {
    font-size: 24px;
  }
}
/* line 492, ../sass/Layout/_Menu.scss */
.MenuCard--desc {
  text-transform: capitalize !important;
  font-size: 1rem;
  color: #757779;
  font-family: "BG-light";
}
/* line 507, ../sass/Layout/_Menu.scss */
.MenuCard--border {
  width: 100%;
  border: 1px dashed #BABBBC;
}
/* line 519, ../sass/Layout/_Menu.scss */
.MenuCard--header {
  display: flex;
  gap: 5px;
  align-items: center;
}

/* line 529, ../sass/Layout/_Menu.scss */
.border {
  display: none;
}
@media screen and (min-width: 960px) {
  /* line 529, ../sass/Layout/_Menu.scss */
  .border {
    position: absolute;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    padding: 0 !important;
    background-color: var(--primary-gold);;
    height: 83%;
    top: 8%;
  }
}

/* line 561, ../sass/Layout/_Menu.scss */
.LargMenu {
  position: relative;
}
/* line 567, ../sass/Layout/_Menu.scss */
.LargMenu::after {
  position: absolute;
  content: '';
  background-color: var(--primary-gold);;
  width: 100%;
  height: 1px;
}

/* line 590, ../sass/Layout/_Menu.scss */
.no-border::after {
  content: none !important;
}

/* line 595, ../sass/Layout/_Menu.scss */
.SmallMenu {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 2.4rem;
}
@media screen and (min-width: 1200px) {
  /* line 595, ../sass/Layout/_Menu.scss */
  .SmallMenu {
    margin-top: 6.4rem;
  }
}

/* line 613, ../sass/Layout/_Menu.scss */
.Menu__Tabs--content {
  display: none;
}
/* line 617, ../sass/Layout/_Menu.scss */
.Menu__Tabs--content.active {
  display: flex;
}

/* line 1, ../sass/Pages/_Home.scss */
.AboutUs {
  padding-left: calc(1rem + 1vw);
  padding-right: calc(1rem + 1vw);
  padding-top: calc(1rem + 1vh);
  padding-bottom: calc(1rem + 1vh);
  width: 100%;
  position: relative;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
@media screen and (min-width: 1024px) {
  /* line 1, ../sass/Pages/_Home.scss */
  .AboutUs {
    padding: 2rem;
  }
}
@media screen and (max-width: 1200px) {
  /* line 1, ../sass/Pages/_Home.scss */
  .AboutUs {
    margin-top: calc(2.4rem + 1vh);
    margin-bottom: calc(2.4rem + 1vh);
  }
}
/* line 23, ../sass/Pages/_Home.scss */
.AboutUs::before {
  content: '';
  background-image: url('/Assets/Decoration (13).png?1725112793');
  position: absolute;
  right: 0;
  right: 0px;
  width: 212px;
  height: 358px;
}
@media screen and (max-width: 769px) {
  /* line 23, ../sass/Pages/_Home.scss */
  .AboutUs::before {
    right: 0px;
    width: 5rem;
    height: 18rem;
    top: -46px;
  }
}
/* line 67, ../sass/Pages/_Home.scss */
.AboutUs::after {
  content: none;
  background-image: url('/Assets/Decoration (9).png?1725110766');
  position: absolute;
  right: -102px;
  width: 360px;
  height: 378px;
}
/* line 84, ../sass/Pages/_Home.scss */
.AboutUs h2 {
  font-family: 'Melodrama-reg';
  font-style: normal;
  letter-spacing: -0.03em;
  color: white;
  font-size: calc(1rem + 5vw);
  color: var(--primary-brown);;
}
@media screen and (min-width: 1024px) {
  /* line 84, ../sass/Pages/_Home.scss */
  .AboutUs h2 {
    font-size: 54px;
  }
}
/* line 91, ../sass/Pages/_Home.scss */
.AboutUs p {
  max-width: 580px;
}

/* line 100, ../sass/Pages/_Home.scss */
.DecoratedImages {
  height: 160px;
  position: relative;
}
/* line 109, ../sass/Pages/_Home.scss */
.DecoratedImages img:first-child {
  position: absolute;
  left: -55px;
  top: 23px;
}
/* line 116, ../sass/Pages/_Home.scss */
.DecoratedImages img:nth-child(2) {
  position: absolute;
  left: -11px;
  top: 23px;
}

/* line 127, ../sass/Pages/_Home.scss */
.Testimonial {
  padding-left: calc(1rem + 1vw);
  padding-right: calc(1rem + 1vw);
  padding-top: calc(1rem + 1vh);
  padding-bottom: calc(1rem + 1vh);
  max-width: 1600px;
  margin: 0 auto;
  padding-left: calc(1rem + 1vw);
  padding-right: calc(1rem + 1vw);
  padding-top: calc(1rem + 1vh);
  padding-bottom: calc(1rem + 1vh);
}
@media screen and (min-width: 1024px) {
  /* line 127, ../sass/Pages/_Home.scss */
  .Testimonial {
    padding: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  /* line 127, ../sass/Pages/_Home.scss */
  .Testimonial {
    padding: 2rem;
  }
}
/* line 141, ../sass/Pages/_Home.scss */
.Testimonial--header {
  display: grid;
  grid-template-columns: 15rem 1fr 15rem;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  /* line 141, ../sass/Pages/_Home.scss */
  .Testimonial--header {
    grid-template-columns: 1fr;
  }
}
/* line 161, ../sass/Pages/_Home.scss */
.Testimonial--header h2 {
  font-family: 'Melodrama-reg';
  font-style: normal;
  letter-spacing: -0.03em;
  color: white;
  font-size: calc(1rem + 5vw);
  color: var(--primary-brown);;
  justify-self: end;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  /* line 161, ../sass/Pages/_Home.scss */
  .Testimonial--header h2 {
    font-size: 54px;
  }
}
@media screen and (max-width: 1200px) {
  /* line 161, ../sass/Pages/_Home.scss */
  .Testimonial--header h2 {
    justify-self: center;
  }
}
/* line 178, ../sass/Pages/_Home.scss */
.Testimonial--header .SectionIntro, .Testimonial--header .MenuIntro {
  justify-self: flex-start;
}
@media screen and (max-width: 1200px) {
  /* line 178, ../sass/Pages/_Home.scss */
  .Testimonial--header .SectionIntro, .Testimonial--header .MenuIntro {
    justify-self: center;
  }
}
/* line 190, ../sass/Pages/_Home.scss */
.Testimonial--middel {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 10rem;
}
/* line 200, ../sass/Pages/_Home.scss */
.Testimonial--middel .Rating {
  background-color: #FCF9F6;
}
/* line 205, ../sass/Pages/_Home.scss */
.Testimonial--middel .Rating p {
  color: var(--primary-brown);;
}
/* line 211, ../sass/Pages/_Home.scss */
.Testimonial--middel h1 {
  font-size: 20rem;
  line-height: 0.2;
  font-family: "BG";
  position: relative;
}
/* line 221, ../sass/Pages/_Home.scss */
.Testimonial--middel h1::before {
  position: absolute;
  content: '';
  top: -160px;
  left: -119px;
  background-image: url("/Assets/spice-decoration.png?1725180353");
  width: 170px;
  height: 170px;
  background-size: cover;
}

/* line 246, ../sass/Pages/_Home.scss */
.ContactUs {
  max-width: 1600px;
  margin: 0 auto;
  padding-left: calc(1rem + 1vw);
  padding-right: calc(1rem + 1vw);
  padding-top: calc(1rem + 1vh);
  padding-bottom: calc(1rem + 1vh);
}
@media screen and (min-width: 1024px) {
  /* line 246, ../sass/Pages/_Home.scss */
  .ContactUs {
    padding: 2rem;
  }
}
/* line 255, ../sass/Pages/_Home.scss */
.ContactUs--Form {
  background-image: url('/Assets/contact-bg.webp');
  margin-top: 42px;
  background-size: contain;
  width: 100%;
  height: 600px;
  position: relative;
}

/* line 286, ../sass/Pages/_Home.scss */
.Form--input {
  width: 100%;
}

/* line 1, ../sass/Pages/_OurMenu.scss */
.ourMenu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #FDFDFD;
  overflow-x: hidden;
  padding: 3rem;
  position: relative;
}
@media screen and (min-width: 1200px) {
  /* line 1, ../sass/Pages/_OurMenu.scss */
  .ourMenu {
    padding: 6rem;
  }
}
/* line 29, ../sass/Pages/_OurMenu.scss */
.ourMenu h1 {
  font-size: calc(1.6rem + 1vw);
  color: white;
  font-weight: bold;
  max-width: 90%;
  letter-spacing: -0.04em;
  line-height: 100%;
  color: var(--primary-brown);;
}
@media screen and (min-width: 1024px) {
  /* line 29, ../sass/Pages/_OurMenu.scss */
  .ourMenu h1 {
    font-size: 6.4rem;
    max-width: 48rem;
  }
}
/* line 37, ../sass/Pages/_OurMenu.scss */
.ourMenu p {
  font-size: calc(0.6rem + 1vw);
  color: var(--primary-brown);;
  font-family: "BG-light";
  width: 100%;
  text-align: center;
  max-width: 390px;
}
@media screen and (min-width: 769px) {
  /* line 37, ../sass/Pages/_OurMenu.scss */
  .ourMenu p {
    font-size: 1.2rem;
  }
}

/* line 54, ../sass/Pages/_OurMenu.scss */
.Menu--CenterRight, .Menu--CenterLeft {
  position: absolute;
  top: 50%;
  right: -38px;
  transform: translateY(-50%);
}
/* line 56, ../sass/Pages/_OurMenu.scss */
.Menu--CenterRight img, .Menu--CenterLeft img {
  width: calc(10rem + 5vw);
  height: calc(7rem + 5vw);
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* line 85, ../sass/Pages/_OurMenu.scss */
.Menu--CenterLeft {
  right: unset;
  left: -44px;
}

/* line 101, ../sass/Pages/_OurMenu.scss */
.IMap {
  max-width: 1600px;
  margin: 0 auto;
  border-radius: 2px;
}

/* line 114, ../sass/Pages/_OurMenu.scss */
.MenuBorder::after {
  position: absolute;
  content: '';
  background-color: var(--primary-gold);;
  width: 100%;
  height: 1px;
  top: -10px;
  left: 0;
}

/* line 131, ../sass/Pages/_OurMenu.scss */
.u-image-menu {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-top: 4.2rem;
  margin-bottom: 4.2rem;
}

/* line 1, ../sass/Pages/_ContactUs.scss */
.Contactus--Wrapper {
  position: absolute;
  bottom: -400px;
  left: 10%;
  display: grid;
  gap: 42px;
  grid-template-areas: "form ..." "form Cards";
  grid-template-columns: 500px 2fr;
}
@media screen and (max-width: 1200px) {
  /* line 1, ../sass/Pages/_ContactUs.scss */
  .Contactus--Wrapper {
    position: static;
    grid-template-areas: "form" "Cards";
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
  /* line 1, ../sass/Pages/_ContactUs.scss */
  .Contactus--Wrapper {
    left: 2%;
    grid-template-columns: 450px 2fr;
  }
}
/* line 48, ../sass/Pages/_ContactUs.scss */
.Contactus--Wrapper--cards {
  grid-area: Cards;
  display: flex;
  align-items: center;
  gap: 10rem;
  justify-self: center;
}
@media screen and (max-width: 1200px) {
  /* line 48, ../sass/Pages/_ContactUs.scss */
  .Contactus--Wrapper--cards {
    flex-direction: column;
    gap: 2.4rem;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
  /* line 48, ../sass/Pages/_ContactUs.scss */
  .Contactus--Wrapper--cards {
    gap: 2.4rem;
  }
}

/* line 84, ../sass/Pages/_ContactUs.scss */
.ContactUsHolder {
  position: relative;
}
@media screen and (min-width: 1201px) {
  /* line 84, ../sass/Pages/_ContactUs.scss */
  .ContactUsHolder {
    margin-bottom: 35rem;
  }
}

/* line 58, ../sass/main.scss */
.Blocks {
  width: 100vw;
  height: 100vh;
}
/* line 64, ../sass/main.scss */
.Blocks__Block {
  position: fixed;
  width: 50%;
  height: 100vh;
  z-index: 1;
  background-color: white;
}

/* line 79, ../sass/main.scss */
.RightBlock {
  right: 0;
}

/* line 87, ../sass/main.scss */
.LeftBlock {
  left: 0;
}