.landing-page,
.landing-page * {
  box-sizing: border-box;
}
.landing-page {
  background: #ffffff;
  height: 6908px;
  position: relative;
}
.navigation-footer {
  height: 264px;
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 0px;
  overflow: hidden;
}
.items {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s, 24px);
  align-items: flex-end;
  justify-content: center;
  width: 187px;
  position: absolute;
  right: 517px;
  top: 48px;
}
.topic {
  color: #000000;
  text-align: left;
  font-family: var(--small-text-font-family, "Inter-Medium", sans-serif);
  font-size: var(--small-text-font-size, 16px);
  line-height: var(--small-text-line-height, 150%);
  font-weight: var(--small-text-font-weight, 500);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.page {
  color: #454545;
  text-align: left;
  font-family: var(--small-text-font-family, "Inter-Medium", sans-serif);
  font-size: var(--small-text-font-size, 16px);
  line-height: var(--small-text-line-height, 150%);
  font-weight: var(--small-text-font-weight, 500);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.items2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s, 24px);
  align-items: flex-end;
  justify-content: center;
  width: 187px;
  position: absolute;
  right: 298px;
  top: 48px;
}
.items3 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s, 24px);
  align-items: flex-end;
  justify-content: center;
  width: 187px;
  position: absolute;
  right: 80px;
  top: 48px;
}
.site-name {
  color: #000000;
  text-align: left;
  font-family: var(--subheading-font-family, "Inter-Regular", sans-serif);
  font-size: var(--subheading-font-size, 24px);
  line-height: var(--subheading-line-height, 150%);
  font-weight: var(--subheading-font-weight, 400);
  position: absolute;
  left: 80px;
  top: 52px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.social-icons {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-xs, 8px);
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 80px;
  top: 176px;
}
.buttons-icon {
  border-radius: 4px;
  padding: 8px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}
