/* screen - home-1 */
.home-1 {
  align-items: flex-start;
  background-color: var(--swamp);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 375px;
}

.home-1 .sicbar {
  height: 50px;
  width: 375px;
}

.home-1 .overlap-group7 {
  height: 1011px;
  margin-left: -278px;
  position: relative;
  width: 886px;
}

.home-1 .banner {
  align-items: flex-start;
  display: flex;
  height: 431px;
  left: 278px;
  /* overflow: hidden; */
  position: absolute;
  top: 0;
  width: 375px;
}

.home-1 .overlap-group2 {
  height: 431px;
  position: relative;
  width: 376px;
}

.home-1 .overlap-group1 {
  height: 431px;
  left: 0;
  position: absolute;
  top: 0;
  width: 376px;
}

.home-1 .rectangle-1 {
  height: 431px;
  left: 0;
  position: absolute;
  top: 0;
  width: 375px;
}

.home-1 .overlap-group-2 {
  height: 178px;
  left: 0;
  position: absolute;
  top: 72px;
  width: 374px;
}

.home-1 .title {
  -webkit-background-clip: text;
  -webkit-text-stroke: 0.5px transparent;
  background-image: linear-gradient(
    180deg,
    rgb(35, 159, 163) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  color: transparent;
  font-family: var(--font-family-oswald);
  font-size: 90px;
  font-weight: 400;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
}

.home-1 .enjoy-your-dinner {
  color: var(--white);
  font-family: var(--font-family-pinyon_script);
  font-size: var(--font-size-xs);
  font-weight: 400;
  left: 240px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 88px;
}

.home-1 .group-1 {
  height: 68px;
  left: 314px;
  position: absolute;
  top: 110px;
  width: 45px;
}

.home-1 .header {
  height: 45px;
  left: 16px;
  position: absolute;
  top: 24px;
  width: 345px;
}

.home-1 .shadow {
  background-color: var(--swamp-2);
  border-radius: 443px/71px;
  filter: blur(96px);
  height: 142px;
  left: 0;
  position: absolute;
  top: 352px;
  width: 886px;
}

.home-1 .video-1 {
  align-items: flex-end;
  height: 545px;
  left: 278px;
  position: absolute;
  top: 466px;
}

.home-1 .group-1000004949 {
  align-items: center;
  align-self: center;
  display: flex;
  gap: 15px;
  min-width: 345px;
}

.home-1 .frame-24 {
  align-items: center;
  display: inline-flex;
  gap: 15px;
  position: relative;
}

.home-1 .atthehauss {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.home-1 .line-2 {
  width: 61px;
}

.home-1 .btn {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--x1);
  display: flex;
  gap: 11px;
  height: 39px;
  min-width: 190px;
  padding: 9px 14px;
}

.home-1 .frame {
  height: 18px;
  width: 18px;
}

.home-1 .follow-on-instagram {
  align-self: center;
  color: var(--alabaster);
  font-family: var(--font-family-oswald);
  font-size: var(--font-size-xxxxs);
  font-weight: 500;
  letter-spacing: 1.08px;
  line-height: normal;
  margin-bottom: 1px;
  min-height: 18px;
  min-width: 131px;
}

.home-1 .overlap-group2-1 {
  height: 482px;
  position: relative;
  width: 360px;
}

.home-1 .rectangle-11 {
  background-color: var(--x4);
  height: 334px;
  left: 32px;
  position: absolute;
  top: 148px;
  width: 328px;
}

.home-1 .group-2 {
  height: 118px;
  left: 241px;
  position: absolute;
  top: 344px;
  width: 90px;
}

.home-1 .the-gateway-to-the-w {
  left: 48px;
  letter-spacing: 0;
  line-height: 19.7px;
  position: absolute;
  top: 307px;
  width: 297px;
}

.home-1 .frame-25 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  gap: 15px;
  left: 47px;
  position: absolute;
  top: 250px;
}

.home-1 .line-1 {
  width: 298px;
}

.home-1 .group-container {
  height: 236px;
  left: 0;
  position: absolute;
  top: 0;
  width: 345px;
}

.home-1 .group-9 {
  align-items: flex-start;
  background-image: url(../img/image-5@3x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 236px;
  left: 0;
  min-width: 345px;
  position: absolute;
  top: 0;
}

.home-1 .image-6 {
  background: linear-gradient(
    145deg,
    rgb(35, 159, 163) 0%,
    rgba(255, 255, 255, 0) 40%
  );
  height: 236px;
  width: 345px;
}

.home-1 .overlap-group {
  border-radius: 30px;
  height: 60px;
  left: 143px;
  position: absolute;
  top: 88px;
  width: 60px;
}

.home-1 .ellipse-4 {
  border: 1px solid;
  border-color: var(--white);
  border-radius: 30px;
  height: 60px;
  left: 0;
  opacity: 0.3;
  top: 0;
  width: 60px;
}

.home-1 .ellipse-6 {
  border-radius: 27.42px;
  height: 55px;
  left: 3px;
  opacity: 0.4;
  top: 3px;
  width: 55px;
}

.home-1 .frame-1 {
  height: 27px;
  left: 17px;
  position: absolute;
  top: 17px;
  width: 27px;
}

.home-1 .video-2 {
  align-items: center;
  height: 505px;
  margin-top: 35px;
}

.home-1 .group-1000004949-1 {
  align-items: center;
  display: flex;
  gap: 13px;
  min-width: 345px;
}

.home-1 .reunionbythehauss {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.home-1 .line-2-1 {
  width: 23px;
}

.home-1 .btn-1 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--x1);
  display: flex;
  gap: 11px;
  height: 39px;
  min-width: 190px;
  padding: 9px 14px;
}

.home-1 .overlap-group2-2 {
  height: 442px;
  position: relative;
  width: 345px;
}

.home-1 .rectangle-11-1 {
  background-color: var(--x4);
  height: 294px;
  left: 0;
  position: absolute;
  top: 148px;
  width: 328px;
}

.home-1 .group-3 {
  height: 118px;
  left: 25px;
  position: absolute;
  top: 309px;
  width: 90px;
}

