: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,
html {
  width: 100vw;
  min-width: 100vw;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.main-container {
  overflow: hidden;
}

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

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

.main-container {
  position: relative;
  width: 1440px;
  height: 4404px;
  margin: 0 auto;
  background: #ffffff;
  overflow: hidden;
}

.footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 1440px;
  height: 295px;
  margin: 4109px 0 0 0;
  padding: 0 112px 0 112px;
  background: #e6e3d9;
  z-index: 96;
  overflow: hidden;
}

.container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 64px;
  position: relative;
  width: 1216px;
  height: 295px;
  padding: 34px 0 34px 0;
  z-index: 97;
  overflow: hidden;
}

.content {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 64px;
  position: relative;
  width: 1216px;
  z-index: 98;
}

.leading-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 352px;
  z-index: 99;
}

.nitty-gritty-post {
  flex-shrink: 0;
  position: relative;
  width: 154px;
  height: 150px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-06-17/YyimSeLUJM.png) no-repeat center;
  background-size: cover;
  z-index: 100;
}

.copyright {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 352px;
  min-width: 0;
  height: 40px;
  color: #737373;
  font-family: Raleway, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  text-overflow: initial;
  z-index: 101;
  overflow: hidden;
}

.links {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 32px;
  position: relative;
  min-width: 0;
  z-index: 102;
}

.link-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 15px;
  position: relative;
  z-index: 103;
}

.company-heading {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #171717;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 104;
}

.links-1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  z-index: 105;
}

.home-link {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #737373;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 106;
}

.services-link {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #737373;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 107;
}

.gallery-link {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #737373;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 108;
}

.about-us-link {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #737373;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 109;
}

.contact-link {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #737373;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 110;
}

.link-block-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 15px;
  position: relative;
  z-index: 111;
}

.cjs-place-heading {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #171717;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 112;
}

.links-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  z-index: 113;
}

.frame {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 6px;
  position: relative;
  width: 246px;
  z-index: 114;
}

.phone {
  flex-shrink: 0;
  position: relative;
  width: 18px;
  height: 18px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-06-17/oCQ6HALXjL.png) no-repeat center;
  background-size: cover;
  z-index: 115;
  overflow: hidden;
}

.phone-link {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 245.333px;
  height: 20px;
  color: #737373;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 116;
}

.frame-4 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 6px;
  position: relative;
  width: 246px;
  z-index: 117;
}

.mail {
  flex-shrink: 0;
  position: relative;
  width: 18px;
  height: 18px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-06-17/iyufFsQdtB.png) no-repeat center;
  background-size: cover;
  z-index: 118;
  overflow: hidden;
}

.mail-link {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 245.333px;
  height: 20px;
  color: #737373;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  text-decoration: underline;
  white-space: nowrap;
  z-index: 119;
}

.link-block-5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 15px;
  position: relative;
  z-index: 120;
}

.block-heading {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #171717;
  font-family: Raleway, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 121;
}

.icons {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 20px;
  z-index: 122;
}

.social-icon {
  flex-shrink: 0;
  position: relative;
  width: 20px;
  height: 20px;
  z-index: 123;
  overflow: hidden;
}

.group {
  position: relative;
  width: 19.988px;
  height: 19.996px;
  margin: 0 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-06-17/57UiaqQCuv.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 124;
}

.header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  position: absolute;
  width: 1440px;
  height: 117px;
  top: 0;
  left: 50%;
  padding: 0 112px 0 112px;
  background: #fef9ee;
  transform: translate(-50%, 0);
  z-index: 80;
  overflow: hidden;
}

.container-6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 1216px;
  min-height: 0;
  padding: 12px 0 12px 0;
  z-index: 81;
  overflow: hidden;
}

.content-7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 82;
}

.logo-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 520px;
  z-index: 83;
}

.nitty-gritty-post-8 {
  flex-shrink: 0;
  position: relative;
  width: 110px;
  height: 110px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-06-17/0T1FBzeBs0.png) no-repeat center;
  background-size: cover;
  z-index: 84;
}

.links-9 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 32px;
  position: relative;
  width: 346px;
  z-index: 85;
}

.link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 50px;
  padding: 12px 0 12px 0;
  z-index: 86;
  overflow: hidden;
}

.home {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 50px;
  height: 24px;
  color: #404040;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 87;
}

.services {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 67px;
  padding: 12px 0 12px 0;
  z-index: 88;
  overflow: hidden;
}

.about-us {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 67px;
  height: 24px;
  color: #404040;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 89;
}

.gallery {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 76px;
  padding: 12px 0 12px 0;
  z-index: 90;
  overflow: hidden;
}

