:root {
  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
}
body {
  display: block;
  margin: 0px;
}


a {
  color: inherit;
  text-decoration: none !important;
}



.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

.main-container {
  position: relative;
  width: 100%; /* Changed from 1600px to 100% */
  margin: 0 auto;
  background: #ffffff;
  overflow: hidden;
}
.bg {
  position: relative;
  width: 100%; /* Changed from 1600px to 100% */
  /* height: 951px; */
  margin: 0 0 0 0;
  background: #f8f8f6;
  z-index: 144;
  overflow: visible;
}
.top-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  background-color: #402463;
  width: 100%;
  flex-wrap: wrap; /* Allow items to wrap to the next line */
}
.social {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-left: auto; /* Push to the right */
  justify-content: flex-end; /* Align items to the right */
}
.empty {
  flex-shrink: 0;
  position: relative;
  width: 27.171px;
  height: 27.171px;
  z-index: 160;
}
.logo-twitter {
  position: relative;
  width: 10.843px;
  height: 8.765px;
  margin: 9.645px 0 0 8.758px;
  z-index: 162;
}
.group {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 163;
}
.vector {
  position: absolute;
  width: 10.843px;
  height: 8.765px;
  top: 0;
  left: 0;
  background: url(./assets/images/21b0c74b-d692-41c0-b3a4-62be91f44644.png)
    no-repeat center;
  background-size: cover;
  z-index: 164;
}
.bg-1 {
  position: absolute;
  width: 27.171px;
  height: 27.171px;
  top: 0;
  left: 0;
  background: url(./assets/images/fe794017-d73b-4cd9-bfc6-0e94717c7580.png)
    no-repeat center;
  background-size: cover;
  z-index: 161;
  border-radius: 50%;
}
.empty-2 {
  flex-shrink: 0;
  position: relative;
  width: 27.171px;
  height: 27.171px;
  z-index: 165;
}
.logo-fb-simple {
  position: relative;
  margin: 7.892px 0 0 10.517px;
  z-index: 167;
}
.group-3 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 168;
}
.vector-4 {
  position: absolute;
  width: 6.135px;
  height: 11.814px;
  top: 0;
  left: 0;
  background: url(./assets/images/bb123ca1-301e-484d-a8fc-b766706a8258.png)
    no-repeat center;
  background-size: cover;
  z-index: 169;
}
.bg-5 {
  position: absolute;
  width: 27.171px;
  height: 27.171px;
  top: 0;
  left: 0;
  background: url(./assets/images/3e89fd07-8e43-42d5-9972-d406878b9ee8.png)
    no-repeat center;
  background-size: cover;
  z-index: 166;
  border-radius: 50%;
}
.empty-6 {
  flex-shrink: 0;
  position: relative;
  width: 27.171px;
  height: 27.171px;
  z-index: 170;
}
.logo-instagram {
  position: relative;
  margin: 7.016px 0 0 7.014px;
  z-index: 172;
}
.group-7 {
  position: absolute;
  width: 13.147px;
  height: 13.148px;
  top: 0;
  left: 0;
  background: url(./assets/images/16d57c2e-5fe5-4cf3-8569-fe0ba0c08e9d.png)
    no-repeat center;
  background-size: cover;
  z-index: 173;
}
.bg-8 {
  position: absolute;
  width: 27.171px;
  height: 27.171px;
  top: 0;
  left: 0;
  background: url(./assets/images/9e7e0608-b2fc-4ee5-9ff3-067a73a60096.png)
    no-repeat center;
  background-size: cover;
  z-index: 171;
  border-radius: 50%;
}
.empty-9 {
  flex-shrink: 0;
  position: relative;
  width: 27.171px;
  height: 27.171px;
  z-index: 174;
}
.logo-github {
  position: relative;
  width: 12.576px;
  height: 12.271px;
  margin: 7.016px 0 0 7.905px;
  z-index: 176;
}
.group-a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 177;
}
.vector-b {
  position: absolute;
  width: 12.576px;
  height: 12.271px;
  top: 0;
  left: 0;
  background: url(./assets/images/7d30d709-93c3-4d1b-a697-c65a312bb183.png)
    no-repeat center;
  background-size: cover;
  z-index: 178;
}
.bg-c {
  position: absolute;
  width: 27.171px;
  height: 27.171px;
  top: 0;
  left: 0;
  background: url(./assets/images/8443de2f-5402-4a59-abb2-74e9c23ccff7.png)
    no-repeat center;
  background-size: cover;
  z-index: 175;
  border-radius: 50%;
}
.info {
  display: flex;
  align-items: center;
  gap: 15px;
  flex: 1; /* Allow it to grow and shrink */
}
.call {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 146px;
  z-index: 180;
}
.icon-outline-phone {
  flex-shrink: 0;
  position: relative;
  width: 18px;
  height: 18px;
  z-index: 181;
  overflow: hidden;
}
.icon {
  position: relative;
  width: 15px;
  height: 15px;
  margin: 1.5px 0 0 1.5px;
  background: url(./assets/images/6452814f-cd42-4bc1-82ed-02f9f0fe97b2.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 182;
}
.phone-number {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #f8f8f6;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 183;
}
.mail {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 173px;
  z-index: 184;
}
.icon-outline-mail {
  flex-shrink: 0;
  position: relative;
  width: 18px;
  height: 18px;
  z-index: 185;
  overflow: hidden;
}
.icon-d {
  position: relative;
  width: 15px;
  height: 12px;
  margin: 3px 0 0 1.5px;
  background: url(./assets/images/4f110559-21b1-4abd-a79e-8f6f9ab0016a.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 186;
}
.email {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #f8f8f6;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 187;
}
.frame {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  /* position: relative; */
  /* width: 100%;
  max-width: 2000px;  */
  padding: 15px 5% 15px 5%;
  z-index: 281;
}
.frame-e {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 11px;
  position: relative;
  width: 403.737px;
  z-index: 282;
  flex: 1;
}
.button {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 6px;
  position: relative;
  width: 104.737px;
  padding: 11px 16px 11px 14px;
  border: 1px solid #000000;
  z-index: 283;
  border-radius: 89px;
  box-sizing: content-box;
}
.icon-phone {
  flex-shrink: 0;
  position: relative;
  width: 22.737px;
  height: 24px;
  z-index: 284;
}
.icon-f {
  position: relative;
  width: 16.593px;
  height: 17.505px;
  margin: 3.055px 0 0 3.396px;
  background: url(./assets/images/3983e1ef-b367-4341-815b-fb382ce568fc.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 285;
}
.order {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 46px;
  height: 24px;
  color: #172126;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 286;
}
.frame-10 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 3px;
  position: relative;
  /* width: 106px; */
  padding: 12px 25px 12px 19px;
  border: 1px solid #2b2e23;
  z-index: 287;
  overflow: hidden;
  border-radius: 47px;
}
.hamburger {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  z-index: 288;
}
.vector-11 {
  position: relative;
  width: 18.188px;
  height: 15px;
  margin: 3.75px 0 0 2.906px;
  background: url(./assets/images/bfb326ee-372b-4342-b1ee-c9493444e64e.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 289;
}
.frame-12 {
  flex-shrink: 0;
  position: relative;
  width: 35px;
  height: 24px;
  z-index: 290;
}
.cart {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  width: 35px;
  height: 24px;
  top: 0;
  left: calc(50% - 17.5px);
  color: #172126;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 291;
}
.frame-13 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 6px;
  position: relative;
  /* width: 171px; */
  padding: 12px 16px 12px 21px;
  border: 1px solid #2b2e23;
  z-index: 292;
  overflow: hidden;
  border-radius: 47px;
  color: #172126;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: right;
}
.flag-sa {
  flex-shrink: 0;
  position: relative;
  width: 18px;
  height: 18px;
  background: url(./assets/images/a4880804-c775-410c-b808-81ba33015da8.png)
    no-repeat center;
  background-size: cover;
  z-index: 293;
}
.frame-14 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 80px;
  padding: 0 0 0 4px;
  z-index: 294;
}
.language {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 24px;
  color: #172126;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 295;
}
.caret-down {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  z-index: 296;
}
.icon-15 {
  position: relative;
  width: 9.5px;
  height: 5.5px;
  margin: 8.75px 0 0 7.25px;
  background: url(./assets/images/c05a6fe5-860e-4878-ab52-20e555bc36a3.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 297;
}
.menu {
  display: flex;
  gap: 20px;
}
.menu-16 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 77px;
  padding: 4px 16px 4px 16px;
  z-index: 299;
  border-radius: 34px;
}
.home-17 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #2b2e23;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 300;
}
.menu-18 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: auto;
  padding: 4px 16px 4px 16px;
  z-index: 301;
  border-radius: 34px;
}
.about {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #2b2e23;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 302;
}
.menu-19 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 79px;
  padding: 4px 16px 4px 16px;
  z-index: 301;
  border-radius: 34px;
}
.catering-menu {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #2b2e23;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 304;
}
.menu-1a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 77px;
  padding: 4px 16px 4px 16px;
  z-index: 305;
  border-radius: 34px;
}
.pages {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #2b2e23;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 306;
}
.menu-1b {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 94px;
  padding: 4px 16px 4px 16px;
  z-index: 307;
  border-radius: 34px;
}
.contact {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #2b2e23;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 308;
}
.vector-1c {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.logo-container {
  max-width: 150px; /* Set a max width for the logo */
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.logo-container img {
  width: 100%;
  height: auto;
}
  .language-items {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    position: absolute;
    width: 171px;
    /* height: 100%; */
    top: 115px;
    left: 273px;
    padding: 5px 0 5px 0;
    background: #ffffff;
    z-index: 310;
    border-radius: 10px;
    box-shadow: 0 0 101.3px 0 rgba(0, 0, 0, 0.11);
}
.button-1d {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  height: 35px;
  padding: 10px 10px 10px 22px;
  background: #ffffff;
  z-index: 311;
  border-radius: 10px;
}
.button-1e {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  height: 15px;
  font-family: Inter, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 14.523px;
  background: url(./assets/images/10466f2e-9089-4054-9f4e-fa95d64617f2.png)
    no-repeat center;
  background-size: cover;
  z-index: 312;
}
.button-1f {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  height: 35px;
  padding: 10px 10px 10px 22px;
  background: #ffffff;
  z-index: 313;
  border-radius: 10px;
}
.flag-bd {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  height: 15px;
  font-family: Inter, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 14.523px;
  background: url(./assets/images/ec710e3f-778a-49e6-b086-a7a631bf7b1f.png)
    no-repeat center;
  background-size: cover;
  z-index: 314;
}
.button-20 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  height: 35px;
  padding: 10px 10px 10px 22px;
  background: #ffffff;
  z-index: 315;
  border-radius: 10px;
}
.english {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  height: 15px;
  font-family: Inter, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 14.523px;
  background: url(./assets/images/0af4db1d-ef62-4e20-93d9-9eaee90ad1bf.png)
    no-repeat center;
  background-size: cover;
  z-index: 316;
}
.button-21 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  height: 35px;
  padding: 10px 10px 10px 22px;
  background: #ffffff;
  z-index: 317;
  border-radius: 10px;
}
.french {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  height: 15px;
  font-family: Inter, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 14.523px;
  background: url(./assets/images/abb8084e-a9b4-4cda-90b4-9755f0c4d5ca.png)
    no-repeat center;
  background-size: cover;
  z-index: 318;
}
.button-22 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  height: 35px;
  padding: 10px 10px 10px 22px;
  background: #ffffff;
  z-index: 319;
  border-radius: 10px;
}
.german {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  height: 15px;
  font-family: Inter, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 14.523px;
  background: url(./assets/images/e03c57bd-6d5c-4456-a759-fd575aa2e53e.png)
    no-repeat center;
  background-size: cover;
  z-index: 320;
}
.button-23 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  height: 35px;
  padding: 10px 10px 10px 22px;
  background: #ffffff;
  z-index: 321;
  border-radius: 10px;
}
.hindi {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  height: 15px;
  font-family: Inter, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 14.523px;
  background: url(./assets/images/90d0fbc5-0c18-4c8a-9b34-9d47adc1a37d.png)
    no-repeat center;
  background-size: cover;
  z-index: 322;
}
.button-24 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  height: 35px;
  padding: 10px 10px 10px 22px;
  background: #ffffff;
  z-index: 323;
  border-radius: 10px;
}
.italian {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  height: 15px;
  font-family: Inter, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 14.523px;
  background: url(./assets/images/049fefd1-9146-40f3-8e8a-9a3e1ae38336.png)
    no-repeat center;
  background-size: cover;
  z-index: 324;
}
.button-25 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  height: 35px;
  padding: 10px 10px 10px 22px;
  background: #ffffff;
  z-index: 325;
  border-radius: 10px;
}
.japanese {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  height: 15px;
  font-family: Inter, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 14.523px;
  background: url(./assets/images/b3ab25a8-ef4f-4220-a9ce-0d465f4fd742.png)
    no-repeat center;
  background-size: cover;
  z-index: 326;
}
.button-26 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  height: 35px;
  padding: 10px 10px 10px 22px;
  background: #ffffff;
  z-index: 327;
  border-radius: 10px;
}
.javanese {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  height: 15px;
  font-family: Inter, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 14.523px;
  background: url(./assets/images/9332af6e-da45-4526-bb0f-e65ac57d16fa.png)
    no-repeat center;
  background-size: cover;
  z-index: 328;
}
.button-27 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  height: 35px;
  padding: 10px 10px 10px 22px;
  background: #ffffff;
  z-index: 329;
  border-radius: 10px;
}
.korean {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  height: 15px;
  font-family: Inter, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 14.523px;
  background: url(./assets/images/23589d8d-9bff-4e26-aa9a-3385502d1601.png)
    no-repeat center;
  background-size: cover;
  z-index: 330;
}
.button-28 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  height: 35px;
  padding: 10px 10px 10px 22px;
  background: #ffffff;
  z-index: 331;
  border-radius: 10px;
}
.marathi {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  height: 15px;
  font-family: Inter, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 14.523px;
  background: url(./assets/images/858ca33c-1c61-4a9b-984d-a11fe45a5107.png)
    no-repeat center;
  background-size: cover;
  z-index: 332;
}
.mask-group {
  display: flex;
  position: relative;
  /*width: 100%; /* Changed from 1600px to 100% */
  /*max-width: 2000px; */ /* Added max-width for large screens */
  height: 802px;
  /* top: 149px; */
  left: 0;
  background: url(./assets/images/707629d0-b0cc-4f15-8c88-e3a89036dc5c.png)
    no-repeat center;
  background-size: cover;
  z-index: 148;
}
.mask-group-menu {
  display: flex;
  position: relative;
  height: 250px;
  left: 0;
  background: url(./assets/images/707629d0-b0cc-4f15-8c88-e3a89036dc5c.png)
    no-repeat center;
  background-size: cover;
  z-index: 148;
}
.title {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  gap: 40px;
  position: relative;
  /* width: 667px; */
  margin: 0 auto; /* Center horizontally */
  z-index: 149;
  /* Add the following to center vertically
  height: 100vh;  */
  justify-content: center; /* Center vertically */
}
.text {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 32px;
  position: relative;
  /* width: 667px; */
  z-index: 150;
}
.best-food-taste {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  /* width: 667px; */
  /* height: 288px; */
  color: #2b2e23;
  /* font-family: Florence, var(--default-font-family); */
  font-family: 'Playfair Display', var(--default-font-family);
  font-size: 11vh;
  font-weight: 600;
  line-height: 100px;
  text-align: center;
  z-index: 151;
}
.discover-cuisine-moments {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  max-width: 495px;
  height: 52px;
  color: #2b2e23;
  font-family: Aventa-Medium, var(--default-font-family);
  font-size: 20px;
  font-weight: 250;
  line-height: 26px;
  text-align: center;
  z-index: 152;
}
.buttons {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  justify-content: center;
  gap: 16px;
  position: relative;
  width: 357px;
  z-index: 153;
}
.button-29 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 162px;
  padding: 20px 32px 20px 32px;
  background: #997db8;
  z-index: 154;
  border-radius: 118px;
}
.get-started-now {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 98px;
  height: 24px;
  color: #ffffff;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 155;
}
.button-2a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 179px;
  padding: 20px 32px 20px 32px;
  border: 1.5px solid #2b2e23;
  z-index: 156;
  border-radius: 118px;
}
.get-started-now-2b {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 115px;
  height: 24px;
  color: #172126;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 157;
}
.browse-our-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  /* position: relative;
  width: 450px;
  height: 61px;
  margin: 92px 0 0 575px; */
  color: #2b2e23;
  font-family: Playfair Display, var(--default-font-family);
  font-size: 55px;
  font-weight: 500;
  line-height: 60.5px;
  margin: 105px 0 80px 0px;
  text-align: center;
  /* white-space: nowrap; */
  /* z-index: 142; */

}
.browse-our-menu > div {
  flex: 1 1 calc(25% - 20px);
  box-sizing: border-box;
  display: flex; /* Add this to enable flexbox on each item */
  flex-direction: column; /* Align children vertically */
  align-items: center; /* Center children horizontally */
  justify-content: center; /* Center children vertically */
  text-align: center; /* Center text within each item */
}