.home-1 .the-hauss-offers-you {
  left: 16px;
  letter-spacing: 0;
  line-height: 19.7px;
  position: absolute;
  top: 307px;
  width: 297px;
}

.home-1 .frame-25-1 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  gap: 15px;
  left: 15px;
  position: absolute;
  top: 250px;
}

.home-1 .group-9-1 {
  align-items: flex-start;
  background-image: url(../img/image-6.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 236px;
  left: 0;
  min-width: 345px;
  position: absolute;
  top: 0;
}

.home-1 .image-6-1 {
  background: linear-gradient(
    225deg,
    rgb(35, 159, 163) 0%,
    rgba(255, 255, 255, 0) 40%
  );
  height: 236px;
  width: 345px;
}

.home-1 .founder {
  align-items: flex-start;
  display: flex;
  height: 221px;
  margin-top: 35px;
  padding: 0 13px;
  width: 375px;
}

.home-1 .group-container-1 {
  height: 230px;
  margin-left: 2px;
  margin-top: -9px;
  position: relative;
  width: 347px;
}

.home-1 .line-2-2 {
  width: 265px;
}

.home-1 .group-4 {
  height: 97px;
  left: 217px;
  position: absolute;
  top: 128px;
  width: 128px;
}

.home-1 .our-blog {
  align-items: center;
  flex-direction: column;
  gap: 24px;
  height: 1016px;
}

.home-1 .frame-24-1 {
  align-items: center;
  display: inline-flex;
  gap: 15px;
  margin-top: -9px;
  position: relative;
}

.home-1 .our-blog-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.home-1 .line-2-3 {
  width: 258px;
}

.home-1 .overlap-group-1 {
  height: 439px;
  position: relative;
  width: 345px;
}

.home-1 .rectangle-15 {
  height: 385px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 345px;
}

.home-1 .overlap-group-3 {
  align-items: flex-start;
  background-color: var(--x1);
  display: flex;
  height: 30px;
  left: 15px;
  min-width: 81px;
  padding: 0 18px;
  position: absolute;
  top: 15px;
}

.home-1 .dec-27 {
  min-width: 45px;
}

.home-1 .mains {
  letter-spacing: 1.62px;
  line-height: normal;
  margin-left: 1px;
  min-height: 27px;
  min-width: 50px;
  text-align: center;
}

.home-1 .overlap-group-4 {
  align-items: flex-start;
  background-color: var(--x1);
  display: flex;
  height: 30px;
  left: 15px;
  min-width: 81px;
  padding: 0 17px;
  position: absolute;
  top: 15px;
}

.home-1 .dec-23 {
  min-width: 46px;
}

.home-1 .group-1000004957-1 {
  align-items: flex-start;
  background-color: var(--x4);
  display: flex;
  flex-direction: column;
  gap: 5px;
  left: 15px;
  min-height: 95px;
  padding: 15px 98px;
  position: absolute;
  top: 344px;
  width: 315px;
}

.home-1 .asian {
  align-self: center;
  letter-spacing: 1.62px;
  line-height: normal;
  margin-left: 2px;
  min-height: 27px;
  min-width: 47px;
  text-align: center;
}

.home-1 .overlap-group3 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--x1);
  display: flex;
  height: 39px;
  margin-left: 1px;
  min-width: 146px;
  padding: 5px 34px;
}

.home-1 .view-all {
  letter-spacing: 1.62px;
  line-height: normal;
  min-height: 27px;
}

.home-1 .our-menu {
  align-items: flex-start;
  height: 630px;
  overflow: hidden;
}

.home-1 .group-container-2 {
  height: 619px;
  margin-left: 14px;
  margin-top: -9px;
  position: relative;
  width: 862px;
}

.home-1 .group-1000004976 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  left: 0;
  min-height: 619px;
  position: absolute;
  top: 0;
  width: 862px;
}

.home-1 .our-menu-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.home-1 .line-2-4 {
  width: 251px;
}

.home-1 .tab {
  align-items: flex-start;
  display: inline-flex;
  gap: 30px;
  margin-left: 1px;
  position: relative;
}

.home-1 .group-67 {
  align-items: flex-start;
  display: flex;
  height: 33px;
  left: 17px;
  min-width: 26px;
  position: absolute;
  top: 0;
}

.home-1 .all {
  color: var(--alabaster);
  font-family: var(--font-family-oswald);
  font-size: var(--font-size-m);
  font-weight: 600;
  letter-spacing: 0;
  line-height: normal;
  min-height: 33px;
}

.home-1 .rectangle-43 {
  background-color: var(--x1);
  height: 2px;
  left: 0;
  position: absolute;
  top: 36px;
  width: 58px;
}

.home-1 .starter {
  left: 9px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
}

.home-1 .salad {
  left: 8px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
}

.home-1 .appetizers {
  left: 10px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
}

.home-1 .asian-1 {
  left: 14px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
}

.home-1 .western {
  left: 9px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
}

.home-1 .dessert {
  left: 11px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
}

.home-1 .frame-26 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  gap: 10px;
  margin-left: 1px;
  position: relative;
}

.home-1 .group-100000497 {
  height: 101px;
  position: relative;
  width: 345px;
  border: 3px solid;
  border-color: transparent;
  border-image: linear-gradient(
      150deg,
      rgba(0, 27, 28, 0) 0%,
      rgba(0, 27, 28, 0) 40%,
      rgb(2, 95, 98) 100%
    )
    1;
}

.home-1 .rectangle-42 {
  height: 71px;
  left: 15px;
  object-fit: cover;
  position: absolute;
  top: 15px;
  width: 85px;
}

.home-1 .group-1000004969 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2px;
  left: 115px;
  min-height: 47px;
  position: absolute;
  top: 27px;
  width: 219px;
}

.home-1 .flex-row {
  gap: 82px;
  min-width: 217px;
}

.home-1 .roasted-tomato-j {
  letter-spacing: 0;
  line-height: normal;
  min-height: 21px;
  min-width: 92px;
}

.home-1 .group-1000004970 {
  align-items: center;
  display: flex;
  height: 24px;
  min-width: 43px;
}

.home-1 .number {
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
  min-width: 23px;
}

.home-1 .name {
  letter-spacing: 0;
  line-height: normal;
  min-height: 21px;
}