.contact-us {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 76px;
  height: 24px;
  color: #404040;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 91;
}

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 57px;
  padding: 12px 0 12px 0;
  z-index: 92;
  overflow: hidden;
}

.frame-a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 57px;
  height: 24px;
  color: #404040;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 93;
}

.frame-b {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 188px;
  padding: 12px 20px 12px 20px;
  background: #af8b00;
  z-index: 94;
  overflow: hidden;
  border-radius: 30px;
}

.frame-c {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 90px;
  height: 24px;
  color: #ffffff;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 95;
}

.frame-d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 32px;
  position: absolute;
  width: 1440px;
  height: 4014px;
  top: 95px;
  left: 0;
}

.blue-modern-space {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 1;
}

.live-streaming-announcement {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: -1px;
  position: relative;
  height: 1747px;
  z-index: 2;
}

.video {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 774px;
  z-index: 3;
}

.gradient {
  position: absolute;
  width: 1440px;
  height: 773px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-06-17/bJi6Lk05JA.png) no-repeat center;
  background-size: cover;
  z-index: 4;
}

.pic-2 {
  position: absolute;
  width: 1440px;
  height: 773px;
  top: 0;
  left: 50%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-06-17/DonF47FBAb.png) no-repeat center;
  background-size: cover;
  transform: translate(-50%, 0);
  z-index: 5;
}

.frame-e {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  gap: 32px;
  position: absolute;
  width: 903px;
  height: 199px;
  top: 227px;
  left: 50%;
  transform: translate(-50.06%, 0);
  z-index: 6;
}

.frame-f {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  min-width: 0;
  z-index: 7;
}

.unforgettable-events {
  flex-shrink: 0;
  position: relative;
  width: 923px;
  font-family: Playfair Display, var(--default-font-family);
  font-size: 64px;
  font-weight: 600;
  line-height: 70px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  letter-spacing: -1.46px;
  z-index: 8;
}

.unforgettable-events-10 {
  position: relative;
  color: #ffffff;
  font-family: Playfair Display, var(--default-font-family);
  font-size: 64px;
  font-weight: 700;
  line-height: 70px;
  text-align: center;
  letter-spacing: -1.46px;
}

.begin-here {
  position: relative;
  color: #af8b00;
  font-family: Playfair Display, var(--default-font-family);
  font-size: 64px;
  font-weight: 700;
  line-height: 70px;
  text-align: center;
  letter-spacing: -1.46px;
}

.expert-event-planning {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 33px;
  color: #fafafa;
  font-family: Raleway, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 33px;
  text-align: center;
  white-space: nowrap;
  z-index: 9;
}

.frame-11 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 400px;
  z-index: 10;
}

.button-12 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 188px;
  padding: 12px 20px 12px 20px;
  background: #af8b00;
  z-index: 11;
  overflow: hidden;
  border-radius: 30px;
}

.explore-our-spaces {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 149px;
  height: 24px;
  color: #ffffff;
  font-family: Raleway, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 12;
}

.button-13 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 188px;
  padding: 12px 20px 12px 20px;
  background: #ffffff;
  z-index: 13;
  overflow: hidden;
  border-radius: 30px;
}

.book-a-space {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 103px;
  height: 24px;
  color: #af8b00;
  font-family: Raleway, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 14;
}

.frame-14 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 15;
}

.frame-15 {
  flex-shrink: 0;
  position: relative;
  width: 1216px;
  height: 974px;
  background: #fdf9ee;
  z-index: 16;
  overflow: hidden;
}

.frame-16 {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 50%;
  background: #fdf9ee;
  z-index: 23;
  overflow: hidden;
}

.frame-17 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 93px;
  position: relative;
  width: 608px;
  margin: 0 0 0 0;
  z-index: 24;
}

.frame-18 {
  flex-shrink: 0;
  position: relative;
  width: 608px;
  height: 640px;
  background: #ffffff;
  z-index: 25;
  overflow: hidden;
}

.light-about {
  position: absolute;
  top: -7px;
  right: -58px;
  bottom: -6px;
  left: -57px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-06-17/tU6r1Lr2Lc.png) no-repeat center;
  background-size: cover;
  z-index: 26;
  overflow: hidden;
}

.frame-19 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 470.18px;
  padding: 0 12px 0 12px;
  z-index: 27;
}

.creating-unforgettable-experiences {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 421px;
  height: 125px;
  color: #000000;
  font-family: Raleway, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 33px;
  text-align: left;
  letter-spacing: -0.54px;
  z-index: 28;
}

.link-1a {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 193px;
  padding: 20px 40px 20px 40px;
  background: #ffffff;
  z-index: 29;
  border-radius: 30px;
}