@media (max-width: 768px) {
  .browse-our-menu {
    flex-direction: column;
  }

  .browse-our-menu > div {
    flex: 1 1 100%;
  }
}

.card {
  display: flex;
  align-items: center; /* Center items vertically */
  justify-content: center; /* Center items horizontally */
  flex-wrap: wrap; /* Allow items to wrap if needed */
  gap: 24px;
  position: relative;
  width: 100%; /* Use full width of the container */
  max-width: 1296px; /* Set a maximum width */
  margin: 0 auto; /* Center the card container horizontally */
  z-index: 102;
  margin-top: 15px;
  margin-bottom: 60px;
}
[dir="rtl"] .card {
  display: flex;
  align-items: center; /* Center items vertically */
  justify-content: center; /* Center items horizontally */
  flex-wrap: wrap; /* Allow items to wrap if needed */
  gap: 24px;
  position: relative;
  width: 100%; /* Use full width of the container */
  max-width: 1296px; /* Set a maximum width */
  margin: 0 auto; /* Center the card container horizontally */
  z-index: 102;
  margin-top: 15px;
  margin-bottom: 60px;
  direction: ltr;
}

.group-11 {
  flex-shrink: 0;
  position: relative;
  width: 306px;
  height: 375px;
  z-index: 103;
}
.text-2c {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 30px;
  position: relative;
  width: 238px;
  margin: 40px 0 0 34px;
  z-index: 105;
}
.icon-2d {
  flex-shrink: 0;
  position: relative;
  width: 100px;
  height: 100px;
  z-index: 106;
}
.tea {
  position: relative;
  width: 48px;
  height: 50px;
  margin: 25px 0 0 26px;
  z-index: 108;
  overflow: hidden;
}
.group-2e {
  position: relative;
  width: 42px;
  height: 44px;
  margin: 3px 0 0 3px;
  background: url(./assets/images/398ee3f3-98e1-408b-9182-4d4e6ae5d527.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 109;
}
.ellipse {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 0;
  left: 0;
  background: url(./assets/images/36f8fbbd-2db6-40f6-aca0-6ade8bbfbc4a.png)
    no-repeat center;
  background-size: cover;
  z-index: 107;
  border-radius: 50%;
}
.text-2f {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 15px;
  position: relative;
  width: 238px;
  z-index: 110;
}
.breakfast {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 108px;
  height: 30px;
  color: #2b2e23;
  font-family: Aventa-Bold, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.72px;
  z-index: 111;
}
.future-technology {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 238px;
  height: 72px;
  color: #414536;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  z-index: 112;
}
.button-base {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 111px;
  height: 26px;
  z-index: 113;
  border-radius: 12px;
}
.explore-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 105px;
  height: 24px;
  color: #997db8;
  font-family: Aventa-MediumItallic, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 114;
}
.bg-30 {
  position: absolute;
  width: 306px;
  height: 375px;
  top: 0;
  left: 0;
  background: #ffffff;
  border: 1.5px solid #dbdfd0;
  z-index: 104;
  border-radius: 12px;
}
.group-12 {
  flex-shrink: 0;
  position: relative;
  width: 306px;
  height: 375px;
  z-index: 115;
}
.text-31 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 30px;
  position: relative;
  width: 238px;
  margin: 40px 0 0 34px;
  z-index: 117;
}
.icon-32 {
  flex-shrink: 0;
  position: relative;
  width: 100px;
  height: 100px;
  background: url(./assets/images/856886eb-1f34-4da2-9a3c-8b367225e7d6.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 118;
}
.text-33 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 15px;
  position: relative;
  width: 238px;
  z-index: 119;
}
.main-dishes {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 132px;
  height: 30px;
  color: #2b2e23;
  font-family: Aventa-Bold, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.72px;
  z-index: 120;
}
.future-technology-34 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 238px;
  height: 72px;
  color: #414536;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  z-index: 121;
}
.button-base-35 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 111px;
  height: 26px;
  z-index: 122;
  border-radius: 12px;
}
.explore-menu-36 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 105px;
  height: 24px;
  color: #997db8;
  font-family: Aventa-MediumItallic, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 123;
}
.bg-37 {
  position: absolute;
  width: 306px;
  height: 375px;
  top: 0;
  left: 0;
  background: #ffffff;
  border: 1.5px solid #dbdfd0;
  z-index: 116;
  border-radius: 12px;
}
.group-16 {
  flex-shrink: 0;
  position: relative;
  width: 306px;
  height: 375px;
  z-index: 124;
}
.text-38 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 30px;
  position: relative;
  width: 238px;
  margin: 40px 0 0 34px;
  z-index: 126;
}
.icon-39 {
  flex-shrink: 0;
  position: relative;
  width: 100px;
  height: 100px;
  background: url(./assets/images/598856d7-e415-4797-a165-5587e2cc88a8.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 127;
}
.text-3a {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 15px;
  position: relative;
  width: 238px;
  z-index: 128;
}
.drinks {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 69px;
  height: 30px;
  color: #2b2e23;
  font-family: Aventa-Bold, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.72px;
  z-index: 129;
}
.future-technology-3b {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 238px;
  height: 72px;
  color: #414536;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  z-index: 130;
}
.button-base-3c {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 111px;
  height: 26px;
  z-index: 131;
  border-radius: 12px;
}
.explore-menu-3d {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 105px;
  height: 24px;
  color: #997db8;
  font-family: Aventa-MediumItallic, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 132;
}
.bg-3e {
  position: absolute;
  width: 306px;
  height: 375px;
  top: 0;
  left: 0;
  background: #ffffff;
  border: 1.5px solid #dbdfd0;
  z-index: 125;
  border-radius: 12px;
}
.wrapper-8 {
  flex-shrink: 0;
  position: relative;
  width: 306px;
  height: 375px;
  z-index: 133;
}
.text-3f {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 30px;
  position: relative;
  width: 238px;
  margin: 40px 0 0 34px;
  z-index: 135;
}
.icon-40 {
  flex-shrink: 0;
  position: relative;
  width: 100px;
  height: 100px;
  background: url(./assets/images/95e5bdb3-0334-4be2-874c-98d7014c5d63.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 136;
}
.text-41 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 15px;
  position: relative;
  width: 238px;
  z-index: 137;
}
.desserts {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 98px;
  height: 30px;
  color: #2b2e23;
  font-family: Aventa-Bold, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.72px;
  z-index: 138;
}
.future-technology-42 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 238px;
  height: 72px;
  color: #414536;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  z-index: 139;
}
.button-base-43 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 111px;
  height: 26px;
  z-index: 140;
  border-radius: 12px;
}
.button-44 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 105px;
  height: 24px;
  color: #997db8;
  font-family: Aventa-MediumItallic, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 141;
}
.bg-45 {
  position: absolute;
  width: 306px;
  height: 375px;
  top: 0;
  left: 0;
  background: #ffffff;
  border: 1.5px solid #dbdfd0;
  z-index: 134;
  border-radius: 12px;
}
.flex-row-d {
  position: relative;
  width: 1849.829px;
  /* height: 706px; */
  margin: 1841px 0 0 152px;
  z-index: 271;
}
.group-46 {
  position: absolute;
  width: 719.829px;
  height: 572px;
  bottom: 134px;
  left: 50%;
  background: url(./assets/images/2daf39ba-d750-4830-beac-826582e1a9e4.png)
    no-repeat center;
  background-size: cover;
  transform: translate(28.49%, 0);
  z-index: 248;
}
.title-47 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  gap: 20px;
  position: absolute;
  /* width: 791px; */
  height: 61px;
  bottom: 517px;
  left: 252.5px;
  z-index: 249;
}
.what-our-customers-say {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 791px;
  height: 61px;
  color: #2b2e23;
  font-family: Florence, var(--default-font-family);
  font-size: 55px;
  font-weight: 400;
  line-height: 60.5px;
  text-align: center;
  white-space: nowrap;
  z-index: 250;
}
.content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 32px;
  position: absolute;
  width: 416px;
  height: 408px;
  bottom: 0;
  left: 0;
  padding: 40px 31px 40px 31px;
  background: #f8f8f6;
  z-index: 251;
  border-radius: 3px;
}
.text-48 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 346px;
  z-index: 252;
}
.best-restaurant {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 239px;
  height: 30px;
  color: #997db8;
  font-family: DM Sans, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  text-align: right;
  white-space: nowrap;
  letter-spacing: -0.72px;
  z-index: 253;
}
.customer-review {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
  width: 346px;
  height: 140px;
  color: #414536;
  font-family: DM Sans, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: right;
  z-index: 254;
}
.line {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 1px;
  background: url(./assets/images/6d283c57-28c0-474f-b09a-e8a0051e1954.png)
    no-repeat center;
  background-size: cover;
  z-index: 255;
}
.user {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 211px;
  z-index: 256;
}
.text-49 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 3px;
  position: relative;
  width: 121px;
  z-index: 257;
}
.sophire-robson {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #2b2e23;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 258;
}
.location {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #414536;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 259;
}
.ellipse-4a {
  flex-shrink: 0;
  position: relative;
  width: 70px;
  height: 70px;
  background: url(./assets/images/945f335c-1de3-4b84-bf86-bc741a6959df.png)
    no-repeat center;
  background-size: cover;
  z-index: 260;
  border-radius: 50%;
}
.content-4b {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 32px;
  position: absolute;
  width: 416px;
  height: 408px;
  bottom: 0;
  left: 442px;
  padding: 40px 31px 40px 31px;
  background: #f8f8f6;
  z-index: 261;
  border-radius: 3px;
}
.text-4c {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 346px;
  z-index: 262;
}
.one-of-a-kind-restaurant {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 287px;
  height: 30px;
  color: #997db8;
  font-family: DM Sans, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  text-align: right;
  white-space: nowrap;
  letter-spacing: -0.72px;
  z-index: 263;
}
.customer-review-4d {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
  width: 346px;
  height: 140px;
  color: #414536;
  font-family: DM Sans, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: right;
  z-index: 264;
}
.line-4e {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 1px;
  background: url(./assets/images/36f1d035-e2d6-4dec-8e7b-41c233398492.png)
    no-repeat center;
  background-size: cover;
  z-index: 265;
}
.user-4f {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 211px;
  z-index: 266;
}
.text-50 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 3px;
  position: relative;
  width: 121px;
  z-index: 267;
}
.sophire-robson-51 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #2b2e23;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 268;
}
.location-52 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #414536;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 269;
}
.image {
  flex-shrink: 0;
  position: relative;
  width: 70px;
  height: 70px;
  background: url(./assets/images/f4746853-6e2d-4afa-b4c1-92498a6b0dec.png)
    no-repeat center;
  background-size: cover;
  z-index: 270;
  border-radius: 50%;
}
.content-53 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 32px;
  position: absolute;
  width: 416px;
  height: 408px;
  bottom: 0;
  left: 884px;
  padding: 40px 31px 40px 31px;
  background: #f8f8f6;
  z-index: 271;
  border-radius: 3px;
}
.text-54 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 346px;
  z-index: 272;
}
.simply-delicious {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 202px;
  height: 30px;
  color: #997db8;
  font-family: DM Sans, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  text-align: right;
  white-space: nowrap;
  letter-spacing: -0.72px;
  z-index: 273;
}
.customer-review-55 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
  width: 346px;
  height: 140px;
  color: #414536;
  font-family: DM Sans, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: right;
  z-index: 274;
}
.line-56 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 1px;
  background: url(./assets/images/77efa591-4468-4977-b1fe-66f105a37432.png)
    no-repeat center;
  background-size: cover;
  z-index: 275;
}
.user-57 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 211px;
  z-index: 276;
}
.text-58 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 3px;
  position: relative;
  width: 121px;
  z-index: 277;
}
.sophire-robson-59 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #2b2e23;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 278;
}
.location-5a {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #414536;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 279;
}
.image-5b {
  flex-shrink: 0;
  position: relative;
  width: 70px;
  height: 70px;
  background: url(./assets/images/758365c6-cce5-4de0-9301-9195f6b51c73.png)
    no-repeat center;
  background-size: cover;
  z-index: 280;
  border-radius: 50%;
}
.bg-5c {
  position: relative;
  width: 1600px;
  height: 1117px;
  margin: 150px 0 0 0;
  background: #f8f8f6;
  z-index: 2;
  overflow: visible auto;
}
.content-5d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 64px;
  position: relative;
  width: 1296px;
  margin: 120px 0 0 152px;
  z-index: 3;
}
.title-5e {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 1296px;
  z-index: 4;
}
.blog-articles {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 61px;
  color: #2b2e23;
  font-family: Florence, var(--default-font-family);
  font-size: 55px;
  font-weight: 400;
  line-height: 60.5px;
  text-align: left;
  white-space: nowrap;
  z-index: 5;
}
.button-5f {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 192px;
  padding: 20px 32px 20px 32px;
  background: #997db8;
  z-index: 6;
  border-radius: 118px;
}
.get-started-now-60 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 128px;
  height: 24px;
  color: #ffffff;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 7;
}
.cards {
  flex-shrink: 0;
  position: relative;
  width: 1296px;
  height: 732px;
  z-index: 8;
}
.card-61 {
  position: absolute;
  width: 636px;
  height: 732px;
  top: 0;
  left: 0;
  z-index: 9;
}
.content-62 {
  position: relative;
  width: 636px;
  height: 671px;
  margin: 0 0 0 0;
  z-index: 11;
  overflow: visible auto;
}
.mask-group-63 {
  position: relative;
  width: 636px;
  height: 456px;
  margin: 0 0 0 0;
  background: url(./assets/images/74fddd68-be71-4444-8c15-72fc69e15faa.png)
    no-repeat center;
  background-size: cover;
  z-index: 16;
}
.text-64 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 15px;
  position: relative;
  width: 568px;
  margin: 45px 0 0 35px;
  z-index: 12;
}
.date {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 120px;
  height: 24px;
  color: #727865;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 13;
}
.burger-pizza-tips {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
  width: 568px;
  height: 44px;
  color: #2b2e23;
  font-family: Aventa-SemiBold, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  text-align: right;
  z-index: 14;
}
.article-content {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
  width: 554px;
  height: 72px;
  color: #9b9b9b;
  font-family: Aventa-Medium, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  z-index: 15;
}
.bg-65 {
  position: absolute;
  width: 636px;
  height: 732px;
  top: 0;
  left: 0;
  background: #ffffff;
  border: 1px solid #f8f8f6;
  z-index: 10;
  border-radius: 12px;
  box-shadow: 0 2.979px 59.574px 0 rgba(0, 0, 0, 0.08);
}
.card-66 {
  position: absolute;
  width: 306px;
  height: 354px;
  top: 0;
  left: 660px;
  z-index: 17;
}
.content-67 {
  position: relative;
  width: 306px;
  height: 328px;
  margin: 0 0 0 0;
  z-index: 19;
  overflow: visible auto;
}
.mask-group-68 {
  position: relative;
  width: 306px;
  height: 200px;
  margin: 0 0 0 0;
  background: url(./assets/images/581a6219-7680-4167-b2f5-5fb97afb42e1.png)
    no-repeat center;
  background-size: cover;
  z-index: 23;
}
.text-69 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 12px;
  position: relative;
  width: 256px;
  margin: 30px 0 0 25px;
  z-index: 20;
}
.date-6a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 105px;
  height: 20px;
  color: #727865;
  font-family: DM Sans, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: right;
  white-space: nowrap;
  z-index: 21;
}
.french-fries-tips {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
  width: 256px;
  height: 66px;
  color: #2b2e23;
  font-family: Aventa-SemiBold, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  text-align: right;
  z-index: 22;
}
.article-content-6b {
  position: absolute;
  width: 306px;
  height: 354px;
  top: 0;
  left: 0;
  background: #ffffff;
  border: 1px solid #f8f8f6;
  z-index: 18;
  border-radius: 12px;
  box-shadow: 0 2.979px 59.574px 0 rgba(0, 0, 0, 0.08);
}
.bg-6c {
  position: absolute;
  width: 306px;
  height: 354px;
  top: 0;
  left: 990px;
  z-index: 24;
}
.card-6d {
  position: relative;
  width: 306px;
  height: 306px;
  margin: 0 0 0 0;
  z-index: 26;
  overflow: visible auto;
}
.content-6e {
  position: relative;
  width: 306px;
  height: 200px;
  margin: 0 0 0 0;
  background: url(./assets/images/4699709d-465d-46d0-a2ef-5a0d57247fe2.png)
    no-repeat center;
  background-size: cover;
  z-index: 30;
}
.mask-group-6f {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 12px;
  position: relative;
  width: 256px;
  margin: 30px 0 0 25px;
  z-index: 27;
}
.text-70 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 105px;
  height: 20px;
  color: #727865;
  font-family: DM Sans, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: right;
  white-space: nowrap;
  z-index: 28;
}
.date-71 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
  width: 256px;
  height: 44px;
  color: #2b2e23;
  font-family: Aventa-SemiBold, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  text-align: right;
  z-index: 29;
}
.chicken-tenders-tips {
  position: absolute;
  width: 306px;
  height: 354px;
  top: 0;
  left: 0;
  background: #ffffff;
  border: 1px solid #f8f8f6;
  z-index: 25;
  border-radius: 12px;
  box-shadow: 0 2.979px 59.574px 0 rgba(0, 0, 0, 0.08);
}
.div {
  position: absolute;
  width: 306px;
  height: 354px;
  top: 378px;
  left: 660px;
  z-index: 31;
}
.div-content {
  position: relative;
  width: 306px;
  height: 306px;
  margin: 0 0 0 0;
  z-index: 33;
  overflow: visible auto;
}
.div-mask-group {
  position: relative;
  width: 306px;
  height: 200px;
  margin: 0 0 0 0;
  background: url(./assets/images/9f6cde61-d02d-43fe-967b-bf6c6ccb51a0.png)
    no-repeat center;
  background-size: cover;
  z-index: 37;
}
.div-text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 12px;
  position: relative;
  width: 256px;
  margin: 30px 0 0 25px;
  z-index: 34;
}
.span-january {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 105px;
  height: 20px;
  color: #727865;
  font-family: DM Sans, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: right;
  white-space: nowrap;
  z-index: 35;
}
.span-cheesecake-recipes {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
  width: 256px;
  height: 44px;
  color: #2b2e23;
  font-family: Aventa-SemiBold, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  text-align: right;
  z-index: 36;
}
.div-bg {
  position: absolute;
  width: 306px;
  height: 354px;
  top: 0;
  left: 0;
  background: #ffffff;
  border: 1px solid #f8f8f6;
  z-index: 32;
  border-radius: 12px;
  box-shadow: 0 2.979px 59.574px 0 rgba(0, 0, 0, 0.08);
}
.div-72 {
  position: absolute;
  width: 306px;
  height: 354px;
  top: 378px;
  left: 990px;
  z-index: 38;
}
.div-content-73 {
  position: relative;
  width: 306px;
  height: 306px;
  margin: 0 0 0 0;
  z-index: 40;
  overflow: visible auto;
}
.div-mask-group-74 {
  position: relative;
  width: 306px;
  height: 200px;
  margin: 0 0 0 0;
  background: url(./assets/images/24c79b00-00b8-4df5-901b-9ff2e9b2479c.png)
    no-repeat center;
  background-size: cover;
  z-index: 44;
}
.div-text-75 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 12px;
  position: relative;
  width: 253px;
  margin: 30px 0 0 25px;
  z-index: 41;
}
.span-january-76 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 105px;
  height: 20px;
  color: #727865;
  font-family: DM Sans, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: right;
  white-space: nowrap;
  z-index: 42;
}
.span-pizza-restaurants {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
  width: 253px;
  height: 44px;
  color: #2b2e23;
  font-family: Aventa-SemiBold, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  text-align: right;
  z-index: 43;
}
.div-bg-77 {
  position: absolute;
  width: 306px;
  height: 354px;
  top: 0;
  left: 0;
  background: #ffffff;
  border: 1px solid #f8f8f6;
  z-index: 39;
  border-radius: 12px;
  box-shadow: 0 2.979px 59.574px 0 rgba(0, 0, 0, 0.08);
}
.div-bg-78 {
  position: relative;
  width: 1600px;
  height: 778px;
  margin: -3px 0 0 0;
  background: #2a2727;
  z-index: 189;
  overflow: visible auto;
}
.div-top {
  background-color: #2A2727;
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 135px;
  position: relative;
  /* width: 1251px; */
  padding: 15px 0 0 15px;
  z-index: 194;
}
.div-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 40px;
  position: relative;
  width: 403px;
  z-index: 195;
}
.span-follow-instagram {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 196;
}
.div-img {
  flex-shrink: 0;
  position: relative;
  width: 403px;
  height: 355px;
  z-index: 197;
  border-radius: 12px;
}
.div-flex-row-a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 403px;
  height: 170px;
  margin: 0 0 0 0;
  z-index: 199;
}
.div-mask-group-79 {
  flex-shrink: 0;
  position: relative;
  width: 194px;
  height: 170px;
  background: url(./assets/images/407554c1-dd5e-4a19-91be-50945a211168.png)
    no-repeat center;
  background-size: cover;
  z-index: 198;
  border-radius: 12px;
}
.div-mask-group-7a {
  flex-shrink: 0;
  position: relative;
  width: 194px;
  height: 170px;
  background: url(./assets/images/fd491595-c821-4f21-be73-f4b1e9ffdcf3.png)
    no-repeat center;
  background-size: cover;
  z-index: 199;
  border-radius: 12px;
}
.div-flex-row-a-7b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 403px;
  height: 170px;
  margin: 15px 0 0 0;
  z-index: 201;
}
.div-mask-group-7c {
  flex-shrink: 0;
  position: relative;
  width: 194px;
  height: 170px;
  background: url(./assets/images/8990cd41-4632-4902-bdd7-1630fb8613eb.png)
    no-repeat center;
  background-size: cover;
  z-index: 200;
  border-radius: 12px;
}
.div-mask-group-7d {
  flex-shrink: 0;
  position: relative;
  width: 194px;
  height: 170px;
  background: url(./assets/images/8db252f0-72c8-46a6-af90-4f95dec5809a.png)
    no-repeat center;
  background-size: cover;
  z-index: 201;
  border-radius: 12px;
}
.div-col-7e {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 285px;
  z-index: 202;
}
.div-col-7f {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 40px;
  position: relative;
  width: 61px;
  z-index: 203;
}
.span-pages {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 46px;
  height: 24px;
  color: #ffffff;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 204;
}
.div-list {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 61px;
  z-index: 205;
}
.span-home {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 44px;
  height: 24px;
  color: #dbdfd0;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 206;
}
.span-about {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 46px;
  height: 24px;
  color: #dbdfd0;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 207;
}
.span-menu {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 41px;
  height: 24px;
  color: #dbdfd0;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 208;
}
.span-pricing {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 51px;
  height: 24px;
  color: #dbdfd0;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 209;
}
.span-blog {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 32px;
  height: 24px;
  color: #dbdfd0;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 210;
}
.span-contact {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 61px;
  height: 24px;
  color: #dbdfd0;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 211;
}
.span-delivery {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 60px;
  height: 24px;
  color: #dbdfd0;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 212;
}
.div-col-80 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 40px;
  position: relative;
  width: 149px;
  z-index: 213;
}
.span-utility-pages {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 98px;
  height: 24px;
  color: #ffffff;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 214;
}
.div-list-81 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 149px;
  z-index: 215;
}
.span-start-here {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 76px;
  height: 24px;
  color: #dbdfd0;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 216;
}
.span-styleguide {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 79px;
  height: 24px;
  color: #dbdfd0;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 217;
}
.span-password-protected {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 149px;
  height: 24px;
  color: #dbdfd0;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 218;
}
.span-not-found {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 112px;
  height: 24px;
  color: #dbdfd0;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 219;
}
.span-licenses {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 65px;
  height: 24px;
  color: #dbdfd0;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 220;
}
.span-changelog {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 78px;
  height: 24px;
  color: #dbdfd0;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 221;
}
.span-view-more {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 78px;
  height: 24px;
  color: #dbdfd0;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 222;
}
.div-col-82 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 18px;
  position: relative;
  width: 100%;
  z-index: 223;
}
.div-vector {
  flex-shrink: 0;
  position: relative;
  width: 199.534px;
  height: 37px;
  background: url(./assets/images/77ec7ee5-0db5-448c-b79c-aa6d13e4cdc6.png)
    no-repeat center;
  background-size: cover;
  z-index: 224;
}
.span-new-era {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  /* width: 293px; */
  /* height: 60px; */
  color: #adb29e;
  font-family: DM Sans, var(--default-font-family);
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  text-align: right;
  z-index: 225;
  white-space: normal; /* Allow text to wrap */
  width: 100%;

}
.div-social {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 176px;
  z-index: 226;
  direction: ltr;
}
.div-83 {
  flex-shrink: 0;
  position: relative;
  width: 35px;
  height: 35px;
  z-index: 227;
}
.div-logo-twitter {
  position: relative;
  width: 13.967px;
  height: 11.29px;
  margin: 12.424px 0 0 11.281px;
  z-index: 229;
}
.div-group {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 230;
}
.div-vector-84 {
  position: absolute;
  width: 13.967px;
  height: 11.29px;
  top: 0;
  left: 0;
  background: url(./assets/images/cc46cef3-96ab-4606-b850-ddcc56293b01.png)
    no-repeat center;
  background-size: cover;
  z-index: 231;
}
.div-bg-85 {
  position: absolute;
  width: 35px;
  height: 35px;
  top: 0;
  left: 0;
  background: url(./assets/images/2b29c712-04dc-4e69-9285-0d2806087784.png)
    no-repeat center;
  background-size: cover;
  z-index: 228;
  border-radius: 50%;
}
.div-86 {
  flex-shrink: 0;
  position: relative;
  width: 35px;
  height: 35px;
  z-index: 232;
}
.div-logo-fb-simple {
  position: relative;
  width: 7.903px;
  height: 15.219px;
  margin: 10.166px 0 0 13.547px;
  z-index: 234;
}
.div-group-87 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 235;
}
.div-vector-88 {
  position: absolute;
  width: 7.903px;
  height: 15.219px;
  top: 0;
  left: 0;
  background: url(./assets/images/cfa1e166-cdd7-42f4-a758-e8773627e168.png)
    no-repeat center;
  background-size: cover;
  z-index: 236;
}
.div-bg-89 {
  position: absolute;
  width: 35px;
  height: 35px;
  top: 0;
  left: 0;
  background: url(./assets/images/1bbf9f6d-458f-4508-9c2c-42738a6f8b7d.png)
    no-repeat center;
  background-size: cover;
  z-index: 233;
  border-radius: 50%;
}
.div-8a {
  flex-shrink: 0;
  position: relative;
  width: 35px;
  height: 35px;
  z-index: 237;
}
.div-logo-instagram {
  position: relative;
  width: 16.935px;
  height: 16.936px;
  margin: 9.038px 0 0 9.031px;
  z-index: 239;
}
.div-group-8b {
  position: absolute;
  width: 16.935px;
  height: 16.936px;
  top: 0;
  left: 0;
  background: url(./assets/images/51456029-d8b0-412c-9a34-9768058b7a2c.png)
    no-repeat center;
  background-size: cover;
  z-index: 240;
}
.div-bg-8c {
  position: absolute;
  width: 35px;
  height: 35px;
  top: 0;
  left: 0;
  background: url(./assets/images/1b8ada16-a8ef-40b1-af21-d8bc8157589c.png)
    no-repeat center;
  background-size: cover;
  z-index: 238;
  border-radius: 50%;
}
.div-8d {
  flex-shrink: 0;
  position: relative;
  width: 35px;
  height: 35px;
  z-index: 241;
}
.div-logo-github {
  position: relative;
  width: 16.2px;
  height: 15.806px;
  margin: 9.038px 0 0 10.18px;
  z-index: 243;
}
.group-8e {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 244;
}
.vector-8f {
  position: absolute;
  width: 16.2px;
  height: 15.806px;
  top: 0;
  left: 0;
  background: url(./assets/images/5913cdd7-9fa3-4efc-b675-797b0f13ac23.png)
    no-repeat center;
  background-size: cover;
  z-index: 245;
}
.bg-90 {
  position: absolute;
  width: 35px;
  height: 35px;
  top: 0;
  left: 0;
  background: url(./assets/images/a89e6c97-1a6b-4bcb-a8b8-dd392d8e3a2b.png)
    no-repeat center;
  background-size: cover;
  z-index: 242;
  border-radius: 50%;
}
.line-91 {
  position: relative;
  width: 100%;
  background: #2A2727;
  padding-top: 30px;
  padding-bottom: 30px;
}
.lline-91 {
  position: relative;
  width: 85%;
  justify-content: center;
  justify-self: center;
  justify-items: center;
  height: 1px;
  background: #2A2727;
  background: url(./assets/images/0df7cb66-d0d9-4b34-8a42-7cb2012296d2.png)
    no-repeat center;
  z-index: 193;
}
.copyright {
  background-color: #2A2727;
  display: block;
  position: relative;
  height: 24px;
  /* padding: 30px 0 0 588px; */
  color: #adb29e;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 192;
  padding-top: 30px;
  padding-bottom: 60px;
}
.flex-row-ebe {
  position: relative;
  /* width: 2153.493px; //testing hidding this
  left: 50%;
  transform: translate(-54.54%, 0); */
  z-index: 247;
}
.bg-92 {
  display: flex;
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  position: relative;
  width: 100%; /* Full width of the container */
  height: auto; /* Adjust height as needed */
  background: #f8f8f6; /* Example background color */
  z-index: 73;
  padding-top: 30px;
  padding-bottom: 100px;
}