.home-1 .group-1000004969-1 {
  gap: 54px;
  min-width: 218px;
}

.home-1 .flex-col {
  flex-direction: column;
  gap: 5px;
  min-height: 47px;
  width: 120px;
}

.home-1 .margherita-j {
  letter-spacing: 0;
  line-height: normal;
  min-height: 21px;
}

.home-1 .tomato-mozzarella-basil {
  letter-spacing: 0;
  line-height: normal;
  min-height: 21px;
}

.home-1 .group-1000004970-1 {
  align-items: center;
  display: flex;
  height: 24px;
  min-width: 42px;
}

.home-1 .number-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
  min-width: 22px;
}

.home-1 .rectangle-42-1 {
  height: 71px;
  left: 15px;
  position: absolute;
  top: 15px;
  width: 85px;
}

.home-1 .group-1000004969-2 {
  gap: 12px;
  min-width: 219px;
}

.home-1 .flex-col-1 {
  gap: 5px;
  min-height: 47px;
  width: 162px;
}

.home-1 .caesar-salad {
  letter-spacing: 0;
  line-height: normal;
  min-height: 21px;
}

.home-1 .iceberg-lettuce-pesto-croutons {
  letter-spacing: 0;
  line-height: normal;
  min-height: 21px;
}

.home-1 .flex-row-1 {
  align-items: flex-start;
  display: flex;
  gap: 113px;
  min-width: 217px;
}

.home-1 .dal-tadka-j {
  letter-spacing: 0;
  line-height: normal;
  min-height: 21px;
  min-width: 61px;
}

.home-1 .yellow-lentils-garl {
  letter-spacing: 0;
  line-height: normal;
  min-height: 21px;
}

.home-1 .overlap-group-5 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--x1);
  display: flex;
  height: 39px;
  margin-left: 68px;
  min-width: 211px;
  padding: 5px 22px;
}

.home-1 .explore-our-menu {
  letter-spacing: 1.62px;
  line-height: normal;
  min-height: 27px;
}

.home-1 .group-5 {
  height: 42px;
  left: 150px;
  position: absolute;
  top: 24px;
  width: 46px;
}

.home-1 .group-6 {
  height: 35px;
  left: 292px;
  position: absolute;
  top: 564px;
  width: 37px;
}

.home-1 .our-gallery {
  align-items: center;
  flex-direction: column;
  height: 678px;
}

.home-1 .our-gallery-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.home-1 .line-2-5 {
  width: 238px;
}

.home-1 .rectangle-12 {
  height: 282px;
  margin-top: 24px;
  object-fit: cover;
  width: 345px;
}

.home-1 .group-1000004978 {
  align-items: flex-start;
  background-color: var(--blue-stone);
  display: flex;
  gap: 2px;
  height: 282px;
  min-width: 345px;
  padding: 23px 14px;
}

.home-1 .group-container-3 {
  align-self: flex-end;
  height: 192px;
  margin-bottom: 4px;
  position: relative;
  width: 237px;
}

.home-1 .group-1000004977 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 19px;
  left: 82px;
  min-height: 156px;
  position: absolute;
  top: 0;
  width: 155px;
}

.home-1 .hours {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 2px;
  min-height: 36px;
  min-width: 55px;
}

.home-1 .frame-2-1 {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  gap: 10px;
  margin-right: 2px;
  position: relative;
}

.home-1 .mon-fri-900 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.home-1 .x-1000 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.home-1 .group-7 {
  height: 124px;
  left: 0;
  position: absolute;
  top: 68px;
  width: 124px;
}

.home-1 .group-8x {
  height: 68px;
  width: 68px;
  position: absolute;
  top: -40px;
  right: -60px;
}

.home-1 .overlap-group1-1 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--x1);
  display: flex;
  height: 39px;
  margin-left: 1px;
  margin-top: 24px;
  min-width: 146px;
  padding: 5px 34px;
}

.home-1 .view-all-1 {
  letter-spacing: 1.62px;
  line-height: normal;
  min-height: 27px;
}

.home-1 .testimonial {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 17px;
  height: 415px;
  margin-top: 35px;
  width: 375px;
}

.home-1 .overlap-group-6 {
  height: 382px;
  margin-left: 1px;
  position: relative;
  width: 1238px;
}

.home-1 .rectangle-20 {
  height: 316px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1238px;
}

.home-1 .rectangle-2 {
  background-color: var(--black);
  height: 316px;
  left: 0;
  opacity: 0.55;
  position: absolute;
  top: 0;
  width: 1238px;
}

.home-1 .rectangle-21 {
  background: linear-gradient(
    90deg,
    rgb(35, 159, 163) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  height: 316px;
  width: 447px;
  position: absolute;
  left: 359px;
  top: 0;
}

.home-1 .group-44 {
  align-items: center;
  display: flex;
  gap: 24px;
  height: 137px;
  left: 446px;
  min-width: 345px;
  position: absolute;
  top: 40px;
}

.home-1 .rectangle-2-1 {
  height: 80px;
  margin-top: 1px;
  object-fit: cover;
  width: 80px;
}

.home-1 .rectangle-27 {
  height: 137px;
  object-fit: cover;
  width: 137px;
}

.home-1 .group-1000004985 {
  -webkit-backdrop-filter: blur(42px) brightness(100%);
  align-items: center;
  backdrop-filter: blur(42px) brightness(100%);
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  display: flex;
  flex-direction: column;
  gap: 15px;
  left: 446px;
  min-height: 181px;
  padding: 15px 0;
  position: absolute;
  top: 201px;
  width: 345px;
}

.home-1 .flex-row-2 {
  align-items: center;
  display: flex;
  min-width: 315px;
}

.home-1 .rectangle-26 {
  height: 67px;
  object-fit: cover;
  width: 67px;
}

.home-1 .group-1000004981 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-left: 15px;
  min-height: 45px;
  width: 109px;
}

.home-1 .yasheh-patel {
  letter-spacing: 0;
  line-height: 26.3px;
  white-space: nowrap;
}

.home-1 .image {
  height: 60px;
  margin-bottom: 1px;
  margin-left: 57px;
  width: 67px;
}