.book-a-space-1b {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 113px;
  height: 17px;
  color: #9f7e00;
  font-family: Raleway, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
  white-space: nowrap;
  z-index: 30;
}

.frame-1c {
  position: absolute;
  width: 50%;
  height: 94.35%;
  top: 8.93%;
  left: 0;
  z-index: 17;
  overflow: hidden;
}

.frame-1d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 32px;
  position: relative;
  width: 429px;
  margin: 8px 0 0 38px;
  z-index: 20;
}

.about-us-1e {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 22px;
  color: #000000;
  font-family: Playfair Display, var(--default-font-family);
  font-size: 22px;
  font-weight: 700;
  line-height: 21.15px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 21;
}

.creating-unforgettable-experiences-1f {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 429px;
  min-width: 0;
  height: 125px;
  color: #000000;
  font-family: Raleway, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 33px;
  text-align: left;
  z-index: 22;
}

.frame-20 {
  position: relative;
  width: 723px;
  height: 660px;
  margin: 72px 0 0 -57px;
  background: #000000;
  z-index: 18;
  overflow: hidden;
}

.div {
  position: relative;
  width: 1000px;
  height: 833px;
  margin: -18px 0 0 1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-06-17/A59YdV5umv.png) no-repeat center;
  background-size: cover;
  z-index: 19;
}

.div-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 31;
}

.div-frame-21 {
  flex-shrink: 0;
  position: relative;
  width: 1440px;
  height: 1090px;
  background: #e6e3d9;
  z-index: 32;
  overflow: hidden;
}

.div-frame-22 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  gap: 24px;
  position: relative;
  width: 932px;
  margin: 68.5px 0 0 254px;
  z-index: 33;
}

.div-frame-23 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 756px;
  height: 115px;
  z-index: 34;
}

.span-heading {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 29px;
  color: #af8b00;
  font-family: Playfair Display, var(--default-font-family);
  font-size: 32px;
  font-weight: 800;
  line-height: 23px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.54px;
  z-index: 35;
}

.div-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 36;
}

.span-text {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 739px;
  height: 60px;
  color: #000000;
  font-family: Raleway, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  z-index: 37;
}

.div-frame-24 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 30px;
  position: relative;
  width: 932px;
  z-index: 38;
}

.div-frame-25 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 32px;
  position: relative;
  width: 932px;
  z-index: 39;
  border-radius: 8px;
}

.div-background {
  flex-shrink: 0;
  position: relative;
  width: 450px;
  height: 383px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-06-17/VsNUFqrepK.png) no-repeat center;
  background-size: cover;
  z-index: 40;
  border-radius: 8px;
}

.div-frame-26 {
  flex-shrink: 0;
  position: relative;
  width: 450px;
  height: 383px;
  z-index: 41;
}

.div-frame-27 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 305.849px;
  margin: 20px 0 0 10px;
  z-index: 44;
}

.span-heading-28 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 33px;
  color: #af8b00;
  font-family: Playfair, var(--default-font-family);
  font-size: 18px;
  font-weight: 800;
  line-height: 33px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.49px;
  z-index: 45;
}

.span-text-29 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 305.849px;
  min-width: 0;
  height: 63px;
  color: #ffffff;
  font-family: Raleway, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
  z-index: 46;
}

.div-2a {
  position: absolute;
  width: 450px;
  height: 383px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-06-17/fQNXZvTgga.png) no-repeat center;
  background-size: cover;
  z-index: 42;
  border-radius: 8px;
}

.div-frame-2b {
  position: absolute;
  width: 450px;
  height: 383px;
  top: 0;
  left: 0;
  background: #0f0f0f;
  opacity: 0.5;
  z-index: 43;
  overflow: hidden;
  border-radius: 8px;
}

.div-frame-2c {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 32px;
  position: relative;
  min-width: 0;
  z-index: 47;
}

.div-frame-2d {
  flex-shrink: 0;
  position: relative;
  width: 450px;
  height: 383px;
  z-index: 48;
}

.div-frame-2e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: relative;
  width: 305.849px;
  height: 102px;
  margin: 20px 0 0 10px;
  z-index: 51;
}

.div-frame-2f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 6px;
  position: relative;
  min-width: 0;
  z-index: 52;
}

.span-heading-30 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 33px;
  color: #af8b00;
  font-family: Playfair, var(--default-font-family);
  font-size: 18px;
  font-weight: 800;
  line-height: 33px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.49px;
  z-index: 53;
}

.span-text-31 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 305.849px;
  height: 69px;
  color: #ffffff;
  font-family: Raleway, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
  z-index: 54;
}

.div-restaurant-interior {
  position: absolute;
  width: 450px;
  height: 383px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-06-17/3WZptrdfhu.png) no-repeat center;
  background-size: cover;
  z-index: 49;
  border-radius: 8px;
}