.content-93 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 90px;
  position: relative;
  width: 100%; /* Use full width of the container */
  justify-content: center;
  margin: 0 auto; /* Remove existing margins */
  z-index: 74;
}


@media (max-width: 1008px) { /* Adjust the max-width as needed for your breakpoint */
  .content-93 {
    flex-direction: column; /* Stack items vertically */
    align-items: center; /* Center items horizontally */
  }
  .img, .text-a3 {
    width: 100%; /* Make each item take full width */
    max-width: 100%; /* Ensure no overflow */
  }
  .image-94 {
    width: 599px;
  }
  .card-96 {
    top: 295px !important;
    left: 238px !important;
    /* width: 100% !important; */
}
.text-97 {
  margin: 20px 0 0 30px !important;
}
}

@media (max-width: 720px) { /* Adjust the max-width as needed for your breakpoint */
  .content-93 {
    flex-direction: column; /* Stack items vertically */
    align-items: center; /* Center items horizontally */
  }
  .img, .text-a3 {
    width: 100%; /* Make each item take full width */
    max-width: 100%; /* Ensure no overflow */
  }
  .image-94 {
    width: auto;
  }
  .card-96 {
    top: 275px !important;
    left: 0px !important;
    margin: 0px 0 0 0px !important;
    width: 100% ! IMPORTANT;
}
.flex-row-ebe {
  margin: 5px !important;
}
.bg-a2 {
  width: 100%  !important;
  height: 291px !important;
}
.text-97 {
  margin: 20px 0 0 30px !important;
  width: auto !important;
}
.mail {
  display: none;
}

}