.home-1 .being-in-surat-city {
  letter-spacing: 0;
  line-height: 23px;
  min-height: 69px;
  width: 315px;
}

.home-1 .group-1000004984 {
  height: 15px;
  margin-left: 1px;
  width: 110px;
}

.home-1 .food {
  align-items: flex-end;
  display: flex;
  margin-top: 35px;
  width: 375px;
}

.home-1 .group-container-4 {
  height: 539px;
  margin-bottom: -40.24px;
  margin-left: -77px;
  position: relative;
  width: 791px;
}

.home-1 .overlap-group-7 {
  height: 459px;
  left: 107px;
  position: absolute;
  top: 0;
  width: 315px;
}

.home-1 .frame-28 {
  align-items: flex-end;
  display: inline-flex;
  flex-direction: column;
  gap: 24px;
  left: 0;
  position: absolute;
  top: 0;
}

.home-1 .group-100000498 {
  height: 137px;
  position: relative;
  width: 315px;
}

.home-1 .frame-2 {
  height: 40px;
  left: 138px;
  position: absolute;
  top: 0;
  width: 40px;
}

.home-1 .frame-27 {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  gap: 10px;
  left: 0;
  position: absolute;
  top: 45px;
}

.home-1 .breakfast {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.home-1 .x-ut-nisl-q {
  letter-spacing: 0;
  line-height: 23px;
  position: relative;
  text-align: center;
  width: 315px;
}

.home-1 .lunch {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.home-1 .dinner {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.home-1 .group-10 {
  height: 66px;
  left: 232px;
  position: absolute;
  top: 8px;
  width: 66px;
}

.home-1 .group-11 {
  height: 75px;
  left: 15px;
  position: absolute;
  top: 165px;
  width: 73px;
}

.home-1 .group-62 {
  align-items: flex-start;
  display: flex;
  height: 184px;
  left: 11px;
  min-width: 770px;
  padding: 0 73.1px;
  position: absolute;
  top: 280px;
  transform: rotate(-11.61deg);
}

.home-1 .x05-1 {
  height: 295px;
  margin-top: -101.6px;
  transform: rotate(11.61deg);
  width: 375px;
}

.home-1 .group-1000004944 {
  height: 50px;
  margin-left: -103px;
  margin-top: 404px;
  width: 50px;
}

.home-1 .vector-3 {
  height: 25px;
  margin-left: -788px;
  margin-top: 2086px;
  width: 25px;
}

.home-1 .dec {
  letter-spacing: 0;
  line-height: normal;
  min-height: 27px;
  text-align: center;
}

.home-1 .flex {
  align-items: flex-start;
  display: flex;
}

.home-1 .flex-col-4 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

.home-1 .group-1000004969-3 {
  align-items: flex-start;
  display: flex;
  height: 47px;
  left: 115px;
  position: absolute;
  top: 27px;
}

.home-1 .line-2-6 {
  height: 1px;
  object-fit: cover;
  position: relative;
}

.home-1 .our {
  display: flex;
  margin-top: 35px;
  width: 375px;
}

.home-1 .video {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 375px;
}

/* screen - index */
.index {
  align-items: flex-start;
  background-color: var(--swamp);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 1900px;
}

.index .overlap-group8 {
  height: 1080px;
  position: relative;
  width: 100%;
}

.index .banner-1 {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.index .shadow-1 {
  height: 404px;
  left: 0;
  position: absolute;
  top: 870px;
  width: 100%;
}

.index .header-1 {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 13px;
  height: auto;
  justify-content: flex-start;
  left: 238px;
  min-height: 81px;
  position: absolute;
  top: 70px;
  width: 1443px;
}

.index .group-8-1 {
  align-items: center;
  display: flex;
  min-width: 1443px;
}

.index .group-2-2 {
  align-items: flex-start;
  background-image: url(../img/image-2.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  min-width: 220px;
  padding: 0 68.9px;
}

.index .place-1 {
  cursor: pointer;
}

.index .group-129 {
  cursor: pointer;
  height: 33px;
  position: relative;
  width: 76px;
}

.index .about-us {
  left: 0;
  letter-spacing: 0.22px;
  line-height: normal;
  position: absolute;
  top: 0;
}

.index .menu-1 {
  left: 0;
  letter-spacing: 0.22px;
  line-height: normal;
  position: absolute;
  top: 0;
}

.index .frame-10 {
  height: 14px;
  left: 52px;
  position: absolute;
  top: 12px;
  width: 14px;
}

.index .btn-2 {
  cursor: pointer;
  margin-left: 48px;
  min-width: 230px;
}

.index .overlap-group-13 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--x1);
  display: flex;
  height: 50px;
  min-width: 228px;
  padding: 9px 47px;
}

.index .book-a-table {
  letter-spacing: 1.8px;
  line-height: normal;
  min-height: 30px;
}

.index .overlap-group7-1 {
  height: 2px;
  margin-left: 3px;
  position: relative;
  width: 1440px;
}

.index .line-1-2 {
  height: 1px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 1440px;
}

.index .rectangle-4 {
  background-color: var(--x1);
  height: 2px;
  left: 407px;
  position: absolute;
  top: 0;
  width: 56px;
}

.index .our-video-1 {
  gap: 82px;
  height: 621px;
  margin-top: 120px;
}

.index .frame-8-1 {
  margin-left: 83px;
  height: 100%;
}

.index .line-1-1 {
  height: 278px;
  object-fit: cover;
  position: relative;
  width: 2px;
}

.index .title-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: -79px;
  margin-right: -79px;
  opacity: 0.5;
  position: relative;
  transform: rotate(-90deg);
  width: max-content;
}

.index .group-container-7 {
  height: 621px;
  position: relative;
  width: 1680px;
}

.index .group-container-8 {
  height: 621px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1680px;
}

.index .group-10-1 {
  align-items: center;
  gap: 17px;
  height: 486px;
  justify-content: flex-end;
  left: 446px;
  padding: 22px 21px;
  top: 135px;
}

.index .group-191 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 396px;
  width: 615px;
}

.index .the-hauss-re-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 74px;
}