.div-background-32 {
  position: absolute;
  width: 450px;
  height: 383px;
  top: 0;
  left: 50%;
  background: #000000;
  transform: translate(-50%, 0) rotate(180deg);
  opacity: 0.5;
  z-index: 50;
  border-radius: 8px;
}

.div-background-33 {
  flex-shrink: 0;
  position: relative;
  width: 450px;
  height: 383px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-06-17/FeZzoHePRy.png) no-repeat center;
  background-size: cover;
  z-index: 55;
  border-radius: 8px;
}

.section {
  flex-shrink: 0;
  position: relative;
  width: 1440px;
  height: 481px;
  z-index: 56;
}

.frame-34 {
  position: absolute;
  width: 1440px;
  height: 481px;
  top: 0;
  left: 0;
  background: #ffffff;
  z-index: 57;
}

.frame-35 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  gap: 32px;
  position: absolute;
  width: 1002.613px;
  height: 394px;
  top: 42px;
  left: 50%;
  transform: translate(-49.97%, 0);
  z-index: 60;
}

.vector {
  flex-shrink: 0;
  position: relative;
  width: 43px;
  height: 47px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-06-17/uciCwgTKzN.png) no-repeat center;
  background-size: cover;
  z-index: 61;
}

.frame-36 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  min-width: 0;
  height: 315px;
  z-index: 62;
}

.frame-37 {
  flex-shrink: 0;
  position: relative;
  width: 80px;
  height: 80px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-06-17/aEJMqVhLKd.png) no-repeat center;
  background-size: cover;
  z-index: 63;
  overflow: hidden;
  border-radius: 150px;
}

.special-day {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 697px;
  height: 84px;
  color: #939393;
  font-family: Raleway, var(--default-font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
  letter-spacing: -1px;
  z-index: 64;
}

.sam-adetola {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 35px;
  color: #c9b154;
  font-family: Raleway, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  white-space: nowrap;
  z-index: 65;
}

.frame-38 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 142px;
  z-index: 66;
}

.link-39 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 66px;
  height: 50px;
  padding: 16px 24px 16px 24px;
  background: #c9b154;
  z-index: 67;
  border-radius: 50px;
}

.icon {
  flex-shrink: 0;
  position: relative;
  width: 18px;
  height: 18px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-06-17/d6oxmWLb1C.png) no-repeat center;
  background-size: cover;
  z-index: 68;
}

.link-3a {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 66px;
  height: 50px;
  padding: 16px 24px 16px 24px;
  background: #c9b154;
  z-index: 69;
  border-radius: 50px;
}

.icon-3b {
  flex-shrink: 0;
  position: relative;
  width: 18px;
  height: 18px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-06-17/Z3j0u2Mtb8.png) no-repeat center;
  background-size: cover;
  z-index: 70;
}

.left-stars {
  position: absolute;
  width: 30.6%;
  height: 84.84%;
  top: 13.18%;
  left: 0.46%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-06-17/TXyeQPXdGF.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 58;
}

.right-stars {
  position: absolute;
  width: 28.03%;
  height: 84.84%;
  top: 15.16%;
  left: 71.96%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-06-17/gcePbt5a2q.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 59;
}

.frame-3c {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 73px;
  position: relative;
  min-width: 0;
  padding: 0 112px 0 112px;
  z-index: 71;
}

.frame-3d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 535px;
  z-index: 72;
}

.frame-3e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  min-width: 0;
  z-index: 73;
}

.spaces-heading {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 29px;
  color: #af8b00;
  font-family: Playfair Display, var(--default-font-family);
  font-size: 32px;
  font-weight: 800;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.54px;
  z-index: 74;
}

.send-message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 506px;
  height: 95px;
  color: #000000;
  font-family: Raleway, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  z-index: 75;
}

.button-3f {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 188px;
  padding: 12px 20px 12px 20px;
  background: #af8b00;
  z-index: 76;
  overflow: hidden;
  border-radius: 30px;
}

.get-in-touch {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 95px;
  height: 24px;
  color: #ffffff;
  font-family: Raleway, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 77;
}

.frame-40 {
  flex-shrink: 0;
  position: relative;
  width: 608px;
  height: 640px;
  background: #ffffff;
  z-index: 78;
  overflow: hidden;
  border-radius: 8px;
}

.light-about-41 {
  position: absolute;
  top: -7px;
  right: -58px;
  bottom: -6px;
  left: -57px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-06-17/8FWdqXS05c.png) no-repeat center;
  background-size: cover;
  z-index: 79;
  overflow: hidden;
  border-radius: 8px;
}