.img {
  display: flex;
  flex-shrink: 0;
  position: relative;
  width: auto;
  height: 616px;
  z-index: 75;
}
.image-94 {
  position: relative;
  width: 599px;
  height: 566px;
  top: 0;
  left: 0;
  background: #dbeafe;
  z-index: 76;
  overflow: hidden;
  border-radius: 12px;
}
@media (min-width: 1111px) and (max-width: 1306px) {
  .image-94 {
    width: 450px;
  }
  .card-96 {
    top: 285px !important;
    left: 105px !important;
  }
}


@media (min-width: 1009px) and (max-width: 1110px) {
  .image-94 {
    width: 370px;
  }
  .card-96 {
    top: 285px !important;
    left: 15px !important;
}
}

.image-95 {
  position: absolute;
  width: 758px;
  height: 1137px;
  top: -340px;
  left: -12px;
  background: url(./assets/images/9ba8e7883750178f54f37e0353203da3e9954a13.png)
    no-repeat center;
  background-size: cover;
  z-index: 77;
}
.card-96 {
  position: absolute;
  width: 411px;
  height: 321px;
  top: 295px;
  left: 238px;
  z-index: 78;
}
.text-97 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-wrap: nowrap;
  gap: 45px;
  position: relative;
  /* width: 311px; */
  margin: 20px 0 0 50px;
  padding: 10px;
  background: #474747;
  z-index: 80;
}
.come-and-visit-us {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #ffffff;
  font-family: DM Sans, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  text-align: right;
  white-space: nowrap;
  letter-spacing: -0.72px;
  z-index: 81;
}
.info-98 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 25px;
  position: relative;
  width: 311px;
  z-index: 82;
}
.call-99 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 165px;
  z-index: 83;
}
.phone {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 121px;
  height: 24px;
  color: #f8f8f6;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 84;
}
.icon-outline-phone-9a {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  z-index: 85;
  overflow: hidden;
}
.icon-9b {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 2px 0 0 2px;
  background: url(./assets/images/52436bec-d7f0-4a24-ac02-336d81aa48c0.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 86;
}
.mail-9c {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 271px;
  z-index: 87;
}
.email-9d {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 227px;
  height: 24px;
  color: #f8f8f6;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 88;
}
.icon-outline-mail-9e {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  z-index: 89;
  overflow: hidden;
}
.icon-9f {
  position: relative;
  width: 20px;
  height: 16px;
  margin: 4px 0 0 2px;
  background: url(./assets/images/1e362354-754f-441d-ae61-73361d43f84e.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 90;
}
.location-a0 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 311px;
  z-index: 91;
}
.address {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
  width: 267px;
  height: 48px;
  color: #f8f8f6;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  z-index: 92;
}
.icon-outline-location-marker {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  z-index: 93;
  overflow: hidden;
}
.icon-a1 {
  position: relative;
  width: 18px;
  height: 20.486px;
  margin: 2px 0 0 3px;
  background: url(./assets/images/8b941b5a-61ac-465a-9c9b-7ace0c46d712.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 94;
}
.bg-a2 {
  position: absolute;
  width: 411px;
  height: 321px;
  top: 0;
  left: 0;
  background: #474747;
  z-index: 79;
  border-radius: 12px;
}
.text-a3 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 40px;
  position: relative;
  /* width: 50%; */
  max-width: 557px;
  z-index: 95;
}
.title-a4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  margin: 10px;
  z-index: 96;
}
.healthy-food {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
  /* width: 557px; */
  /* height: 182px; */
  color: #2b2e23;
  font-family: Florence, var(--default-font-family);
  font-size: 55px;
  font-weight: 400;
  line-height: 60.5px;
  text-align: right;
  z-index: 97;
}
.our-story {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
  /* width: 557px; */
  /* height: 112px; */
  color: #2b2e23;
  font-family: Aventa-Medium, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  /* text-align: right; */
  z-index: 98;
}
.dining-experience {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
  /* width: 557px; */
  /* height: 72px; */
  color: #909090;
  font-family: Aventa-LightItallic, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  /* text-align: right; */
  z-index: 99;
}
.button-a5 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 181px;
  padding: 20px 32px 20px 32px;
  border: 1.5px solid #2b2e23;
  z-index: 100;
  border-radius: 118px;
}
.more-about-us {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 117px;
  height: 24px;
  color: #172126;
  font-family: Aventa-Bold, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  white-space: nowrap;
  z-index: 101;
}
.group-a6 {
  position: absolute;
  width: 462.788px;
  height: 775.016px;
  top: 320.415px;
  left: 50%;
  background: url(./assets/images/66b37e66-1299-4867-b255-f541f2457c71.png)
    no-repeat center;
  background-size: cover;
  transform: translate(132.67%, 0);
  z-index: 246;
}
.group-a7 {
  position: absolute;
  width: 718.37px;
  height: 766.506px;
  bottom: 0;
  left: 50%;
  background: url(./assets/images/f5e0950b-e98c-4dab-abce-6d389b9aff63.png)
    no-repeat center;
  background-size: cover;
  transform: translate(-149.89%, 0);
  z-index: 247;
}
.content-a8 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 85px;
  position: relative;
  width: 1324.654px;
  /* height: 585.055px; */
  /* bottom: 2825.945px; */
  left: 50%;
  transform: translate(-48.92%, 0);
  z-index: 45;
}
.text-a9 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 50px;
  position: relative;
  width: 516.925px;
  z-index: 46;
}
.title-aa {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 516.925px;
  z-index: 47;
}
.fastest-delivery {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
  position: relative;
  width: 516.925px;
  height: 121px;
  color: #2b2e23;
  font-family: Florence, var(--default-font-family);
  font-size: 55px;
  font-weight: 400;
  line-height: 60.5px;
  text-align: right;
  z-index: 48;
}
.visual-designer {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 516.925px;
  height: 48px;
  color: #909090;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: right;
  z-index: 49;
}
.features {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 302px;
  z-index: 50;
}
.feature {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 302px;
  z-index: 51;
}
.delivery-time {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 26px;
  color: #2b2e23;
  font-family: DM Sans, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-align: left;
  white-space: nowrap;
  z-index: 52;
}
.icon-ab {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  z-index: 53;
}
.icon-outline-clock {
  position: relative;
  width: 15.07px;
  height: 15.07px;
  margin: 7px 0 0 7px;
  background: #997db8;
  z-index: 55;
  overflow: hidden;
}
.icon-ac {
  position: relative;
  width: 12.802px;
  height: 12.802px;
  margin: 1.134px 0 0 1.134px;
  background: url(./assets/images/ceaf8a50-4fed-48d0-9d9e-99ffba4d2070.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 56;
}
.rectangle {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
  background: #997db8;
  z-index: 54;
  border-radius: 65px;
}
.feature-ad {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 229px;
  z-index: 57;
}
.best-offer-prices {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 26px;
  color: #2b2e23;
  font-family: DM Sans, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-align: left;
  white-space: nowrap;
  z-index: 58;
}
.icon-ae {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  z-index: 59;
}
.icon-outline-receipt-tax {
  position: relative;
  width: 15.07px;
  height: 15.07px;
  margin: 7px 0 0 7px;
  background: #997db8;
  z-index: 61;
  overflow: hidden;
}
.icon-af {
  position: relative;
  width: 10.291px;
  height: 12.802px;
  margin: 1.134px 0 0 2.39px;
  background: url(./assets/images/ff3e86c3-7981-4ea1-93a9-2f7d4de89da7.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 62;
}
.rectangle-b0 {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
  background: #997db8;
  z-index: 60;
  border-radius: 65px;
}
.feature-b1 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 286px;
  z-index: 63;
}
.online-services {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 26px;
  color: #2b2e23;
  font-family: DM Sans, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-align: left;
  white-space: nowrap;
  z-index: 64;
}
.icon-b2 {
  flex-shrink: 0;
  position: relative;
  width: 30px;
  height: 30px;
  z-index: 65;
}
.icon-outline-shopping-cart {
  position: relative;
  width: 15.07px;
  height: 15.07px;
  margin: 7px 0 0 7px;
  background: #997db8;
  z-index: 67;
  overflow: hidden;
}
.icon-b3 {
  position: relative;
  width: 12.802px;
  height: 12.802px;
  margin: 1.134px 0 0 1.134px;
  background: url(./assets/images/75e00a72-32aa-4b37-aa76-a2f4a1a3fb89.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 68;
}
.rectangle-b4 {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
  background: #997db8;
  z-index: 66;
  border-radius: 65px;
}
.img-b5 {
  flex-shrink: 0;
  position: relative;
  width: 722.729px;
  /* height: 627px; */
  z-index: 69;
  border-radius: 12px;
}
.chef-plate-ok-sign {
  position: absolute;
  width: 418.116px;
  height: 600px;
  top: 0;
  left: 0;
  background: url(./assets/images/27e47f55fd165678d8e928260f03b4ead5d6b69a.png)
    no-repeat center;
  background-size: cover;
  z-index: 70;
  border-radius: 12px;
}
.sour-curry-hot-pot {
  position: absolute;
  width: 281.331px;
  height: 597px;
  top: 30px;
  left: 441.398px;
  z-index: 72;
}
.salad-iron-pot {
  position: relative;
  width: 281.331px;
  height: 333px;
  margin: 0 0 0 0;
  background: url(./assets/images/89b4d296a7fde3e75d1bac246efc62ee5d53073d.png)
    no-repeat center;
  background-size: cover;
  z-index: 71;
  border-radius: 12px;
}
.pic-26 {
  position: relative;
  width: 281.331px;
  height: 240px;
  margin: 24px 0 0 0;
  background: url(./assets/images/9e252a1d19e193e99cb733fe8630e5fffe87d48f.png)
    no-repeat center;
  background-size: cover;
  z-index: 72;
  border-radius: 12px;
}

@media (max-width: 768px) {

  .span-new-era {
    /* max-width: 100%; */
    text-align: center; 
    padding: 0 10px;
  }

}

.menu-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 10px;
}

.hamburger-icon {
  display: none;
  cursor: pointer;
  font-size: 24px;
  z-index: 1001;
}

.mobile-menu {
  direction: ltr !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  z-index: 1000;
  /* padding-right: 30px; */
}

.close-icon {
  position: absolute;
  top: 60px;
  left: 20px;
  font-size: 24px;
  cursor: pointer;
}
.logo-mobile-menu {
  /* max-width: 150px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; */

/* position: absolute; */
padding-top: 20px;
right: 20px;
margin-bottom: 30px;
/* font-size: 24px;
/* cursor: pointer;  */
}

.menu-item {
  font-size: 24px;
  /* margin: 10px 0; */
  color: #909090;
  margin: 6px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.selected {
  border-radius: 34px;
  background: #DBDFD0;
  padding: 10px 22px;
}

.menu-item:hover {
  border-radius: 34px;
  background: #9a7db8;
  color: white;
   padding: 10px 22px; 
}

.menu-18:hover {
  border-radius: 34px;
  background: #9a7db8;
} 
.home-17:hover {
color: white !important;
/* border-radius: 34px;
background: #9a7db8;
width: auto; */
}

.frame-13:hover {
  border-radius: 34px;
  background: #9a7db8;
  color: white;
   padding: 10px 22px; 
}
.frame-10:hover {
  border-radius: 34px;
  background: #DBDFD0;
  color: white;
   padding: 10px 22px; 
} 

.button-29:hover {
  background: #dbdfd0;
  color: #172126 !important;
}

.copyright-container {
  margin-top: auto; /* Push to the bottom */
  text-align: center; /* Center the text */
  padding: 10px; /* Optional padding */
  color: var(--Neutral-04, #ADB29E);
text-align: right;
font-family: "DM Sans";
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
}

.menu-icon {
    width: 43px;
    justify-content: center;
    display: flex;
    align-items: center;
}

@media (max-width: 1021px) {
  .hamburger-icon {
    display: block;
  }
  .menu {
    display: none;
  }
  
}


#modal2 .modal-content {
  width: 80%; /* Adjust as needed */
  margin: auto;
  padding: 20px;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  max-width: 500px;
}

@media (max-width: 600px) {
  #modal2 .modal-content {
    width: 100%;
    bottom: 0;
    position: absolute;
    margin: auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    justify-content: center;
    max-width: 500px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
  }
  .menu-card-title-cursor {
    font-size: 20px !important;
    font-weight: 500 !important;
}
.language-text {
  display: none;
}
.frame-13 {
  padding: 12px 16px 12px 16px !important;
}
}

#modal2 .cart-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}

#modal2 .cart-item-details {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: space-between;
}