.index .line-1-3 {
  height: 1px;
  margin-left: 0;
  margin-top: 38px;
  object-fit: cover;
  width: 611px;
}

.index .the-gateway-to-the-w-1 {
  letter-spacing: 0;
  line-height: 36.1px;
  margin-top: 31px;
  min-height: 252px;
  width: 608px;
}

.index .group-14 {
  align-self: flex-end;
  height: 262px;
  width: 198px;
}

.index .group-9-2 {
  position: absolute;
  height: 540px;
  min-width: 798px;
  left: 0;
  top: 0;
  display: flex;
  align-items: flex-start;
  overflow: hidden;
}

.index .overlap-group1-2 {
  background: linear-gradient(
    180deg,
    rgb(35, 159, 163) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  height: 540px;
  position: relative;
  width: 798px;
}

.index .ellipse-4-1 {
  left: 349px;
  top: 220px;
}

.index .ellipse-6-1 {
  left: 353px;
  top: 224px;
}

.index .frame-11 {
  height: 45px;
  left: 377px;
  position: absolute;
  top: 248px;
  width: 45px;
}

.index .group-193 {
  align-items: center;
  display: flex;
  gap: 13px;
  height: 50px;
  left: 823px;
  min-width: 616px;
  position: absolute;
  top: 34px;
}

.index .atthehauss-1 {
  color: var(--alabaster);
  font-family: var(--font-family-oswald);
  font-size: 26px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 1px;
  min-height: 39px;
  min-width: 119px;
}

.index .line-2-6 {
  margin-bottom: 1px;
  width: 165px;
}

.index .btn-3 {
  border: 1px solid;
  border-color: var(--x1);
  gap: 12px;
  height: 50px;
  min-width: 304px;
  padding: 9px 24px;
}

.index .frame-3 {
  align-self: center;
  height: 24px;
  margin-bottom: 2px;
  width: 24px;
}

.index .our-video-2 {
  gap: 83px;
  height: 639px;
  margin-top: 120px;
}

.index .group-container-9 {
  height: 638px;
  position: relative;
  width: 1679px;
}

.index .group-container-10 {
  height: 638px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1679px;
}

.index .group-10-2 {
  align-items: flex-end;
  height: 488px;
  left: 0;
  padding: 24px 55px;
  top: 150px;
}

.index .group-container-11 {
  height: 400px;
  position: relative;
  width: 830px;
}

.index .group-15 {
  height: 262px;
  left: 0;
  position: absolute;
  top: 138px;
  width: 198px;
}

.index .group-192 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 186px;
  min-height: 360px;
  position: absolute;
  top: 0;
  width: 644px;
}

.index .line-2-7 {
  margin-top: 33px;
  width: 640px;
}

.index .the-hauss-offers-you-1 {
  letter-spacing: 0;
  line-height: 36.1px;
  margin-top: 36px;
  min-height: 216px;
  width: 608px;
}

.index .overlap-group1-3 {
  height: 540px;
  left: 880px;
  position: absolute;
  top: 0;
  width: 799px;
  overflow: hidden;
}

.index .image-6-2 {
  position: absolute;
  height: 540px;
  width: 798px;
  left: 1px;
  top: 0;
  object-fit: cover;
}

.index .image-7-1 {
  background: linear-gradient(
    180deg,
    rgb(35, 159, 163) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  position: absolute;
  height: 798px;
  width: 940px;
  top: -380px;
  left: -380px;
  transform: rotate(315deg);
}

.index .image-7-2 {
  background: linear-gradient(
    180deg,
    rgb(35, 159, 163) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  position: absolute;
  height: 798px;
  width: 940px;
  top: -380px;
  right: -380px;
  transform: rotate(45deg);
}

.index .overlap-group-14 {
  border-radius: 50px;
  height: 100px;
  left: 351px;
  position: absolute;
  top: 220px;
  width: 100px;
}

.index .ellipse-4-2 {
  left: 0;
  top: 0;
}

.index .ellipse-6-2 {
  left: 4px;
  top: 4px;
}

.index .frame-13 {
  height: 45px;
  left: 28px;
  position: absolute;
  top: 28px;
  width: 45px;
}

.index .group-194 {
  align-items: center;
  display: flex;
  gap: 13px;
  height: 50px;
  left: 240px;
  min-width: 617px;
  position: absolute;
  top: 36px;
}

.index .btn-4 {
  border: 1px solid;
  border-color: var(--x1);
  gap: 12px;
  height: 50px;
  min-width: 304px;
  padding: 9px 24px;
}

.index .follow-on-instagram-2 {
  width: 218px;
}

.index .line-2-8 {
  margin-bottom: 0.86px;
  width: 92px;
}

.index .reunionbythehauss-1 {
  color: var(--alabaster);
  font-family: var(--font-family-oswald);
  font-size: 26px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 0.86px;
  min-height: 39px;
  min-width: 193px;
  text-align: right;
}

.index .frame-8-4 {
  height: 14px;
  left: 52px;
  position: absolute;
  top: 12px;
  width: 14px;
}

.index .our-videos {
  margin-left: -79px;
  margin-right: -79px;
  opacity: 0.5;
  transform: rotate(90deg);
}

.index .founder-2 {
  align-items: flex-start;
  display: flex;
  gap: 27px;
  height: 252px;
  margin-top: 120px;
  padding: 0 46px;
  width: 100%;
}

.index .group-16 {
  align-self: flex-end;
  height: 127px;
  margin-bottom: 8px;
  width: 167px;
}

.index .flex-col-4 {
  align-items: flex-start;
  margin-top: -16px;
  min-height: 268px;
  width: 1440px;
}

.index .frame-4 {
  align-items: center;
  display: inline-flex;
  gap: 30px;
  position: relative;
}

.index .founder-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.index .line-1-4 {
  height: 1px;
  object-fit: cover;
  position: relative;
  width: 1266px;
}

.index .our-blog-2 {
  align-items: flex-start;
  display: flex;
  gap: 82px;
  height: 781px;
  margin-top: 120px;
  overflow: hidden;
  padding: 0 83px;
  width: 100%;
}

.index .group-container-12 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 60px;
  margin-left: 154px;
  margin-top: -12px;
  min-height: 793px;
  width: 1443px;
}

.index .group-19 {
  align-items: center;
  display: flex;
  gap: 30px;
  height: 74px;
  min-width: 1443px;
}

.index .our-blog-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.index .line-1-5 {
  height: 1px;
  position: relative;
  width: 1040px;
}

.index .link-1 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  min-width: 182px;
}

