@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
body, h1, h2, h3, h4, h5, h6, p, a {
  font-family: 'Open Sans', sans-serif;
}

html {
  scroll-behavior: smooth;
}

.frame-child {
  height: 212px;
  width: 1920px;
  position: relative;
  background-color: var(--color-moccasin);
  display: none;
  max-width: 100%;
}
.appoi-logo-1-icon {
  height: 168.2px;
  width: 160px;
  position: relative;
  object-fit: contain;
  z-index: 1;
}
.frame-item,
.rectangle-parent {
  box-sizing: border-box;
  max-width: 100%;
}
.rectangle-parent {
  align-self: stretch;
  background-color: var(--color-moccasin);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-3xl) var(--padding-xl) 21.8px;
}
.frame-item {
  height: 60px;
  width: 100%;
  position: relative;
  background-color: var(--color-white);
  border-top: 1px solid var(--color-gray-300);
  border-bottom: 1px solid var(--color-gray-300);
  display: none;
}
.symbol {
  position: relative;
  line-height: 18px;
  display: inline-block;
  min-width: 18.3px;
  white-space: nowrap;
  z-index: 1;
}
.symbol-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs-4) 0 0;
}
.div,
.symbol1 {
  position: relative;
  display: inline-block;
  z-index: 1;
}
.div {
  font-size: var(--font-size-base);
  line-height: 29px;
  font-family: var(--font-lato);
  min-width: 97px;
}
.symbol1 {
  line-height: 18px;
  min-width: 18.3px;
  white-space: nowrap;
}
.symbol-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs-4) 0 0;
}
.infoappoiikitchencom {
  position: relative;
  font-size: var(--font-size-base);
  line-height: 29px;
  font-family: var(--font-lato);
  white-space: nowrap;
  z-index: 1;
}
.frame-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-lgi-2);
  max-width: 100%;
}
.item-link {
  color: var(--color-gold);
  min-width: 53px;
}
.item-link,
.item-link1,
.item-link2,
.item-link3,
.item-link4 {
  position: relative;
  letter-spacing: 1px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  z-index: 1;
}
.item-link1 {
  min-width: 88px;
  white-space: nowrap;
}
.item-link2,
.item-link3,
.item-link4 {
  min-width: 53px;
}
.item-link3,
.item-link4 {
  min-width: 126px;
}
.item-link4 {
  min-width: 82px;
}
.shop-items {
  margin: 0;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-xl);
  text-align: left;
  font-size: var(--font-size-base);
  color: var(--color-black);
  font-family: var(--font-open-sans);
}
.frame-group,
.shop-items-wrapper {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.shop-items-wrapper {
  margin: 0;
  width: 574px;
  flex-direction: column;
  justify-content: flex-start;
  padding: 6px 0 0;
  box-sizing: border-box;
}
.frame-group {
  /* width: 1176px; */
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.symbol2,
.symbol3,
.symbol4 {
  position: relative;
  line-height: 22.7px;
  display: inline-block;
  min-width: 23.1px;
  white-space: nowrap;
  z-index: 1;
}
.symbol4 {
  min-width: 20.3px;
}
.symbol-parent {
  margin: 0;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-xl);
  text-align: center;
  font-size: var(--font-size-3xl-7);
  color: var(--color-black);
  font-family: var(--font-font-awesome-5-brands);
}
.frame-parent,
.frame-wrapper,
.rectangle-group {
  display: flex;
  /* align-items: flex-start; */
  box-sizing: border-box;
}
.frame-wrapper {
  margin: 0;
  width: 113.3px;
  flex-direction: column;
  justify-content: flex-start;
  padding: 3px 0 0;
}
.frame-parent,
.rectangle-group {
  align-self: stretch;
  max-width: 100%;
}
.rectangle-group {
  background-color: var(--color-white);
  border-top: 1px solid var(--color-gray-300);
  border-bottom: 1px solid var(--color-gray-300);
  flex-direction: row;
  justify-content: center;
  padding: var(--padding-sm) var(--padding-xl) var(--padding-smi);
  gap: 429px;
  top: 0;
  z-index: 99;
  position: sticky;
}
.frame-parent {
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
  font-size: var(--font-size-lg);
  color: var(--color-gray-300);
  font-family: var(--font-font-awesome-5-free);
}
.rs-layer-wrap-rs-layer-fre {
  height: 195px;
  width: 229px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.image-wrapper {
  width: 502px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 0 0 27px;
  box-sizing: border-box;
  max-width: 100%;
}
.commodo-consequat-duis,
.lorem-ipsum-dolor,
.tempor-incididunt-ut,
.veniam-quis-nost {
  margin: 0;
}
.lorem-ipsum-dolor-container {
  position: relative;
  line-height: 26.51px;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
}
.rs-sbg-px-rs-sbg-wrap-rs-s {
  width: 100%;
  margin: 0 !important;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 254px var(--padding-xl) 57px 1184px;
  box-sizing: border-box;
  gap: 116px;
  background-image: url(./public/rssbgpx--rssbgwrap--rssbg--image@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  max-width: 100%;
}
.rs-layer-wrap-rs-layer-fre1 {
  height: 628.2px;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
  z-index: 1;
}
.rs-layer-wrap-rs-layer-fre2,
.rs-layer-wrap-rs-layer-fre3 {
  height: 188px;
  width: 242.2px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  z-index: 2;
}
.rs-layer-wrap-rs-layer-fre3 {
  height: 140.9px;
  width: 181.1px;
  object-fit: contain;
}
.rs-layer-wrap-rs-layer-fre-parent {
  margin: 0 !important;
  position: absolute;
  top: -24px;
  left: -103px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 49.8px;
}
.slider-wrapper,
.slider-wrapper-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.slider-wrapper {
  align-self: stretch;
  flex-direction: row;
  position: relative;
}
.slider-wrapper-wrapper {
  width: 551.6px;
  flex-direction: column;
  padding: var(--padding-5xl) 0 0;
  box-sizing: border-box;
  min-width: 551.6px;
}
.rs-layer-wrap-rs-layer,
.rs-layer-wrap-rs-layer-fre4 {
  position: relative;
  flex-shrink: 0;
  debug_commit: 448091;
  z-index: 1;
}
.rs-layer-wrap-rs-layer-fre4 {
  width: 320.8px;
  max-height: 100%;
  overflow: hidden;
  object-fit: contain;
  max-width: 100%;
}
.rs-layer-wrap-rs-layer {
  margin: 0;
  font-size: inherit;
  line-height: 55px;
  font-weight: 700;
  font-family: inherit;
}
.rs-layer-wrap-rs-layer-lig-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
}
.rs-layer-wrap-rs-layer-fre-group {
  width: 540.7px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 268.9px;
  min-width: 540.7px;
  max-width: 100%;
  font-size: 53px;
  color: var(--color-darkslategray);
  font-family: var(--font-playfair-display);
}
.mainbakground{
  background-image: url('./public/rssbgpx--rssbgwrap--rssbg--image@3x.png');
  height: 540px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.img1{
height: 400px;
position: relative;
bottom: 120px;
left: 140px;
}
.img2{
width: 229px;
height: 195px;
flex-shrink: 0;
}
.img3{
width: 242.231px;
height: 188px;
flex-shrink: 0;
}
.img4{
width: 181.132px;
height: 140.88px;
flex-shrink: 0;
}
.img5{
width: 320.755px;
height: 181.132px;
flex-shrink: 0;
}
/* Define keyframes for the slide-in animation */
@keyframes slideIn {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideIn2 {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Define keyframes for the wave animation */
@keyframes wave {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@keyframes wave2 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

/* Apply the animations to the element with class "animation1" */
.animation1 {
  animation: slideIn 1s ease-out forwards, wave 3s ease-in-out infinite;
  animation-delay: 0s, 1s; /* Delay the wave animation to start after the slide-in animation */
}
.animation2 {
  animation: slideIn2 1s ease-out forwards, wave2 2s ease-in-out infinite;
  animation-delay: 0s, 1s; /* Delay the wave animation to start after the slide-in animation */
}
.hero-con{
  display: flex;
 justify-content: end;
 position: absolute;
 bottom: -30px;
 right: 0;
}
.hero-con div{
width: 50%;
}
.hero-con h1{
color: #333;
font-family: "Playfair Display";
font-size: 43px;
font-style: normal;
font-weight: 700;
line-height: 55px; /* 103.774% */
}
.hero-con p{
color: #8F8F8F;
font-family: "Open Sans";
font-size: 12px;
font-style: normal;
font-weight: 300;
line-height: 26.507px; /* 170.588% */
}

.container-icon,
.hero {
  align-self: stretch;
  position: relative;
  max-width: 100%;
}
.hero {
  margin-right: -1px;
  margin-bottom: 16.4px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--padding-21xl) 144px 35.8px 408px;
  box-sizing: border-box;
  gap: var(--gap-xl);
  text-align: left;
  font-size: 15.5px;
  color: #8f8f8f;
  font-family: var(--font-open-sans);
}
.container-icon {
  margin-top: -85px;
  height: 15px;
  overflow: hidden;
  flex-shrink: 0;
}
.heading-5 {
  flex: 1;
  position: relative;
  letter-spacing: 1.3px;
  line-height: 39px;
  text-transform: uppercase;
}
.heading-5-tasty-and-crunchy-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-24xl);
}
.heading-2 {
  position: relative;
  /* font-size: var(--font-size-48xl-6); */
  font-size: 60px;
  line-height: 88px;
  font-family: var(--font-playfair-display);
  margin-top: -1.4px;
}
.frame-parent1,
.frame-wrapper1 {
  display: flex;
  align-items: flex-start;
}
.frame-parent1 {
text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  flex-shrink: 0;
  debug_commit: 448091;
  padding: 20px 0px;
}
.frame-wrapper1 {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-2xl) 0 var(--padding-xl);
}
.condorico-consectetur-adipisci,
.doeiusmod-tempor-incidition,
.lorem-ipsum-dolor1 {
  margin: 0;
}
.lorem-ipsum-dolor-container1 {
  position: relative;
  font-size: var(--font-size-3xl-1);
  line-height: 36.38px;
  font-weight: 300;
  flex-shrink: 0;
  debug_commit: 448091;
  padding: 20px 0px;
}
.frame-div {
  width: 755.6px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
  max-width: 100%;
}
.container-icon1,
.section-inner {
  align-self: stretch;
  max-width: 100%;
  flex-shrink: 0;
}
.section-inner {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl) 0 var(--padding-3xl);
  box-sizing: border-box;
}
.container-icon1 {
  height: 15px;
  position: relative;
  overflow: hidden;
  object-fit: contain;
  display: none;
}
.section,
.section-wrapper {
  display: flex;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.section {
  height: fit-content;
  flex: 1;
  background-color: var(--color-moccasin);
  flex-direction: column;
  align-items: flex-end;
}
.section-wrapper {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 0 36.4px;
  text-align: center;
  font-size: 16.9px;
  color: var(--color-gray-300);
  font-family: var(--font-open-sans);

}
.heading-21 {
  position: relative;
  line-height: 88px;
}
.heading-2-stunning-things-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl) 0 var(--padding-2xl);
}
.doeiusmod-tempor-incidition1,
.lorem-ipsum-dolor2 {
  margin: 0;
}
.lorem-ipsum-dolor-container2 {
  position: relative;
  font-size: var(--font-size-3xl-1);
  line-height: 36.38px;
  font-weight: 300;
  font-family: var(--font-open-sans);
}
.frame-parent3 {
  width: 756px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 17.4px;
  max-width: 100%;
}
.frame-wrapper2 {
  width: 1718.6px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl) 37.6px;
  box-sizing: border-box;
  max-width: 100%;
}
.heading-22 {
  position: relative;
  line-height: 88px;
  padding-left: 25px;
}
.mingcutedown-line-icon {
  width: 32px;
  height: 32px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: contain;
}
.heading-2-stunning-things-parent,
.mingcutedown-line-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xl) 0 0;

}
.heading-2-stunning-things-parent {
  align-self: stretch;
  border-top: 1px solid var(--color-black);
  flex-direction: row;
  justify-content: space-between;
  padding: 0 var(--padding-xl) 0 0;
  gap: var(--gap-xl);
  font-size: var(--font-size-9xl);
  padding-right: 45px;

}
.link-5638487457-ce6335f841-o {
  align-self: stretch;
  height: 196.9px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.tuna-roast-source {
  position: relative;
  line-height: 20px;
  font-weight: 600;
}
.empty-columns {
  position: relative;
  font-size: var(--font-size-xl);
  line-height: 24px;
  display: inline-block;
  color: var(--color-gold);
  min-width: 56.1px;
  white-space: nowrap;
}
.dish-rows {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.recommended,
.tuna-potatoes {
  position: relative;
  line-height: 21.6px;
  font-weight: 500;
  display: inline-block;
  min-width: 129px;
}
.recommended {
  line-height: 18px;
  text-transform: uppercase;
  min-width: 79px;
}
.background,
.rice-dishes {
  display: flex;
  flex-direction: row;
}
.background {
  background-color: var(--color-gold);
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-11xs-5) var(--padding-4xs) var(--padding-11xs-5)
    var(--padding-3xs);
  font-size: var(--font-size-3xs);
  color: var(--color-gray-300);
}
.rice-dishes {
  align-self: stretch;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--gap-xl);
  font-size: var(--font-size-xs);
  font-family: var(--font-raleway);
}
.dish-columns,
.dish-items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.dish-columns {
  align-self: stretch;
  gap: var(--gap-9xs-4);
}
.dish-items {
  width: 307px;
  gap: var(--gap-2xl-2);
}
.link-5732555949-4ec706dd58-o {
  align-self: stretch;
  height: 196.9px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.pork-veggies,
.roast-beef-4 {
  position: relative;
  line-height: 19.2px;
  font-weight: 600;
  flex-shrink: 0;
  debug_commit: 448091;
}
.pork-veggies {
  font-size: var(--font-size-xs);
  line-height: 22px;
  font-weight: 500;
  font-family: var(--font-raleway);
}
.frame-wrapper3,
.roast-beef-4-sticks-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.roast-beef-4-sticks-parent {
  gap: var(--gap-8xs-3);
}
.frame-wrapper3 {
  padding: var(--padding-9xs-9) 0 0;
}
.b {
  position: relative;
  font-size: var(--font-size-xl);
  line-height: 24px;
  display: inline-block;
  color: var(--color-gold);
  min-width: 50px;
  white-space: nowrap;
}
.dish-items1,
.frame-parent4 {
  display: flex;
  align-items: flex-start;
}
.frame-parent4 {
  align-self: stretch;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.dish-items1 {
  width: 307px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-2xl-2);
}
.link-chicken-wings-490x314j {
  align-self: stretch;
  height: 196.9px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.chicken-olive,
.salted-fried-chicken {
  position: relative;
  line-height: 20px;
  font-weight: 600;
}
.chicken-olive {
  font-size: var(--font-size-xs);
  line-height: 22px;
  font-weight: 500;
  font-family: var(--font-raleway);
}
.frame-wrapper4,
.salted-fried-chicken-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.salted-fried-chicken-parent {
  gap: var(--gap-9xs-5);
  flex-shrink: 0;
  debug_commit: 448091;
}
.frame-wrapper4 {
  padding: var(--padding-9xs-9) 0 0;
}
.b1 {
  position: relative;
  font-size: var(--font-size-xl);
  line-height: 24px;
  display: inline-block;
  color: var(--color-gold);
  min-width: 39px;
  flex-shrink: 0;
  debug_commit: 448091;
  white-space: nowrap;
}
.dish-items2,
.frame-parent5 {
  display: flex;
  align-items: flex-start;
}
.frame-parent5 {
  align-self: stretch;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.dish-items2 {
  width: 308px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-2xl-2);
}
.link-5638487457-ce6335f841-o1 {
  align-self: stretch;
  height: 196.9px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.tuna-roast-source1 {
  position: relative;
  line-height: 20px;
  font-weight: 600;
}
.b2 {
  position: relative;
  font-size: var(--font-size-xl);
  line-height: 24px;
  display: inline-block;
  color: var(--color-gold);
  min-width: 56.1px;
  white-space: nowrap;
}
.tuna-roast-source-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.recommended1,
.tuna-potatoes1 {
  position: relative;
  font-weight: 500;
  display: inline-block;
}
.tuna-potatoes1 {
  line-height: 21.6px;
  min-width: 129px;
  flex-shrink: 0;
  debug_commit: 448091;
}
.recommended1 {
  line-height: 18px;
  text-transform: uppercase;
  min-width: 79px;
}
.background1 {
  background-color: var(--color-gold);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-11xs-5) var(--padding-4xs) var(--padding-11xs-5)
    var(--padding-3xs);
  flex-shrink: 0;
  debug_commit: 448091;
  font-size: var(--font-size-3xs);
  color: var(--color-gray-300);
}
.tuna-potatoes-rice-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--gap-xl);
  font-size: var(--font-size-xs);
  font-family: var(--font-raleway);
}
.dish-items3,
.frame-parent6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-parent6 {
  align-self: stretch;
  gap: var(--gap-9xs-4);
}
.dish-items3 {
  width: 307px;
  gap: var(--gap-2xl-2);
}
.link-5732555949-4ec706dd58-o1 {
  align-self: stretch;
  height: 196.9px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.pork-veggies1,
.roast-beef-41 {
  position: relative;
  line-height: 19.2px;
  font-weight: 600;
  flex-shrink: 0;
  debug_commit: 448091;
}
.pork-veggies1 {
  font-size: var(--font-size-xs);
  line-height: 22px;
  font-weight: 500;
  font-family: var(--font-raleway);
}
.frame-wrapper5,
.roast-beef-4-sticks-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.roast-beef-4-sticks-group {
  gap: var(--gap-8xs-3);
  flex-shrink: 0;
  debug_commit: 448091;
}
.frame-wrapper5 {
  padding: var(--padding-9xs-9) 0 0;
}
.b3 {
  position: relative;
  font-size: var(--font-size-xl);
  line-height: 24px;
  display: inline-block;
  color: var(--color-gold);
  min-width: 50px;
  flex-shrink: 0;
  debug_commit: 448091;
  white-space: nowrap;
}
.dish-items4,
.frame-parent7 {
  display: flex;
  align-items: flex-start;
}
.frame-parent7 {
  align-self: stretch;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.dish-items4 {
  width: 307px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-2xl-2);
}
.link-3825404172-7eceffa9c1-o {
  align-self: stretch;
  height: 196.9px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.crab-with-curry {
  position: relative;
  line-height: 20px;
  font-weight: 600;
}
.b4 {
  position: relative;
  font-size: var(--font-size-xl);
  line-height: 24px;
  display: inline-block;
  color: var(--color-gold);
  min-width: 56.1px;
  white-space: nowrap;
}
.crab-with-curry-sources-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 48.6px;
  flex-shrink: 0;
  debug_commit: 448091;
}
.crab-potatoes {
  position: relative;
  font-size: var(--font-size-xs);
  line-height: 21.6px;
  font-weight: 500;
  font-family: var(--font-raleway);
  display: inline-block;
  min-width: 128.2px;
  flex-shrink: 0;
  debug_commit: 448091;
}
.dish-items5,
.frame-parent8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs-4);
}
.dish-items5 {
  width: 307px;
  gap: var(--gap-2xl-2);
}
.link-shutterstock-179643251- {
  align-self: stretch;
  height: 196.9px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.imported-salmon-steak,
.salmon-veggies {
  position: relative;
  line-height: 20px;
  font-weight: 600;
  flex-shrink: 0;
  debug_commit: 448091;
}
.salmon-veggies {
  font-size: var(--font-size-xs);
  line-height: 21.6px;
  font-weight: 500;
  font-family: var(--font-raleway);
}
.frame-wrapper6,
.imported-salmon-steak-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.imported-salmon-steak-parent {
  gap: var(--gap-9xs-5);
}
.frame-wrapper6 {
  padding: var(--padding-9xs-9) 0 0;
}
.b5 {
  position: relative;
  font-size: var(--font-size-xl);
  line-height: 24px;
  display: inline-block;
  color: var(--color-gold);
  min-width: 52.1px;
  white-space: nowrap;
}
.dish-items6,
.frame-parent9 {
  display: flex;
  align-items: flex-start;
}
.frame-parent9 {
  align-self: stretch;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.dish-items6 {
  width: 307px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-2xl-2);
}
.link-loaded-baked-potato-piz {
  align-self: stretch;
  height: 196.9px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.baked-potato-pizza {
  position: relative;
  line-height: 20px;
  font-weight: 600;
}
.baked-potato-pizza,
.pizza-info,
.potato-bread {
  flex-shrink: 0;
  debug_commit: 448091;
}
.potato-bread {
  position: relative;
  font-size: var(--font-size-xs);
  line-height: 21.6px;
  font-weight: 500;
  font-family: var(--font-raleway);
}
.pizza-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs-5);
}
.b6 {
  position: relative;
  line-height: 24px;
  display: inline-block;
  min-width: 33px;
  white-space: nowrap;
}
.wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 0 12px;
}
.new {
  position: relative;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  min-width: 25px;
}
.background2,
.frame-parent10 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.background2 {
  background-color: var(--color-gold);
  flex-direction: row;
  padding: var(--padding-11xs-5) var(--padding-4xs) var(--padding-11xs-5)
    var(--padding-3xs);
  font-size: var(--font-size-3xs);
  color: var(--color-gray-300);
  font-family: var(--font-raleway);
}
.frame-parent10 {
  flex-direction: column;
  gap: 4.2px;
  flex-shrink: 0;
  debug_commit: 448091;
  font-size: var(--font-size-xl);
  color: var(--color-gold);
}
.pizza-info-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.link-loaded-baked-potato-piz-parent {
  width: 308px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-2xl-2);
}
.link-3825404172-7eceffa9c1-o1 {
  align-self: stretch;
  height: 196.9px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.crab-with-curry1 {
  position: relative;
  line-height: 20px;
  font-weight: 600;
}
.b7 {
  position: relative;
  font-size: var(--font-size-xl);
  line-height: 24px;
  display: inline-block;
  color: var(--color-gold);
  min-width: 56.1px;
  white-space: nowrap;
}
.crab-with-curry-sources-group {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 48.7px;
  flex-shrink: 0;
  debug_commit: 448091;
}
.crab-potatoes1 {
  position: relative;
  font-size: var(--font-size-xs);
  line-height: 21.6px;
  font-weight: 500;
  font-family: var(--font-raleway);
  display: inline-block;
  min-width: 128.2px;
  flex-shrink: 0;
  debug_commit: 448091;
}
.dish-items7,
.frame-parent11 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs-4);
}
.dish-items7 {
  width: 307px;
  gap: var(--gap-2xl-2);
}
.link-shutterstock-179643251-1 {
  align-self: stretch;
  height: 196.9px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.imported-salmon-steak1,
.salmon-veggies1 {
  position: relative;
  line-height: 20px;
  font-weight: 600;
  flex-shrink: 0;
  debug_commit: 448091;
}
.salmon-veggies1 {
  font-size: var(--font-size-xs);
  line-height: 21.6px;
  font-weight: 500;
  font-family: var(--font-raleway);
}
.frame-wrapper7,
.imported-salmon-steak-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.imported-salmon-steak-group {
  gap: var(--gap-9xs-5);
  flex-shrink: 0;
  debug_commit: 448091;
}
.frame-wrapper7 {
  padding: var(--padding-9xs-9) 0 0;
}
.b8 {
  position: relative;
  font-size: var(--font-size-xl);
  line-height: 24px;
  display: inline-block;
  color: var(--color-gold);
  min-width: 52.1px;
  flex-shrink: 0;
  debug_commit: 448091;
  white-space: nowrap;
}
.frame-parent12 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.dish-items-parent,
.dish-items8,
.frame-parent2 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.dish-items8 {
  width: 307px;
  flex-direction: column;
  gap: var(--gap-2xl-2);
}
.dish-items-parent,
.frame-parent2 {
  max-width: 100%;
}
.dish-items-parent {
  width: 1721.1px;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40.5px 44.4px;
  /* min-height: 575px; */
  text-align: left;
  font-size: var(--font-size-base);
  color: var(--color-black);
  font-family: var(--font-montserrat);
}

.frame-parent2 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-13xl);
  flex-shrink: 0;
}
.heading-23,
.home-inner {
  display: flex;
  font-family: var(--font-playfair-display);
  color: var(--color-gray-300);
  text-align: center;
}
.home-inner {
  width: 1895px;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 75px 57.1px;
  box-sizing: border-box;
  max-width: 100%;
  font-size: var(--font-size-48xl-6);
}
.heading-23 {
  width: 145px;
  border: 0;
  outline: 0;
  font-size: var(--font-size-9xl);
  background-color: transparent;
  height: 88px;
  position: relative;
  line-height: 87.82px;
  font-weight: 700;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.mingcutedown-line-icon1 {
  width: 32px;
  height: 32px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: contain;
}
.heading-2-stunning-things-group,
.mingcutedown-line-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xl) 0 0;
}
.heading-2-stunning-things-group {
  align-self: stretch;
  border-top: 1px solid var(--color-black);
  flex-direction: row;
  justify-content: space-between;
  padding: 0 var(--padding-xl) 0 0;
  gap: var(--gap-xl);
}
.link-5638487457-ce6335f841-o2 {
  align-self: stretch;
  height: 196.9px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.italian-ice-creams {
  position: relative;
  line-height: 19.2px;
  font-weight: 600;
}
.b9 {
  position: relative;
  font-size: var(--font-size-xl);
  line-height: 24px;
  display: inline-block;
  color: var(--color-gold);
  min-width: 56.1px;
  white-space: nowrap;
}
.italian-icecream-info {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.mango-apple,
.recommended2 {
  position: relative;
  line-height: 22px;
  font-weight: 500;
}
.recommended2 {
  line-height: 18px;
  text-transform: uppercase;
  display: inline-block;
  min-width: 79px;
}
.background3 {
  background-color: var(--color-gold);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-11xs-5) var(--padding-4xs) var(--padding-11xs-5)
    var(--padding-3xs);
  font-size: var(--font-size-3xs);
  color: var(--color-gray-300);
}
.mango-apple-grapes-parent {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--gap-xl);
  font-size: var(--font-size-xs);
  font-family: var(--font-raleway);
}
.italian-icecream-info-parent,
.link-5638487457-ce6335f841-o-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.italian-icecream-info-parent {
  align-self: stretch;
  height: 49.2px;
  gap: 2.4px;
}
.link-5638487457-ce6335f841-o-parent {
  flex: 1;
  gap: var(--gap-2xl-2);
  min-width: 302px;
  max-width: 308px;
}
.link-5732555949-4ec706dd58-o2 {
  align-self: stretch;
  height: 196.9px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.ice-cream-4-sticks,
.mango-apple1 {
  position: relative;
  line-height: 19.2px;
  font-weight: 600;
}
.mango-apple1 {
  font-size: var(--font-size-xs);
  line-height: 22px;
  font-weight: 500;
  font-family: var(--font-raleway);
}
.icecream-details,
.icecream-rows {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.icecream-details {
  gap: var(--gap-8xs-3);
}
.icecream-rows {
  padding: var(--padding-9xs-9) 0 0;
}
.empty-icecream-columns {
  position: relative;
  font-size: var(--font-size-xl);
  line-height: 24px;
  display: inline-block;
  color: var(--color-gold);
  min-width: 50px;
  white-space: nowrap;
}
.icecream-columns,
.icecream-items {
  display: flex;
  align-items: flex-start;
}
.icecream-columns {
  align-self: stretch;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.icecream-items {
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-2xl-2);
  min-width: 302px;
  max-width: 308px;
}
.link-chicken-wings-490x314j1 {
  align-self: stretch;
  height: 196.9px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.mango-ice-cream {
  align-self: stretch;
  position: relative;
  line-height: 19.2px;
  font-weight: 600;
}
.mango-apple2 {
  position: relative;
  font-size: var(--font-size-xs);
  line-height: 22px;
  font-weight: 500;
  font-family: var(--font-raleway);
}
.frame-wrapper8,
.mango-ice-cream-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.mango-ice-cream-parent {
  align-self: stretch;
  gap: var(--gap-8xs-3);
  flex-shrink: 0;
  debug_commit: 448091;
}
.frame-wrapper8 {
  width: 170.8px;
  padding: var(--padding-9xs-9) 0 0;
  box-sizing: border-box;
}
.b10 {
  position: relative;
  font-size: var(--font-size-xl);
  line-height: 24px;
  display: inline-block;
  color: var(--color-gold);
  min-width: 39px;
  flex-shrink: 0;
  debug_commit: 448091;
  white-space: nowrap;
}
.frame-parent15,
.icecream-items1 {
  display: flex;
  align-items: flex-start;
}
.frame-parent15 {
  align-self: stretch;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.icecream-items1 {
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-2xl-2);
  min-width: 302px;
  max-width: 308px;
}
.link-5638487457-ce6335f841-o3 {
  align-self: stretch;
  height: 196.9px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.vanilla-ice-cream {
  width: 153.8px;
  position: relative;
  line-height: 19.2px;
  font-weight: 600;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.vanilla-description {
  position: relative;
  font-size: var(--font-size-xl);
  line-height: 24px;
  display: inline-block;
  color: var(--color-gold);
  min-width: 56.1px;
  white-space: nowrap;
}
.vanilla-content {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.mango-apple3,
.recommended3 {
  position: relative;
  font-weight: 500;
}
.mango-apple3 {
  line-height: 22px;
  flex-shrink: 0;
  debug_commit: 448091;
}
.recommended3 {
  line-height: 18px;
  text-transform: uppercase;
  display: inline-block;
  min-width: 79px;
}
.background4,
.vanilla-footer {
  display: flex;
  flex-direction: row;
}
.background4 {
  background-color: var(--color-gold);
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-11xs-5) var(--padding-4xs) var(--padding-11xs-5)
    var(--padding-3xs);
  flex-shrink: 0;
  debug_commit: 448091;
  font-size: var(--font-size-3xs);
  color: var(--color-gray-300);
}
.vanilla-footer {
  align-self: stretch;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--gap-xl);
  font-size: var(--font-size-xs);
  font-family: var(--font-raleway);
}
.vanilla-card,
.vanilla-recommendation {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.vanilla-card {
  align-self: stretch;
  gap: var(--gap-9xs-4);
}
.vanilla-recommendation {
  flex: 1;
  gap: var(--gap-2xl-2);
  min-width: 302px;
  max-width: 308px;
}
.link-5732555949-4ec706dd58-o3 {
  align-self: stretch;
  height: 196.9px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.ice-cake-4 {
  align-self: stretch;
  position: relative;
  line-height: 19.2px;
  font-weight: 600;
}
.mango-apple4 {
  position: relative;
  font-size: var(--font-size-xs);
  line-height: 22px;
  font-weight: 500;
  font-family: var(--font-raleway);
}
.frame-wrapper9,
.ice-cake-4-piece-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.ice-cake-4-piece-parent {
  align-self: stretch;
  gap: var(--gap-8xs-3);
  flex-shrink: 0;
  debug_commit: 448091;
}
.frame-wrapper9 {
  width: 169.5px;
  padding: var(--padding-9xs-9) 0 0;
  box-sizing: border-box;
}
.b11 {
  position: relative;
  font-size: var(--font-size-xl);
  line-height: 24px;
  display: inline-block;
  color: var(--color-gold);
  min-width: 50px;
  flex-shrink: 0;
  debug_commit: 448091;
  white-space: nowrap;
}
.frame-parent16,
.icecream-items2 {
  display: flex;
  align-items: flex-start;
}
.frame-parent16 {
  align-self: stretch;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.icecream-items2 {
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-2xl-2);
  min-width: 302px;
  max-width: 308px;
}
.frame-parent14 {
  width: 1721.1px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 45.3px;
}
.frame-parent13,
.frame-parent14,
.home-child {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.frame-parent13 {
  width: 1735px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-13xl);
}
.home-child {
  width: 1905px;
  flex-direction: row;
  justify-content: center;
  /* padding: 0 var(--padding-xl) 66.8px; */
  box-sizing: border-box;
  text-align: left;
  font-size: var(--font-size-base);
  color: var(--color-black);
  font-family: var(--font-montserrat);
}
.heading-24 {
  position: relative;
  line-height: 88px;
}
.mingcutedown-line-icon2 {
  width: 32px;
  height: 32px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: contain;
}
.mingcutedown-line-frame,
.testimonial-headings-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xl) 0 0;
}
.testimonial-headings-container {
  align-self: stretch;
  border-top: 1px solid var(--color-black);
  border-bottom: 1px solid var(--color-black);
  flex-direction: row;
  justify-content: space-between;
  padding: var(--padding-smi) var(--padding-xl) var(--padding-smi) 0;
  gap: var(--gap-xl);
}
.heading-25 {
  position: relative;
  line-height: 88px;
}
.mingcutedown-line-icon3 {
  width: 32px;
  height: 32px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: contain;
}
.mingcutedown-line-wrapper1,
.testimonial-headings-container1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xl) 0 0;
}
.testimonial-headings-container1 {
  align-self: stretch;
  border-bottom: 1px solid var(--color-black);
  flex-direction: row;
  justify-content: space-between;
  padding: var(--padding-mini) var(--padding-xl) var(--padding-smi) 0;
  /* gap: var(--gap-xl); */
  gap: 160px;
}
.heading-26 {
  position: relative;
  line-height: 88px;
}
.mingcutedown-line-icon4 {
  width: 32px;
  height: 32px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: contain;
}
.mingcutedown-line-wrapper2,
.testimonial-headings-container2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xl) 0 0;
}
.testimonial-headings-container2 {
  align-self: stretch;
  border-bottom: 1px solid var(--color-black);
  flex-direction: row;
  justify-content: space-between;
  padding: var(--padding-mini) var(--padding-xl) var(--padding-smi) 0;
  /* gap: var(--gap-xl); */
  gap: 140px;
  z-index: 1;
}
.testimonials-headings,
.testimonials-headings-wrapper {
  width: 1739px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.testimonials-headings-wrapper {
  width: 1901px;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl) 77.2px;
  box-sizing: border-box;
  text-align: center;
  font-size: var(--font-size-9xl);
  color: var(--color-gray-300);
  font-family: var(--font-playfair-display);
}
.heading-51 {
  flex: 1;
  position: relative;
  letter-spacing: 1px;
  line-height: 30px;
  text-transform: uppercase;
}
.heading-5-tasty-and-crunchy-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 81px 0 80px;
}
.heading-27 {
  position: relative;
  font-size: 52px;
  line-height: 68px;
  font-weight: 700;
  font-family: var(--font-playfair-display);
  margin: -0.3px 0 0;
}
.testimonial-content {
  width: 310px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.testimonial-card {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-2xl) 0 var(--padding-xl);
}
.condorico-consectetur-adipisci1,
.doeiusmod-tempor-incidition2,
.lorem-ipsum-dolor3 {
  margin: 0;
}
.lorem-ipsum-dolor-container3 {
  position: relative;
  font-size: 17px;
  line-height: 28px;
  font-weight: 300;
  color: #555;
}
.testimonial-cards {
  width: 581.6px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 14.4px;
  max-width: 100%;
}
.horizontalborder,
.testimonials-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
}
.testimonials-container {
  width: 1200px;
  align-items: flex-start;
  justify-content: center;
  padding: 0 0 30.5px 1px;
  max-width: 100%;
  flex-shrink: 0;
}
.horizontalborder {
  border: 0;
  background-color: transparent;
  height: 104px;
  width: auto;
  outline: 0;
  align-self: stretch;
  border-bottom: 2px solid var(--color-whitesmoke);
  align-items: flex-end;
  justify-content: flex-start;
  padding: 0;
  font-family: var(--font-open-sans);
  font-size: var(--font-size-mini);
  color: var(--color-darkgray-100);
}
.border-icon {
  height: 66px;
  width: 66px;
  position: relative;
  border-radius: var(--br-14xl);
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.heading-52,
.heading-6 {
  position: relative;
  letter-spacing: 1px;
  line-height: 23px;
  text-transform: uppercase;
  display: inline-block;
  min-width: 93px;
}
.heading-6 {
  font-size: var(--font-size-2xs);
  color: var(--color-gray-100);
  min-width: 59px;
}
.testimonial-card-author-name-a {
  flex-direction: column;
  gap: var(--gap-10xs-5);
}
.testimonial-card-author-detail,
.testimonial-card-author-name-a,
.testimonial-card-authors {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.testimonial-card-author-detail {
  flex-direction: column;
  padding: var(--padding-6xs) 0 0;
}
.testimonial-card-authors {
  flex-direction: row;
  gap: var(--gap-xl);
}
.background6,
.horizontalborder1 {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
}
.background6 {
  width: 372px;
  background-color: var(--color-white);
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-57xl) var(--padding-33xl) var(--padding-55xl);
  gap: var(--gap-15xl);
  max-width: 100%;
}
.horizontalborder1 {
  border: 0;
  background-color: transparent;
  height: 104px;
  width: auto;
  outline: 0;
  align-self: stretch;
  border-bottom: 2px solid var(--color-whitesmoke);
  flex-direction: row;
  align-items: flex-end;
  padding: 0;
  font-family: var(--font-open-sans);
  font-size: var(--font-size-mini);
  color: var(--color-darkgray-100);
}
.border-icon1 {
  height: 66px;
  width: 66px;
  position: relative;
  border-radius: var(--br-14xl);
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.heading-53,
.heading-61 {
  position: relative;
  letter-spacing: 1px;
  line-height: 23px;
  text-transform: uppercase;
  display: inline-block;
  min-width: 121px;
}
.heading-61 {
  font-size: var(--font-size-2xs);
  color: var(--color-gray-100);
  min-width: 59px;
}
.heading-5-marta-williams-parent {
  flex-direction: column;
  gap: var(--gap-10xs-5);
}
.border-parent,
.frame-wrapper10,
.heading-5-marta-williams-parent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-wrapper10 {
  flex-direction: column;
  padding: var(--padding-6xs) 0 0;
}
.border-parent {
  flex-direction: row;
  gap: var(--gap-xl);
}
.background7,
.horizontalborder2 {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
}
.background7 {
  width: 372px;
  background-color: var(--color-white);
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-57xl) var(--padding-33xl) var(--padding-55xl);
  gap: var(--gap-15xl);
  max-width: 100%;
}
.horizontalborder2 {
  border: 0;
  background-color: transparent;
  height: 104px;
  width: auto;
  outline: 0;
  align-self: stretch;
  border-bottom: 2px solid var(--color-whitesmoke);
  flex-direction: row;
  align-items: flex-end;
  padding: 0;
  font-family: var(--font-open-sans);
  font-size: var(--font-size-mini);
  color: var(--color-darkgray-100);
}
.border-icon2 {
  height: 66px;
  width: 66px;
  position: relative;
  border-radius: var(--br-14xl);
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.heading-54,
.heading-62 {
  position: relative;
  letter-spacing: 1px;
  line-height: 23px;
  text-transform: uppercase;
  display: inline-block;
  min-width: 124px;
}
.heading-62 {
  font-size: var(--font-size-2xs);
  color: var(--color-gray-100);
  min-width: 59px;
}
.heading-5-marco-williams-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-10xs-5);
}
.frame-wrapper11 {
  flex-direction: column;
  padding: var(--padding-6xs) 0 0;
}
.background8,
.border-group,
.container,
.frame-wrapper11 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.border-group {
  flex-direction: row;
  gap: var(--gap-xl);
}
.background8,
.container {
  box-sizing: border-box;
  max-width: 100%;
}
.background8 {
  width: 372px;
  background-color: var(--color-white);
  flex-shrink: 0;
  flex-direction: column;
  padding: var(--padding-57xl) var(--padding-33xl) var(--padding-55xl);
  gap: var(--gap-15xl);
}
.container {
  width: 1200px;
  overflow-x: auto;
  flex-direction: row;
  padding: 0 var(--padding-sm);
  gap: 28px;
  text-align: left;
}
.backgroundborder,
.border,
.border1 {
  position: absolute;
  top: 0;
  border-radius: var(--br-8xs);
  border: 2px solid var(--color-darkslategray);
  box-sizing: border-box;
  width: 10px;
  height: 10px;
}
.backgroundborder {
  left: 0;
  background-color: var(--color-darkslategray);
}
.border,
.border1 {
  left: 24px;
}
.border1 {
  left: 48px;
}
.testimonial-navigation-contain {
  height: 10px;
  width: 58px;
  position: relative;
}
.testimonial-navigation {
  width: 1200px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  max-width: 100%;
}
.background5 {
  margin-right: -15px;
  width: 1950px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 95px var(--padding-xl) 97px;
  box-sizing: border-box;
  gap: var(--gap-16xl);
  background-image: url(./public/background@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  max-width: 102%;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--font-size-smi);
  color: var(--color-darkslategray);
  font-family: var(--font-open-sans);
}
.container-icon2 {

}
.appoi-logo-1-icon1 {
  width: 120px;
  height: 126.2px;
  position: relative;
  object-fit: contain;
}
.bushwick-mumblecore-irure,
.consectetur-3-wolf,
.dolor-church-key-veniam,
.literally-quinoa {
  margin: 0;
}
.dolor-church-key-veniam-container {
  position: relative;
  line-height: 28.8px;
}
.footer-logo-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 14.2px;
  min-width: 155px;
}
.heading-28,
.item-link5,
.item-link6 {
  position: relative;
  display: inline-block;
}
.heading-28 {
  letter-spacing: 2px;
  line-height: 13px;
  text-transform: uppercase;
  font-weight: 600;
  min-width: 85.9px;
}
.item-link5,
.item-link6 {
  line-height: 29px;
  min-width: 43px;
}
.item-link6 {
  min-width: 66px;
}
.item-link7 {
  width: 65.9px;
  position: relative;
  line-height: 28.8px;
  display: flex;
  align-items: center;
}
.item-link8,
.item-link9 {
  position: relative;
  line-height: 29px;
  display: inline-block;
  min-width: 88px;
}
.item-link9 {
  min-width: 57px;
}
.footer-links-overview,
.footer-links-overview-items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-bottom: 13px;
}
.footer-links-overview-items {
  gap: var(--gap-6xs-9);
  font-size: var(--font-size-base);
}
.footer-links-overview {
  gap: var(--gap-xl);
}
.footer-brand-content,
.footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 7.4px;
  box-sizing: border-box;
  min-width: 88px;
  font-size: var(--font-size-smi);
  color: var(--color-white);
}
.footer-brand-content {
  flex: 1;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 0 64px 0 0;
  gap: var(--gap-13xl);
  min-width: 274px;
  max-width: 100%;
  font-size: var(--font-size-base);
  color: var(--color-lightgray);
}
.heading-29 {
  position: relative;
  letter-spacing: 2px;
  line-height: 13px;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  min-width: 93px;
}
.item-link10,
.item-link11,
.item-link12 {
  position: relative;
  line-height: 29px;
  display: inline-block;
  min-width: 86px;
}
.item-link11,
.item-link12 {
  line-height: 28.8px;
  min-width: 88.6px;
}
.item-link12 {
  min-width: 98px;
}
.footer-links-resources-items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-6xs-9);
  font-size: var(--font-size-base);
}
.footer-links-resources,
.footer-links-resources-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
}
.footer-links-resources-content {
  height: 133.4px;
  padding: 0 0 120.4px;
  gap: var(--gap-xl);
}
.footer-links-resources {
  width: 152.4px;
  padding: var(--padding-24xl) 0 0;
}
.heading-210,
.symbol5 {
  position: relative;
  display: inline-block;
}
.heading-210 {
  letter-spacing: 2px;
  line-height: 13px;
  text-transform: uppercase;
  font-weight: 600;
  min-width: 120px;
}
.symbol5 {
  line-height: 18px;
  min-width: 18.3px;
}
.footer-links-contact-phone-con {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs-4) 0 0;
}
.footer-links-phone {
  position: relative;
  font-size: var(--font-size-base);
  line-height: 29px;
  font-family: var(--font-lato);
  color: var(--color-lightgray);
  display: inline-block;
  min-width: 97px;
}
.footer-links-contact-phone {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-lgi-2);
}
.symbol6 {
  position: relative;
  line-height: 18px;
  display: inline-block;
  min-width: 18.3px;
  flex-shrink: 0;
  debug_commit: 448091;
}
.footer-links-contact-email-con {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-7xs-4);
}
.infoappoiikitchencom1 {
  flex: 1;
  position: relative;
  font-size: var(--font-size-base);
  line-height: 28.8px;
  font-family: var(--font-lato);
  color: var(--color-lightgray);
  flex-shrink: 0;
  debug_commit: 448091;
  white-space: nowrap;
}
.footer-links-contact-email {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-lgi-2);
}
.footer-links-contact-details {
  align-self: stretch;
  gap: 14.8px;
  font-size: var(--font-size-lg);
  font-family: var(--font-font-awesome-5-free);
}
.footer-links-contact,
.footer-links-contact-content,
.footer-links-contact-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.footer-links-contact-content {
  align-self: stretch;
  gap: var(--gap-xl);
}
.footer-links-contact {
  width: 270.1px;
  padding: var(--padding-24xl) 0 0;
  box-sizing: border-box;
}
.heading-211,
.symbol7 {
  position: relative;
  display: inline-block;
}
.heading-211 {
  letter-spacing: 2px;
  line-height: 13px;
  text-transform: uppercase;
  font-weight: 600;
  min-width: 82px;
}
.symbol7 {
  line-height: 18px;
  min-width: 15px;
}
.footer-links-location-address {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5.9px 0 0;
}
.canada,
.manchester-king-street,
.second-street {
  margin: 0;
}
.second-street-manchester-container {
  position: relative;
  font-size: var(--font-size-base);
  line-height: 28.8px;
  font-family: var(--font-lato);
  color: var(--color-lightgray);
}
.footer-links-location-details {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 22.5px;
  font-size: var(--font-size-lg);
  font-family: var(--font-font-awesome-5-free);
}
.footer-links-location-content {
  flex-direction: column;
  gap: 19.1px;
}
.footer-brand,
.footer-links-location,
.footer-links-location-content {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.footer-links-location {
  flex-direction: column;
  padding: var(--padding-24xl) 0 0;
}
.footer-brand {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 31.7px;
  max-width: 100%;
}
.symbol10,
.symbol8,
.symbol9 {
  flex: 1;
  position: relative;
  line-height: 18px;
  display: inline-block;
  min-width: 18.3px;
}
.symbol10 {
  min-width: 16.1px;
}
.footer-socials,
.footer-socials-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.footer-socials-container {
  flex: 1;
  gap: 19.3px;
}
.footer-socials {
  width: 109.2px;
  padding: 0 var(--padding-4xs);
  box-sizing: border-box;
  text-align: center;
  font-size: var(--font-size-lg);
  font-family: var(--font-font-awesome-5-brands);
}
.footer-column-left,
.footer-columns,
.section1 {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.footer-column-left {
  width: 1158.2px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 31.4px;
  padding-bottom: 20px;
}
.footer-columns,
.section1 {
  box-sizing: border-box;
  flex-shrink: 0;
}
.footer-columns {
  width: 1896.2px;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.section1 {
  align-self: stretch;
  height: 411px;
  background-color: #1b1b1b;
  flex-direction: column;
  justify-content: flex-start;
  gap: 47px;
  debug_commit: 448091;
}
.appoii-kitchen {
  color: #b1b2b2;
 
}
.appoii-kitchen-all-container {
  position: relative;
  line-height: 26px;
}
.background9 {
  align-self: stretch;
  background-color: var(--color-black);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 18px var(--padding-xl) 21.9px 31px;
  flex-shrink: 0;
  debug_commit: 448091;
  z-index: 1;
  margin-top: -0.8px;
  text-align: right;
  font-size: 14px;
  color: var(--color-gray-200);
  font-family: var(--font-lora);
}
.footer,
.home {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.footer {
  align-self: stretch;
  height: 476px;
  align-items: flex-start;
  box-sizing: border-box;
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-smi);
  color: var(--color-white);
  font-family: var(--font-lato);
}
.home {
  width: 100%;
  position: relative;
  background-color: var(--color-white);
  align-items: flex-end;
  gap: 23.6px;
  line-height: normal;
  letter-spacing: normal;
  overflow: hidden;
}
@media screen and (max-width: 1650px) {
  .rs-layer-wrap-rs-layer-fre-group,
  .slider-wrapper-wrapper {
    flex: 1;
  }
  .hero {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1300px) {
  .frame-container {
    display: none;
  }
  .frame-group {
    width: 815.8px;
  }
  .rectangle-group {
    gap: 214px;
  }
  .rs-sbg-px-rs-sbg-wrap-rs-s {
    padding-left: 592px;
    box-sizing: border-box;
  }
  .rs-layer-wrap-rs-layer-fre-group,
  .slider-wrapper-wrapper {
    min-width: 100%;
  }
  .hero {
    padding-left: 204px;
    padding-right: 72px;
    box-sizing: border-box;
  }

  .home-inner {
    padding-left: var(--padding-18xl);
    padding-right: var(--padding-18xl);
    padding-bottom: var(--padding-18xl);
    box-sizing: border-box;
  }
  .footer,
  .section1 {
    height: auto;
  }
}
@media screen and (max-width: 900px) {

 .mainbakground{
 margin-top: 20px;
  background-image: url('./public/rssbgpx--rssbgwrap--rssbg--image@3x.png');
  height: 200px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.img1{
height: 160px !important;
position: relative;
bottom: 20px;
left: 10px;
}
.img2{
width: fit-content;
height: 50px;
flex-shrink: 0;
}
.img3{
width: fit-content;
height: 50px;
flex-shrink: 0;
}
.img4{
width: fit-content;
height: 50px;
flex-shrink: 0;
}
.img5{
width: fit-content;
height: 50px;
flex-shrink: 0;
}
  .rectangle-group {
    gap: 107px;
  }
  .hero-con {
bottom: 0;
width: 80%;
}
  .hero-con h1{
color: #333;
font-family: "Playfair Display";
font-size: 10px;
font-style: normal;
font-weight: 700;
line-height:20px; /* 103.774% */
}
.hero-con p{
color: #8F8F8F;
font-family: "Open Sans";
font-size:8px;
font-style: normal;
font-weight: 300;
line-height: 13px; /* 170.588% */
}
  .rs-sbg-px-rs-sbg-wrap-rs-s {
    gap: 58px;
    padding-left: 296px;
    box-sizing: border-box;
  }
  .rs-layer-wrap-rs-layer-fre2,
  .rs-layer-wrap-rs-layer-fre3 {
    flex: 1;
  }
  .rs-layer-wrap-rs-layer-fre-parent {
    flex-wrap: wrap;
  }
  .rs-layer-wrap-rs-layer {
    font-size: var(--font-size-23xl);
    line-height: 44px;
  }
  .rs-layer-wrap-rs-layer-fre-group {
    gap: 134px;
  }
  .hero {
    padding: 26px 36px 23px 102px;
    box-sizing: border-box;
  }
  .heading-2 {
    font-size: var(--font-size-35xl);
    line-height: 70px;
  }
  .section {
    box-sizing: border-box;
    /* height: 300px; */
  }
  .heading-21 {
    font-size: var(--font-size-35xl);
    line-height: 70px;
  }
  .dish-items-parent {
    gap: 22px;
  }
  .frame-parent2 {
    gap: var(--gap-base);
  }
  .home-inner {
    padding-bottom: var(--padding-5xl);
    box-sizing: border-box;
  }
  .frame-parent14 {
    gap: var(--gap-4xl);
  }
  .frame-parent13 {
    gap: var(--gap-base);
  }
  .heading-27 {
    font-size: var(--font-size-23xl);
    line-height: 54px;
  }
  .background5 {
    gap: var(--gap-mid);
    padding-top: 62px;
    padding-bottom: 63px;
    box-sizing: border-box;
  }
  .background-test{
    gap: var(--gap-mid);
    padding-top: 62px;
    padding-bottom: 63px;
    box-sizing: border-box;
  }
  .footer-brand,
  .footer-column-left {
    gap: var(--gap-base);
  }
  .footer,
  .section1 {
    box-sizing: border-box;
  }

}
@media screen and (max-width: 450px) {
.container-icon2{
position: relative;
bottom: 3px;
}
  .shop-items-wrapper {
    display: none;
  }
  .frame-group {
    width: 602px;
  }
  .rectangle-group {
    gap: 54px;
  }
  .rs-sbg-px-rs-sbg-wrap-rs-s {
    gap: 29px;
    padding-left: var(--padding-xl);
    box-sizing: border-box;
  }
  .rs-layer-wrap-rs-layer {
    font-size: 32px;
    line-height: 33px;
  }
  .rs-layer-wrap-rs-layer-fre-group {
    gap: 67px;
  }
  .heading-5-tasty-and-crunchy-wrapper {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .heading-2 {
    font-size: var(--font-size-22xl);
    line-height: 53px;
  }
  .lorem-ipsum-dolor-container1 {
    font-size: var(--font-size-lg);
    line-height: 29px;
  }
  .heading-21 {
    font-size: var(--font-size-22xl);
    line-height: 53px;
  }
  .lorem-ipsum-dolor-container2 {
    font-size: var(--font-size-lg);
    line-height: 29px;
  }
  .heading-22 {
    font-size: var(--font-size-3xl);
    line-height: 70px;
  }
  .heading-2-stunning-things-parent {
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: var(--padding-xl);
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-xl);
    box-sizing: border-box;
  }
  .empty-columns {
    font-size: var(--font-size-base);
    line-height: 19px;
  }
  .dish-rows,
  .rice-dishes {
    flex-wrap: wrap;
  }
  .b {
    font-size: var(--font-size-base);
    line-height: 19px;
  }
  .frame-parent4 {
    flex-wrap: wrap;
  }
  .b1 {
    font-size: var(--font-size-base);
    line-height: 19px;
  }
  .frame-parent5 {
    flex-wrap: wrap;
  }
  .b2 {
    font-size: var(--font-size-base);
    line-height: 19px;
  }
  .tuna-potatoes-rice-parent,
  .tuna-roast-source-parent {
    flex-wrap: wrap;
  }
  .b3 {
    font-size: var(--font-size-base);
    line-height: 19px;
  }
  .frame-parent7 {
    flex-wrap: wrap;
  }
  .b4 {
    font-size: var(--font-size-base);
    line-height: 19px;
  }
  .crab-with-curry-sources-parent {
    flex-wrap: wrap;
    gap: var(--gap-5xl);
  }
  .b5 {
    font-size: var(--font-size-base);
    line-height: 19px;
  }
  .frame-parent9 {
    flex-wrap: wrap;
  }
  .b6 {
    font-size: var(--font-size-base);
    line-height: 19px;
  }
  .pizza-info-parent {
    flex-wrap: wrap;
  }
  .appoii-kitchen-all-container{
text-align: center;
  }
  .b7 {
    font-size: var(--font-size-base);
    line-height: 19px;
  }
  .crab-with-curry-sources-group {
    flex-wrap: wrap;
    gap: var(--gap-5xl);
  }
  .b8 {
    font-size: var(--font-size-base);
    line-height: 19px;
  }
  .frame-parent12 {
    flex-wrap: wrap;
  }
  .heading-23 {
    font-size: var(--font-size-3xl);
    line-height: 70px;
  }
  .heading-2-stunning-things-group {
    flex-wrap: wrap;
    padding-left: var(--padding-xl);
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-xl);
    box-sizing: border-box;
  }
  .b10,
  .b11,
  .b9,
  .empty-icecream-columns,
  .vanilla-description {
    font-size: var(--font-size-base);
    line-height: 19px;
  }
  .home-child {
    padding-bottom: var(--padding-24xl);
    box-sizing: border-box;
  }
  .heading-24 {
    font-size: var(--font-size-3xl);
    line-height: 70px;
  }
  .testimonial-headings-container {
    flex-wrap: wrap;
    padding-left: var(--padding-xl);
    box-sizing: border-box;
  }
  .heading-25 {
    font-size: var(--font-size-3xl);
    line-height: 70px;
  }
  .testimonial-headings-container1 {
    flex-wrap: wrap;
    justify-content: center;
    padding-left: var(--padding-xl);
    box-sizing: border-box;
  }
  .heading-26 {
    font-size: var(--font-size-3xl);
    line-height: 70px;
  }
  .testimonial-headings-container2 {
    flex-wrap: wrap;
    justify-content: center;
    padding-left: var(--padding-xl);
    box-sizing: border-box;
  }
  .testimonials-headings-wrapper {
    padding-bottom: 50px;
    box-sizing: border-box;
  }
  .heading-5-tasty-and-crunchy-container {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .heading-27 {
    font-size: 31px;
    line-height: 41px;
  }
  .background6,
  .background7,
  .background8 {
    gap: var(--gap-mid);
    padding: var(--padding-30xl) var(--padding-xl) var(--padding-29xl);
    box-sizing: border-box;
  }
  .background5 {
    padding-top: var(--padding-21xl);
    padding-bottom: 41px;
    box-sizing: border-box;
  }
  .background-test{
    padding-top: var(--padding-21xl);
    padding-bottom: 41px;
    box-sizing: border-box;
  }
  .footer-links {
    flex: 1;
  }
  .footer-brand-content {
    flex-wrap: wrap;
    gap: var(--gap-base);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
}


/* ------------ GOOGLE FONTS ------------ */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

/* ------------ VARIABLES ------------ */
:root{
  /* FONT */
  --font: 'Poppins', sans-serif;

  /* COLORS */
  --color: #ffefbb;
  --bg-color: #f4f4f4;
}

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

body{
  font-family: var(--font);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;

  background-color: var(--bg-color);
} */

/* ----------- SLIDER ------------ */
.swiper{
  width: 70%;
}

.swiper-wrapper{
  width: 100%;
  height: 35em;
  display: flex;
  align-items: center;
}

.card{
  width: 20em;
  height: 90%;
  background-color: white;
  border-radius: 2em;
  /* box-shadow: 0 0 2em rgba(0, 0, 0, .2); */
  /* padding: 2em 1em; */

  display: flex !important;
  align-items: center;
  flex-direction: column;

  /* margin: 0 2em; */
}

.swiper-slide:not(.swiper-slide-active){
  filter: blur(1px);
}

.card__image{
  display: flex;
  justify-content: center;
  width: 10em;
  height: 10em;
  border-radius: 50%;
  border: 5px solid var(--color);
  padding: 3px;
  margin-bottom: 2em;
}

.card__image img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

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

.card__title{
  font-size: 1.5rem;
  font-weight: 500;
  position: relative;
  top: .2em;
}

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

.card__text{
  text-align: center;
  font-size: 1.1rem;
  margin: 1em 0;
}

.card__btn{
  background-color: var(--color);
  color: #EBEBEB;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 600;
  border: none;
  padding: .5em;
  border-radius: .5em;
  margin-top: .5em;
  cursor: pointer;
}


.background-test{
  margin-right: -15px;
  /* width: 1950px; */
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 95px var(--padding-xl) 97px;
  box-sizing: border-box;
  gap: var(--gap-16xl);
  background-image: url(./public/background@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  max-width: 102%;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--font-size-smi);
  color: var(--color-darkslategray);
  font-family: var(--font-open-sans);
}


  /* Default styles for the header elements */
  .headertest {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #000;
    padding: 10px;
    box-sizing: border-box;
    font-family: var(--font-open-sans);
  }

.contact-header, .menu-header, .social {
    display: flex;
    align-items: center;
}

.contact-header p, .menu-header ul, .social i {
    margin: 0 10px;
    /* border: 1px solid #000; */
    padding: 5px;
}

.menu-header ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
}

.menu-header ul li {
    margin: 0 5px;
    padding-left: 50px;
}

.menu-header ul li a {
    text-decoration: none;
    color: #000;
}

.burger {
    display: none;
}

.mobile-menu {
    display: none;
    flex-direction: column;
    align-items: center;
    border: 1px solid #000;
    padding: 10px;
    /* box-sizing: border-box; */
}

.mobile-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: var(--font-open-sans);

}

.mobile-menu ul li {
    margin: 10px 0;
}

.mobile-menu ul li a {
    text-decoration: none;
    color: #000;
}

/* Media query for mobile devices */
@media (max-width: 768px) {
    .menu-header {
        display: none;
    }
    .social{
        display: none;
    }
    .headertest{
        display: flex;
    }
    .hero-dup{
  background-image: url('./public/rssbgpx--rssbgwrap--rssbg--image@3x.png');
  height: 200px;
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: end;
  background-repeat: no-repeat;
  background-size: cover;
}

    .burger {
        display: block;
        /* border: 1px solid #000; */
        padding: 5px;
    }
}









:root {
  --header-height: 3rem;
  
  /*===== Colors =====*/
  --first-color: #fac100;
  --dark-color: white;
  --dark-color-alt: #282B3A;
  --white-color: black;

  /*===== Font and typography =====*/
  --body-font: 'Poppins', sans-serif;
  --normal-font-size: .938rem;
  --small-font-size: .813rem;

  /*===== z index =====*/
  --z-fixed: 100;
}

@media screen and (min-width: 768px) {
  :root {
    --normal-font-size: 1rem;
    --small-font-size: .875rem;
  }
}

/*===== BASE =====*/
*, ::before, ::after {
  box-sizing: border-box;
}


ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-bottom: 90px;
}

a {
  text-decoration: none;
}


.bd-grid {
  /* max-width: 1024px; */
  display: grid;
  grid-template-columns: 100%;
  margin: 0 1.5rem;
  padding-top: 15px;
}

/*===== HEADER =====*/
.header {
  width: 100%;
  height: var(--header-height);
  /* position: fixed; */
  top: 0;
  left: 0;
  padding: 0 1.5rem;
  background-color: var(--dark-color);
  z-index: var(--z-fixed);
  /* display: flex; */
  justify-content: space-between;
  align-items: center;
  border: 2px solid;
}

.header__logo{
  position: relative;
  top:10px;
}
.header__logo,
.header__toggle {
  color: var(--white-color);

}

.header__toggle {
  font-size: 1.5rem;
  cursor: pointer;
  padding-left: 330px;
  padding-bottom: 50px;
  position: relative;
  bottom: 20px;
}

/*===== NAV =====*/
.nav {
  position: fixed;
  top: 0;
  left: -100%;
  background-color: var(--dark-color);
  color: var(--white-color);
  width: 100%;
  height: 100vh;
  padding: 1.5rem 0;
  z-index: var(--z-fixed);
  transition: .5s;
}

.nav__content {
  height: 100%;
  display: grid;
  grid-template-rows: max-content 1fr max-content;
  row-gap: 2rem;
}

.nav__close {
  position: absolute;
  right: 1.5rem;
  font-size: 1.3rem;
  padding: .25rem;
  background-color: var(--dark-color-alt);
  border-radius: 50%;
  cursor: pointer;
}

.nav__img {
  display: flex;
  justify-content: center;
  padding-top: .25rem;
  margin-bottom: .8rem;
  width: 56px;
  height: 56px;
  background-color: var(--first-color);
  border-radius: 50%;
  overflow: hidden;
}

.nav__img img {
  width: 46px;
}

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

.nav__profesion {
  font-size: var(--small-font-size);
}

.nav__menu {
  align-self: center;
}

.nav__item {
  margin: 2.5rem 0;
}

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

.fb,.insta,.x,.snap{
    color: black !important;
}

.nav__social {
  padding-top: .5rem;
}

.nav__social-icon {
  font-size: 1.2rem;
  color: var(--white-color);
  margin-right: 1rem;
}

.nav__social-icon:hover {
  color: var(--first-color);
}

/* Show menu */
.show {
  left: 0;
}

/* Active menu */
.active {
  color: var(--first-color);
}

/*===== MEDIA QUERIES =====*/
@media screen and (min-width: 768px) {

  .header {
    height: calc(var(--header-height) + 1rem);
  }

  .header__logo,
  .header__toggle {
    display: none;
  }

  .nav {
    width: auto;
    position: static;
    height: auto;
    background-color: transparent;
    color: inherit;
    padding: 0;
    /* display: flex; */
    align-items: center;
    transition: none;
  }

  .nav__content {
    display: flex;
    justify-content: space-between;
    column-gap: 1rem;
  }

  .nav__close,
  .nav__profesion {
    display: none;
  }

  .nav__perfil {
    display: flex;
    align-items: center;
    padding-bottom: 90px;
  }

  .nav__img {
    width: 32px;
    height: 32px;
    margin-right: .5rem;
    margin-bottom: 0;
    align-items: center;
  }

  .nav__img img {
    width: 26px;
  }

  .nav__list {
    display: flex;
  }

  .nav__item {
    margin: 0 .25rem;
  }

  .nav__link {
    padding: .5rem .8rem;
    border-radius: .25rem;
  }

  .nav__link:hover,
  .nav__link.active {
    background-color: var(--first-color);
    color: var(--white-color);
  }
}

@media screen and (min-width: 1024px) {
  .bd-grid {
    margin: 0 auto;
  }
}
.nav__email{
  display: none !important;
  color: #000;
  padding-top: 30px;

}
@media screen and (max-width: 768px) {
  .nav__email{
    display: block !important;
  color: #000;
   }
}