.group-icon,
.icon,
.sp-icon,
.vector-icon {
  position: absolute;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.sp-icon {
  height: 43.33%;
  width: 67.97%;
  top: 33.75%;
  right: 32.03%;
  bottom: 22.92%;
  left: 0;
}
.group-icon,
.icon,
.vector-icon {
  top: 0;
}
.icon {
  height: calc(100% - 1.9px);
  width: 51.96%;
  right: 0;
  bottom: 1.9px;
  left: 48.04%;
  z-index: 1;
}
.group-icon,
.vector-icon {
  height: 100%;
  width: 81.82%;
  right: 18.18%;
  bottom: 0;
  left: 0;
}
.vector-icon {
  height: 9.26%;
  width: 13.59%;
  top: 42.59%;
  right: -0.1%;
  bottom: 48.15%;
  left: 86.51%;
}
.tag {
  position: absolute;
  height: 7.5%;
  width: 67.64%;
  top: 92.5%;
  right: 31.69%;
  bottom: 0;
  left: 0.68%;
  z-index: 2;
}
.sp-parent {
  height: 72px;
  flex: 1;
  position: relative;
}
.logo {
  width: 148px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.new-launch {
  position: relative;
  display: inline-block;
  min-width: 81px;
  white-space: nowrap;
}
.new-launch-wrapper {
  border-radius: var(--br-7xs);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-3xs);
}
.property-type {
  position: relative;
  display: inline-block;
  min-width: 90px;
  white-space: nowrap;
}
.grandparents-icon {
  width: 12px;
  height: 7.4px;
  position: relative;
}
.property-type-parent,
.siblings {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs-8) 0 0;
}
.property-type-parent {
  border-radius: var(--br-7xs);
  flex-direction: row;
  padding: var(--padding-3xs);
  gap: var(--gap-3xs);
}
.cities {
  position: relative;
  display: inline-block;
  min-width: 38px;
}
.vector-icon1 {
  width: 12px;
  height: 7.4px;
  position: relative;
}
.cities-parent,
.vector-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs-8) 0 0;
}
.cities-parent {
  border-radius: var(--br-7xs);
  flex-direction: row;
  padding: var(--padding-3xs);
  gap: var(--gap-3xs);
}
.home-interiors {
  position: relative;
  display: inline-block;
  min-width: 101px;
  white-space: nowrap;
}
.aunts-once-remove {
  width: 12px;
  height: 7.4px;
  position: relative;
}
.nephews,
.uncles-once-remove {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs-8) 0 0;
}
.nephews {
  border-radius: var(--br-7xs);
  flex-direction: row;
  padding: var(--padding-3xs);
  gap: var(--gap-3xs);
  color: var(--gold-600);
}
.about {
  position: relative;
  display: inline-block;
  min-width: 41px;
}
.about-wrapper {
  border-radius: var(--br-7xs);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-3xs);
}
.contact-us {
  position: relative;
  display: inline-block;
  min-width: 71px;
  white-space: nowrap;
}
.contact-us-wrapper,
.cousin-once-remove {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.contact-us-wrapper {
  border-radius: var(--br-7xs);
  padding: var(--padding-3xs);
}
.cousin-once-remove {
  align-self: stretch;
  gap: 23.2px;
}
.cousin-once-remove-wrapper,
.header,
.logo-parent {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.cousin-once-remove-wrapper {
  width: 724px;
  flex-direction: column;
  justify-content: flex-start;
  padding: 14.5px 0 0;
  box-sizing: border-box;
}
.header,
.logo-parent {
  flex-direction: row;
}
.logo-parent {
  flex: 1;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.header {
  margin-left: -1px;
  align-self: stretch;
  background-color: var(--black-800);
  justify-content: flex-start;
  padding: 4px var(--padding-61xl);
  box-sizing: border-box;
  top: 0;
  z-index: 99;
  position: sticky;
  text-align: left;
  font-size: var(--jost-font-text-md-regular-size);
  color: var(--color-white);
  font-family: var(--jost-font-text-md-regular);
}
.extended-family-icon {
  height: 15.8px;
  width: 15.8px;
  position: relative;
}
.family-tree {
  width: 36px;
  height: 36px;
  border-radius: 50px;
  background-color: rgba(206, 206, 206, 0.3);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-3xs);
  box-sizing: border-box;
  cursor: pointer;
}
.blank-line,
.create {
  margin: 0;
  font-weight: 600;
}
.interior-design1 {
  letter-spacing: 0.15em;
}
.interior-design {
  margin: 0;
  font-size: var(--jost-font-display-md-semibold-size);
}
.blank-line3 {
  letter-spacing: 0.3em;
}
.blank-line2 {
  font-weight: 600;
}
.blank-line1 {
  margin: 0;
}
.for-your-home-with1 {
  font-weight: 600;
}
.for-your-home-with {
  margin: 0;
}
.blank-line5 {
  font-weight: 600;
}
.blank-line4 {
  margin: 0;
}
.space-properties1 {
  letter-spacing: 0.15em;
}
.space-properties {
  margin: 0;
  font-size: var(--jost-font-display-md-semibold-size);
}
.create-interior-design-container {
  align-self: stretch;
  height: 224px;
  position: relative;
  line-height: 108.51%;
  display: flex;
  align-items: center;
}
.book-free-design {
  position: relative;
  font-weight: 600;
}
.merging-tree-icon {
  height: 16px;
  width: 18px;
  position: relative;
}
.siblings-cousins {
  border-radius: var(--br-5xs);
  background-color: var(--color-chocolate-100);
  border: 1px solid var(--gold-600);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-3xs) 9px;
  gap: var(--gap-3xs);
  white-space: nowrap;
}
.contact-us1 {
  position: relative;
  font-size: var(--font-size-lg);
  font-weight: 600;
  font-family: var(--jost-font-text-md-regular);
  color: var(--color-white);
  text-align: left;
  display: inline-block;
  min-width: 88px;
}
.contact-us-container {
  cursor: pointer;
  border: 0;
  padding: var(--padding-3xs);
  background-color: var(--gold-600);
  border-radius: var(--br-5xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.contact-us-container:hover,
.input-filter:hover {
  background-color: var(--color-darkorange-100);
}
.ancestor-descendants {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-13xl);
  max-width: 100%;
  font-size: var(--font-size-lg);
}
.create-interior-design-for-you-parent,
.frame-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.create-interior-design-for-you-parent {
  align-self: stretch;
  justify-content: center;
  gap: 76px;
  flex-shrink: 0;
  debug_commit: f6aba90;
}
.frame-wrapper {
  width: 443px;
  justify-content: flex-start;
  padding: 93px 0 0;
  box-sizing: border-box;
  max-width: 100%;
}
.icon1 {
  height: 136.1px;
  width: 130.1px;
  position: relative;
  object-fit: contain;
  flex-shrink: 0;
  debug_commit: f6aba90;
}
.frame-parent,
.progeny-tree,
.progeny-tree-inner {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.frame-parent {
  flex: 1;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.progeny-tree,
.progeny-tree-inner {
  justify-content: flex-start;
  box-sizing: border-box;
}
.progeny-tree-inner {
  width: 796.1px;
  flex-direction: row;
  padding: 0 68px;
}
.progeny-tree {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #1c3543;
  width: 850px;
  overflow: hidden;
  flex-direction: column;
  padding: var(--padding-xs) var(--padding-xs) 66px;
}
.descendant-descendants-icon {
  position: absolute;
  top: 310px;
  left: 339px;
  width: 130.1px;
  height: 136.1px;
  object-fit: contain;
}
.f3adfc35a96de1f2369e2b49fd656e-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 442px;
  height: 419px;
  object-fit: cover;
  z-index: 1;
}
.ancestor-ancestors {
  position: absolute;
  top: 68px;
  left: 629px;
  width: 469.1px;
  height: 446.1px;
}
.ancestry-tree {
  height: 553px;
  flex: 1;
  position: relative;
  background-color: var(--color-whitesmoke-100);
  overflow: hidden;
  max-width: 100%;
}
.whatsapp-icon {
  height: 60px;
  width: 60px;
  position: absolute;
  margin: 0 !important;
  right: 24px;
  bottom: -43px;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 1;
}
.cousin-twice-remove {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 var(--padding-13xl);
  box-sizing: border-box;
  position: relative;
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-5xl);
  color: var(--color-white);
  font-family: var(--jost-font-text-md-regular);
}
.reasons-to-utilize {
  position: relative;
  font-weight: 600;
}
.nested-graph {
  align-self: stretch;
  border-bottom: 1px solid var(--color-lightgray-100);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-5xl) var(--padding-base);
}
.group-icon1 {
  width: 60px;
  height: 60px;
  position: relative;
}
.warrenty {
  position: relative;
  font-weight: 500;
  display: inline-block;
  min-width: 96px;
}
.we-offer-a {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-sm);
  color: var(--black-600);
  text-align: center;
}
.branching-chain,
.complex-graph {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.complex-graph {
  align-self: stretch;
  gap: var(--gap-9xs);
}
.branching-chain {
  flex: 1;
  border-radius: var(--br-5xs);
  background-color: var(--color-white);
  padding: var(--padding-13xl);
  box-sizing: border-box;
  gap: var(--gap-5xl);
  min-width: 199px;
  max-width: 243px;
}
.ouline-icon {
  width: 60px;
  height: 60px;
  position: relative;
}
.best-quality {
  position: relative;
  font-weight: 500;
  display: inline-block;
  min-width: 120px;
}
.we-utilize-premium {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-sm);
  color: var(--black-600);
  text-align: center;
}
.best-quality-parent,
.branching-chain1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.best-quality-parent {
  align-self: stretch;
  gap: var(--gap-9xs);
}
.branching-chain1 {
  flex: 1;
  border-radius: var(--br-5xs);
  background-color: var(--color-white);
  padding: var(--padding-13xl);
  box-sizing: border-box;
  gap: var(--gap-5xl);
  min-width: 199px;
  max-width: 243px;
}
.noun-145703-cc-icon {
  width: 60px;
  height: 60px;
  position: relative;
  object-fit: cover;
}
.on-time-delivery {
  position: relative;
  font-weight: 500;
}
.we-guarantee-that {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-sm);
  color: var(--black-600);
  text-align: center;
}
.branching-chain2,
.on-time-delivery-parent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.on-time-delivery-parent {
  align-self: stretch;
  gap: var(--gap-9xs);
}
.branching-chain2 {
  flex: 1;
  border-radius: var(--br-5xs);
  background-color: var(--color-white);
  padding: var(--padding-13xl);
  box-sizing: border-box;
  gap: var(--gap-5xl);
  min-width: 199px;
  max-width: 243px;
}
.group-7923-icon {
  width: 60px;
  height: 60px;
  position: relative;
}
.support {
  position: relative;
  font-weight: 500;
  display: inline-block;
  min-width: 126px;
}
.we-offer-our {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-sm);
  color: var(--black-600);
  text-align: center;
}
.branching-chain3,
.support-parent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.support-parent {
  align-self: stretch;
  gap: var(--gap-9xs);
}
.branching-chain3 {
  flex: 1;
  border-radius: var(--br-5xs);
  background-color: var(--color-white);
  padding: var(--padding-13xl);
  box-sizing: border-box;
  gap: var(--gap-5xl);
  min-width: 199px;
  max-width: 243px;
}
.siblings-cousins-chain {
  width: 1108px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  gap: var(--gap-13xl);
  max-width: 100%;
  font-size: var(--font-size-lg);
  color: var(--gold-600);
}
.contact-now {
  position: relative;
  font-size: var(--font-size-lg);
  font-weight: 600;
  font-family: var(--jost-font-text-md-regular);
  color: var(--color-white);
  text-align: left;
  display: inline-block;
  min-width: 101px;
}
.input-filter {
  cursor: pointer;
  border: 0;
  padding: var(--padding-3xs);
  background-color: var(--gold-600);
  border-radius: var(--br-5xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.disconnected-graph-child {
  width: 60px;
  height: 60px;
  position: absolute;
  margin: 0 !important;
  top: 83px;
  right: -56px;
  cursor: pointer;
  z-index: 1;
}
.disconnected-graph {
  align-self: stretch;
  border-radius: var(--br-5xs);
  background-color: var(--color-whitesmoke-100);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 var(--padding-base);
  box-sizing: border-box;
  position: relative;
  gap: var(--gap-base);
  max-width: 100%;
}
.and-confidence,
.our-work {
  margin: 0;
  white-space: pre-wrap;
}
.our-work-process-container {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 500;
  font-family: inherit;
}
.concept {
  position: relative;
  font-size: var(--font-size-5xl);
  font-weight: 500;
  font-family: var(--jost-font-text-md-regular);
  color: var(--black-800);
  text-align: left;
  display: inline-block;
  min-width: 89px;
}
.concept-wrapper {
  cursor: pointer;
  border: 1px solid var(--gold-600);
  padding: var(--padding-3xs) var(--padding-xl);
  background-color: var(--color-chocolate-100);
  align-self: stretch;
  border-radius: var(--br-xs);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  z-index: 1;
}
.concept-wrapper:hover {
  background-color: rgba(245, 130, 28, 0.1);
  border: 1px solid var(--color-darkorange-100);
  box-sizing: border-box;
}
.plan {
  position: relative;
  font-size: var(--font-size-5xl);
  font-weight: 500;
  font-family: var(--jost-font-text-md-regular);
  color: var(--black-800);
  text-align: left;
  display: inline-block;
  min-width: 45px;
}
.plan-wrapper {
  cursor: pointer;
  border: 1px solid var(--color-lightgray-100);
  padding: var(--padding-3xs) var(--padding-xl);
  background-color: var(--color-whitesmoke-100);
  align-self: stretch;
  border-radius: var(--br-xs);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  z-index: 1;
}
.build-wrapper:hover,
.delivery-wrapper:hover,
.design-wrapper:hover,
.plan-wrapper:hover {
  background-color: var(--color-gainsboro-100);
  border: 1px solid var(--color-silver);
  box-sizing: border-box;
}
.spanswiper-pagination-progres {
  height: 47.6px;
  width: 2.2px;
  position: relative;
  background-color: var(--color-darkorange-200);
}
.divswiper-pagination {
  margin: 0 !important;
  position: absolute;
  bottom: -147px;
  left: calc(50% - 1.1px);
  background-color: #e0e0e0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 2.1px 0 249.8px;
}
.design {
  position: relative;
  font-size: var(--font-size-5xl);
  font-weight: 500;
  font-family: var(--jost-font-text-md-regular);
  color: var(--black-800);
  text-align: left;
  display: inline-block;
  min-width: 74px;
}
.design-wrapper,
.divswiper-pagination-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.design-wrapper {
  cursor: pointer;
  border: 1px solid var(--color-lightgray-100);
  padding: var(--padding-3xs) var(--padding-xl);
  background-color: var(--color-whitesmoke-100);
  flex: 1;
  border-radius: var(--br-xs);
  justify-content: center;
  z-index: 1;
}
.divswiper-pagination-parent {
  align-self: stretch;
  justify-content: flex-start;
  position: relative;
}
.build {
  position: relative;
  font-size: var(--font-size-5xl);
  font-weight: 500;
  font-family: var(--jost-font-text-md-regular);
  color: var(--black-800);
  text-align: left;
  display: inline-block;
  min-width: 54px;
}
.build-wrapper {
  cursor: pointer;
  border: 1px solid var(--color-lightgray-100);
  padding: var(--padding-3xs) var(--padding-xl);
  background-color: var(--color-whitesmoke-100);
  align-self: stretch;
  border-radius: var(--br-xs);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  z-index: 1;
}
.delivery {
  position: relative;
  font-size: var(--font-size-5xl);
  font-weight: 500;
  font-family: var(--jost-font-text-md-regular);
  color: var(--black-800);
  text-align: left;
  display: inline-block;
  min-width: 87px;
}
.delivery-wrapper,
.group-div {
  display: flex;
  align-items: flex-start;
}
.delivery-wrapper {
  cursor: pointer;
  border: 1px solid var(--color-lightgray-100);
  padding: var(--padding-3xs) var(--padding-xl);
  background-color: var(--color-whitesmoke-100);
  align-self: stretch;
  border-radius: var(--br-xs);
  flex-direction: row;
  justify-content: center;
  z-index: 1;
}
.group-div {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  left: calc(50% - 142px);
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-xl);
}
.list-item {
  border-radius: 51px;
  background-color: #f9f8f8;
  border: 1px solid var(--color-darkorange-200);
  box-sizing: border-box;
}
.list-item,
.list-item-wrapper,
.list-item1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.list-item1 {
  height: 34.44%;
  width: 36.67%;
  top: 31.11%;
  right: 32.22%;
  bottom: 34.44%;
  left: 31.11%;
  border-radius: 3.5px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  z-index: 1;
}
.frame-parent1 {
  position: absolute;
  top: 59px;
  left: 137.2px;
  width: 9px;
  height: 9px;
  z-index: 2;
}
.frame-container {
  align-self: stretch;
  height: 355px;
  position: relative;
}
.our-work-process-and-confidenc-parent {
  width: 296px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xs) 0 0;
  box-sizing: border-box;
  gap: var(--gap-base);
}
.logic-gate-child,
.logic-gate-item {
  align-self: stretch;
  height: 224px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.logic-gate-item {
  height: 223px;
}
.logic-gate,
.logic-gate-icon {
  flex: 1;
  max-width: 100%;
  min-width: 247px;
}
.logic-gate {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-base);
}
.logic-gate-icon {
  height: 463px;
  position: relative;
  overflow: hidden;
  object-fit: cover;
  min-height: 463px;
}
.frame-group {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-base);
  max-width: 100%;
}
.connected-graph-inner {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-base);
  box-sizing: border-box;
  font-size: var(--font-size-13xl);
  color: var(--color-black);
}
.connected-graph,
.connected-graph-inner,
.rooted-graph {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.connected-graph {
  flex: 1;
  flex-direction: column;
  gap: 48px;
}
.rooted-graph {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-61xl) 48px;
  box-sizing: border-box;
  text-align: left;
  font-size: var(--font-size-5xl);
  color: var(--black-800);
  font-family: var(--jost-font-text-md-regular);
}
.our-recent-project {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 600;
  font-family: inherit;
}
.our-recent-project-wrapper {
  align-self: stretch;
  border-bottom: 1px solid var(--color-lightgray-100);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-5xl) var(--padding-xl);
}
.wall-416060-1280-3-icon {
  width: 150px;
  height: 150px;
  position: relative;
  border-radius: var(--br-base);
  object-fit: cover;
  flex-shrink: 0;
  debug_commit: f6aba90;
}
.wall-416060-1280-3-wrapper {
  height: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.interior-design-4467768-1280-4-icon {
  width: 150px;
  height: 150px;
  position: relative;
  border-radius: var(--br-base);
  object-fit: cover;
  flex-shrink: 0;
  debug_commit: f6aba90;
}
.interior-design-4467768-1280-4-wrapper {
  height: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.living-room {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 600;
  font-family: inherit;
}
.living-room-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 70px;
}
.we-designed-more {
  position: relative;
  font-size: var(--font-size-lg);
}
.frame-parent4 {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-11xs);
  flex-shrink: 0;
  debug_commit: f6aba90;
}
.frame-parent4,
.tv-unit,
.tv-unit-wrapper {
  align-self: stretch;
  display: flex;
}
.tv-unit {
  margin: 0;
  width: 81px;
  position: relative;
  font-size: inherit;
  font-weight: 600;
  font-family: inherit;
  align-items: center;
}
.tv-unit-wrapper {
  flex: 1;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.we-designed-more1 {
  align-self: stretch;
  height: 26px;
  position: relative;
  font-size: var(--font-size-lg);
  display: flex;
  align-items: center;
}
.frame-parent5 {
  align-self: stretch;
  height: 63px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-11xs);
  flex-shrink: 0;
  debug_commit: f6aba90;
}
.bed-rooom,
.bed-rooom-wrapper {
  align-self: stretch;
  flex: 1;
  display: flex;
}
.bed-rooom {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 600;
  font-family: inherit;
  align-items: center;
}
.bed-rooom-wrapper {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 74px;
}
.we-designed-more2 {
  align-self: stretch;
  height: 26px;
  position: relative;
  font-size: var(--font-size-lg);
  display: flex;
  align-items: center;
}
.frame-parent6 {
  align-self: stretch;
  height: 63px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-11xs);
  flex-shrink: 0;
  debug_commit: f6aba90;
}
.pooja-room,
.pooja-room-wrapper {
  align-self: stretch;
  flex: 1;
  display: flex;
}
.pooja-room {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 600;
  font-family: inherit;
  align-items: center;
}
.pooja-room-wrapper {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 75px;
}
.we-designed-more3 {
  align-self: stretch;
  height: 26px;
  position: relative;
  font-size: var(--font-size-lg);
  display: flex;
  align-items: center;
}
.frame-parent7 {
  height: 63px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-11xs);
  flex-shrink: 0;
  debug_commit: f6aba90;
}
.frame-parent7,
.wardrobe,
.wardrobe-wrapper {
  align-self: stretch;
  display: flex;
}
.wardrobe {
  margin: 0;
  width: 110px;
  position: relative;
  font-size: inherit;
  font-weight: 600;
  font-family: inherit;
  align-items: center;
}
.wardrobe-wrapper {
  flex: 1;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.we-designed-more4 {
  align-self: stretch;
  height: 26px;
  position: relative;
  font-size: var(--font-size-lg);
  display: flex;
  align-items: center;
}
.frame-parent8 {
  height: 63px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-11xs);
  flex-shrink: 0;
  debug_commit: f6aba90;
}
.frame-parent8,
.kitchen,
.kitchen-wrapper {
  align-self: stretch;
  display: flex;
}
.kitchen {
  margin: 0;
  width: 82px;
  position: relative;
  font-size: inherit;
  font-weight: 600;
  font-family: inherit;
  align-items: center;
}
.kitchen-wrapper {
  flex: 1;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.we-designed-more5 {
  align-self: stretch;
  height: 26px;
  position: relative;
  font-size: var(--font-size-lg);
  display: flex;
  align-items: center;
}
.frame-parent9 {
  align-self: stretch;
  height: 63px;
  flex-direction: column;
  gap: var(--gap-11xs);
  flex-shrink: 0;
  debug_commit: f6aba90;
}
.frame-parent3,
.frame-parent9,
.frame-wrapper1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-parent3 {
  height: 63px;
  flex: 1;
  overflow: hidden;
  flex-direction: column;
  gap: 8px;
}
.frame-wrapper1 {
  align-self: stretch;
  flex-direction: row;
  padding: 0 38px;
}
.hou1-1-6 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-base);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.frame-parent2,
.hou1-1-7 {
  flex-shrink: 0;
  debug_commit: f6aba90;
}
.frame-parent2 {
  align-self: stretch;
  width: 350px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 36px;
}
.hou1-1-7 {
  width: 150px;
  height: 150px;
  position: relative;
  border-radius: var(--br-base);
  object-fit: cover;
}
.hou1-1-7-wrapper {
  height: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.hou1-2-5 {
  width: 150px;
  height: 150px;
  position: relative;
  border-radius: var(--br-base);
  object-fit: cover;
  flex-shrink: 0;
  debug_commit: f6aba90;
}
.hou1-2-5-wrapper {
  height: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.kitchen-2565105-1280-6-icon {
  height: 150px;
  width: 150px;
  position: relative;
  border-radius: var(--br-base);
  object-fit: cover;
  flex-shrink: 0;
  debug_commit: f6aba90;
}
.wall-416060-1280-4-icon {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-base);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  z-index: 1;
}
.component-32-inner,
.kitchen-2565105-1280-6-parent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.kitchen-2565105-1280-6-parent {
  flex-direction: row;
  position: relative;
}
.component-32-inner {
  height: 250px;
  flex-direction: column;
}
.interior-design-4467768-1280-5-icon {
  width: 150px;
  height: 150px;
  position: relative;
  border-radius: var(--br-base);
  object-fit: cover;
  flex-shrink: 0;
  debug_commit: f6aba90;
}
.interior-design-4467768-1280-5-wrapper {
  height: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.kitchen-2565105-1280-6-icon1 {
  width: 150px;
  height: 150px;
  position: relative;
  border-radius: var(--br-base);
  object-fit: cover;
  flex-shrink: 0;
  debug_commit: f6aba90;
}
.kitchen-2565105-1280-6-wrapper {
  height: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.wall-416060-1280-5-icon {
  width: 150px;
  height: 150px;
  position: relative;
  border-radius: var(--br-base);
  object-fit: cover;
  flex-shrink: 0;
  debug_commit: f6aba90;
}
.wall-416060-1280-5-wrapper {
  height: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.interior-design-4467768-1280-6-icon {
  width: 150px;
  height: 150px;
  position: relative;
  border-radius: var(--br-base);
  object-fit: cover;
  flex-shrink: 0;
  debug_commit: f6aba90;
}
.interior-design-4467768-1280-6-wrapper {
  height: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.component-32 {
  margin-left: -2.5px;
  width: 1282.5px;
  flex: 1;
  background-color: var(--color-black);
  overflow-x: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  padding: var(--padding-base) 39px 36px;
  box-sizing: border-box;
  gap: 64px;
  max-width: 100%;
  color: var(--color-white);
}
.contact-designer {
  position: relative;
  font-size: var(--font-size-lg);
  font-weight: 600;
  font-family: var(--jost-font-text-md-regular);
  color: var(--color-white);
  text-align: left;
}
.contact-designer-wrapper,
.frame-wrapper2 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.contact-designer-wrapper {
  cursor: pointer;
  border: 0;
  padding: var(--padding-3xs);
  background-color: var(--gold-600);
  border-radius: var(--br-5xs);
  justify-content: flex-start;
  white-space: nowrap;
}
.contact-designer-wrapper:hover {
  background-color: var(--color-darkorange-100);
}
.frame-wrapper2 {
  align-self: stretch;
  justify-content: center;
  padding: 0 var(--padding-xl);
}
.frame-div,
.macbook-air-48-inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.frame-div {
  align-self: stretch; /* Optional: this is used to make the div stretch to fill the cross-axis */
  width: 100%; /* Make the div take the full width of its parent */
  border-radius: var(--br-5xs);
  background-color: var(--color-whitesmoke-100);
  display: flex; /* Ensure Flexbox is applied */
  flex-direction: column;
  padding: 0 var(--padding-base); /* Adjust padding as needed */
  gap: var(--gap-base);
  box-sizing: border-box; /* Ensure padding is included in width calculation */
}
.frame-div > * {
  width: 100%; /* This will make child elements stretch to fill the width of .frame-div */
}

.macbook-air-48-inner {
  height: 710px; /* Adjust as necessary */
  width: 100%;
  display: flex; /* Ensure Flexbox is applied */
  flex-direction: row;
  padding: 0; /* Adjust padding as needed */
  text-align: left;
  font-size: var(--font-size-5xl);
  color: var(--black-800);
  font-family: var(--jost-font-text-md-regular);
  box-sizing: border-box; /* Include padding and border in element’s total width and height */
}

.macbook-air-48-inner > * {
  flex: 1; /* Or use a specific value if needed */
}

.heading-2 {
  margin: 0;
  width: 384px;
  position: relative;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}
.full-home {
  align-self: stretch;
  position: relative;
  font-weight: 500;
  display: inline-block;
  min-width: 76px;
}
.full-home-wrapper {
  width: 76px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  color: var(--gold-600);
}
.living-room1 {
  align-self: stretch;
  position: relative;
  font-weight: 500;
  display: inline-block;
  min-width: 93px;
}
.living-room-container {
  width: 93px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.kitchen1 {
  align-self: stretch;
  position: relative;
  font-weight: 500;
  display: inline-block;
  min-width: 58px;
}
.kitchen-container {
  width: 58px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.pooja-room1 {
  align-self: stretch;
  position: relative;
  font-weight: 500;
  display: inline-block;
  min-width: 91px;
}
.pooja-room-container {
  width: 91px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.outdoor {
  align-self: stretch;
  position: relative;
  font-weight: 500;
  display: inline-block;
  min-width: 69px;
}
.outdoor-wrapper {
  width: 69px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.wardrobe1 {
  align-self: stretch;
  position: relative;
  font-weight: 500;
  display: inline-block;
  min-width: 77px;
}
.wardrobe-container {
  width: 77px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.bedroom {
  align-self: stretch;
  position: relative;
  font-weight: 500;
  display: inline-block;
  min-width: 69px;
}
.bedroom-wrapper {
  width: 69px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.frame-parent11 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--padding-base);
  gap: var(--gap-xl);
  font-size: var(--font-size-sm);
  color: var(--black-800);
}
.heading-2-home-loan-calculat-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  box-sizing: border-box;
  gap: var(--gap-13xl);
  max-width: 100%;
}
.branching-decision-icon,
.data-aggregator-icon,
.input-processor-icon {
  align-self: stretch;
  position: relative;
  max-height: 100%;
  overflow: hidden;
  object-fit: cover;
  min-height: 293px;
}
.data-aggregator-icon {
  flex: 1;
  max-width: 100%;
  min-width: 382px;
}
.branching-decision-icon,
.input-processor-icon {
  width: 252px;
  flex-shrink: 0;
}
.input-processor-icon {
  width: 250px;
}
.data-aggregator-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 2px 0 0;
  box-sizing: border-box;
  gap: var(--gap-sm);
  max-width: 100%;
}
.frame-child {
  width: 252px;
  flex-shrink: 0;
}
.frame-child,
.frame-inner,
.frame-item {
  align-self: stretch;
  position: relative;
  max-height: 100%;
  overflow: hidden;
  object-fit: cover;
  min-height: 293px;
}
.frame-item {
  flex: 1;
  max-width: 100%;
  min-width: 382px;
}
.frame-inner {
  width: 252px;
  flex-shrink: 0;
}
.frame-parent13 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-sm);
  max-width: 100%;
}
.frame-child1,
.frame-child2,
.frame-icon {
  align-self: stretch;
  position: relative;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  min-height: 293px;
}
.frame-child1,
.frame-icon {
  width: 252px;
  flex-shrink: 0;
}
.frame-child2 {
  flex: 1;
  max-width: 100%;
  min-width: 382px;
}
.frame-parent14 {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap-sm);
}
.frame-parent10,
.frame-parent12,
.frame-parent14,
.macbook-air-48-child {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.frame-parent12 {
  align-self: stretch;
  flex-direction: column;
  gap: var(--gap-base);
}
.frame-parent10,
.macbook-air-48-child {
  box-sizing: border-box;
}
.frame-parent10 {
  flex: 1;
  background-color: var(--color-whitesmoke-100);
  flex-direction: column;
  padding: var(--padding-base) 0;
  gap: var(--gap-13xl);
}
.macbook-air-48-child {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-61xl) var(--padding-13xl);
  text-align: center;
  font-size: var(--font-size-13xl);
  color: #333;
  font-family: var(--jost-font-text-md-regular);
}
.explore-our-home {
  margin: 0;
  height: 35px;
  position: relative;
  font-size: inherit;
  text-decoration: underline;
  font-weight: 600;
  font-family: inherit;
  white-space: pre-wrap;
  display: inline-block;
}
.sequence-controller {
  align-self: stretch;
  background-color: var(--color-black);
  border-bottom: 1px solid var(--color-lightgray-100);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-5xl) var(--padding-xl);
}
.data-splitter-icon {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xs) var(--br-5xs) 0 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.living-room2 {
  position: relative;
  font-size: var(--jost-font-text-xl-medium-size);
  font-weight: 500;
  font-family: var(--jost-font-text-md-regular);
  color: var(--color-black);
  text-align: left;
  display: inline-block;
  min-width: 109px;
}
.data-joiner-child {
  height: 22.1px;
  width: 24px;
  position: relative;
}
.data-joiner {
  cursor: pointer;
  border: 0;
  padding: var(--padding-5xs) 43px var(--padding-12xs-4);
  background-color: var(--color-whitesmoke-100);
  height: 45px;
  border-radius: 0 0 var(--br-5xs) var(--br-5xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  gap: var(--gap-3xl);
  white-space: nowrap;
}
.data-comparator:hover,
.data-joiner:hover,
.data-stack:hover,
.data-validator:hover,
.kitchen-parent:hover,
.open-space-parent:hover,
.pooja-room-parent:hover,
.wardrobe-parent:hover {
  background-color: var(--color-gainsboro-100);
}
.data-transformer {
  height: 329px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.data-deleter-icon {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xs) var(--br-5xs) 0 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.tv-unit1 {
  position: relative;
  font-size: var(--jost-font-text-xl-medium-size);
  font-weight: 500;
  font-family: var(--jost-font-text-md-regular);
  color: var(--color-black);
  text-align: left;
  display: inline-block;
  min-width: 64px;
}
.data-validator-child {
  height: 22.1px;
  width: 24px;
  position: relative;
}
.data-validator {
  cursor: pointer;
  border: 0;
  padding: var(--padding-5xs) 65.5px var(--padding-12xs-4);
  background-color: var(--color-whitesmoke-100);
  height: 45px;
  border-radius: 0 0 var(--br-5xs) var(--br-5xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  gap: var(--gap-3xl);
  white-space: nowrap;
}
.data-updater {
  height: 329px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.data-splitter-x {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xs) var(--br-5xs) 0 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.bedroom1 {
  position: relative;
  font-size: var(--jost-font-text-xl-medium-size);
  font-weight: 500;
  font-family: var(--jost-font-text-md-regular);
  color: var(--color-black);
  text-align: left;
  display: inline-block;
  min-width: 81px;
}
.data-comparator-child {
  height: 22.1px;
  width: 24px;
  position: relative;
}
.data-comparator {
  cursor: pointer;
  border: 0;
  padding: var(--padding-5xs) 57px var(--padding-12xs-4);
  background-color: var(--color-whitesmoke-100);
  height: 45px;
  border-radius: 0 0 var(--br-5xs) var(--br-5xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  gap: var(--gap-3xl);
}
.data-combiner {
  height: 329px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.data-queue-icon {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xs) var(--br-5xs) 0 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.dinning {
  position: relative;
  font-size: var(--jost-font-text-xl-medium-size);
  font-weight: 500;
  font-family: var(--jost-font-text-md-regular);
  color: var(--color-black);
  text-align: left;
  display: inline-block;
  min-width: 70px;
}
.data-stack-child {
  height: 22.1px;
  width: 24px;
  position: relative;
}
.data-stack {
  cursor: pointer;
  border: 0;
  padding: var(--padding-5xs) 62.5px var(--padding-12xs-4);
  background-color: var(--color-whitesmoke-100);
  height: 45px;
  border-radius: 0 0 var(--br-5xs) var(--br-5xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  gap: var(--gap-3xl);
}
.data-connector,
.data-distributor {
  align-items: flex-start;
  justify-content: flex-start;
}
.data-distributor {
  height: 329px;
  display: flex;
  flex-direction: column;
}
.data-connector {
  align-self: stretch;
  display: grid;
  flex-direction: row;
  gap: var(--gap-31xl);
  grid-template-columns: repeat(4, minmax(181px, 1fr));
}
.frame-child3 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xs) var(--br-5xs) 0 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.pooja-room2 {
  position: relative;
  font-size: var(--jost-font-text-xl-medium-size);
  font-weight: 500;
  font-family: var(--jost-font-text-md-regular);
  color: var(--color-black);
  text-align: left;
  display: inline-block;
  min-width: 101px;
}
.arrow-icon {
  height: 22.1px;
  width: 24px;
  position: relative;
}
.pooja-room-parent {
  cursor: pointer;
  border: 0;
  padding: var(--padding-5xs) 47px var(--padding-12xs-4);
  background-color: var(--color-whitesmoke-100);
  height: 45px;
  border-radius: 0 0 var(--br-5xs) var(--br-5xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  gap: var(--gap-3xl);
  white-space: nowrap;
}
.frame-parent15 {
  height: 329px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-child4 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xs) var(--br-5xs) 0 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.wardrobe2 {
  position: relative;
  font-size: var(--jost-font-text-xl-medium-size);
  font-weight: 500;
  font-family: var(--jost-font-text-md-regular);
  color: var(--color-black);
  text-align: left;
  display: inline-block;
  min-width: 89px;
}
.frame-child5 {
  height: 22.1px;
  width: 24px;
  position: relative;
}
.wardrobe-parent {
  cursor: pointer;
  border: 0;
  padding: var(--padding-5xs) 53px var(--padding-12xs-4);
  background-color: var(--color-whitesmoke-100);
  height: 45px;
  border-radius: 0 0 var(--br-5xs) var(--br-5xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  gap: var(--gap-3xl);
}
.frame-parent16 {
  height: 329px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-child6 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xs) var(--br-5xs) 0 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.open-space {
  position: relative;
  font-size: var(--jost-font-text-xl-medium-size);
  font-weight: 500;
  font-family: var(--jost-font-text-md-regular);
  color: var(--color-black);
  text-align: left;
  display: inline-block;
  min-width: 107px;
}
.frame-child7 {
  height: 22.1px;
  width: 24px;
  position: relative;
}
.open-space-parent {
  cursor: pointer;
  border: 0;
  padding: var(--padding-5xs) 44px var(--padding-12xs-4);
  background-color: var(--color-whitesmoke-100);
  height: 45px;
  border-radius: 0 0 var(--br-5xs) var(--br-5xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  gap: var(--gap-3xl);
  white-space: nowrap;
}
.frame-parent17 {
  height: 329px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-child8 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-5xs) var(--br-5xs) 0 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.kitchen2 {
  position: relative;
  font-size: var(--jost-font-text-xl-medium-size);
  font-weight: 500;
  font-family: var(--jost-font-text-md-regular);
  color: var(--color-black);
  text-align: left;
  display: inline-block;
  min-width: 66px;
}
.frame-child9 {
  height: 22.1px;
  width: 24px;
  position: relative;
}
.kitchen-parent {
  cursor: pointer;
  border: 0;
  padding: var(--padding-5xs) 64.5px var(--padding-12xs-4);
  background-color: var(--color-whitesmoke-100);
  height: 45px;
  border-radius: 0 0 var(--br-5xs) var(--br-5xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  gap: var(--gap-3xl);
}
.frame-parent18 {
  height: 329px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.data-connector1,
.function-caller {
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-31xl);
}
.data-connector1 {
  align-self: stretch;
  display: grid;
  flex-direction: row;
  grid-template-columns: repeat(4, minmax(181px, 1fr));
}
.function-caller {
  width: 1114px;
  display: flex;
  flex-direction: column;
  max-width: 100%;
}
.get-an-estimate {
  position: relative;
  font-size: var(--font-size-lg);
  font-weight: 600;
  font-family: var(--jost-font-text-md-regular);
  color: var(--color-white);
  text-align: left;
  display: inline-block;
  min-width: 128px;
}
.data-tree,
.function-caller-parent {
  display: flex;
  justify-content: flex-end;
}
.data-tree {
  cursor: pointer;
  border: 0;
  padding: var(--padding-3xs);
  background-color: var(--gold-600);
  border-radius: var(--br-5xs);
  flex-direction: row;
  align-items: flex-end;
  white-space: nowrap;
}
.data-sack:hover,
.data-tree:hover {
  background-color: var(--color-darkorange-100);
}
.function-caller-parent {
  align-self: stretch;
  background-color: var(--color-black);
  overflow: hidden;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-13xl) var(--padding-xl);
  box-sizing: border-box;
  gap: var(--gap-13xl);
  max-width: 100%;
}
.error-handler,
.result-renderer {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.error-handler {
  flex: 1;
  flex-direction: column;
}
.result-renderer {
  align-self: stretch;
  flex-direction: row;
  padding: 0 0 var(--padding-13xl);
  box-sizing: border-box;
  text-align: left;
  font-size: var(--font-size-5xl);
  color: var(--color-white);
  font-family: var(--jost-font-text-md-regular);
}
.having-trouble-deciding {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 600;
  font-family: inherit;
}
.data-array {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-5xl) var(--padding-base);
}
.vector-icon2 {
  width: 60px;
  height: 60px;
  position: relative;
}
.fill-details {
  position: relative;
  font-weight: 500;
  display: inline-block;
  min-width: 104px;
}
.provide-your-contact {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-sm);
  color: var(--black-600);
  text-align: center;
}
.data-box,
.data-map {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.data-box {
  align-self: stretch;
  gap: var(--gap-9xs);
}
.data-map {
  width: 243px;
  border-radius: var(--br-5xs);
  background-color: var(--color-white);
  padding: var(--padding-13xl) var(--padding-13xl) 72px;
  box-sizing: border-box;
  gap: var(--gap-5xl);
}
.group-icon2 {
  width: 60px;
  height: 60px;
  position: relative;
}
.no-hidden-charges {
  position: relative;
  font-weight: 500;
}
.receive-free-homeinterior {
  width: 179px;
  position: relative;
  font-size: var(--font-size-sm);
  color: var(--black-600);
  text-align: center;
  display: inline-block;
}
.data-map1,
.no-hidden-charges-parent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.data-map1 {
  border-radius: var(--br-5xs);
  background-color: var(--color-white);
  padding: var(--padding-13xl) var(--padding-13xl) 52px;
  gap: var(--gap-5xl);
}
.group-7923-icon1 {
  width: 57.1px;
  height: 60px;
  position: relative;
}
.talk-to-designer {
  position: relative;
  font-weight: 500;
}
.once-the-form {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-sm);
  color: var(--black-600);
  text-align: center;
}
.data-map2,
.talk-to-designer-parent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.talk-to-designer-parent {
  align-self: stretch;
  gap: var(--gap-9xs);
}
.data-map2 {
  width: 243px;
  border-radius: var(--br-5xs);
  background-color: var(--color-white);
  padding: var(--padding-13xl);
  box-sizing: border-box;
  gap: var(--gap-5xl);
}
.apply-now,
.data-dictionary {
  font-size: var(--font-size-lg);
}
.data-dictionary {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-13xl);
  max-width: 100%;
  color: var(--gold-600);
}
.apply-now {
  position: relative;
  font-weight: 600;
  font-family: var(--jost-font-text-md-regular);
  color: var(--color-white);
  text-align: left;
  display: inline-block;
  min-width: 87px;
}
.data-sack {
  cursor: pointer;
  border: 0;
  padding: var(--padding-3xs);
  background-color: var(--gold-600);
  border-radius: var(--br-5xs);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.data-graph,
.data-matrix {
  display: flex;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.data-matrix {
  flex: 1;
  border-radius: var(--br-5xs);
  background-color: var(--color-whitesmoke-100);
  flex-direction: column;
  align-items: center;
  padding: 0 0 var(--padding-base);
  gap: var(--gap-base);
}
.data-graph {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 var(--padding-61xl) var(--padding-13xl);
  text-align: left;
  font-size: var(--font-size-5xl);
  color: var(--black-800);
  font-family: var(--jost-font-text-md-regular);
}
.data-lake {
  position: relative;
  line-height: 44px;
  font-weight: 600;
  display: inline-block;
  min-width: 41px;
}
.data-aggregator {
  align-self: stretch;
  height: 1px;
  position: relative;
  border-top: 1px solid var(--black-600);
  box-sizing: border-box;
}
.data-ocean,
.data-tank {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.data-ocean {
  width: 116px;
  flex-direction: column;
  padding: var(--padding-3xl) 0 0;
  box-sizing: border-box;
}
.data-tank {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-base);
}
.committed-team,
.it-was-popularised {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.02em;
}
.committed-team {
  margin: 0;
  font-size: var(--jost-font-text-xl-medium-size);
  line-height: 30px;
  font-weight: 500;
  font-family: inherit;
  color: var(--gold-600);
}
.it-was-popularised {
  font-size: var(--jost-font-text-md-regular-size);
  line-height: 24px;
  color: var(--black-200);
}
.titles-2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-5xl) 0 0;
  box-sizing: border-box;
  gap: var(--gap-9xs);
  min-width: 197px;
  max-width: 262px;
}
.div,
.line-div {
  position: relative;
}
.div {
  line-height: 44px;
  font-weight: 600;
  display: inline-block;
  min-width: 46px;
}
.line-div {
  align-self: stretch;
  height: 1px;
  border-top: 1px solid var(--black-600);
  box-sizing: border-box;
}
.line-wrapper,
.parent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.line-wrapper {
  width: 116px;
  flex-direction: column;
  padding: var(--padding-3xl) 0 0;
  box-sizing: border-box;
}
.parent {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-base);
}
.committed-team1,
.it-was-popularised1 {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.02em;
}
.committed-team1 {
  margin: 0;
  font-size: var(--jost-font-text-xl-medium-size);
  line-height: 30px;
  font-weight: 500;
  font-family: inherit;
  color: var(--gold-600);
}
.it-was-popularised1 {
  font-size: var(--jost-font-text-md-regular-size);
  line-height: 24px;
  color: var(--black-200);
}
.titles-21 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-5xl) 0 0;
  box-sizing: border-box;
  gap: var(--gap-9xs);
  min-width: 197px;
  max-width: 262px;
}
.div1 {
  position: relative;
  line-height: 44px;
  font-weight: 600;
  display: inline-block;
  min-width: 45px;
}
.frame-child10 {
  align-self: stretch;
  height: 1px;
  position: relative;
  border-top: 1px solid var(--black-600);
  box-sizing: border-box;
}
.group,
.line-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.line-container {
  width: 116px;
  flex-direction: column;
  padding: var(--padding-3xl) 0 0;
  box-sizing: border-box;
}
.group {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-base);
}
.committed-team2,
.it-was-popularised2 {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.02em;
}
.committed-team2 {
  margin: 0;
  font-size: var(--jost-font-text-xl-medium-size);
  line-height: 30px;
  font-weight: 500;
  font-family: inherit;
  color: var(--gold-600);
}
.it-was-popularised2 {
  font-size: var(--jost-font-text-md-regular-size);
  line-height: 24px;
  color: var(--black-200);
}
.titles-22 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-5xl) 0 0;
  box-sizing: border-box;
  gap: var(--gap-9xs);
  min-width: 197px;
  max-width: 262px;
}
.div2 {
  position: relative;
  line-height: 44px;
  font-weight: 600;
  display: inline-block;
  min-width: 47px;
}
.frame-child11 {
  align-self: stretch;
  height: 1px;
  position: relative;
  border-top: 1px solid var(--black-600);
  box-sizing: border-box;
}
.container,
.line-frame {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.line-frame {
  width: 116px;
  flex-direction: column;
  padding: var(--padding-3xl) 0 0;
  box-sizing: border-box;
}
.container {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-base);
}
.committed-team3,
.it-was-popularised3 {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.02em;
}
.committed-team3 {
  margin: 0;
  font-size: var(--jost-font-text-xl-medium-size);
  line-height: 30px;
  font-weight: 500;
  font-family: inherit;
  color: var(--gold-600);
}
.it-was-popularised3 {
  font-size: var(--jost-font-text-md-regular-size);
  line-height: 24px;
  color: var(--black-200);
}
.data-cage,
.data-crater,
.titles-23 {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.titles-23 {
  flex-direction: column;
  padding: 0 var(--padding-5xl) 0 0;
  box-sizing: border-box;
  gap: var(--gap-9xs);
  min-width: 197px;
  max-width: 262px;
}
.data-cage,
.data-crater {
  flex-direction: row;
  max-width: 100%;
}
.data-crater {
  flex-wrap: wrap;
  gap: var(--gap-5xl);
}
.data-cage {
  background-color: var(--black-800);
  overflow: hidden;
  padding: 88px var(--padding-61xl);
  box-sizing: border-box;
}
.data-bin,
.frequently-asked-questions {
  font-family: var(--jost-font-text-md-regular);
  text-align: left;
}
.data-bin {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 var(--padding-13xl);
  box-sizing: border-box;
  max-width: 100%;
  font-size: var(--jost-font-display-md-semibold-size);
  color: var(--black-50);
}
.frequently-asked-questions {
  width: 296px;
  border: 0;
  outline: 0;
  font-weight: 600;
  font-size: var(--font-size-5xl);
  background-color: transparent;
  height: 35px;
  position: relative;
  color: var(--black-800);
  display: inline-block;
  padding: 0;
}
.value-filter {
  align-self: stretch;
  border-bottom: 1px solid var(--color-lightgray-100);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-5xl) var(--padding-base);
}
.how-to-contact {
  position: relative;
  font-weight: 600;
}
.instance-child {
  height: 24px;
  width: 24px;
  border-radius: var(--br-71xl);
  object-fit: contain;
}
.how-to-contact-space-propertie-parent {
  align-self: stretch;
  border-bottom: 1px solid var(--color-lightgray-100);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-3xs) var(--padding-base);
  gap: var(--gap-xl);
}
.what-is-the {
  position: relative;
  font-weight: 600;
}
.instance-item {
  height: 24px;
  width: 24px;
  border-radius: var(--br-71xl);
  object-fit: contain;
}
.what-is-the-minimum-project-va-parent {
  align-self: stretch;
  border-bottom: 1px solid var(--color-lightgray-100);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-3xs) var(--padding-base);
  gap: var(--gap-xl);
}
.does-space-properties {
  position: relative;
  font-weight: 600;
}
.instance-inner {
  height: 24px;
  width: 24px;
  border-radius: var(--br-71xl);
  object-fit: contain;
}
.does-space-properties-provide-parent {
  align-self: stretch;
  border-bottom: 1px solid var(--color-lightgray-100);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-3xs) var(--padding-base);
  gap: var(--gap-xl);
}
.what-are-the {
  position: relative;
  font-weight: 600;
}
.instance-child1 {
  height: 24px;
  width: 24px;
  border-radius: var(--br-71xl);
  object-fit: contain;
}
.what-are-the-payment-terms-of-parent {
  align-self: stretch;
  border-bottom: 1px solid var(--color-lightgray-100);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-3xs) var(--padding-base);
  gap: var(--gap-xl);
}
.how-many-projects {
  position: relative;
  font-weight: 600;
}
.instance-child2 {
  height: 24px;
  width: 24px;
  border-radius: var(--br-71xl);
  object-fit: contain;
}
.how-many-projects-has-space-pr-parent {
  align-self: stretch;
  border-bottom: 1px solid var(--color-lightgray-100);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-3xs) var(--padding-base);
  gap: var(--gap-xl);
}
.data-transformer1,
.sequence-controller1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.data-transformer1 {
  align-self: stretch;
  align-items: center;
}
.sequence-controller1 {
  width: 1120px;
  border-radius: var(--br-7xs);
  background-color: var(--color-whitesmoke-100);
  border: 1px solid var(--color-lightgray-100);
  box-sizing: border-box;
  align-items: flex-start;
  gap: var(--gap-base);
  max-width: 100%;
}
.sp-icon1 {
  position: absolute;
  top: 27.4px;
  left: 0;
  width: 113.5px;
  height: 35.1px;
}
.icon2 {
  position: absolute;
  height: calc(100% - 2.1px);
  top: 0;
  bottom: 2.1px;
  left: 80.2px;
  max-height: 100%;
  width: 86.8px;
  z-index: 1;
}
.group-icon3,
.sorting-operator-icon {
  position: absolute;
  top: 74.9px;
  left: 1.2px;
  width: 92.4px;
  height: 6.1px;
  z-index: 2;
}
.sorting-operator-icon {
  top: 77.5px;
  left: 98.8px;
  width: 15.3px;
  height: 0.5px;
}
.join-operator {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.join-operator-wrapper {
  height: 81px;
  width: 167px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.facebook-icon,
.instagram-icon,
.whatsapp-icon1,
.youtube-icon {
  height: 60px;
  width: 60px;
  position: relative;
  min-height: 60px;
}
.youtube-icon {
  height: 61px;
  width: 61px;
  min-height: 61px;
}
.limit-operator,
.windowing-operator {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.windowing-operator {
  flex-direction: row;
  gap: var(--gap-base);
}
.limit-operator {
  width: 384.5px;
  flex-direction: column;
  padding: var(--padding-3xs) 0 0;
  box-sizing: border-box;
  max-width: 100%;
}
.cast-function,
.space-properties2 {
  position: relative;
}
.cast-function {
  width: 1px;
  height: 14px;
  border-right: 1px solid var(--black-700);
  box-sizing: border-box;
}
.round-function {
  height: 18px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 0 0;
  box-sizing: border-box;
}
.all-right-reserved {
  position: relative;
  display: inline-block;
  min-width: 117px;
}
.difference-operator,
.divide-function {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.divide-function {
  flex-direction: row;
  gap: 23.5px;
}
.difference-operator {
  flex-direction: column;
  padding: 29px 0 0;
  box-sizing: border-box;
  max-width: 100%;
}
.reduce-function,
.window-function {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
}
.window-function {
  flex: 1;
  justify-content: space-between;
  gap: var(--gap-xl);
  text-align: left;
  font-size: var(--jost-font-text-md-regular-size);
  color: var(--color-black);
  font-family: var(--jost-font-text-md-regular);
}
.reduce-function {
  align-self: stretch;
  justify-content: flex-end;
  padding: 0 2.5px 0 0;
  box-sizing: border-box;
}
.error-handler1 {
  display: flex;
  flex-direction: column;
  align-items: center; /* Center content horizontally within .error-handler1 */
  justify-content: center; /* Center content vertically within .error-handler1 */
  gap: 38px;
  max-width: 100%;
}
.macbook-air-48,
.output-processor {
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center .error-handler1 vertically in the parent container */
  align-items: center; /* Center .error-handler1 horizontally in the parent container */
}
.output-processor {
  width: 1240px;
  flex-direction: row;
  padding: 0 var(--padding-21xl);
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--black-800);
  font-family: var(--jost-font-text-md-regular);
}
.macbook-air-48 {
  width: 100%;
  position: relative;
  background-color: var(--color-white);
  overflow: hidden;
  flex-direction: column;
  padding: 0 0 var(--padding-4xl);
  line-height: normal;
  letter-spacing: normal;
}
@media screen and (max-width: 1050px) {
  .logic-gate,
  .logic-gate-icon {
    flex: 1;
  }
  .frame-group,
  .window-function {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1000px) {
  .cousin-once-remove {
    display: none;
  }
  .cousin-once-remove-wrapper {
    width: 0;
  }
  .frame-parent {
    flex-wrap: wrap;
  }
  .ancestry-tree {
    height: auto;
    min-height: 553;
  }
  .our-work-process-container {
    font-size: var(--font-size-7xl);
  }
  .rooted-graph {
    padding-bottom: 31px;
    box-sizing: border-box;
  }
  .heading-2 {
    font-size: var(--font-size-7xl);
  }
  .frame-parent11 {
    flex-wrap: wrap;
    justify-content: center;
  }
  .data-connector,
  .data-connector1 {
    justify-content: center;
    grid-template-columns: repeat(2, minmax(181px, 313px));
  }
  .function-caller-parent {
    padding-top: var(--padding-2xl);
    padding-bottom: var(--padding-2xl);
    box-sizing: border-box;
  }
  .data-dictionary {
    flex-wrap: wrap;
  }
  .data-lake,
  .div,
  .div1,
  .div2 {
    font-size: var(--font-size-10xl);
    line-height: 35px;
  }
}
@media screen and (max-width: 725px) {
  .header {
    padding-left: var(--padding-21xl);
    padding-right: var(--padding-21xl);
    box-sizing: border-box;
  }
  .ancestor-descendants {
    flex-wrap: wrap;
  }
  .siblings-cousins-chain {
    gap: var(--gap-base);
  }
  .connected-graph {
    gap: var(--gap-5xl);
  }
  .rooted-graph {
    padding-left: var(--padding-21xl);
    padding-right: var(--padding-21xl);
    padding-bottom: var(--padding-xl);
    box-sizing: border-box;
  }
  .component-32 {
    gap: var(--gap-13xl);
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-4xl);
    box-sizing: border-box;
  }
  .heading-2-home-loan-calculat-parent {
    gap: var(--gap-base);
  }
  .data-aggregator-icon,
  .frame-child2,
  .frame-item {
    min-width: 100%;
  }
  .frame-parent10 {
    gap: var(--gap-base);
  }
  .macbook-air-48-child {
    padding-left: var(--padding-21xl);
    padding-right: var(--padding-21xl);
    box-sizing: border-box;
  }
  .data-connector,
  .data-connector1,
  .function-caller {
    gap: var(--gap-6xl);
  }
  .function-caller-parent {
    gap: var(--gap-base);
  }
  .data-cage,
  .data-graph {
    padding-left: var(--padding-21xl);
    padding-right: var(--padding-21xl);
    box-sizing: border-box;
  }
  .error-handler1 {
    gap: 19px;
  }
}
@media screen and (max-width: 450px) {
  .create-interior-design-container {
    font-size: var(--font-size-lgi);
    line-height: 31px;
  }
  .build,
  .concept,
  .delivery,
  .design,
  .living-room,
  .our-recent-project,
  .our-work-process-container,
  .plan,
  .reasons-to-utilize {
    font-size: var(--font-size-lgi);
  }
  .living-room-wrapper {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .bed-rooom,
  .tv-unit {
    font-size: var(--font-size-lgi);
  }
  .bed-rooom-wrapper {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .pooja-room {
    font-size: var(--font-size-lgi);
  }
  .pooja-room-wrapper {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .kitchen,
  .wardrobe {
    font-size: var(--font-size-lgi);
  }
  .frame-parent2 {
    gap: 18px;
  }
  .component-32 {
    gap: var(--gap-base);
  }
  .explore-our-home,
  .heading-2 {
    font-size: var(--font-size-lgi);
  }
  .bedroom1,
  .dinning {
    font-size: var(--jost-font-text-md-regular-size);
  }
  .data-connector {
    grid-template-columns: minmax(181px, 1fr);
  }
  .kitchen2,
  .wardrobe2 {
    font-size: var(--jost-font-text-md-regular-size);
  }
  .data-connector1 {
    grid-template-columns: minmax(181px, 1fr);
  }
  .function-caller-parent {
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-xl);
    box-sizing: border-box;
  }
  .having-trouble-deciding {
    font-size: var(--font-size-lgi);
  }
  .data-dictionary {
    gap: var(--gap-base);
  }
  .data-lake {
    font-size: var(--font-size-3xl);
    line-height: 26px;
  }
  .committed-team {
    font-size: var(--jost-font-text-md-regular-size);
    line-height: 24px;
  }
  .div {
    font-size: var(--font-size-3xl);
    line-height: 26px;
  }
  .committed-team1 {
    font-size: var(--jost-font-text-md-regular-size);
    line-height: 24px;
  }
  .div1 {
    font-size: var(--font-size-3xl);
    line-height: 26px;
  }
  .committed-team2 {
    font-size: var(--jost-font-text-md-regular-size);
    line-height: 24px;
  }
  .div2 {
    font-size: var(--font-size-3xl);
    line-height: 26px;
  }
  .committed-team3 {
    font-size: var(--jost-font-text-md-regular-size);
    line-height: 24px;
  }
  .frequently-asked-questions {
    font-size: var(--font-size-lgi);
  }
  .divide-function {
    flex-wrap: wrap;
  }
}