.index .overlap-group-9 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--x1);
  display: flex;
  height: 50px;
  min-width: 180px;
  padding: 9px 47px;
}

.index .group-33 {
  align-items: flex-start;
  display: flex;
  gap: 34px;
  margin-left: 3px;
  min-width: 1439px;
}

.group-33-link {
  display: block;
}

.index .overlap-group-10 {
  height: 659px;
  position: relative;
  width: 457px;
}

.index .rectangle-1-1 {
  height: 594px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 457px;
}

.index .overlap-group-15 {
  align-items: flex-start;
  background-color: var(--x1);
  display: flex;
  height: 50px;
  left: 24px;
  min-width: 128px;
  padding: 8px 37px;
  position: absolute;
  top: 24px;
}

.index .dec-27-1 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 33px;
  min-width: 54px;
  text-align: center;
}

.index .mains-1 {
  align-self: center;
  letter-spacing: 1.8px;
  line-height: normal;
  margin-left: 1px;
  min-height: 30px;
  min-width: 56px;
  text-align: center;
}

.index .overlap-group-16 {
  align-items: flex-start;
  background-color: var(--x1);
  display: flex;
  height: 50px;
  justify-content: flex-end;
  left: 24px;
  min-width: 128px;
  padding: 8px 35px;
  position: absolute;
  top: 24px;
}

.index .dec-2 {
  letter-spacing: 0;
  line-height: normal;
  min-height: 33px;
  min-width: 56px;
  text-align: center;
}

.index .group-22 {
  align-items: center;
  background-color: var(--x4);
  display: flex;
  flex-direction: column;
  gap: 2px;
  left: 15px;
  min-height: 129px;
  padding: 24px 0;
  position: absolute;
  top: 530px;
  width: 427px;
}

.index .asian-2 {
  letter-spacing: 1.8px;
  line-height: normal;
  margin-right: 1px;
  min-height: 30px;
  min-width: 52px;
  text-align: center;
}

.index .overlap-group-17 {
  align-items: flex-start;
  background-color: var(--x1);
  display: flex;
  height: 50px;
  justify-content: flex-end;
  left: 30px;
  min-width: 128px;
  padding: 8px 35px;
  position: absolute;
  top: 24px;
}

.index .western-1 {
  align-self: center;
  letter-spacing: 1.8px;
  line-height: normal;
  margin-left: 2px;
  min-height: 30px;
  min-width: 81px;
  text-align: center;
}

.index .cream-n-cookies {
  letter-spacing: 0;
  line-height: normal;
  min-height: 49px;
  min-width: 204px;
  text-align: center;
}

.index .frame-7-1 {
  align-items: center;
  align-self: flex-end;
  display: inline-flex;
  flex-direction: column;
  gap: 90px;
  margin-bottom: 70px;
  position: relative;
}

.index .our-blog-4 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: -69px;
  margin-right: -69px;
  opacity: 0.5;
  position: relative;
  transform: rotate(90deg);
  width: max-content;
}

.index .our-menu-2 {
  align-items: flex-start;
  display: flex;
  height: 884px;
  margin-top: 132px;
  overflow: hidden;
  padding: 0 83px;
  width: 1926px;
}

.index .group-32 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  height: 597px;
  min-width: 75px;
}

.index .frame-7 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 100px;
  height: 100%;
  position: relative;
}

.index .line-1-6 {
  height: 335px;
  object-fit: cover;
  position: relative;
  width: 2px;
}

.index .our-menu-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: -78.5px;
  margin-right: -78.5px;
  opacity: 0.5;
  position: relative;
  transform: rotate(-90deg);
  height: 100px;
}

.index .flex-col-5 {
  align-items: center;
  gap: 60px;
  margin-left: 79px;
  margin-top: -12px;
  min-height: 896px;
  width: 1443px;
}

.index .group-66 {
  align-items: center;
  display: flex;
  gap: 30px;
  height: 74px;
  margin-right: 3px;
  min-width: 1440px;
}

.index .our-menu-4 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.index .line-1-7 {
  height: 2px;
  position: relative;
  width: 976px;
}

.index .btn-5 {
  border: 1px solid;
  border-color: var(--x1);
  cursor: pointer;
  height: 50px;
  margin-bottom: 0;
  min-width: 228px;
  padding: 8px 21px;
}

.index .explore-our-menu-1 {
  letter-spacing: 1.8px;
  line-height: normal;
  min-height: 30px;
}

.index .tab-1 {
  align-items: flex-start;
  display: inline-flex;
  gap: 70px;
  margin-left: 6px;
  position: relative;
}

.index .group-67-1 {
  height: 58px;
  position: relative;
  width: 60px;
}

.index .all-1 {
  color: var(--x2);
  font-family: var(--font-family-oswald);
  font-size: 33px;
  font-weight: 600;
  left: 13px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
}

.index .rectangle-43-1 {
  background-color: var(--x1);
  height: 2px;
  left: 0;
  position: absolute;
  top: 56px;
  width: 58px;
}

.index .starter-1 {
  left: 7px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
}

.index .salad-1 {
  left: 11px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
}

.index .appetizers-1 {
  left: 8px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
}

.index .main-course-1 {
  left: 9px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
}

.index .asian-3 {
  left: 11px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
}

.index .western-2 {
  left: 5px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
}

.index .dessert-1 {
  left: 5px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
}

.index .group-81 {
  align-items: flex-start;
  display: flex;
  gap: 20px;
  height: 644px;
  overflow: hidden;
  margin-left: 3px;
  min-width: 1440px;
}
.our-menu-scroller {
  width: 375px;
  overflow-x: scroll;
}
.our-menu-scroller::-webkit-scrollbar {
  height: 4px;
}
.our-menu-scroller::-webkit-scrollbar-thumb {
  background-color: #888;
}
.index .overlap-group-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
  min-height: 644px;
  width: 710px;
}