#modal2 .item-quantity,
#modal2 .item-price,
#modal2 .item-name {
  margin: 0 10px;
  font-weight: 600;
  font-size: 15px;
}

#modal2 .item-image {
  width: 50px;
  height: 50px;
  margin-left: 10px;
  border-radius: 8px;
}

#modal2 .cart-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

#modal2 .add-to-order-button,
#modal2 .close-button2 {
  padding: 10px 20px;
  border: none;
  background-color: #333;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
}


.close-cart-button:hover {
  background-color: #DBDFD0;
}


.close-cart-button {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
width: 100%;
padding: 20px 32px 20px 32px;
background-color: #ffffff;
border: #997db8 solid 1px;
color: #997db8;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
border-radius: 118px;
}


.modal {
  display: none; /* Hidden by default */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(15px);
  justify-content: center;
  align-items: center;
  z-index: 1000;
  overflow: hidden; /* Prevents scrolling on the background */
}

.modal-content {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  width: 90%;
  max-width: 700px;
  max-height: 80vh; /* Limits the height to 80% of the viewport */
  overflow-y: auto; /* Enables vertical scrolling */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  text-align: left;
  position: relative;
}

/* .close-button {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
} */

.image-gallery img {
  width: 100px;
  height: auto;
  margin: 5px;
  margin-bottom: 17px;
  margin-top: 17px;
}
.menu-card-view-image-cursor {
  color: #AEAEAE;
  font-family: "DM Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}

.modal-title {
  font-family: 'DM Sans';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.modal-textarea {
  display: flex;
  height: 156px;
  padding: 24px;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: 16px !important;
}

.button-group button {
 margin: 5px;
 margin-top: 10px;
 margin-bottom: 10px;
 padding: 10px 20px;
 width: 90px;
   /* border: none;
  border-radius: 5px;
  background-color: #eee;
  cursor: pointer; */

  /* display: flex; */
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  padding: 3px 16px 6px 16px;
  cursor: pointer;
  background: #f1f1f1;
  border: 0.4px solid #bebebe;
  z-index: 134;
  border-radius: 5px;
  box-sizing: content-box;
  color: #7c7c7c;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: center;

}

@media (max-width: 600px) {
  .modal-content {
    width: 95%;
  }
}

.form-section {
text-align: left;
margin-top: 20px;
}

.form-section h4 {
margin: 10px 0;
}

.form-section p {
margin: 5px 0;
}

.form-section input[type="number"],
.form-section textarea {
width: 100%;
padding: 10px;
margin-top: 5px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
}
.secondary-text {
  color: #7c7c7c;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: center;
}

.add-to-cart-button, .go-to-cart-button {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
width: 100%;
padding: 20px 32px 20px 32px;
background-color: #997db8;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
border-radius: 118px;
}


.add-to-cart-button:hover, .go-to-cart-button:hover {
background-color: black;
}

.close-button:hover {
  background-color: #DBDFD0;
}


.close-button {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
width: 100%;
padding: 20px 32px 20px 32px;
background-color: #ffffff;
border: #997db8 solid 1px;
color: #997db8;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
border-radius: 118px;
}


.bordered-text {
  border: 1px solid #ccc; /* Light gray border */
  padding: 10px;          /* Space inside the border */
  border-radius: 12px;     /* Rounded corners */
  display: flex;          /* Use flexbox for layout */
  justify-content: space-between; /* Space between categories */
}

.category {
  flex: 1;                /* Allow categories to grow equally */
  margin-right: 10px;     /* Space between categories */
}

.category-title {
  font-weight: bold;      /* Bold title */
  display: block;         /* Make the title a block element */
  margin-bottom: 5px;     /* Space between title and items */
}

ul {
  list-style-type: none;  /* Remove bullet points */
  padding-left: 0;        /* Remove default padding */
}

li {
  margin-bottom: 5px;  
  color: var(--Neutral-05, #737865);
/* Body/16px/Regular */
font-family: "DM Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */   /* Space between list items */
}



.option-button {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px 20px;
  margin-right: 10px;
  background-color: white;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}

.option-button:hover {
  background-color: #f0f0f0;
}

.option-button:active {
  background-color: #ddd;
}

.option-button.selected {
  background-color: #997DB8;
  color: white;
}


.custom-confirm-button {
      align-items: center;
      justify-content: center;
      align-self: stretch;
      flex-wrap: nowrap;
      flex-shrink: 0;
      gap: 10px;
      width: 100%;
      padding: 20px 32px 20px 32px;
      background-color: #997db8;
      color: #fff;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      font-size: 16px;
      border-radius: 118px;
}

.custom-confirm-button:hover {
  background-color: black;
}

.custom-cancel-button {
      align-items: center;
      justify-content: center;
      align-self: stretch;
      flex-wrap: nowrap;
      flex-shrink: 0;
      gap: 10px;
      width: 100%;
      padding: 20px 32px 20px 32px;
      background-color: #ffffff;
      border: #997db8 solid 1px;
      color: #997db8;
      border-radius: 5px;
      cursor: pointer;
      font-size: 16px;
      border-radius: 118px;
}

.custom-cancel-button:hover {
  background-color: #DBDFD0;
}

/* Modal Styles */
.modal {
  display: none; /* Hidden by default */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(15px);
  justify-content: center;
  align-items: center;
  z-index: 1000;
  overflow: hidden; /* Prevents scrolling on the background */
}

.modal-content {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  width: 90%;
  max-width: 850px;
  max-height: 80vh; /* Limits the height to 80% of the viewport */
  overflow-y: auto; /* Enables vertical scrolling */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  text-align: left;
  position: relative;
}

/* .close-button {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
} */

.image-gallery img {
  width: 100px;
  height: auto;
  margin: 5px;
  margin-bottom: 17px;
  margin-top: 17px;
}
.menu-card-view-image-cursor {
  color: #AEAEAE;
  font-family: "DM Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}

.modal-title {
  font-family: 'DM Sans';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.modal-textarea {
  display: flex;
  height: 156px;
  padding: 24px;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: 16px !important;
}

.button-group button {
 margin: 5px;
 margin-top: 10px;
 margin-bottom: 10px;
 padding: 10px 20px;
   /* border: none;
  border-radius: 5px;
  background-color: #eee;
  cursor: pointer; */

  /* display: flex; */
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  padding: 3px 16px 6px 16px;
  cursor: pointer;
  background: #f1f1f1;
  border: 0.4px solid #bebebe;
  z-index: 134;
  border-radius: 5px;
  box-sizing: content-box;
  color: #7c7c7c;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: center;

}

@media (max-width: 600px) {
  .modal-content {
      width: 100%;
      max-height: 95vh;
      bottom: 0;
      position: fixed;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      box-shadow: 0 -2px 50px rgba(0, 0, 0, 0.3);
  }
}

.form-section {
text-align: left;
margin-top: 20px;
}

.form-section h4 {
margin: 10px 0;
}

.form-section p {
margin: 5px 0;
}

.form-section input[type="number"],
.form-section textarea {
width: 100%;
padding: 10px;
margin-top: 5px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
}
.secondary-text {
  color: #7c7c7c;
  font-family: DM Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: center;
}

.add-to-cart-button {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
width: 100%;
padding: 20px 32px 20px 32px;
background-color: #997db8;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
border-radius: 118px;
}


.add-to-cart-button:hover {
background-color: black;
}

.close-button:hover, .close-button-checkout:hover {
  background-color: #DBDFD0;
}


.close-button, .close-button-checkout {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
width: 100%;
padding: 20px 32px 20px 32px;
background-color: #ffffff;
border: #997db8 solid 1px;
color: #997db8;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
border-radius: 118px;
}


.bordered-text {
  border: 1px solid #ccc; /* Light gray border */
  padding: 10px;          /* Space inside the border */
  border-radius: 12px;     /* Rounded corners */
  display: flex;          /* Use flexbox for layout */
  justify-content: space-between; /* Space between categories */
}

.category {
  flex: 1;                /* Allow categories to grow equally */
  margin-right: 10px;     /* Space between categories */
}

.category-title {
  font-weight: bold;      /* Bold title */
  display: block;         /* Make the title a block element */
  margin-bottom: 5px;     /* Space between title and items */
}

ul {
  list-style-type: none;  /* Remove bullet points */
  padding-left: 0;        /* Remove default padding */
}

li {
  margin-bottom: 5px;  
  color: var(--Neutral-05, #737865);
/* Body/16px/Regular */
font-family: "DM Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */   /* Space between list items */
}



.option-button {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px 20px;
  margin-right: 10px;
  background-color: white;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}

.option-button:hover {
  background-color: #f0f0f0;
}

.option-button:active {
  background-color: #ddd;
}

.option-button.selected {
  background-color: #997DB8;
  color: white;
}



.modal-gallery {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-gallery .modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

.modal-gallery .close, .modal-gallery .prev, .modal-gallery .next {
  position: absolute;
  top: 50%;
  color: white;
  font-size: 30px;
  cursor: pointer;
  user-select: none;
}

.modal-gallery .close {
  right: 10px;
  top: 10px;
}

.modal-gallery .prev, .modal-gallery .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  font-size: 30px;
  cursor: pointer;
  user-select: none;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
}

.modal-gallery .prev {
  left: 10px;
}

.modal-gallery .next {
  right: 10px;
}


.payment-details {
  padding: 20px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add this line */
margin-top: 20px;
}

.payment-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}

.form-group {
  margin-bottom: 15px;
}

.form-group label {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
}

.form-input {
  width: 100%;
  padding: 10px;
  border: 0px solid #e0e0e0;
  border-radius: 5px;
  background: #f8f8f8;
}

.form-row {
  display: flex;
  gap: 20px;
}

.form-group.half {
  flex: 1;
}

.payment-methods {
  margin: 20px 0;
}

.payment-type {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}

.payment-option {
  padding: 10px 20px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background: #fff;
  cursor: pointer;
}

.payment-option.selected {
  background: #000;
  color: #fff;
}

.payment-cards {
  display: flex;
  align-items: center;
  gap: 15px;
  
}

.see-all {
  padding: 5px 15px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background: #f8f8f8;
}

.payment-cards img {
  height: 40px;
  object-fit: contain;
}

.order-summary {
  margin-top: 30px;
  border-top: 1px solid #e0e0e0;
  padding-top: 20px;
}

.summary-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.summary-row.total {
  font-weight: 600;
  font-size: 18px;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e0e0e0;
}

/* RTL Support for Arabic */
[dir="rtl"] .form-row {
  flex-direction: row-reverse;
}

[dir="rtl"] .payment-cards {
  flex-direction: row-reverse;
}


.whatsapp-float {
  position: fixed;
  bottom: 40px;
  right: 40px;
  background-color: #25D366;
  color: #FFF;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  transition: all 0.3s ease;
}

.whatsapp-float:hover {
  background-color: #128C7E;
  transform: scale(1.1);
}

.whatsapp-icon {
  width: 35px;
  height: 35px;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
  .whatsapp-float {
      width: 50px;
      height: 50px;
      bottom: 20px;
      right: 20px;
  }
  
  .whatsapp-icon {
      width: 30px;
      height: 30px;
  }
  /* .mask-group {
    display: flex;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    left: 0;
    background: url(./assets/images/707629d0-b0cc-4f15-8c88-e3a89036dc5c.png) no-repeat center;
    background-size: cover;
    z-index: 148;
} */

}