.icon {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 8px;
  top: 8px;
  overflow: visible;
}
.icon2 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 8px;
  top: 8px;
  overflow: visible;
}
.icon3 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 8px;
  top: 8px;
  overflow: visible;
}
.icon4 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 8px;
  top: 8px;
  overflow: visible;
}
.divider {
  margin-top: -1px;
  border-style: solid;
  border-color: #e6e6e6;
  border-width: 1px 0 0 0;
  width: 1280px;
  height: 0px;
  position: absolute;
  left: 80px;
  top: 1px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.navigation {
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(130, 130, 130, 0.2) 100%
  );
  height: 204px;
  position: absolute;
  right: 0px;
  left: 0px;
  top: 0px;
  overflow: hidden;
}
.vector-2 {
  width: 77px;
  height: 0px;
  position: absolute;
  left: 955px;
  top: 115px;
  transform: translate(0px, -0.5px);
  overflow: visible;
}
.about-me {
  color: #000000;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  line-height: 150%;
  font-weight: 500;
  position: absolute;
  left: 955px;
  top: 69px;
  width: 77px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.group-21 {
  position: absolute;
  inset: 0;
}
.services {
  color: #000000;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  line-height: 150%;
  font-weight: 500;
  position: absolute;
  left: 1069px;
  top: 84px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.vector-3 {
  width: 77px;
  height: 0px;
  position: absolute;
  left: 1064px;
  top: 115px;
  overflow: visible;
}
.contacts {
  color: #000000;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  line-height: 150%;
  font-weight: 500;
  position: absolute;
  left: 1177px;
  top: 84px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.vector-4 {
  width: 78px;
  height: 0px;
  position: absolute;
  left: 1173px;
  top: 115px;
  transform: translate(0px, -0.5px);
  overflow: visible;
}
.logo-secondario-3 {
  width: 187.56px;
  height: 109.92px;
  position: absolute;
  left: 188.44px;
  top: 43.08px;
  aspect-ratio: 187.56/109.92;
}
.group-24 {
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.vector-1 {
  width: 1261px;
  height: 0px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 205px;
  overflow: visible;
}
.copy {
  display: grid;
  gap: 0px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 246px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
.button {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 150%;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  grid-column: 1 / span 1;
  grid-row: 2 / span 1;
}
.page-title {
  width: 877px;
  height: 73px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 285px;
}
.genealogy-research-services {
  color: #000000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 64px;
  letter-spacing: -0.02em;
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1022px;
}
.if-you-have-always-wanted-to-know-the-history-of-your-italian-family-but-don-t-know-where-to-start {
  color: rgba(0, 0, 0, 0.75);
  text-align: left;
  font-family: var(--subheading-font-family, "Inter-Regular", sans-serif);
  font-size: var(--subheading-font-size, 24px);
  line-height: var(--subheading-line-height, 150%);
  font-weight: var(--subheading-font-weight, 400);
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 390.33px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.group-6 {
  position: absolute;
  inset: 0;
}
.group-8 {
  width: 624px;
  height: 116px;
  position: static;
}
.uncover-your-family-history {
  color: #000000;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 48px;
  letter-spacing: -0.02em;
  font-weight: 600;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 1247px;
  width: 624px;
}
.group-4 {
  position: absolute;
  inset: 0;
}
.image {
  background: linear-gradient(to left, #f7f7f7, #f7f7f7);
  border-radius: 8px;
  width: 515px;
  height: 667px;
  position: absolute;
  right: 80px;
  top: 1845px;
  overflow: hidden;
  object-fit: cover;
}
.copy2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s, 24px);
  align-items: flex-start;
  justify-content: flex-start;
  width: 622.42px;
  height: 693px;
  position: absolute;
  left: 80px;
  top: 1852px;
}
.about-me2 {
  color: #000000;
  text-align: left;
  font-family: var(
    --m3-display-large-emphasized-font-family,
    "Roboto-Medium",
    sans-serif
  );
  font-size: var(--m3-display-large-emphasized-font-size, 57px);
  line-height: var(--m3-display-large-emphasized-line-height, 64px);
  letter-spacing: var(--m3-display-large-emphasized-letter-spacing, -0.25px);
  font-weight: var(--m3-display-large-emphasized-font-weight, 500);
  position: relative;
  align-self: stretch;
}
.letizia-lipari {
  color: #828282;
  text-align: left;
  font-family: var(--subheading-font-family, "Inter-Regular", sans-serif);
  font-size: var(--subheading-font-size, 24px);
  line-height: var(--subheading-line-height, 150%);
  font-weight: var(--subheading-font-weight, 400);
  position: relative;
  width: 682px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.paragraph {
  color: #000000;
  text-align: justified;
  font-family: var(--body-text-font-family, "Inter-Medium", sans-serif);
  font-size: var(--body-text-font-size, 20px);
  line-height: var(--body-text-line-height, 150%);
  font-weight: var(--body-text-font-weight, 500);
  position: relative;
  align-self: stretch;
}
.group-9 {
  position: absolute;
  inset: 0;
}
.logo-primario-1 {
  width: 285px;
  height: 285px;
  position: absolute;
  left: 121px;
  top: 1391px;
  object-fit: cover;
  aspect-ratio: 1;
}
.paragraph2 {
  color: #000000;
  text-align: justified;
  font-family: var(--body-text-font-family, "Inter-Medium", sans-serif);
  font-size: var(--body-text-font-size, 20px);
  line-height: var(--body-text-line-height, 150%);
  font-weight: var(--body-text-font-weight, 500);
  position: absolute;
  left: calc(50% - 203px);
  top: 1406px;
  width: 734px;
  height: 300px;
  display: flex;
  align-items: center;
}
.group-19 {
  position: absolute;
  inset: 0;
}
.blog {
  color: #000000;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 48px;
  letter-spacing: -0.02em;
  font-weight: 600;
  position: absolute;
  left: calc(50% - 640px);
  top: 4332px;
  width: 624px;
}
.card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 405px;
  position: absolute;
  left: 80px;
  top: 4438px;
}
.image2 {
  border-radius: 8px;
  align-self: stretch;
  flex-shrink: 0;
  height: 405px;
  position: relative;
  overflow: hidden;
  object-fit: cover;
}
.copy3 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: 381px;
  position: relative;
}
.subheading {
  color: #000000;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 150%;
  font-weight: 500;
  position: relative;
  align-self: stretch;
}
.body-text-for-whatever-you-d-like-to-add-more-to-the-subheading {
  color: #828282;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 150%;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.card2 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 405px;
  position: absolute;
  left: 517px;
  top: 4438px;
}
.body-text-for-whatever-you-d-like-to-expand-on-the-main-point {
  color: #828282;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 150%;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.card3 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 405px;
  position: absolute;
  left: 954px;
  top: 4438px;
}
.body-text-for-whatever-you-d-like-to-share-more {
  color: #828282;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 150%;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button2 {
  background: #000000;
  border-radius: 8px;
  padding: 20px 32px 20px 32px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 80px;
  top: 2607px;
  box-shadow: var(
    --button-shadow-box-shadow,
    0px 1px 2px 0px rgba(0, 0, 0, 0.05)
  );
}
.contacts2 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 150%;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button3 {
  background: #e6e6e6;
  border-radius: 8px;
  padding: 20px 32px 20px 32px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 267px;
  top: 2607px;
  box-shadow: var(
    --button-shadow-box-shadow,
    0px 1px 2px 0px rgba(0, 0, 0, 0.05)
  );
}
.services2 {
  color: var(--var-color-text, rgba(0, 0, 0, 0.9));
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 150%;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-1321317458 {
  width: 1440px;
  height: 1488px;
  position: absolute;
  left: 0px;
  top: 2796px;
  overflow: hidden;
}
.group-20 {
  position: absolute;
  inset: 0;
}
.group-13 {
  width: 624px;
  height: 58px;
  position: static;
}
.services3 {
  color: #000000;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 48px;
  letter-spacing: -0.02em;
  font-weight: 600;
  position: absolute;
  left: calc(50% - 630px);
  top: 5px;
  width: 624px;
}
.text {
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: flex-end;
  justify-content: flex-start;
  width: 516px;
  position: absolute;
  left: 80px;
  top: 90px;
}
.text2 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.genealogy-research {
  color: #000000;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 150%;
  font-weight: 500;
  position: relative;
  width: 515px;
}
.through-genealogy-research-we-can-uncover-your-family-history-going-back-through-generations-i-can-trace-your-family-tree-back-to-the-earliest-possible-ancestor-or-i-can-try-to-find-out-everything-about-that-mysterious-great-grandparent-you-ve-heard-so-much-about {
  color: #828282;
  text-align: justified;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 150%;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
}
.button4 {
  background: #000000;
  border-radius: 8px;
  padding: 12px 24px 12px 24px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 80px;
  top: 413px;
  box-shadow: var(
    --button-shadow-box-shadow,
    0px 1px 2px 0px rgba(0, 0, 0, 0.05)
  );
}
.learn-more {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 150%;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.image3 {
  background: linear-gradient(to left, #f7f7f7, #f7f7f7);
  border-radius: 8px;
  width: 43.33%;
  height: 400px;
  position: absolute;
  right: 4.93%;
  left: 51.74%;
  top: 73px;
  overflow: hidden;
  object-fit: cover;
}
.text3 {
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: flex-end;
  justify-content: flex-start;
  width: 516px;
  position: absolute;
  left: 80px;
  top: 1035px;
}
.subheading-transcription-and-translation {
  color: #000000;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 150%;
  font-weight: 500;
  position: relative;
  width: 515px;
}
.did-you-inherited-a-box-on-hand-written-old-italian-letters-and-don-t-know-how-to-decipher-them-i-can-help-you-with-that {
  color: #828282;
  text-align: justified;
  font-family: var(--rag-123-font-family, "Inter-Regular", sans-serif);
  font-size: var(--rag-123-font-size, 24px);
  line-height: var(--rag-123-line-height, 150%);
  font-weight: var(--rag-123-font-weight, 400);
  position: relative;
  width: 493px;
  display: flex;
  align-items: center;
}
.button5 {
  background: #000000;
  border-radius: 8px;
  padding: 12px 24px 12px 24px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 80px;
  top: 1357px;
  box-shadow: var(
    --button-shadow-box-shadow,
    0px 1px 2px 0px rgba(0, 0, 0, 0.05)
  );
}
.button6 {
  background: #e6e6e6;
  border-radius: 8px;
  padding: 12px 24px 12px 24px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 267px;
  top: 1357px;
  box-shadow: var(
    --button-shadow-box-shadow,
    0px 1px 2px 0px rgba(0, 0, 0, 0.05)
  );
}
.home {
  color: #000000;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 150%;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.image4 {
  background: linear-gradient(to left, #f7f7f7, #f7f7f7);
  border-radius: 8px;
  width: 43.33%;
  height: 400px;
  position: absolute;
  right: 4.93%;
  left: 51.74%;
  top: 1017px;
  overflow: hidden;
  object-fit: cover;
}
.group-18 {
  width: 516px;
  height: 381px;
  position: static;
}
.text4 {
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: flex-end;
  justify-content: flex-start;
  width: 516px;
  position: absolute;
  left: 843px;
  top: 560px;
}
.ancestry-tours {
  color: #000000;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 24px;
  line-height: 150%;
  font-weight: 500;
  position: relative;
  width: 515px;
}
.as-a-tour-guide-i-can-accompany-you-to-discover-your-ancestors-hometowns-you-ll-literally-walk-in-their-footsteps-discovering-the-traditions-and-culture-of-their-homeland-and-perhaps-meeting-living-relatives-you-never-knew-you-had {
  color: #828282;
  text-align: justified;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 150%;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
}
.button7 {
  background: #000000;
  border-radius: 8px;
  padding: 12px 24px 12px 24px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 853px;
  top: 881px;
  box-shadow: var(
    --button-shadow-box-shadow,
    0px 1px 2px 0px rgba(0, 0, 0, 0.05)
  );
}
.group-182 {
  width: 624px;
  height: 400px;
  position: static;
}
.image5 {
  background: linear-gradient(to left, #f7f7f7, #f7f7f7);
  border-radius: 8px;
  width: 43.33%;
  height: 400px;
  position: absolute;
  right: 51.11%;
  left: 5.56%;
  top: 541px;
  overflow: hidden;
  object-fit: cover;
}
.hero-image {
  border-radius: 8px;
  width: 1280px;
  height: 640px;
  position: absolute;
  left: calc(50% - 641px);
  top: calc(50% - 2948px);
  overflow-x: auto;
}
.group-242 {
  height: auto;
  position: absolute;
  left: 109px;
  top: 320px;
  overflow: visible;
}
.frame-1321317460 {
  width: 1440px;
  height: 1076px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 5127px;
  overflow: hidden;
}
.frame-96 {
  width: 1281px;
  height: 804px;
  position: absolute;
  left: calc(50% - 645px);
  top: 136px;
  overflow: hidden;
}
.frame-95 {
  display: flex;
  flex-direction: column;
  gap: 54px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 0px;
  top: 131px;
}
.frame-82 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.let-s-talk {
  color: #000000;
  text-align: left;
  font-family: var(--aaaaa-font-family, "Inter-SemiBold", sans-serif);
  font-size: var(--aaaaa-font-size, 48px);
  letter-spacing: var(--aaaaa-letter-spacing, -0.02em);
  font-weight: var(--aaaaa-font-weight, 600);
  position: relative;
}
.have-some-big-idea-or-brand-to-develop-and-need-help-then-reach-out-we-d-love-to-hear-about-your-project-and-provide-help {
  color: #828282;
  text-align: justified;
  font-family: var(--rag-123-font-family, "Inter-Regular", sans-serif);
  font-size: var(--rag-123-font-size, 24px);
  line-height: var(--rag-123-line-height, 150%);
  font-weight: var(--rag-123-font-weight, 400);
  position: relative;
  width: 538px;
}
.frame-81 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.email {
  color: #000000;
  text-align: left;
  font-family: var(--gggggg-font-family, "Inter-Medium", sans-serif);
  font-size: var(--gggggg-font-size, 24px);
  line-height: var(--gggggg-line-height, 150%);
  font-weight: var(--gggggg-font-weight, 500);
  position: relative;
}
.beebs-gmail-com {
  color: #000000;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}
.socials {
  color: #000000;
  text-align: left;
  font-family: var(--gggggg-font-family, "Inter-Medium", sans-serif);
  font-size: var(--gggggg-font-size, 24px);
  line-height: var(--gggggg-line-height, 150%);
  font-weight: var(--gggggg-font-weight, 500);
  position: relative;
}
.instagram {
  color: #000000;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: underline;
  position: relative;
}
.twitter {
  color: #000000;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: underline;
  position: relative;
}
.facebook {
  color: #000000;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: underline;
  position: relative;
}
.group-23 {
  position: absolute;
  inset: 0;
}
.frame-83 {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 663px;
  top: 39.5px;
}
.name {
  color: #000000;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: relative;
}
.rectangle-52 {
  background: #f7f7f7;
  flex-shrink: 0;
  width: 513px;
  height: 46px;
  position: relative;
}
.frame-84 {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 663px;
  top: 149.5px;
}
.email2 {
  color: #000000;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: relative;
}
.rectangle-522 {
  background: #f7f7f7;
  flex-shrink: 0;
  width: 512px;
  height: 46px;
  position: relative;
}
.frame-92 {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 563px;
  position: absolute;
  left: 663px;
  top: 259.5px;
}
.what-service-are-you-interested-in {
  color: #000000;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: relative;
}
.frame-90 {
  background: #f7f7f7;
  padding: 11px 16px 11px 16px;
  display: flex;
  flex-direction: row;
  gap: 366px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 512px;
  position: relative;
}
.select-project-type {
  color: #b2b2b2;
  text-align: left;
  font-family: "Poppins-Light", sans-serif;
  font-size: 14px;
  font-weight: 300;
  position: relative;
  width: 130px;
}
.frame-91 {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 563px;
  position: absolute;
  left: 663px;
  top: 369.5px;
}
.budget {
  color: #000000;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: relative;
}
.frame-902 {
  background: #f7f7f7;
  padding: 11px 52px 11px 16px;
  display: flex;
  flex-direction: row;
  gap: 349px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 515px;
  position: relative;
}
.select-project-budget {
  color: #b2b2b2;
  text-align: left;
  font-family: "Poppins-Light", sans-serif;
  font-size: 14px;
  font-weight: 300;
  position: relative;
}
.frame-87 {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 663px;
  top: 479.5px;
}
.message {
  color: #000000;
  text-align: left;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: relative;
}
.rectangle-523 {
  background: #f7f7f7;
  flex-shrink: 0;
  width: 513px;
  height: 165px;
  position: relative;
}
.frame-93 {
  background: #000000;
  border-radius: 8px;
  padding: 13px 246px 13px 246px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 515px;
  position: absolute;
  left: 661px;
  top: 709px;
  overflow: hidden;
}
.submit {
  color: #ffffff;
  text-align: left;
  font-family: "Poppins-Medium", sans-serif;
  font-size: 20px;
  font-weight: 500;
  position: relative;
}
.marchio-10-1 {
  width: 121px;
  height: 121px;
  position: absolute;
  left: calc(50% - 4px);
  top: 0px;
  object-fit: cover;
  aspect-ratio: 1;
}