.index .overlap-group-11 {
  height: 188px;
  position: relative;
  width: 710px;
}

.index .rectangle-42-2 {
  object-fit: cover;
}

.index .overlap-group-12 {
  height: 95px;
  left: 215px;
  position: absolute;
  top: 45px;
  width: 465px;
}

.index .frame-12 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  gap: 15px;
  left: 0;
  position: absolute;
  top: 3px;
}

.index .roasted-tomato-j-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.index .name-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 465px;
}

.index .number-2 {
  left: 422px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
}

.index .frame-5 {
  height: 35px;
  left: 388px;
  position: absolute;
  top: 6px;
  width: 35px;
}

.index .caesar-salad-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.index .iceberg-lettuce-pes {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 465px;
}

.index .overlap-group-18 {
  height: 95px;
  left: 215px;
  position: absolute;
  top: 45px;
  width: 466px;
}

.index .mushroom-burger {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.index .grilled-pattie-made {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 465px;
}

.index .margherita-j-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.index .tomato-mozzarella-basil-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 465px;
}

.index .dal-tadka-j-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.index .yellow-lentils-garl-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 465px;
}

.index .classic-mojito {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.index .mojito-syrup-mint-lemon {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: 465px;
}

.index .group-container-13 {
  align-items: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 303.86px;
  margin-left: 43px;
  min-height: 210px;
  width: 120px;
}

.index .group-17 {
  height: 109px;
  width: 120px;
}

.index .group-18 {
  height: 85px;
  margin-left: 10.28px;
  width: 91px;
}

.index .our-gallery-2 {
  align-items: flex-start;
  display: flex;
  gap: 82px;
  height: 906px;
  margin-top: 120px;
  overflow: hidden;
  padding: 0 83px;
  width: 100%;
}

.index .group-18-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 60px;
  margin-left: 157px;
  margin-top: -12px;
  min-height: 918px;
  width: 1440px;
}

.index .group-66-1 {
  align-items: center;
  display: flex;
  gap: 30px;
  height: 74px;
  min-width: 1440px;
}

.index .our-gallery-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.index .line-1-8 {
  height: 1px;
  object-fit: cover;
  position: relative;
  width: 992px;
}

.index .group-17-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 784px;
  width: 1437px;
}

.index .group-1-3 {
  align-items: flex-start;
  display: flex;
  min-width: 1437px;
}

.index .rectangle-12-1 {
  height: 392px;
  object-fit: cover;
  width: 479px;
}

.index .group-14-1 {
  gap: 32px;
  justify-content: flex-end;
  padding: 18px 23px;
}

.index .overlap-group-19 {
  align-self: flex-end;
  height: 284px;
  position: relative;
  width: 301px;
}

.index .frame-3-1 {
  left: 98px;
}

.index .hours-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.index .frame-2-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.index .mon-fri-900-2 {
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.index .sat-1000-100-1 {
  position: relative;
  width: fit-content;
}

.index .sun-1000-2400-1 {
  position: relative;
  width: fit-content;
}

.index .group-20 {
  height: 171px;
  left: 0;
  position: absolute;
  top: 113px;
  width: 171px;
}

.index .group-24 {
  height: 83px;
  margin-top: 33px;
  width: 83px;
}

.index .rectangle-14 {
  height: 392px;
  width: 479px;
}

.index .group-14-2 {
  gap: 13px;
  padding: 27px 24px;
}

.index .overlap-group1-4 {
  align-self: flex-end;
  height: 275px;
  position: relative;
  width: 313px;
}

.index .group-25 {
  height: 161px;
  left: 0;
  position: absolute;
  top: 114px;
  width: 180px;
}

.index .frame-3-2 {
  left: 114px;
}

.index .reservations {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.index .reservation-numbers {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.index .phone {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.index .text-9 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.index .group-26 {
  height: 70px;
  margin-top: 21px;
  width: 79px;
}

.index .group-15-1 {
  align-items: flex-start;
  background-color: var(--blue-stone);
  display: flex;
  gap: 20px;
  height: 392px;
  min-width: 479px;
  padding: 29px 25px;
}

.index .overlap-group-20 {
  align-self: flex-end;
  height: 273px;
  position: relative;
  width: 301px;
}

.index .frame-3-3 {
  left: 129px;
}

.index .our-course {
  margin-top: -1px;
}

.index .desi-zayka {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.index .asian-4 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.index .western-3 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.index .group-27 {
  height: 167px;
  left: 0;
  position: absolute;
  top: 106px;
  width: 169px;
}

.index .group-28 {
  height: 99px;
  margin-top: 11px;
  width: 100px;
}

.index .group-32-1 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  height: 565px;
  margin-bottom: 0;
  min-width: 75px;
}

.index .line-1-9 {
  height: 278px;
  object-fit: cover;
  position: relative;
  transform: rotate(-180deg);
  width: 1px;
}

.index .our-gallery-4 {
  letter-spacing: 0;
  line-height: normal;
  margin-left: -91px;
  margin-right: -91px;
  opacity: 0.5;
  position: relative;
  transform: rotate(90deg);
  width: fit-content;
}

.index .testimonial-1 {
  align-items: flex-start;
  display: flex;
  height: 586px;
  margin-top: 120px;
  overflow: hidden;
  width: 100%;
}

.index .overlap-group4 {
  height: 587px;
  margin-top: -1px;
  position: relative;
  width: 1926px;
}

.index .rectangle-20-1 {
  height: 587px;
  left: 6px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.index .rectangle-25 {
  -webkit-backdrop-filter: blur(42px) brightness(100%);
  backdrop-filter: blur(42px) brightness(100%);
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 255, 255, 0.4) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  height: 472px;
  left: 240px;
  opacity: 0.8;
  position: absolute;
  top: 57px;
  width: 710px;
}

.index .overlap-group-21 {
  height: 587px;
  left: 6px;
  position: absolute;
  top: 0;
  width: 100%;
}

.index .rectangle-2-2 {
  background-color: var(--black);
  height: 587px;
  left: 0;
  opacity: 0.55;
  position: absolute;
  top: 0;
  width: 100%;
}

.index .group-4-1 {
  height: 15px;
  left: 1301px;
  position: absolute;
  top: 469px;
  width: 146px;
}

.index .group-44-1 {
  align-items: center;
  display: flex;
  gap: 40px;
  height: 245px;
  left: 1068px;
  min-width: 611px;
  position: absolute;
  top: 171px;
}

.index .rectangle-2-3 {
  height: 143px;
  object-fit: cover;
  width: 143px;
}

.index .rectangle-27-1 {
  height: 245px;
  object-fit: cover;
  width: 245px;
}

.index .rectangle-21-1 {
  background: linear-gradient(
    180deg,
    rgb(35, 159, 163) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  position: absolute;
  height: 800px;
  width: 612px;
  left: 90px;
  top: -110px;
  rotate: 270deg;
}

.index .image-1 {
  height: 99px;
  left: 751px;
  position: absolute;
  top: 127px;
  width: 110px;
}

.index .group-43 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 20px;
  left: 285px;
  min-height: 225px;
  position: absolute;
  top: 180px;
  width: 642px;
}

.index .flex-row-3 {
  align-items: center;
  display: flex;
  gap: 20px;
  min-width: 259px;
}

.index .rectangle-26-1 {
  height: 97px;
  object-fit: cover;
  width: 97px;
}

.index .group-42 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 69px;
  width: 142px;
}

.index .yasheh-patel-1 {
  letter-spacing: 0;
  line-height: 39.4px;
  white-space: nowrap;
}

.index .being-in-surat-city-1 {
  letter-spacing: 0;
  line-height: 36.1px;
  min-height: 108px;
  width: 640px;
}

.index .food-1 {
  align-items: flex-end;
  margin-top: 66px;
}

.index .overlap-group6 {
  height: 330px;
  position: relative;
  width: 100%;
}

.index .x05-1-1 {
  height: 330px;
  left: 727px;
  position: absolute;
  top: 0;
  width: 1193px;
}

.index .food-2 {
  align-items: flex-start;
  height: 244px;
  left: 0;
  padding: 0 240px;
  position: absolute;
  top: 54px;
}

.index .group-container-14 {
  height: 244px;
  position: relative;
  width: 1440px;
}

.index .group-container-15 {
  height: 244px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1440px;
}

.index .group-35 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 13px;
  left: 0;
  min-height: 244px;
  padding: 40px;
  position: absolute;
  top: 0;
  width: 1440px;
}

.index .flex-row-4 {
  align-items: flex-start;
  display: flex;
  gap: 19px;
  height: 52px;
  min-width: 186px;
}

.index .frame-6 {
  height: 50px;
  width: 50px;
}

.index .breakfast-1 {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: normal;
  min-height: 49px;
  min-width: 117px;
}

.index .x-ut-nisl-qu {
  letter-spacing: 0;
  line-height: normal;
  min-height: 99px;
  width: 387px;
}

.index .group-37 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 13px;
  left: 527px;
  min-height: 164px;
  position: absolute;
  top: 43px;
  width: 391px;
}

.index .flex-row-5 {
  align-items: flex-start;
  display: flex;
  gap: 18px;
  height: 52px;
  margin-left: 0.36px;
  min-width: 139px;
}

.index .lunch-1 {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: normal;
  min-height: 49px;
  min-width: 71px;
}

.index .group-38 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 13px;
  left: 1013px;
  min-height: 164px;
  position: absolute;
  top: 43px;
  width: 391px;
}

