/* Smooth scrolling for the entire page */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 120px; /* Account for fixed header */
}

.interest-page,
.interest-page * {
  box-sizing: border-box;
}
.interest-page {
  background: var(--neutral-neutral-1, #101214);
  /* min-height: max(100vh, 7234px); */
  position: relative;
  overflow: hidden;
}
.bg {
  width: 1920px;
  /* height: 100%; */
  /* min-height: 7234px; */
  position: absolute;
  left: 1px;
  top: 0px;
  overflow: visible;
}
.ellipse-2 {
  background: linear-gradient(
    150.48deg,
    rgba(56, 244, 175, 1) 0%,
    rgba(20, 20, 20, 1) 100%
  );
  border-radius: 50%;
  opacity: 0.12;
  width: 791px;
  height: 791px;
  position: absolute;
  left: -383px;
  top: 5639px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, -1);
  filter: blur(100px);
}
.ellipse-1 {
  background: linear-gradient(
    150.48deg,
    rgba(56, 244, 175, 1) 0%,
    rgba(68, 149, 250, 1) 100%
  );
  border-radius: 50%;
  opacity: 0.1;
  width: 791px;
  height: 791px;
  position: absolute;
  left: 2357px;
  top: 5301px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
  filter: blur(100px);
}
.bg2 {
  width: 1920px;
  height: 1919px;
  position: absolute;
  left: 0px;
  top: 2717.16px;
  overflow: hidden;
}
.image-1923 {
  opacity: 0.1;
  width: 1919px;
  height: 1919px;
  position: absolute;
  left: 1px;
  top: 0px;
  object-fit: cover;
  aspect-ratio: 1;
}
.image-1924 {
  background: linear-gradient(
    0deg,
    rgba(21, 24, 27, 0.9) 0%,
    rgba(16, 18, 20, 1) 100%
  );
  width: 1920px;
  height: 1919px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.ellipse-22 {
  background: linear-gradient(
    150.48deg,
    rgba(56, 244, 175, 1) 0%,
    rgba(20, 20, 20, 1) 100%
  );
  border-radius: 50%;
  opacity: 0.21;
  width: 791px;
  height: 791px;
  position: absolute;
  left: -423px;
  top: -46px;
  filter: blur(100px);
}
.ellipse-12 {
  background: linear-gradient(
    150.48deg,
    rgba(56, 244, 175, 1) 0%,
    rgba(68, 149, 250, 1) 100%
  );
  border-radius: 50%;
  opacity: 0.15;
  width: 791px;
  height: 791px;
  position: absolute;
  left: 1537px;
  top: 551px;
  filter: blur(100px);
}
.frame-2087328520 {
  display: flex;
  flex-direction: column;
  gap: 240px;
  align-items: center;
  justify-content: flex-start;
  width: 1920px;
  position: relative;
  /* left: 1px;
  top: 262px;
  min-height: calc(100vh - 262px); */
  padding-top: 260px;
  padding-bottom: 100px;
}
.hero {
  flex-shrink: 0;
  width: 1280px;
  height: 600px;
  position: relative;
}
.frame-91625 {
  flex-shrink: 0;
}
.frame-91624 {
  align-self: stretch;
  flex-shrink: 0;
}
.frame-2087328438 {
  align-self: stretch;
  flex-shrink: 0;
}
.introducing-property-block {
  text-align: left;
  font-family: var(--h3-semibold600-font-family, "Manrope", sans-serif);
  font-size: var(--h3-semibold600-font-size, 28px);
  line-height: var(--h3-semibold600-line-height, 36px);
  letter-spacing: var(--h3-semibold600-letter-spacing, -0.01em);
  font-weight: var(--h3-semibold600-font-weight, 600);
  position: relative;
}
.introducing-property-block-span {
  color: var(--text-text-primary, #e6e7e8);
}
.introducing-property-block-span2 {
  color: var(--primary-primary-4, #06c485);
}
.introducing-property-block-span3 {
  background: linear-gradient(
    134.97deg,
    rgba(12, 241, 158, 1) 0%,
    rgba(58, 127, 213, 1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.frame-2087328495 {
  align-self: stretch;
  flex-shrink: 0;
}
.own-premium-property-with-just {
  color: var(--neutral-neutral-12, #ffffff);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 64px;
  line-height: 72px;
  letter-spacing: -0.01em;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
.pkr-10-000 {
  background: linear-gradient(
    90deg,
    rgba(151, 249, 213, 1) 0%,
    rgba(12, 241, 158, 1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 64px;
  line-height: 72px;
  letter-spacing: -0.01em;
  font-weight: 700;
  position: relative;
}
.be-the-first-in-pakistan-to-own-property-blocks {
  color: var(--grays-gray-3, #d9d9d9);
  text-align: left;
  font-family: var(--h4-regular400-font-family, "Manrope", sans-serif);
  font-size: var(--h4-regular400-font-size, 24px);
  line-height: var(--h4-regular400-line-height, 32px);
  letter-spacing: var(--h4-regular400-letter-spacing, -0.01em);
  font-weight: var(--h4-regular400-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.btn {
  background: linear-gradient(
    267.3deg,
    rgba(6, 196, 133, 1) 0%,
    rgba(12, 241, 158, 1) 100%
  );
  border-radius: 12px;
  padding: 0px 24px 0px 24px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 420px;
  height: 64px;
  position: relative;
}
.join-the-priority-list-now {
  color: var(--neutral-neutral-0, #0b0c0d);
  text-align: center;
  font-family: var(--h4-semibold600-font-family, "Manrope", sans-serif);
  font-size: var(--h4-semibold600-font-size, 24px);
  line-height: var(--h4-semibold600-line-height, 32px);
  letter-spacing: var(--h4-semibold600-letter-spacing, -0.01em);
  font-weight: var(--h4-semibold600-font-weight, 800);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-2087328435 {
  /* border-radius: 8px; */
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: static;
}
.group-1686557683 {
  flex-shrink: 0;
  width: 573.64px;
  height: 567.67px;
  position: static;
}
.heroImage {
  width: 573px;
  height: 567px;
}

.lisitng-card {
  background: var(--grays-gray-2, #f0f0f0);
  border-radius: 12.02px;
  opacity: 0.6;
  display: flex;
  flex-direction: column;
  gap: 8.01px;
  align-items: flex-start;
  justify-content: center;
  width: 340.53px;
  position: absolute;
  left: 705.71px;
  top: 77.96px;
  box-shadow: 0px 3.39px 33.86px 0px rgba(0, 0, 0, 0.12);
  transform-origin: 0 0;
  transform: rotate(-1.837deg) scale(1, 1);
  overflow: hidden;
}
.container {
  padding: 0px 0px 16.03px 0px;
  display: flex;
  flex-direction: column;
  gap: 12.02px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.media {
  border-radius: 8.01px;
  padding: 6.01px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 200.31px;
  position: relative;

  overflow: hidden;
}
.frame-2087328245 {
  align-self: stretch;
  flex-shrink: 0;
}
.frame-2087328213 {
  background: linear-gradient(
    0deg,
    rgba(210, 230, 254, 1) 0%,
    rgba(236, 244, 255, 1) 100%
  );
  border-radius: var(--radius-xs, 6px);
  padding: 3px 8px 4px 8px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.developmental {
  color: var(--secondary-blue-7, #3a7fd5);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 13.020407676696777px;
  line-height: 17.03px;
  font-weight: 600;
  position: relative;
}
.frame-2087328244 {
  align-self: stretch;
  flex-shrink: 0;
}
.selector {
  flex-shrink: 0;
}
.image-selector {
  flex-shrink: 0;
  width: 12.02px;
  height: 12.02px;
  position: relative;
  aspect-ratio: 1;
}
.selector2 {
  background: var(--primary-primary-5, #38f4af);
  border-radius: 50%;
  width: 6.01px;
  height: 6.01px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  aspect-ratio: 1;
}
.selector3 {
  border-radius: 50%;
  border-style: solid;
  border-color: var(--border-border-gray, #f0f0f0);
  border-width: 0.75px;
  width: 7.01px;
  height: 7.01px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;

  aspect-ratio: 1;
}
.frame-2087328235 {
  padding: 0px 16.03px 0px 16.03px;
  display: flex;
  flex-direction: column;
  gap: 16.03px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-2087328239 {
  display: flex;
  flex-direction: column;
  gap: 12.02px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-2087328234 {
  border-style: solid;
  border-color: var(--grays-gray-3, #d9d9d9);
  border-width: 0px 0px 1px 0px;
  padding: 0px 0px 12.02px 0px;
  display: flex;
  flex-direction: column;
  gap: 12.02px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-2087328233 {
  display: flex;
  flex-direction: column;
  gap: 6.01px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container2 {
  display: flex;
  flex-direction: row;
  gap: 4.01px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.linear-map-location-map-point {
  flex-shrink: 0;
  width: 14.02px;
  height: 14.02px;
  position: relative;
  overflow: visible;
}
.zameen-neo-gulberg-lahore {
  color: var(--text-text-secondary, #595959);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 13.020407676696777px;
  line-height: 17.03px;
  letter-spacing: 0.25px;
  font-weight: 500;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-2087328224 {
  display: flex;
  flex-direction: row;
  gap: 8.01px;
  align-items: flex-end;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.h-5 {
  color: var(--text-text-primary, #1f1f1f);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 16.025117874145508px;
  line-height: 20.03px;
  font-weight: 600;
  position: relative;
  width: 308.48px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.contain {
  border-radius: 6.01px;
  display: flex;
  flex-direction: column;
  gap: 12.02px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame-2087328217 {
  display: flex;
  flex-direction: row;
  gap: 16.03px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.residential {
  display: flex;
  flex-direction: row;
  gap: 6.01px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame {
  flex-shrink: 0;
  width: 16.03px;
  height: 16.03px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
._2-beds {
  color: var(--text-text-secondary, #595959);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 14.021976470947266px;
  line-height: 18.03px;
  letter-spacing: 0.01em;
  font-weight: 400;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.pent {
  display: flex;
  flex-direction: row;
  gap: 6.01px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame2 {
  flex-shrink: 0;
  width: 16.03px;
  height: 16.03px;
  position: relative;
  overflow: visible;
}
._2-bath {
  color: var(--text-text-secondary, #595959);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 14.021976470947266px;
  line-height: 18.03px;
  letter-spacing: 0.01em;
  font-weight: 400;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame3 {
  flex-shrink: 0;
  width: 16.03px;
  height: 16.03px;
  position: relative;
  overflow: visible;
}
._528-sq-ft {
  color: var(--text-text-secondary, #595959);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 14.021976470947266px;
  line-height: 18.03px;
  letter-spacing: 0.01em;
  font-weight: 400;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame-2087328240 {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.unit-value {
  color: var(--text-text-primary, #1f1f1f);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 14.021976470947266px;
  line-height: 18.03px;
  letter-spacing: 0.01em;
  font-weight: 400;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.pkr-12-000-000 {
  color: var(--text-text-primary, #1f1f1f);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 20.031394958496094px;
  line-height: 26.04px;
  letter-spacing: -0.01em;
  font-weight: 800;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame-2087328199 {
  background: var(--grays-gray-0, #fcfcfc);
  border-radius: 6.01px;
  padding: 12.02px;
  display: flex;
  flex-direction: column;
  gap: 12.02px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame-2087328195 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.current-market-valuation {
  color: var(--text-text-secondary, #595959);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 14.021976470947266px;
  line-height: 18.03px;
  letter-spacing: 0.01em;
  font-weight: 400;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.pkr-12-000-0002 {
  color: var(--text-text-primary, #1f1f1f);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 14.021976470947266px;
  line-height: 18.03px;
  font-weight: 500;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame-2087328196 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.appreciation {
  color: var(--text-text-secondary, #595959);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 14.021976470947266px;
  line-height: 18.03px;
  letter-spacing: 0.01em;
  font-weight: 400;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame-2087328340 {
  display: flex;
  flex-direction: row;
  gap: 6.01px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.linear-business-statistic-course-up {
  flex-shrink: 0;
  width: 20.03px;
  height: 20.03px;
  position: relative;
  overflow: visible;
}
._10-29 {
  color: var(--text-text-primary, #1f1f1f);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 14.021976470947266px;
  line-height: 18.03px;
  font-weight: 500;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame-2087328197 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.funded-date {
  color: var(--text-text-secondary, #595959);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 14.021976470947266px;
  line-height: 18.03px;
  letter-spacing: 0.01em;
  font-weight: 400;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.n-a {
  color: var(--text-text-primary, #1f1f1f);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 14.021976470947266px;
  line-height: 18.03px;
  font-weight: 500;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.lisitng-card2 {
  background: var(--grays-gray-2, #f0f0f0);
  border-radius: 14.2px;
  display: flex;
  flex-direction: column;
  gap: 9.47px;
  align-items: flex-start;
  justify-content: center;
  width: 402.31px;
  position: absolute;
  left: 877.77px;
  top: 14.97px;
  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.12);
  transform-origin: 0 0;
  transform: rotate(1.629deg) scale(1, 1);
  overflow: hidden;
}
.container3 {
  padding: 0px 0px 18.93px 0px;
  display: flex;
  flex-direction: column;
  gap: 14.2px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.media2 {
  border-radius: 9.47px;
  padding: 7.1px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 236.66px;
  position: relative;
  overflow: hidden;
}
.frame-20873282452 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-20873282132 {
  background: linear-gradient(
    0deg,
    rgba(254, 235, 199, 1) 0%,
    rgba(255, 247, 232, 1) 100%
  );
  border-radius: 7.1px;
  padding: 3.55px 9.47px 4.73px 9.47px;
  display: flex;
  flex-direction: row;
  gap: 4.73px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.rental {
  color: var(--orange-orange-5, #b27b0e);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 15.382621765136719px;
  line-height: 20.12px;
  font-weight: 600;
  position: relative;
}
.frame-20873282442 {
  display: flex;
  flex-direction: column;
  gap: 73.36px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.selector4 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.image-selector2 {
  flex-shrink: 0;
  width: 14.2px;
  height: 14.2px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  aspect-ratio: 1;
}
.selector5 {
  background: var(--primary-primary-5, #38f4af);
  border-radius: 50%;
  width: 7.1px;
  height: 7.1px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  aspect-ratio: 1;
}
.selector6 {
  border-radius: 50%;
  border-style: solid;
  border-color: var(--border-border-gray, #f0f0f0);
  border-width: 0.89px;
  width: 8.28px;
  height: 8.28px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  aspect-ratio: 1;
}
.frame-20873282352 {
  padding: 0px 18.93px 0px 18.93px;
  display: flex;
  flex-direction: column;
  gap: 18.93px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-20873282392 {
  display: flex;
  flex-direction: column;
  gap: 14.2px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-20873282342 {
  border-style: solid;
  border-color: var(--grays-gray-3, #d9d9d9);
  border-width: 0px 0px 1.18px 0px;
  padding: 0px 0px 14.2px 0px;
  display: flex;
  flex-direction: column;
  gap: 14.2px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-20873282332 {
  display: flex;
  flex-direction: column;
  gap: 7.1px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container4 {
  display: flex;
  flex-direction: row;
  gap: 4.73px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.linear-map-location-map-point2 {
  flex-shrink: 0;
  width: 16.57px;
  height: 16.57px;
  position: relative;
  overflow: visible;
}
.zameen-quadrangle-gulberg-lahore {
  color: var(--text-text-secondary, #595959);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 15.382621765136719px;
  line-height: 20.12px;
  letter-spacing: 0.3px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-20873282242 {
  display: flex;
  flex-direction: row;
  gap: 9.47px;
  align-items: flex-end;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.h-52 {
  color: var(--text-text-primary, #1f1f1f);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 18.932456970214844px;
  line-height: 23.67px;
  font-weight: 600;
  position: relative;
  width: 364.45px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.contain2 {
  border-radius: 7.1px;
  display: flex;
  flex-direction: column;
  gap: 14.2px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-20873282172 {
  display: flex;
  flex-direction: row;
  gap: 18.93px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.residential2 {
  display: flex;
  flex-direction: row;
  gap: 7.1px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame4 {
  flex-shrink: 0;
  width: 18.93px;
  height: 18.93px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
._2-beds2 {
  color: var(--text-text-secondary, #595959);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 16.565898895263672px;
  line-height: 21.3px;
  letter-spacing: 0.01em;
  font-weight: 400;
  position: relative;
}
.pent2 {
  display: flex;
  flex-direction: row;
  gap: 7.1px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame5 {
  flex-shrink: 0;
  width: 18.93px;
  height: 18.93px;
  position: relative;
  overflow: visible;
}
._2-baths {
  color: var(--text-text-secondary, #595959);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 16.565898895263672px;
  line-height: 21.3px;
  letter-spacing: 0.01em;
  font-weight: 400;
  position: relative;
}
.frame6 {
  flex-shrink: 0;
  width: 18.93px;
  height: 18.93px;
  position: relative;
  overflow: visible;
}
._995-sq-ft {
  color: var(--text-text-secondary, #595959);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 16.565898895263672px;
  line-height: 21.3px;
  letter-spacing: 0.01em;
  font-weight: 400;
  position: relative;
}
.frame-20873282402 {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.unit-value2 {
  color: var(--text-text-primary, #1f1f1f);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 16.565898895263672px;
  line-height: 21.3px;
  letter-spacing: 0.01em;
  font-weight: 400;
  position: relative;
}
.pkr-42-000-000 {
  color: var(--text-text-primary, #1f1f1f);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 23.665571212768555px;
  line-height: 30.77px;
  letter-spacing: -0.01em;
  font-weight: 800;
  position: relative;
}
.frame-20873281992 {
  background: var(--grays-gray-0, #fcfcfc);
  border-radius: 7.1px;
  padding: 14.2px;
  display: flex;
  flex-direction: column;
  gap: 14.2px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-20873281952 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.current-market-valuation2 {
  color: var(--text-text-secondary, #595959);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 16.565898895263672px;
  line-height: 21.3px;
  letter-spacing: 0.01em;
  font-weight: 400;
  position: relative;
}
.pkr-42-000-0002 {
  color: var(--text-text-primary, #1f1f1f);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 16.565898895263672px;
  line-height: 21.3px;
  font-weight: 500;
  position: relative;
}
.frame-20873281962 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.appreciation2 {
  color: var(--text-text-secondary, #595959);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 16.565898895263672px;
  line-height: 21.3px;
  letter-spacing: 0.01em;
  font-weight: 400;
  position: relative;
}
.frame-20873283402 {
  display: flex;
  flex-direction: row;
  gap: 7.1px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.linear-business-statistic-course-up2 {
  flex-shrink: 0;
  width: 23.67px;
  height: 23.67px;
  position: relative;
  overflow: visible;
}
._10-292 {
  color: var(--text-text-primary, #1f1f1f);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 16.565898895263672px;
  line-height: 21.3px;
  font-weight: 500;
  position: relative;
}
.frame-20873281972 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.funded-date2 {
  color: var(--text-text-secondary, #595959);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 16.565898895263672px;
  line-height: 21.3px;
  letter-spacing: 0.01em;
  font-weight: 400;
  position: relative;
}
.n-a2 {
  color: var(--text-text-primary, #1f1f1f);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 16.565898895263672px;
  line-height: 21.3px;
  font-weight: 500;
  position: relative;
}
.page {
  border-radius: 24px 24px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 240px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.breaker {
  display: flex;
  flex-direction: column;
  gap: 80px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-91655 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 868px;
  position: relative;
}
.real-estate-for-everyone {
  color: var(--neutral-neutral-12, #ffffff);
  text-align: center;
  font-family: "Manrope", sans-serif;
  font-size: 48px;
  line-height: 60px;
  font-weight: 700;
  position: relative;
}
.unlock-the-future-of-real-estate-in-pakistan {
  color: var(--primary-primary-6, #0cf19e);
  text-align: center;
  font-family: var(--h1-regular400-font-family, "Manrope", sans-serif);
  font-size: var(--h1-regular400-font-size, 36px);
  line-height: var(--h1-regular400-line-height, 44px);
  font-weight: var(--h1-regular400-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.frame-2087328440 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-end;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-2087328351 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1280px;
  position: relative;
}
.boxRealState {
  flex: 1;
  position: relative;
  border-radius: 16px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: flex-start;
  justify-content: flex-start;
  height: 216px;
  overflow: hidden;
  background: linear-gradient(163.43deg, #04241b -117.59%, #1b1f23 88.53%);
}

/* Create overlay for hover gradient */
.boxRealState::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(163.43deg, #04241b -117.59%, #15181b 88.53%);
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  z-index: 0;
}

/* On hover, fade in the overlay */
.boxRealState:hover::before {
  opacity: 1;
}

/* Keep content above gradient */
.boxRealState > * {
  position: relative;
  z-index: 1;
}

.flipIcon {
  display: inline-block;
  animation: tiltY1 0.6s ease-in-out forwards;
}

.boxRealState:hover .flipIcon {
  animation: tiltY2 0.6s ease-in-out forwards;
}

@keyframes tiltY1 {
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(-90deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}
@keyframes tiltY2 {
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(90deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}

._6 {
  background: linear-gradient(
    163.43deg,
    rgba(4, 36, 27, 1) 0%,
    rgba(27, 31, 35, 1) 100%
  );
  border-radius: var(--radius-l, 16px);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 246.4px;
  height: 216px;
  position: relative;
}
.frame-2087328350 {
  background: linear-gradient(
    134.97deg,
    rgba(12, 241, 158, 1) 0%,
    rgba(58, 127, 213, 1) 100%
  );
  border-radius: var(--radius-m, 12px);
  display: flex;
  flex-direction: row;
  gap: 9.14px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  position: relative;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.4);
}
.frame-2087328439 {
  /* border-radius: var(--radius-full, 999px);
  border-width: 2px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1; */
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  position: relative;
}
.frame7 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  position: relative;
  overflow: visible;
}
.ownership-in-real-estate {
  color: var(--text-text-primary, #e6e7e8);
  text-align: left;
  font-family: var(--h4-semibold600-font-family, "Manrope", sans-serif);
  font-size: var(--h4-semibold600-font-size, 24px);
  line-height: var(--h4-semibold600-line-height, 32px);
  letter-spacing: var(--h4-semibold600-letter-spacing, -0.01em);
  font-weight: var(--h4-semibold600-font-weight, 600);
  position: relative;
  align-self: stretch;
}
._7 {
  background: linear-gradient(
    163.43deg,
    rgba(4, 36, 27, 1) 0%,
    rgba(27, 31, 35, 1) 100%
  );
  border-radius: var(--radius-l, 16px);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 246.4px;
  height: 216px;
  position: relative;
}
.frame-20873283512 {
  background: linear-gradient(
    134.97deg,
    rgba(12, 241, 158, 1) 0%,
    rgba(58, 127, 213, 1) 100%
  );
  border-radius: var(--radius-m, 12px);
  display: flex;
  flex-direction: row;
  gap: 9.14px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  position: relative;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.4);
}
.frame8 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  position: relative;
  overflow: visible;
}
.start-from-just-pkr-10-000 {
  color: var(--text-text-primary, #e6e7e8);
  text-align: left;
  font-family: var(--h4-semibold600-font-family, "Manrope", sans-serif);
  font-size: var(--h4-semibold600-font-size, 24px);
  line-height: var(--h4-semibold600-line-height, 32px);
  letter-spacing: var(--h4-semibold600-letter-spacing, -0.01em);
  font-weight: var(--h4-semibold600-font-weight, 600);
  position: relative;
  align-self: stretch;
}
._8 {
  background: linear-gradient(
    163.43deg,
    rgba(4, 36, 27, 1) 0%,
    rgba(27, 31, 35, 1) 100%
  );
  border-radius: var(--radius-l, 16px);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 246.4px;
  height: 216px;
  position: relative;
}
.frame9 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  position: relative;
  overflow: visible;
}
.upto-8-annual-rental-yield {
  color: var(--text-text-primary, #e6e7e8);
  text-align: left;
  font-family: var(--h4-semibold600-font-family, "Manrope", sans-serif);
  font-size: var(--h4-semibold600-font-size, 24px);
  line-height: var(--h4-semibold600-line-height, 32px);
  letter-spacing: var(--h4-semibold600-letter-spacing, -0.01em);
  font-weight: var(--h4-semibold600-font-weight, 600);
  position: relative;
  align-self: stretch;
}
._9 {
  background: linear-gradient(
    163.43deg,
    rgba(4, 36, 27, 1) 0%,
    rgba(27, 31, 35, 1) 100%
  );
  border-radius: var(--radius-l, 16px);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 246.4px;
  height: 216px;
  position: relative;
}
.frame10 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.access-premium-real-estate {
  color: var(--text-text-primary, #e6e7e8);
  text-align: left;
  font-family: var(--h4-semibold600-font-family, "Manrope", sans-serif);
  font-size: var(--h4-semibold600-font-size, 24px);
  line-height: var(--h4-semibold600-line-height, 32px);
  letter-spacing: var(--h4-semibold600-letter-spacing, -0.01em);
  font-weight: var(--h4-semibold600-font-weight, 600);
  position: relative;
  align-self: stretch;
}
._10 {
  background: linear-gradient(
    163.43deg,
    rgba(4, 36, 27, 1) 0%,
    rgba(27, 31, 35, 1) 100%
  );
  border-radius: var(--radius-l, 16px);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 246.4px;
  height: 216px;
  position: relative;
}
.frame11 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  position: relative;
  overflow: visible;
}
.higher-capital-gains {
  color: var(--text-text-primary, #e6e7e8);
  text-align: left;
  font-family: var(--h4-semibold600-font-family, "Manrope", sans-serif);
  font-size: var(--h4-semibold600-font-size, 24px);
  line-height: var(--h4-semibold600-line-height, 32px);
  letter-spacing: var(--h4-semibold600-letter-spacing, -0.01em);
  font-weight: var(--h4-semibold600-font-weight, 600);
  position: relative;
  align-self: stretch;
}
.no-guaranteed-rental-or-returns {
  color: var(--grays-gray-5, #8c8c8c);
  text-align: right;
  font-family: var(--compact-regular400-font-family, "Manrope", sans-serif);
  font-size: var(--compact-regular400-font-size, 14px);
  line-height: var(--compact-regular400-line-height, 20px);
  font-weight: var(--compact-regular400-font-weight, 400);
  position: relative;
}
.what {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  flex-shrink: 0;
  width: 1280px;
  position: relative;
}
.hovering {
  flex-shrink: 0;
  width: 565.95px;
  height: 380.76px;
  position: relative;
}
.vector-373 {
  border-radius: 0px;
  opacity: 0.06;
  width: 540px;
  height: 290.75px;
  position: absolute;
  left: 9px;
  top: 44.17px;
  overflow: visible;
  aspect-ratio: 540/290.75;
}
.group-1686557705 {
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
}
.frame-2087328380 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: 562px;
  height: 450px;
  position: relative;
}
.what-are-property-blocks {
  color: var(--neutral-neutral-12, #ffffff);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 48px;
  line-height: 60px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
.blocks-are-created-through-the-process-of-breaking-down-real-estate-into-smaller-pieces-these-blocks-can-be-bought-for-as-low-as-pkr-10-000-blocks-give-contractual-rights-to-the-owners-enabling-them-to-receive-rental-income-and-proportionate-capital-gains {
  text-align: left;
  font-family: "-", sans-serif;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.blocks-are-created-through-the-process-of-breaking-down-real-estate-into-smaller-pieces-these-blocks-can-be-bought-for-as-low-as-pkr-10-000-blocks-give-contractual-rights-to-the-owners-enabling-them-to-receive-rental-income-and-proportionate-capital-gains-span {
  color: var(--text-text-secondary, #b1b5ba);
  font-family: var(--h4-regular400-font-family, "Manrope", sans-serif);
  font-size: var(--h4-regular400-font-size, 24px);
  line-height: var(--h4-regular400-line-height, 32px);
  letter-spacing: var(--h4-regular400-letter-spacing, -0.01em);
  font-weight: var(--h4-regular400-font-weight, 400);
}
.blocks-are-created-through-the-process-of-breaking-down-real-estate-into-smaller-pieces-these-blocks-can-be-bought-for-as-low-as-pkr-10-000-blocks-give-contractual-rights-to-the-owners-enabling-them-to-receive-rental-income-and-proportionate-capital-gains-span2 {
  color: var(--text-text-primary, #e6e7e8);
  font-family: var(--h4-medium500-font-family, "Manrope", sans-serif);
  font-size: var(--h4-medium500-font-size, 24px);
  line-height: var(--h4-medium500-line-height, 32px);
  letter-spacing: var(--h4-medium500-letter-spacing, -0.01em);
  font-weight: var(--h4-medium500-font-weight, 600);
}
.how {
  display: flex;
  flex-direction: column;
  gap: 64px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1280px;
  position: relative;
}
.frame-916552 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 868px;
  position: relative;
}
.how-it-works {
  color: var(--grays-gray-2, #f0f0f0);
  text-align: center;
  font-family: "Manrope", sans-serif;
  font-size: 48px;
  line-height: 60px;
  font-weight: 700;
  position: relative;
}
.frame-2087328053 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-2087328051 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.howWorkGradient {
  position: relative;
  padding-top: 4px;
  border-radius: 20px;
  overflow: hidden;
}
/* two full-size layers */
.howWorkGradient::before {
  content: "";
  position: absolute;
  inset: 0;
  transition: opacity 0.4s; /* smooth crossfade */
  will-change: opacity;
  z-index: 0;
}

.howWorkGradient::before {
  background: linear-gradient(90deg, #0cf19e 0%, #4495fa 100%);
  opacity: 0;
}

.howWorkGradient:hover::before {
  opacity: 1;
}

.explore {
  background: linear-gradient(
    180deg,
    rgba(27, 31, 35, 1) 0%,
    rgba(21, 24, 27, 1) 100%
  );
  border-radius: 20px;
  /* border-width: 4px 0px 0px 0px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1; */
  padding: 28px 24px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 305px;
  position: relative;
}

.frame-91681 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
._01 {
  color: var(--primary-primary-6, #0cf19e);
  text-align: left;
  font-family: var(--h4-bold700-font-family, "Manrope", sans-serif);
  font-size: var(--h4-bold700-font-size, 24px);
  line-height: var(--h4-bold700-line-height, 32px);
  letter-spacing: var(--h4-bold700-letter-spacing, -0.01em);
  font-weight: var(--h4-bold700-font-weight, 800);
  position: relative;
  align-self: stretch;
}
.frame-2087328444 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.explore2 {
  color: var(--text-text-primary, #e6e7e8);
  text-align: left;
  font-family: var(--h4-bold700-font-family, "Manrope", sans-serif);
  font-size: var(--h4-bold700-font-size, 24px);
  line-height: var(--h4-bold700-line-height, 32px);
  letter-spacing: var(--h4-bold700-letter-spacing, -0.01em);
  font-weight: var(--h4-bold700-font-weight, 800);
  position: relative;
  align-self: stretch;
}
.browse-a-hand-picked-selection-of-vetted-real-estate-properties {
  color: var(--text-text-secondary, #b1b5ba);
  text-align: left;
  font-family: var(--h5-regular400-font-family, "Manrope", sans-serif);
  font-size: var(--h5-regular400-font-size, 20px);
  line-height: var(--h5-regular400-line-height, 26px);
  letter-spacing: var(--h5-regular400-letter-spacing, -0.01em);
  font-weight: var(--h5-regular400-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.frame-20873283802 {
  background: #101214;
  border-radius: 12.49px;
  padding: 17px;
  flex-shrink: 0;
  width: 257px;
  height: 213px;
  position: relative;
  overflow: hidden;
}
.container5 {
  background: linear-gradient(
    180.16deg,
    rgba(27, 31, 35, 1) 0%,
    rgba(21, 24, 27, 1) 100%
  );
  border-radius: 5.14px;
  border-style: solid;
  border-color: var(--neutral-neutral-4, #22272c);
  border-width: 1.28px;
  padding: 0px 0px 10px 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 93.32px;
  position: absolute;
  left: 82px;
  top: 39px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.media3 {
  border-radius: 4px;
  opacity: 0.8;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 54.9px;
  position: relative;
  overflow: hidden;
  object-fit: cover;
}
.frame-20873282353 {
  padding: 0px 6px 0px 6px;
  display: flex;
  flex-direction: column;
  gap: 7.71px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame-20873282393 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame-20873282343 {
  border-style: solid;
  border-color: var(--neutral-neutral-5, #2e3237);
  border-width: 0px 0px 0.27px 0px;
  padding: 0px 0px 6.42px 0px;
  display: flex;
  flex-direction: column;
  gap: 3.29px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.rectangle-3463470 {
  background: var(--neutral-neutral-4, #22272c);
  border-radius: 5.14px;
  flex-shrink: 0;
  width: 51.4px;
  height: 5.14px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.rectangle-3463471 {
  background: var(--neutral-neutral-5, #2e3237);
  border-radius: 5.14px;
  flex-shrink: 0;
  width: 75.81px;
  height: 7.71px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame-2087328448 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.block-price {
  color: var(--text-text-secondary, #b1b5ba);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 7.709793567657471px;
  line-height: 10.28px;
  letter-spacing: 0.01em;
  font-weight: 400;
  opacity: 0.8;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.pkr-10-0002 {
  color: var(--neutral-neutral-11, #e6e7e8);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.01em;
  font-weight: 500;
  opacity: 0.8;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.container6 {
  background: linear-gradient(
    180.16deg,
    rgba(27, 31, 35, 1) 0%,
    rgba(21, 24, 27, 1) 100%
  );
  border-radius: 5.14px;
  border-style: solid;
  border-color: var(--neutral-neutral-4, #22272c);
  border-width: 1.28px;
  opacity: 0.4;
  padding: 0px 0px 10px 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 93.32px;
  position: absolute;
  left: 82px;
  top: 188px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.media4 {
  border-radius: 4px;
  opacity: 0.34;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 54.9px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
  object-fit: cover;
}
.block-price2 {
  color: var(--text-text-secondary, #b1b5ba);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 7.709793567657471px;
  line-height: 10.28px;
  letter-spacing: 0.01em;
  font-weight: 400;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.pkr-10-0003 {
  color: var(--neutral-neutral-12, #ffffff);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.01em;
  font-weight: 500;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.container7 {
  background: linear-gradient(
    180.16deg,
    rgba(27, 31, 35, 1) 0%,
    rgba(21, 24, 27, 1) 100%
  );
  border-radius: 5.14px;
  border-style: solid;
  border-color: var(--neutral-neutral-4, #22272c);
  border-width: 1.28px;
  opacity: 0.4;
  padding: 0px 0px 10px 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 93.32px;
  position: absolute;
  left: 82px;
  top: -112px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.pkr-10-020 {
  color: var(--neutral-neutral-12, #ffffff);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.01em;
  font-weight: 500;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.container8 {
  background: linear-gradient(
    180.16deg,
    rgba(27, 31, 35, 1) 0%,
    rgba(21, 24, 27, 1) 100%
  );
  border-radius: 5.14px;
  border-style: solid;
  border-color: var(--neutral-neutral-4, #22272c);
  border-width: 1.28px;
  opacity: 0.4;
  padding: 0px 0px 10px 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 93.32px;
  position: absolute;
  left: -28px;
  top: 119px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.media5 {
  border-radius: 4px;
  opacity: 0.9;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 54.9px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
  object-fit: cover;
}
.pkr-10-050 {
  color: var(--neutral-neutral-12, #ffffff);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.01em;
  font-weight: 500;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.container9 {
  background: linear-gradient(
    180.16deg,
    rgba(27, 31, 35, 1) 0%,
    rgba(21, 24, 27, 1) 100%
  );
  border-radius: 5.14px;
  border-style: solid;
  border-color: var(--neutral-neutral-4, #22272c);
  border-width: 1.28px;
  opacity: 0.4;
  padding: 0px 0px 10px 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 93.32px;
  position: absolute;
  left: -28px;
  top: -30px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.media6 {
  border-radius: 4px;
  opacity: 0.8;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 54.9px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
  object-fit: cover;
}
.pkr-10-220 {
  color: var(--neutral-neutral-12, #ffffff);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.01em;
  font-weight: 500;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.container10 {
  background: linear-gradient(
    180.16deg,
    rgba(27, 31, 35, 1) 0%,
    rgba(21, 24, 27, 1) 100%
  );
  border-radius: 5.14px;
  border-style: solid;
  border-color: var(--neutral-neutral-4, #22272c);
  border-width: 1.28px;
  opacity: 0.4;
  padding: 0px 0px 10px 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 93.32px;
  position: absolute;
  left: 192px;
  top: 165px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.media7 {
  border-radius: 4px;
  opacity: 0.2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 54.9px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
  object-fit: cover;
}
.container11 {
  background: linear-gradient(
    180.16deg,
    rgba(27, 31, 35, 1) 0%,
    rgba(21, 24, 27, 1) 100%
  );
  border-radius: 5.14px;
  border-style: solid;
  border-color: var(--neutral-neutral-4, #22272c);
  border-width: 1.28px;
  opacity: 0.4;
  padding: 0px 0px 10px 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 93.32px;
  position: absolute;
  left: 192px;
  top: 16px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.media8 {
  border-radius: 4px;
  opacity: 0.4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 54.9px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
  object-fit: cover;
}
.pkr-10-100 {
  color: var(--neutral-neutral-12, #ffffff);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.01em;
  font-weight: 500;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.invest {
  background: linear-gradient(
    180deg,
    rgba(27, 31, 35, 1) 0%,
    rgba(21, 24, 27, 1) 100%
  );
  border-radius: 20px;
  /* border-width: 4px 0px 0px 0px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1; */
  padding: 28px 24px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 305px;
  position: relative;
}
._02 {
  color: var(--primary-primary-6, #0cf19e);
  text-align: left;
  font-family: var(--h4-bold700-font-family, "Manrope", sans-serif);
  font-size: var(--h4-bold700-font-size, 24px);
  line-height: var(--h4-bold700-line-height, 32px);
  letter-spacing: var(--h4-bold700-letter-spacing, -0.01em);
  font-weight: var(--h4-bold700-font-weight, 800);
  position: relative;
  align-self: stretch;
}
.frame-2087328445 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.choose-buy {
  color: var(--text-text-primary, #e6e7e8);
  text-align: left;
  font-family: var(--h4-bold700-font-family, "Manrope", sans-serif);
  font-size: var(--h4-bold700-font-size, 24px);
  line-height: var(--h4-bold700-line-height, 32px);
  letter-spacing: var(--h4-bold700-letter-spacing, -0.01em);
  font-weight: var(--h4-bold700-font-weight, 800);
  position: relative;
  align-self: stretch;
}
.pick-the-property-you-like-and-buy-a-block-for-as-low-as-pkr-10-000 {
  color: var(--text-text-secondary, #b1b5ba);
  text-align: left;
  font-family: var(--h5-regular400-font-family, "Manrope", sans-serif);
  font-size: var(--h5-regular400-font-size, 20px);
  line-height: var(--h5-regular400-line-height, 26px);
  letter-spacing: var(--h5-regular400-letter-spacing, -0.01em);
  font-weight: var(--h5-regular400-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.frame-2087328378 {
  background: #101214;
  border-radius: 12.49px;
  padding: 17px;
  align-self: stretch;
  flex-shrink: 0;
  height: 213px;
  position: relative;
  overflow: hidden;
}
.frame-2087328449 {
  background: var(--neutral-neutral-4, #22272c);
  border-radius: 7.59px;
  border-style: solid;
  border-color: var(--neutral-neutral-4, #22272c);
  border-width: 1.08px;
  width: 139.89px;
  height: 242.9px;
  position: absolute;
  left: 58.56px;
  top: -64px;
}
.container12 {
  background: linear-gradient(
    180.16deg,
    rgba(27, 31, 35, 1) 0%,
    rgba(21, 24, 27, 1) 100%
  );
  border-radius: 8.5px;
  padding: 0px 0px 14.64px 0px;
  display: flex;
  flex-direction: column;
  gap: 11.72px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 136.67px;
  position: absolute;
  left: 1.61px;
  top: 9.42px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.media9 {
  border-radius: 5.86px;
  opacity: 0.8;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 80.39px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
  object-fit: cover;
}
.frame-20873282354 {
  padding: 0px 8.79px 0px 8.79px;
  display: flex;
  flex-direction: column;
  gap: 11.29px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-20873282394 {
  display: flex;
  flex-direction: column;
  gap: 14.64px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-20873282344 {
  border-style: solid;
  border-color: var(--neutral-neutral-5, #2e3237);
  border-width: 0px 0px 0.4px 0px;
  padding: 0px 0px 9.41px 0px;
  display: flex;
  flex-direction: column;
  gap: 4.82px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.rectangle-34634702 {
  background: var(--neutral-neutral-4, #22272c);
  border-radius: 7.53px;
  flex-shrink: 0;
  width: 75.27px;
  height: 7.53px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.rectangle-34634712 {
  background: var(--neutral-neutral-5, #2e3237);
  border-radius: 7.53px;
  flex-shrink: 0;
  width: 111.03px;
  height: 11.29px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame-20873284482 {
  display: flex;
  flex-direction: column;
  gap: 2.93px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.block-price3 {
  color: var(--text-text-secondary, #b1b5ba);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 11.290969848632812px;
  line-height: 15.05px;
  letter-spacing: 0.01em;
  font-weight: 400;
  position: relative;
}
.pkr-10-0004 {
  color: var(--neutral-neutral-12, #ffffff);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 17.57396697998047px;
  line-height: 20.5px;
  letter-spacing: -0.01em;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.frame-2087328450 {
  background: rgba(10, 205, 134, 0.9);
  border-radius: 4px;
  padding: 8px;
  width: 123px;
  height: 21px;
  position: absolute;
  left: 8.44px;
  top: 213px;
}
.invest2 {
  color: var(--neutral-neutral-0, #0b0c0d);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 12px;
  line-height: 20.5px;
  letter-spacing: -0.01em;
  font-weight: 700;
  opacity: 0.7;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: -0.58px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.cursor-1-1 {
  opacity: 0;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 205.42px;
  top: 163.42px;
  overflow: visible;
}
.lock-in {
  background: linear-gradient(
    180deg,
    rgba(27, 31, 35, 1) 0%,
    rgba(21, 24, 27, 1) 100%
  );
  border-radius: 20px;
  /* border-width: 4px 0px 0px 0px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1; */
  padding: 28px 24px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 305px;
  position: relative;
}
._03 {
  color: var(--primary-primary-6, #0cf19e);
  text-align: left;
  font-family: var(--h4-bold700-font-family, "Manrope", sans-serif);
  font-size: var(--h4-bold700-font-size, 24px);
  line-height: var(--h4-bold700-line-height, 32px);
  letter-spacing: var(--h4-bold700-letter-spacing, -0.01em);
  font-weight: var(--h4-bold700-font-weight, 800);
  position: relative;
  align-self: stretch;
}
.frame-2087328446 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.lock-in-grow {
  color: var(--text-text-primary, #e6e7e8);
  text-align: left;
  font-family: var(--h4-bold700-font-family, "Manrope", sans-serif);
  font-size: var(--h4-bold700-font-size, 24px);
  line-height: var(--h4-bold700-line-height, 32px);
  letter-spacing: var(--h4-bold700-letter-spacing, -0.01em);
  font-weight: var(--h4-bold700-font-weight, 800);
  position: relative;
  align-self: stretch;
}
.enter-the-lock-in-period-to-hold-for-capital-appreciation-and-steady-returns {
  color: var(--text-text-secondary, #b1b5ba);
  text-align: left;
  font-family: var(--h5-regular400-font-family, "Manrope", sans-serif);
  font-size: var(--h5-regular400-font-size, 20px);
  line-height: var(--h5-regular400-line-height, 26px);
  letter-spacing: var(--h5-regular400-letter-spacing, -0.01em);
  font-weight: var(--h5-regular400-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.group-1686557695 {
  height: auto;
  position: absolute;
  left: 29.76px;
  top: 23.77px;
  overflow: visible;
}
.group-1686557694 {
  position: absolute;
  inset: 0;
}
.container13 {
  background: linear-gradient(
    180.16deg,
    rgba(21, 24, 27, 1) 0%,
    rgba(27, 31, 35, 1) 100%
  );
  border-radius: 5.78px;
  border-style: solid;
  border-color: var(--neutral-neutral-4, #22272c);
  border-width: 1.45px;
  opacity: 0.4;
  padding: 0px 0px 11.25px 0px;
  display: flex;
  flex-direction: column;
  gap: 9px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 104.97px;
  position: absolute;
  left: 76.02px;
  top: 111.5px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.media10 {
  border-radius: 4.5px;
  opacity: 0.8;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 61.75px;
  position: relative;
  overflow: hidden;
  object-fit: cover;
}
.frame-20873282355 {
  padding: 0px 6.75px 0px 6.75px;
  display: flex;
  flex-direction: column;
  gap: 8.67px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-20873282395 {
  display: flex;
  flex-direction: column;
  gap: 11.25px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-20873282345 {
  border-style: solid;
  border-color: var(--neutral-neutral-5, #2e3237);
  border-width: 0px 0px 0.31px 0px;
  padding: 0px 0px 7.23px 0px;
  display: flex;
  flex-direction: column;
  gap: 3.7px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.rectangle-34634703 {
  background: var(--neutral-neutral-4, #22272c);
  border-radius: 5.78px;
  flex-shrink: 0;
  width: 57.81px;
  height: 5.78px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.rectangle-34634713 {
  background: var(--neutral-neutral-5, #2e3237);
  border-radius: 5.78px;
  flex-shrink: 0;
  width: 85.27px;
  height: 8.67px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame-20873284483 {
  display: flex;
  flex-direction: column;
  gap: 2.25px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.block-price4 {
  color: var(--text-text-placeholder, #bfbfbf);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 8.671814918518066px;
  line-height: 11.56px;
  letter-spacing: 0.01em;
  font-weight: 400;
  position: relative;
}
.pkr-10-0005 {
  color: var(--grays-gray-1, #f5f5f5);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 13.49734878540039px;
  line-height: 15.75px;
  letter-spacing: -0.01em;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.frame-2087328451 {
  background: var(--warning-warning-1, #2a1f05);
  border-radius: 28.8px;
  border-style: solid;
  border-color: var(--warning-warning-2, #f0b429);
  border-width: 1.2px;
  padding: 9.6px;
  display: flex;
  flex-direction: row;
  gap: 9.6px;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  position: absolute;
  left: 104.5px;
  top: 95.5px;
}
.linear-security-lock-keyhole {
  flex-shrink: 0;
  width: 21.6px;
  height: 21.6px;
  position: relative;
  overflow: visible;
}
.gains {
  background: linear-gradient(
    180deg,
    rgba(27, 31, 35, 1) 0%,
    rgba(21, 24, 27, 1) 100%
  );
  border-radius: 20px;
  /* border-width: 4px 0px 0px 0px;
  border-style: solid;
  border-image: transparent;
  border-image-slice: 1; */
  padding: 28px 24px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 305px;
  position: relative;
}
._04 {
  color: var(--primary-primary-6, #0cf19e);
  text-align: left;
  font-family: var(--h4-bold700-font-family, "Manrope", sans-serif);
  font-size: var(--h4-bold700-font-size, 24px);
  line-height: var(--h4-bold700-line-height, 32px);
  letter-spacing: var(--h4-bold700-letter-spacing, -0.01em);
  font-weight: var(--h4-bold700-font-weight, 800);
  position: relative;
  align-self: stretch;
}
.frame-2087328447 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.realise-gains {
  color: var(--text-text-primary, #e6e7e8);
  text-align: left;
  font-family: var(--h4-bold700-font-family, "Manrope", sans-serif);
  font-size: var(--h4-bold700-font-size, 24px);
  line-height: var(--h4-bold700-line-height, 32px);
  letter-spacing: var(--h4-bold700-letter-spacing, -0.01em);
  font-weight: var(--h4-bold700-font-weight, 800);
  position: relative;
  align-self: stretch;
}
.after-the-1-year-lock-in-period-reinvest-hold-or-sell-your-share {
  color: var(--text-text-secondary, #b1b5ba);
  text-align: left;
  font-family: var(--h5-regular400-font-family, "Manrope", sans-serif);
  font-size: var(--h5-regular400-font-size, 20px);
  line-height: var(--h5-regular400-line-height, 26px);
  letter-spacing: var(--h5-regular400-letter-spacing, -0.01em);
  font-weight: var(--h5-regular400-font-weight, 400);
  position: relative;
  align-self: stretch;
}

.frame-20873282396 {
  display: flex;
  flex-direction: column;
  gap: 13.53px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame-20873282346 {
  border-style: solid;
  border-color: var(--neutral-neutral-5, #2e3237);
  border-width: 0px 0px 0.37px 0px;
  padding: 0px 0px 8.69px 0px;
  display: flex;
  flex-direction: column;
  gap: 4.46px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.rectangle-34634704 {
  background: var(--neutral-neutral-4, #22272c);
  border-radius: 6.95px;
  flex-shrink: 0;
  width: 69.54px;
  height: 6.95px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.rectangle-34634714 {
  background: var(--neutral-neutral-5, #2e3237);
  border-radius: 6.95px;
  align-self: stretch;
  flex-shrink: 0;
  height: 10.43px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame-20873281993 {
  background: var(--neutral-neutral-4, #22272c);
  border-radius: 3.7px;
  padding: 5.41px;
  display: flex;
  flex-direction: column;
  gap: 5.41px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  height: 19.4px;
  position: relative;
  box-shadow: 0px 3.7px 3.7px 0px rgba(0, 0, 0, 0.25);
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame-20873283403 {
  display: flex;
  flex-direction: row;
  gap: 2.7px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.linear-business-statistic-course-up3 {
  flex-shrink: 0;
  width: 11.09px;
  height: 11.09px;
  position: relative;
  overflow: visible;
}
._10-293 {
  color: var(--primary-primary-6, #0cf19e);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 11.086206436157227px;
  line-height: 8.11px;
  font-weight: 500;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame-20873284502 {
  background: rgba(10, 205, 134, 0.8);
  border-radius: 6px;
  padding: 8px;
}

.frame-20873284512 {
  background: var(--grays-gray-10, #141414);
  border-radius: 6px;
  border-style: solid;
  border-color: rgba(197, 252, 232, 0.3);
  border-width: 0.7px;
  padding: 8px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
}
.why {
  display: flex;
  flex-direction: column;
  gap: 64px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1280px;
  position: relative;
}
.why-my-zameen {
  color: var(--grays-gray-2, #f0f0f0);
  text-align: center;
  font-family: "Manrope", sans-serif;
  font-size: 48px;
  line-height: 60px;
  font-weight: 700;
  position: relative;
  width: 642.54px;
}
.frame-2087328048 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1280px;
  position: relative;
}
.frame-2087328045 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: flex-end;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.pool {
  background: radial-gradient(
    closest-side,
    rgba(21, 24, 27, 1) 0%,
    rgba(27, 31, 35, 1) 100%
  );
  border-radius: 24px;
  border-width: 1px;
  /* border-style: solid; */
  border-image: linear-gradient(
    180deg,
    rgba(46, 50, 55, 1) 0%,
    rgba(16, 18, 20, 1) 100%
  );
  border-image-slice: 1;
  padding: 48px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.layer-2 {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  position: relative;
  overflow: hidden;
}
.group-1686557676 {
  width: 83.33%;
  height: 83.33%;
  position: absolute;
  right: 8.33%;
  left: 8.33%;
  bottom: 8.33%;
  top: 8.33%;
  overflow: visible;
}
.frame-2087328443 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.start-small-earn-big {
  color: var(--grays-gray-2, #f0f0f0);
  text-align: center;
  font-family: var(--h4-bold700-font-family, "Manrope", sans-serif);
  font-size: var(--h4-bold700-font-size, 24px);
  line-height: var(--h4-bold700-line-height, 32px);
  letter-spacing: var(--h4-bold700-letter-spacing, -0.01em);
  font-weight: var(--h4-bold700-font-weight, 800);
  position: relative;
  align-self: stretch;
}
.real-estate-blocks-starting-from-just-pkr-10-000 {
  text-align: center;
  font-family: "-", sans-serif;
  font-size: 20px;
  line-height: 0undefined;
  letter-spacing: -0.01em;
  font-weight: 400;
  position: relative;
  width: 273px;
}
.real-estate-blocks-starting-from-just-pkr-10-000-span {
  color: var(--grays-gray-4, #bfbfbf);
  font-family: var(--h5-regular400-font-family, "Manrope", sans-serif);
  font-size: var(--h5-regular400-font-size, 20px);
  line-height: var(--h5-regular400-line-height, 26px);
  letter-spacing: var(--h5-regular400-letter-spacing, -0.01em);
  font-weight: var(--h5-regular400-font-weight, 400);
}
.real-estate-blocks-starting-from-just-pkr-10-000-span2 {
  color: var(--text-text-primary, #e6e7e8);
  font-family: var(--h5-medium500-font-family, "Manrope", sans-serif);
  font-size: var(--h5-medium500-font-size, 20px);
  line-height: var(--h5-medium500-line-height, 28px);
  letter-spacing: var(--h5-medium500-letter-spacing, -0.01em);
  font-weight: var(--h5-medium500-font-weight, 600);
}
.pool2 {
  background: radial-gradient(
    closest-side,
    rgba(21, 24, 27, 1) 0%,
    rgba(27, 31, 35, 1) 100%
  );
  border-radius: 24px;
  border-width: 1px;
  /* border-style: solid; */
  border-image: linear-gradient(
    180deg,
    rgba(46, 50, 55, 1) 0%,
    rgba(16, 18, 20, 1) 100%
  );
  border-image-slice: 1;
  padding: 48px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  height: 352px;
  position: relative;
}
.vector {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
  overflow: visible;
}
.vector2 {
  width: 61.72%;
  height: 63.2%;
  position: absolute;
  right: 20.28%;
  left: 18%;
  bottom: 18.25%;
  top: 18.54%;
  overflow: visible;
}
.clip-path-group {
  height: auto;
  position: absolute;
  left: 32.24px;
  top: 21.5px;
  overflow: visible;
}
.vector3 {
  opacity: 0.5;
  width: 16.62%;
  height: 16.62%;
  position: absolute;
  right: 33.2%;
  left: 50.18%;
  bottom: 33.13%;
  top: 50.25%;
  overflow: visible;
}
.group {
  height: auto;
  position: absolute;
  left: 32.12px;
  top: 21.38px;
  overflow: visible;
}
.frame-2087328442 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.build-a-portfolio {
  color: var(--grays-gray-2, #f0f0f0);
  text-align: center;
  font-family: var(--h4-bold700-font-family, "Manrope", sans-serif);
  font-size: var(--h4-bold700-font-size, 24px);
  line-height: var(--h4-bold700-line-height, 32px);
  letter-spacing: var(--h4-bold700-letter-spacing, -0.01em);
  font-weight: var(--h4-bold700-font-weight, 800);
  position: relative;
  align-self: stretch;
}
.acquire-premium-properties-across-pakistan {
  color: var(--grays-gray-4, #bfbfbf);
  text-align: center;
  font-family: var(--h5-regular400-font-family, "Manrope", sans-serif);
  font-size: var(--h5-regular400-font-size, 20px);
  line-height: var(--h5-regular400-line-height, 26px);
  letter-spacing: var(--h5-regular400-letter-spacing, -0.01em);
  font-weight: var(--h5-regular400-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.group-1686557678 {
  width: 91.67%;
  height: 91.67%;
  position: absolute;
  right: 4.17%;
  left: 4.17%;
  bottom: 4.17%;
  top: 4.17%;
  overflow: visible;
}
.frame-2087328441 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.double-your-returns {
  color: var(--grays-gray-2, #f0f0f0);
  text-align: center;
  font-family: var(--h4-bold700-font-family, "Manrope", sans-serif);
  font-size: var(--h4-bold700-font-size, 24px);
  line-height: var(--h4-bold700-line-height, 32px);
  letter-spacing: var(--h4-bold700-letter-spacing, -0.01em);
  font-weight: var(--h4-bold700-font-weight, 800);
  position: relative;
}
.sell-your-blocks-or-earn-rental-income {
  color: var(--grays-gray-4, #bfbfbf);
  text-align: center;
  font-family: var(--h5-regular400-font-family, "Manrope", sans-serif);
  font-size: var(--h5-regular400-font-size, 20px);
  line-height: var(--h5-regular400-line-height, 26px);
  letter-spacing: var(--h5-regular400-letter-spacing, -0.01em);
  font-weight: var(--h5-regular400-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.frame-2087328044 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.pool3 {
  background: radial-gradient(
    closest-side,
    rgba(21, 24, 27, 1) 0%,
    rgba(27, 31, 35, 1) 100%
  );
  border-radius: 24px;
  border-width: 1px;
  /* border-style: solid; */
  border-image: linear-gradient(
    180deg,
    rgba(46, 50, 55, 1) 0%,
    rgba(16, 18, 20, 1) 100%
  );
  border-image-slice: 1;
  padding: 48px 32px 48px 32px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.group-1686557677 {
  width: 91.67%;
  height: 91.67%;
  position: absolute;
  right: 4.17%;
  left: 4.17%;
  bottom: 4.17%;
  top: 4.17%;
  overflow: visible;
}
.frame-91639 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.flexible-liquidity {
  color: var(--grays-gray-2, #f0f0f0);
  text-align: center;
  font-family: var(--h4-bold700-font-family, "Manrope", sans-serif);
  font-size: var(--h4-bold700-font-size, 24px);
  line-height: var(--h4-bold700-line-height, 32px);
  letter-spacing: var(--h4-bold700-letter-spacing, -0.01em);
  font-weight: var(--h4-bold700-font-weight, 800);
  position: relative;
  align-self: stretch;
}
.after-the-initial-1-year-lock-in-period-liquidate-whenever {
  color: var(--grays-gray-4, #bfbfbf);
  text-align: center;
  font-family: var(--h5-regular400-font-family, "Manrope", sans-serif);
  font-size: var(--h5-regular400-font-size, 20px);
  line-height: var(--h5-regular400-line-height, 26px);
  letter-spacing: var(--h5-regular400-letter-spacing, -0.01em);
  font-weight: var(--h5-regular400-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.transparent {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
}
.group-1410118776 {
  width: 72.34%;
  height: 68.58%;
  position: absolute;
  right: 19.66%;
  left: 8%;
  bottom: 15.42%;
  top: 16%;
  overflow: visible;
}
.total-transparency-control {
  color: var(--grays-gray-2, #f0f0f0);
  text-align: center;
  font-family: var(--h4-bold700-font-family, "Manrope", sans-serif);
  font-size: var(--h4-bold700-font-size, 24px);
  line-height: var(--h4-bold700-line-height, 32px);
  letter-spacing: var(--h4-bold700-letter-spacing, -0.01em);
  font-weight: var(--h4-bold700-font-weight, 800);
  position: relative;
  align-self: stretch;
}
.real-time-dashboard-of-your-portfolio {
  color: var(--grays-gray-4, #bfbfbf);
  text-align: center;
  font-family: var(--h5-regular400-font-family, "Manrope", sans-serif);
  font-size: var(--h5-regular400-font-size, 20px);
  line-height: var(--h5-regular400-line-height, 26px);
  letter-spacing: var(--h5-regular400-letter-spacing, -0.01em);
  font-weight: var(--h5-regular400-font-weight, 400);
  position: relative;
  width: 310px;
}
.group-1686557682 {
  width: 59.4%;
  height: 70%;
  position: absolute;
  right: 20.3%;
  left: 20.3%;
  bottom: 15%;
  top: 15%;
  overflow: visible;
}
.union {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 84.75px;
  top: 30.98px;
  overflow: visible;
}
.avoid-the-hassle-of-paperwork {
  color: var(--grays-gray-2, #f0f0f0);
  text-align: center;
  font-family: var(--h4-bold700-font-family, "Manrope", sans-serif);
  font-size: var(--h4-bold700-font-size, 24px);
  line-height: var(--h4-bold700-line-height, 32px);
  letter-spacing: var(--h4-bold700-letter-spacing, -0.01em);
  font-weight: var(--h4-bold700-font-weight, 800);
  position: relative;
}
.purchase-and-receive-confirmation-at-the-tap-of-a-screen {
  color: var(--grays-gray-4, #bfbfbf);
  text-align: center;
  font-family: var(--h5-regular400-font-family, "Manrope", sans-serif);
  font-size: var(--h5-regular400-font-size, 20px);
  line-height: var(--h5-regular400-line-height, 26px);
  letter-spacing: var(--h5-regular400-letter-spacing, -0.01em);
  font-weight: var(--h5-regular400-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.projects {
  display: flex;
  flex-direction: column;
  gap: 80px;
  justify-content: center;
  flex-shrink: 0;
  width: 1280px;
  position: relative;
}
.frame-2087328506 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.our-projects {
  color: var(--text-text-primary, #e6e7e8);
  text-align: center;
  /* font-family: "Manrope", sans-serif; */
  font-size: 48px;
  line-height: 60px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
/* .discover-a-selection-of-high-potential-real-estate-projects-offering-strong-returns-and-growth-potential {
  color: var(--text-text-placeholder, #84898e);
  text-align: center;
  font-family: var(--h5-regular400-font-family, "Manrope", sans-serif);
  font-size: var(--h5-regular400-font-size, 20px);
  line-height: var(--h5-regular400-line-height, 28px);
  letter-spacing: var(--h5-regular400-letter-spacing, -0.01em);
  font-weight: var(--h5-regular400-font-weight, 400);
  position: relative;
  width: 716px;
} */
.frame-2087328505 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-2087328527 {
  background: var(--neutral-neutral-3, #1b1f23);
  border-radius: 12px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 410.67px;
  position: relative;
}
.frame-91667 {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 250px;
  position: relative;
  overflow: hidden;
  object-fit: cover;
}

.linear-business-statistic-course-up4 {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  position: relative;
  overflow: visible;
}
._123-growth {
  color: var(--primary-primary-6, #0cf19e);
  text-align: center;
  font-size: 20px;
  font-weight: 800;
  position: relative;
}
.frame-2087328518 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  /* align-items: flex-start;
  justify-content: flex-start; */
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-2087326776 {
  padding: 0px 8px 0px 8px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-2087328502 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.zameen-opal {
  color: var(--text-text-primary, #e6e7e8);
  text-align: left;
  font-family: var(--h4-semibold600-font-family, "Manrope", sans-serif);
  font-size: var(--h4-semibold600-font-size, 24px);
  line-height: var(--h4-semibold600-line-height, 32px);
  letter-spacing: var(--h4-semibold600-letter-spacing, -0.01em);
  font-weight: var(--h4-semibold600-font-weight, 600);
  position: relative;
}
.frame-2087328503 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.pkr {
  color: var(--text-text-secondary, #b1b5ba);
  text-align: left;
  font-family: var(--h3-medium500-font-family, "Manrope-Medium", sans-serif);
  font-size: var(--h3-medium500-font-size, 28px);
  line-height: var(--h3-medium500-line-height, 36px);
  letter-spacing: var(--h3-medium500-letter-spacing, -0.01em);
  font-weight: var(--h3-medium500-font-weight, 500);
  position: relative;
}
._2-78-crore-6-1-crore {
  color: var(--text-text-primary, #e6e7e8);
  text-align: left;
  font-family: var(--h3-bold700-font-family, "Manrope-Bold", sans-serif);
  font-size: var(--h3-bold700-font-size, 28px);
  line-height: var(--h3-bold700-line-height, 36px);
  letter-spacing: var(--h3-bold700-letter-spacing, -0.01em);
  font-weight: var(--h3-bold700-font-weight, 700);
  position: relative;
}
.frame-2087328501 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.pent3 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.frame12 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.zafar-ali-road-lahore {
  color: var(--text-text-secondary, #b1b5ba);
  text-align: left;
  font-family: var(--h6-regular400-font-family, "Manrope", sans-serif);
  font-size: var(--h6-regular400-font-size, 18px);
  line-height: var(--h6-regular400-line-height, 24px);
  letter-spacing: var(--h6-regular400-letter-spacing, -0.01em);
  font-weight: var(--h6-regular400-font-weight, 400);
  opacity: 0.8;
  position: relative;
}
.frame13 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
._2-5-67-marla {
  color: var(--text-text-secondary, #b1b5ba);
  text-align: left;
  font-family: var(--h6-regular400-font-family, "Manrope", sans-serif);
  font-size: var(--h6-regular400-font-size, 18px);
  line-height: var(--h6-regular400-line-height, 24px);
  letter-spacing: var(--h6-regular400-letter-spacing, -0.01em);
  font-weight: var(--h6-regular400-font-weight, 400);
  opacity: 0.8;
  position: relative;
}
.frame14 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.flats-shops {
  color: var(--text-text-secondary, #b1b5ba);
  text-align: left;
  font-family: var(--h6-regular400-font-family, "Manrope", sans-serif);
  font-size: var(--h6-regular400-font-size, 18px);
  line-height: var(--h6-regular400-line-height, 24px);
  letter-spacing: var(--h6-regular400-letter-spacing, -0.01em);
  font-weight: var(--h6-regular400-font-weight, 400);
  opacity: 0.8;
  position: relative;
}
.frame-2087326775 {
  background: var(--neutral-neutral-4, #22272c);
  border-radius: var(--radius-s, 8px);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  /* align-items: center; */
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.frame-2087326772 {
  display: flex;
  flex-direction: column;
  padding-bottom: 18px;
  border-bottom: 1px dashed #393e44;
}
.launch-avg-price-sq-ft {
  color: var(--text-text-secondary, #b1b5ba);
  text-align: left;
  font-family: var(--body2-regular400-font-family, "Manrope", sans-serif);
  font-size: var(--body2-regular400-font-size, 16px);
  line-height: var(--body2-regular400-line-height, 24px);
  font-weight: var(--body2-regular400-font-weight, 400);
  opacity: 0.8;
  position: relative;
}
.pkr-11-110 {
  color: var(--text-text-primary, #e6e7e8);
  /* text-align: right; */
  /* font-family: "-", sans-serif; */
  font-size: 24px;
  /* line-height: 24px; */
  /* letter-spacing: 0.01em; */
  font-weight: 400;
  opacity: 0.8;
  /* position: relative; */
}
.pkr-11-110-span {
  font-weight: 500;
}
.pkr-11-110-span2 {
  font-weight: 700;
}
.pkr-11-110-span3 {
  font-weight: 500;
  font-size: 14px;
}
.frame-2087326773 {
  display: flex;
  flex-direction: column;
  /* align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative; */
}
.current-avg-price-sq-ft {
  color: var(--text-text-secondary, #b1b5ba);
  text-align: left;
  font-family: var(--body2-regular400-font-family, "Manrope", sans-serif);
  font-size: 18px;
  line-height: var(--body2-regular400-line-height, 24px);
  font-weight: var(--body2-regular400-font-weight, 400);
  opacity: 0.8;
  position: relative;
}
.pkr-18-500 {
  color: var(--text-text-primary, #e6e7e8);
  /* text-align: right; */
  /* font-family: "-", sans-serif; */
  font-size: 32px;
  /* line-height: 24px; */
  /* letter-spacing: 0.01em; */
  font-weight: 400;
  opacity: 0.8;
  position: relative;
}
.pkr-18-500-span {
  font-weight: 500;
}
.pkr-18-500-span2 {
  font-weight: 600;
}
.pkr-18-500-span3 {
  font-weight: 400;
  font-size: 20px;
}

.growthBoxImg {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 0;
}

.growthBox {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding-bottom: 20px;
}

.frame-2087328526 {
  background: var(--neutral-neutral-3, #1b1f23);
  border-radius: 12px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 410.67px;
  position: relative;
}
.linear-business-statistic-course-up5 {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  position: relative;
  overflow: visible;
}
.frame15 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.frame16 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.frame17 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}

.pkr-18-500-span {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
}
.pkr-18-500-span2 {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
}
.frame-2087328499 {
  background: var(--neutral-neutral-3, #1b1f23);
  border-radius: 12px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 410.67px;
  position: relative;
}
.linear-business-statistic-course-up6 {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  position: relative;
  overflow: visible;
}
.frame18 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.frame19 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.frame20 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}

.pkr-18-500-span {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
}
.pkr-18-500-span2 {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
}
.breaker2 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1280px;
  position: relative;
}
.be-part-of-the-next-chapter {
  color: var(--grays-gray-2, #f0f0f0);
  text-align: center;
  font-family: "Manrope", sans-serif;
  font-size: 48px;
  line-height: 60px;
  font-weight: 700;
  position: relative;
}
.own-blocks-of-premium-projects-and-grow-with-us {
  color: var(--primary-primary-6, #0cf19e);
  text-align: center;
  font-family: var(--h1-regular400-font-family, "Manrope", sans-serif);
  font-size: var(--h1-regular400-font-size, 36px);
  line-height: var(--h1-regular400-line-height, 44px);
  font-weight: var(--h1-regular400-font-weight, 400);
  position: relative;
}
.submit {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.form {
  background: linear-gradient(227.34deg, #06c485 1.22%, #04241b 101.31%);

  border-radius: 20px;
  padding: 12px 12px 12px 64px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 1280px;
  position: relative;
  overflow: hidden;
}
.image-1925 {
  opacity: 0.04;
  flex-shrink: 0;
  width: 603px;
  position: absolute;
  left: calc(50% - -640px);
  top: calc(50% - 301.5px);
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 560/1280;
}
.frame-2087328062 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 402px;
  height: 455px;
  position: relative;
}
.witness-the-future-of-real-esate {
  color: #fff;
  text-align: left;
  font-family: var(--title-3-extrabold-800-font-family, "Manrope", sans-serif);
  font-size: var(--title-3-extrabold-800-font-size, 40px);
  line-height: var(--title-3-extrabold-800-line-height, 52px);
  letter-spacing: var(--title-3-extrabold-800-letter-spacing, -0.5px);
  font-weight: var(--title-3-extrabold-800-font-weight, 800);
  position: relative;
  align-self: stretch;
}
.join-now-to-get-exclusive-news-project-alerts-and-a-simple-guide-to-block-investment-in-pakistan {
  color: #fff;
  text-align: left;
  font-family: var(--h4-medium500-font-family, "Manrope", sans-serif);
  font-size: var(--h4-medium500-font-size, 24px);
  line-height: var(--h4-medium500-line-height, 32px);
  letter-spacing: var(--h4-medium500-letter-spacing, -0.01em);
  font-weight: var(--h4-medium500-font-weight, 600);
  position: relative;
  align-self: stretch;
}
.form2 {
  background: #ffffff;
  border-radius: 20px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 640px;
  position: relative;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.24);
  overflow: hidden;
}
.frame-2087328061 {
  flex-shrink: 0;
}
.frame-2087328059 {
  flex-shrink: 0;
}
.form-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.label {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: visible;
}
.title {
  color: var(--text-text-primary, #1f1f1f);
  text-align: right;
  font-family: var(--body-large-regular-font-family, "Manrope", sans-serif);
  font-size: var(--body-large-regular-font-size, 16px);
  line-height: var(--body-large-regular-line-height, 24px);
  font-weight: var(--body-large-regular-font-weight, 400);
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.field {
  background: var(--neutral-1, #ffffff);
  border-radius: 4px;
  border-style: solid;
  border-color: var(--neutral-5, #d9d9d9);
  border-width: 1px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 48px;
  position: relative;
  overflow: hidden;
}
.input {
  background: var(--neutral-1, #ffffff);
  border-radius: 2px;
  border-style: solid;
  border-color: var(--neutral-5, #d9d9d9);
  border-width: 1px;
  padding: 5px 16px 5px 16px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
}
.placeholder {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.placeholder2 {
  color: var(--text-text-placeholder, #bdbdbd);
  text-align: left;
  font-family: var(--body-large-regular-font-family, "Manrope", sans-serif);
  font-size: var(--body-large-regular-font-size, 16px);
  line-height: var(--body-large-regular-line-height, 24px);
  font-weight: var(--body-large-regular-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.input-addon-label {
  background: var(--neutral-2, #fafafa);
  border-radius: 2px 0px 0px 2px;
  border-style: solid;
  border-color: var(--neutral-5, #d9d9d9);
  border-width: 1px 0px 1px 1px;
  padding: 0px 12px 0px 12px;
  display: flex;
  flex-direction: row;
  gap: 11px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.wrapper {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 30px;
  position: relative;
  overflow: hidden;
}
.text {
  color: var(--text-text-primary, #1f1f1f);
  text-align: center;
  font-family: var(
    --body-small-medium-font-family,
    "Manrope-Medium",
    sans-serif
  );
  font-size: var(--body-small-medium-font-size, 14px);
  line-height: var(--body-small-medium-line-height, 22px);
  letter-spacing: var(--body-small-medium-letter-spacing, 0.01em);
  font-weight: var(--body-small-medium-font-weight, 500);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-2087328060 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.input2 {
  background: var(--neutral-1, #ffffff);
  border-radius: 4px;
  border-style: solid;
  border-color: var(--neutral-5, #d9d9d9);
  border-width: 1px;
  padding: 8px 15px 9px 15px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 89px;
  position: relative;
}
.placeholder3 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  padding: 8px 15px;
}
.placeholder4 {
  color: var(--text-text-secondary, #707070);
  text-align: left;
  font-family: var(--body-large-regular-font-family, "Manrope", sans-serif);
  font-size: var(--body-large-regular-font-size, 16px);
  line-height: var(--body-large-regular-line-height, 24px);
  font-weight: var(--body-large-regular-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.input3 {
  background: var(--neutral-1, #ffffff);
  border-radius: 4px;
  border-style: solid;
  border-color: var(--neutral-5, #d9d9d9);
  border-width: 1px;
  /* padding: 8px 15px 9px 15px; */
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  /* width: 98px; */
  position: relative;
}
.input4 {
  background: var(--neutral-1, #ffffff);
  border-radius: 4px;
  border-style: solid;
  border-color: var(--neutral-5, #d9d9d9);
  border-width: 1px;
  padding: 8px 15px 9px 15px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 108px;
  position: relative;
}
.input5 {
  background: var(--neutral-1, #ffffff);
  border-radius: 4px;
  border-style: solid;
  border-color: var(--neutral-5, #d9d9d9);
  border-width: 1px;
  padding: 8px 15px 9px 15px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 81px;
  position: relative;
}
.frame-2087328064 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.btn2 {
  background: linear-gradient(267.3deg, #06c485 1.45%, #0cf19e 74.53%);

  border-radius: 12px;
  padding: 4px 24px 4px 24px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 560px;
  height: 48px;
  position: relative;
  overflow: hidden;
}
.submit2 {
  color: var(--neutral-neutral-0, #0b0c0d);
  text-align: center;
  font-family: var(--body2-bold700-font-family, "Manrope-Bold", sans-serif);
  font-size: var(--body2-bold700-font-size, 16px);
  line-height: var(--body2-bold700-line-height, 24px);
  font-weight: var(--body2-bold700-font-weight, 700);
  position: relative;
}
.by-continuing-you-agree-to-our-privacy-policy {
  text-align: center;
  font-family: var(--body-small-regular-font-family, "-", sans-serif);
  font-size: var(--body-small-regular-font-size, 14px);
  line-height: var(--body-small-regular-line-height, 22px);
  letter-spacing: var(--body-small-regular-letter-spacing, 0.01em);
  font-weight: var(--body-small-regular-font-weight, 400);
  position: relative;
  align-self: flex-start;
}
.by-continuing-you-agree-to-our-privacy-policy-span {
  color: var(--text-text-secondary, #707070);
  font-family: var(--body-small-regular-font-family, "Manrope", sans-serif);
}
.by-continuing-you-agree-to-our-privacy-policy-span2 {
  color: var(--buttons-button-primary, #00a651);
  font-family: var(--body-small-regular-font-family, "Manrope", sans-serif);
  text-decoration: underline;
}
.footer {
  background: var(--grays-gray-10, transparent);
  padding: 0px 320px 200px 320px;
  display: flex;
  flex-direction: column;
  gap: 104px;
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-2087328389 {
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 72px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-2087328463 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  flex-shrink: 0;
  width: 1254.21px;
  position: relative;
}
.frame-8093 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  flex-shrink: 0;
  width: 767px;
  position: relative;
}
.frame-8089 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 124.77px;
  position: relative;
}
.company {
  color: var(--grays-gray-2, #f0f0f0);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 24px;
  font-weight: 700;
  position: relative;
}
.frame-8087 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.about-us {
  color: var(--grays-gray-3, #d9d9d9);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}
.help-and-support {
  color: var(--grays-gray-3, #d9d9d9);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}
.terms-of-use {
  color: var(--grays-gray-3, #d9d9d9);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}
.frame-8090 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 78.56px;
  position: relative;
}
.connect {
  color: var(--grays-gray-2, #f0f0f0);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 24px;
  font-weight: 700;
  position: relative;
}
.frame-8088 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.blog {
  color: var(--grays-gray-3, #d9d9d9);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}
.news {
  color: var(--grays-gray-3, #d9d9d9);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}
.forum {
  color: var(--grays-gray-3, #d9d9d9);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}
.expo {
  color: var(--grays-gray-3, #d9d9d9);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}
.group-8092 {
  flex-shrink: 0;
  width: 275.39px;
  height: 211px;
  position: static;
}
.frame-2087328459 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 275.39px;
  position: absolute;
  left: 491.61px;
  top: 0px;
}
.head-office {
  color: var(--grays-gray-2, #f0f0f0);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 24px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
.frame-2087328458 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-2087328455 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: 46px;
  position: relative;
}
.frame-2087328460 {
  flex-shrink: 0;
  width: 16px;
  height: 18px;
  position: relative;
}
.group-8095 {
  height: auto;
  position: absolute;
  left: 50%;
  translate: -50%;
  bottom: -0.07px;
  overflow: visible;
}
.pearl-one-94-b-i-mm-alam-road-gulberg-iii-lahore-pakistan {
  color: var(--grays-gray-3, #d9d9d9);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  width: 247.22px;
  height: 39.02px;
}
.frame-2087328456 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.call {
  flex-shrink: 0;
  width: 16.17px;
  height: 16.07px;
  position: relative;
  overflow: visible;
}
._0800-zameen-926336 {
  color: var(--grays-gray-3, #d9d9d9);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}
.frame-2087328457 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.group-8097 {
  flex-shrink: 0;
  width: 16.17px;
  height: 16.07px;
  position: relative;
  overflow: visible;
}
.email-us {
  color: var(--grays-gray-3, #d9d9d9);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}
.frame-41963 {
  display: flex;
  flex-direction: column;
  gap: 37px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-41960 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.roshan-digital-account {
  color: var(--grays-gray-3, #d9d9d9);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 20px;
  font-weight: 700;
  position: relative;
}
.group-41956 {
  flex-shrink: 0;
  width: 108.59px;
  height: 50px;
  position: static;
}
.frame-2087328462 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 108.59px;
  position: absolute;
  left: 0px;
  top: 51px;
}
.group-38151 {
  flex-shrink: 0;
  width: 34.66px;
  height: 39.02px;
  position: relative;
  overflow: visible;
}
.group-18639 {
  flex-shrink: 0;
  width: 64.69px;
  height: 50px;
  position: static;
}
.rectangle-7327 {
  width: 59.57%;
  height: 87.21%;
  position: absolute;
  right: 0%;
  left: 40.43%;
  bottom: 12.79%;
  top: 0%;
  overflow: visible;
}
.frame-2087328461 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 59px;
  position: absolute;
  left: 48.52px;
  top: 0px;
}
.roshan {
  color: var(--grays-gray-4, #bfbfbf);
  text-align: left;
  font-family: "Lato-Bold", sans-serif;
  font-size: 12px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
.digital {
  color: var(--grays-gray-4, #bfbfbf);
  text-align: left;
  font-family: "Lato-Bold", sans-serif;
  font-size: 12px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
.account {
  color: var(--grays-gray-4, #bfbfbf);
  text-align: left;
  font-family: "Lato-Bold", sans-serif;
  font-size: 12px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
.frame-38157 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.subscribe-to-newsletter {
  color: var(--grays-gray-3, #d9d9d9);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 20px;
  font-weight: 700;
  position: relative;
}
.frame-41969 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-41968 {
  background: var(--grays-gray-2, #f0f0f0);
  border-radius: 6px;
  padding: 13px 16px 13px 16px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 250px;
  height: 40px;
  position: relative;
}
.enter-your-email-address {
  color: var(--text-text-secondary, #595959);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  width: 174.44px;
  height: 19.51px;
}
.frame-41965 {
  background: var(--primary-primary-6, #0cf19e);
  border-radius: 6px;
  padding: 10px 0px 12px 0px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 104px;
  height: 40px;
  position: relative;
}
.subscribe {
  color: var(--neutrals-black, #000f0a);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.frame-2087328464 {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  flex-shrink: 0;
  width: 100%;
  position: relative;
}
.group-8103 {
  flex-shrink: 0;
  width: 426.28px;
  height: 22.95px;
  position: static;
}
.copyright-2007-2020-zameen-com-all-rights-reserved {
  color: var(--grays-gray-5, #8c8c8c);
  text-align: left;
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  right: 61.2%;
  left: 2.94%;
  width: 35.86%;
  bottom: 3.38%;
  top: 39.25%;
  height: 57.38%;
}
.group-8094 {
  width: 2.1%;
  height: 67.5%;
  position: absolute;
  right: 97.9%;
  left: 0%;
  bottom: 0%;
  top: 32.5%;
  overflow: visible;
}
.group-41970 {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  position: relative;
  overflow: visible;
}
.header {
  background: rgba(27, 31, 35, 0.6);
  border-radius: var(--radius-m, 12px);
  padding: 24px 24px 24px 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 1760px;
  height: 90px;
  position: fixed;
  left: 50%;
  translate: -50%;
  top: 32px;
  backdrop-filter: blur(50px);
  z-index: 1000;
  transition: all 0.3s ease;
}

.header.scrolled {
  background: rgba(27, 31, 35, 0.9);
  backdrop-filter: blur(20px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* Navigation link styles */
.links a {
  position: relative;
  transition: color 0.3s ease;
}

nav.links a:hover span,
nav.links a.is-active {
  color: var(--primary-primary-6, #0cf19e);
}

.links a.is-active::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 2px;
  background: var(--primary-primary-6, #0cf19e);
  border-radius: 1px;
}

/* Footer link styles */
.about-us,
.help-and-support,
.terms-of-use,
.blog,
.news,
.forum,
.expo,
.email-us {
  text-decoration: none;
  color: white;
  transition: color 0.3s ease;
}

.about-us:hover,
.help-and-support:hover,
.terms-of-use:hover,
.blog:hover,
.news:hover,
.forum:hover,
.expo:hover,
.email-us:hover {
  color: var(--primary-primary-6, #0cf19e);
}

/* Roshan Digital Account logo link styles */
.group-41956 {
  text-decoration: none;
  color: inherit;
}

/* Social media link styles */
.group-8094 {
  text-decoration: none;
}

/* Form validation styles */
.error-message {
  color: #ff4444;
  font-size: 12px;
  margin-top: -10px;
  min-height: 16px;
  display: block;
}

/* Removed input styling for error/success states */

.success-message {
  display: none;
  align-items: center;
  gap: 8px;
  background: rgba(6, 196, 133, 0.1);
  color: #06c485;
  padding: 12px 16px;
  border-radius: 8px;
  margin-bottom: 16px;
  border: 1px solid #06c485;
}

.success-message.show {
  display: flex;
}

.success-icon {
  font-size: 18px;
  font-weight: bold;
  color: #06c485;
}

.container15 {
  display: flex;
  flex-direction: row;
  gap: 48px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.logo {
  flex-shrink: 0;
  width: 187.25px;
  height: 40px;
  position: relative;
}
.layer-1 {
  width: 187.25px;
  height: 28px;
  position: absolute;
  left: 0px;
  bottom: 2px;
  overflow: visible;
}
.links {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.how2 {
  padding: 12px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.what-are-property-blocks2 {
  color: var(--grays-gray-2, #f0f0f0);
  text-align: left;
  font-family: var(--h6-medium500-font-family, "Manrope-Medium", sans-serif);
  font-size: var(--h6-medium500-font-size, 18px);
  line-height: var(--h6-medium500-line-height, 24px);
  letter-spacing: var(--h6-medium500-letter-spacing, -0.01em);
  font-weight: var(--h6-medium500-font-weight, 500);
  position: relative;
}
.how-it-works2 {
  color: var(--grays-gray-2, #f0f0f0);
  text-align: left;
  font-family: var(--h6-medium500-font-family, "Manrope-Medium", sans-serif);
  font-size: var(--h6-medium500-font-size, 18px);
  line-height: var(--h6-medium500-line-height, 24px);
  letter-spacing: var(--h6-medium500-letter-spacing, -0.01em);
  font-weight: var(--h6-medium500-font-weight, 500);
  position: relative;
}
.why2 {
  padding: 12px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.why-my-zameen2 {
  color: var(--grays-gray-2, #f0f0f0);
  text-align: left;
  font-family: var(--h6-medium500-font-family, "Manrope-Medium", sans-serif);
  font-size: var(--h6-medium500-font-size, 18px);
  line-height: var(--h6-medium500-line-height, 24px);
  letter-spacing: var(--h6-medium500-letter-spacing, -0.01em);
  font-weight: var(--h6-medium500-font-weight, 500);
  position: relative;
}
.projects2 {
  color: var(--grays-gray-2, #f0f0f0);
  text-align: left;
  font-family: var(--h6-medium500-font-family, "Manrope-Medium", sans-serif);
  font-size: var(--h6-medium500-font-size, 18px);
  line-height: var(--h6-medium500-line-height, 24px);
  letter-spacing: var(--h6-medium500-letter-spacing, -0.01em);
  font-weight: var(--h6-medium500-font-weight, 500);
  position: relative;
}
.btn3 {
  background: linear-gradient(267.3deg, #06c485 1.45%, #0cf19e 74.53%);

  border-radius: 8px;
  padding: 0px 24px 0px 24px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 140px;
  height: 42px;
  position: relative;
}
.join-now {
  color: var(--text-text-primary, #1f1f1f);
  text-align: left;
  font-family: var(--h6-extrabold800-font-family, "Manrope", sans-serif);
  font-size: var(--h6-extrabold800-font-size, 18px);
  line-height: var(--h6-extrabold800-line-height, 24px);
  letter-spacing: var(--h6-extrabold800-letter-spacing, -0.01em);
  font-weight: var(--h6-extrabold800-font-weight, 800);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* footer section */

.footer-container {
  width: 100%;
  max-width: 1280px;
  display: flex;
  flex-direction: column;
  gap: 140px;
}

.footer-section {
  display: grid;
  grid-template-columns: 1fr auto;
}

.footer-section .zameen-logo {
  margin-bottom: 20px;
  padding-top: 8px;
}

.footer-section .kuickpay-logo img {
  width: 150px;
  object-fit: contain;
}

.social-container {
  display: flex;
  gap: 20px;
}

.social-container a {
  width: 48px;
  height: 48px;
  background-color: #202223;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #9b9b9b;
  transition: all 0.3s ease;
}

.social-container a:hover {
  color: #ffffff; /* Highlight on hover */
}

.footer-detail-container {
  color: #e6e7e8;
}

.footer-detail-container h3 {
  font-size: 20px;
  margin-bottom: 24px;
}

.footer-detail-container .info-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.footer-detail-container .content-wrapper {
  display: flex;
  gap: 100px;
}

.footer-detail-container .info-item {
  display: flex;
  align-items: start;
  gap: 10px;
}

.links-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.copy-right {
  color: #84898e;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.external-links {
  display: flex;
  gap: 40px;
}

.external-links a {
  color: #e6e7e8;
}

.hero-button {
  background-color: #101214;
  border-radius: 8px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-hero {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 12px;
  padding: 16px;
  cursor: pointer;
  transition: background 0.3s ease;
  justify-content: space-between;
  background: linear-gradient(267.3deg, #06c485 1.45%, #0cf19e 74.53%);
}

.btn-hero img {
  transform-origin: center;
  transition: transform 0.4s ease;
}

.btn-hero:hover img {
  transform: rotate(135deg);
}

/* Inner element default state */
.howWorkGradient .frame-20873283802 {
  transition: transform 0.4s ease;
  transform: scale(1);
}

.howWorkGradient:hover .frame-20873283802 {
  transform: scale(1.2);
}

.explore-section {
  overflow: hidden;
}

/* buy now section */

.buynow-section {
  width: 100%;
  overflow: hidden;
}

.howWorkGradient .frame-2087328378 {
  transition: transform 0.4s ease;
  transform: scale(1);
}

.howWorkGradient:hover .frame-2087328378 {
  transform: scale(1.2);
}

/* keep your existing zoom animation */
.howWorkGradient .frame-2087328378 {
  transition: transform 0.4s ease;
  transform: scale(1);
  position: relative;
  overflow: hidden;
}

.howWorkGradient:hover .frame-2087328378 {
  transform: scale(1.2);
}

.howWorkGradient .frame-2087328378 > img {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(150%, 50%) rotate(70deg);
  opacity: 0;
  transition: transform 0.8s ease, opacity 0.5s ease;
}

.howWorkGradient:hover .frame-2087328378 > img {
  transform: translate(-158%, -80%) rotate(0deg);
  opacity: 1;
}

.gains-section {
  width: 100%;
  overflow: hidden;
}

.howWorkGradient {
  position: relative;
  padding-top: 4px;
  border-radius: 20px;
  overflow: hidden;
}

/* Zoom effect */
.howWorkGradient .frame-2087328378 {
  transition: transform 0.4s ease;
  transform: scale(1);
}

.howWorkGradient:hover .frame-2087328378 {
  transform: scale(1.05);
}

/* Frame elements with hover width animation */
.frame-20873284502 {
  background: rgba(10, 205, 134, 0.8);
  border-radius: 6px;
  padding: 8px;
  width: 80%;
  margin: auto;
  transition: width 0.4s ease;
  margin-bottom: 8px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
}

.frame-20873284512 {
  background: var(--grays-gray-10, #141414);
  border-radius: 6px;
  border-style: solid;
  border-color: rgba(197, 252, 232, 0.3);

  padding: 8px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
  width: 70%;
  margin: auto;
  transition: width 0.4s ease;
  font-weight: 700;
  text-align: center;
  color: #09ab70;
  font-size: 12px;
}

/* Hover effect for expanding width */
.howWorkGradient:hover .frame-20873284502,
.howWorkGradient:hover .frame-20873284512 {
  width: 100%;
}

.container14 {
  background: linear-gradient(
    180.16deg,
    rgba(27, 31, 35, 1) 0%,
    rgba(21, 24, 27, 1) 100%
  );
  border-radius: 7.85px;
  padding: 7.39px;
  display: flex;
  flex-direction: row;
  gap: 9.24px;
  align-items: center;
  justify-content: flex-start;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
  margin-bottom: 18px;
}

.media11 {
  border-radius: 5.41px;
  opacity: 0.8;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  flex-shrink: 0;
  width: 85.92px;
  height: 65.59px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
  object-fit: cover;
}

.frame-20873282356 {
  display: flex;
  flex-direction: column;
  gap: 7.39px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}

/* lock section */

.locks-section {
  width: 100%;
}

.container13 {
  transition: transform 0.6s ease, box-shadow 0.6s ease;
}

/* Keep your existing code */
.howWorkGradientLock .color-graph {
  opacity: 0.4;
  transition: opacity 0.6s ease;
}

.howWorkGradientLock:hover .container13 {
  transform: translateY(-10px) scale(1.04);
  box-shadow: 0 16px 30px rgba(10, 205, 134, 0.4);
}

.howWorkGradientLock:hover .color-graph {
  opacity: 1;
}

.howWorkGradientLock {
  position: relative;
  padding-top: 4px;
  border-radius: 20px;
  overflow: hidden;
}
/* two full-size layers */
.howWorkGradientLock::before {
  content: "";
  position: absolute;
  inset: 0;
  transition: opacity 0.4s; /* smooth crossfade */
  will-change: opacity;
  z-index: 0;
}

.howWorkGradientLock::before {
  background: linear-gradient(90deg, #0cf19e 0%, #4495fa 100%);
  opacity: 0;
}

.howWorkGradientLock:hover::before {
  opacity: 1;
}

.property-block-subheading {
  display: inline-block;
  margin-bottom: 8px;
}

.view-all-faqs {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #b1b5ba;
  display: block;
}