.coming-soon {
  background-color: #ffffff;
  display: grid;
  justify-items: center;
  align-items: start;
  width: 100vw;
}

.coming-soon .div {
  background-color: var(--primitives-basic-white);
  overflow: hidden;
  width: 1440px;
  height: 1024px;
  position: relative;
}

.coming-soon .text-wrapper {
  position: absolute;
  width: 1446px;
  top: 1169px;
  left: -14px;
  opacity: 0.6;
  font-family: "General Sans-Medium", Helvetica;
  font-weight: 500;
  color: var(--semantic-section-background);
  font-size: 127px;
  letter-spacing: 0;
  line-height: 152.4px;
}

.coming-soon .frame {
  position: absolute;
  width: 782px;
  height: 1024px;
  top: 0;
  left: 640px;
}

.coming-soon .eiendom-accent {
  position: absolute;
  width: 180px;
  height: 30px;
  top: 51px;
  left: 83px;
  aspect-ratio: 6.07;
}

.coming-soon .frame-2 {
  display: flex;
  width: 520px;
  gap: 20px;
  position: absolute;
  top: 303px;
  left: 82px;
  flex-direction: column;
  align-items: flex-start;
}

.coming-soon .tag-label {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: var(--primitives-accent-500);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25.6px;
  white-space: nowrap;
}

.coming-soon .frame-wrapper {
  display: flex;
  gap: 70px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-start;
}

.coming-soon .content-wrapper {
  display: inline-flex;
  gap: 40px;
  position: relative;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-start;
}

.coming-soon .content {
  display: flex;
  flex-direction: column;
  width: 513px;
  align-items: flex-start;
  justify-content: center;
  gap: 60px;
  position: relative;
  flex: 0 0 auto;
}

.coming-soon .heading-and-badge {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.coming-soon .heading {
  position: relative;
  width: 513px;
  margin-top: -1.00px;
  font-family: var(--heading-h1-font-family);
  font-weight: var(--heading-h1-font-weight);
  color: var(--semantic-text-primary);
  font-size: var(--heading-h1-font-size);
  letter-spacing: var(--heading-h1-letter-spacing);
  line-height: var(--heading-h1-line-height);
  font-style: var(--heading-h1-font-style);
}

.coming-soon .frame-3 {
  display: flex;
  justify-content: center;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-start;
}

.coming-soon .tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 16px;
  position: relative;
  flex: 0 0 auto;
  background-color: #f2f2f2;
  border-radius: 40px;
}

.coming-soon .img {
  position: relative;
  width: 16px;
  height: 16px;
  aspect-ratio: 1;
}

.coming-soon .tag-label-2 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--body-small-font-family);
  font-weight: var(--body-small-font-weight);
  color: var(--semantic-text-secondary);
  font-size: var(--body-small-font-size);
  letter-spacing: var(--body-small-letter-spacing);
  line-height: var(--body-small-line-height);
  white-space: nowrap;
  font-style: var(--body-small-font-style);
}

.coming-soon .p {
  position: relative;
  width: 513px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--semantic-text-primary);
  font-size: 20px;
  letter-spacing: 0;
  line-height: 32.0px;
}