.index .flex-row-6 {
  align-items: flex-start;
  display: flex;
  gap: 19px;
  height: 52px;
  min-width: 148px;
}

.index .dinner-1 {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: normal;
  min-height: 49px;
  min-width: 79px;
}

.index .the-dinner-ut-nisl-q {
  letter-spacing: 0;
  line-height: normal;
  margin-left: 0.28px;
  min-height: 99px;
  width: 387px;
}

.index .group-29 {
  height: 111px;
  left: 389px;
  position: absolute;
  top: 65px;
  width: 108px;
}

.index .group-30 {
  height: 66px;
  left: 913px;
  position: absolute;
  top: 55px;
  width: 66px;
}

.index .btn {
  align-items: flex-start;
  display: flex;
}

.index .ellipse-4 {
  background-color: var(--blue-stone);
  border: 1px solid;
  border-color: var(--white);
  border-radius: 50px;
  height: 100px;
  opacity: 0.3;
  position: absolute;
  width: 100px;
}

.index .ellipse-6 {
  background-color: var(--blue-stone);
  border-radius: 45.7px;
  height: 91px;
  opacity: 0.4;
  position: absolute;
  width: 91px;
}

.index .flex-col {
  display: flex;
  flex-direction: column;
}

.index .follow-on-instagram {
  letter-spacing: 1.8px;
  line-height: normal;
  min-height: 30px;
}

.index .food {
  margin-bottom: 88px;
  display: flex;
  width: 100%;
}

.index .frame-3-4 {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  gap: 25px;
  position: absolute;
  top: 0;
}

.index .frame-8-3 {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  gap: 110px;
}

.index .group-10 {
  background-color: var(--x4);
  display: flex;
  min-width: 1234px;
  position: absolute;
}

.index .group-14-3 {
  align-items: flex-start;
  background-color: var(--blue-stone);
  display: flex;
  height: 392px;
  min-width: 479px;
}

.index .line-2 {
  height: 1px;
  object-fit: cover;
}

.index .mon-fri-900 {
  letter-spacing: 0;
  line-height: normal;
}

.index .our {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.index .our-video {
  align-items: flex-start;
  display: flex;
  width: 100%;
}

.index .place {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.index .rectangle-42 {
  height: 128px;
  left: 30px;
  position: absolute;
  top: 30px;
  width: 155px;
}

.index .sat-1000-100 {
  letter-spacing: 0;
  line-height: normal;
}

.index .sun-1000-2400 {
  letter-spacing: 0;
  line-height: normal;
}

.index .view-all {
  letter-spacing: 1.8px;
  line-height: normal;
  min-height: 30px;
}
@media screen and (max-width: 1919px) {
  .screen.index {
    display: none;
  }
}
@media screen and (min-width: 1920px) {
  .screen.home-1 {
    display: none;
  }
}