/* screen - projects-page */

.projects-page {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 2394px;
  width: 1440px;
}

.projects-page .flex-col-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 1276px;
  width: 1440px;
}

.projects-page .overlap-group3 {
  height: 780px;
  position: relative;
  width: 1440px;
}

.projects-page .overlap-group1 {
  align-items: center;
  background-image: url(../img/mask-group-11-1x-png-1x-png-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 43px;
  left: 0;
  min-height: 778px;
  padding: 153.2px 0;
  position: absolute;
  top: 2px;
  width: 1440px;
}

.projects-page .our-projects {
  height: 44px;
  margin-top: 346px;
  object-fit: cover;
  width: 374px;
}

.projects-page .arrow-down {
  cursor: pointer;
  height: 39px;
  margin-right: 0.55px;
  object-fit: cover;
  transition: all 0.2s ease-out;
  width: 61px;
}

.projects-page .arrow-down:hover {
  transform: scale(1.1);
}

.projects-page .home-nav-bar {
  height: 68px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1440px;
}

.projects-page .overlap-group {
  height: 320px;
  margin-top: 70px;
  position: relative;
  width: 1229px;
}

.projects-page .whats-app-image-2025-06-17-at-183831 {
  left: 0;
  position: absolute;
  top: 0;
}

.projects-page .image-17-6-25-at-643-pm {
  height: 320px;
  left: 907px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 322px;
}

.projects-page .whats-app-image-2025-06-17-at-181105 {
  left: 453px;
  position: absolute;
  top: 0;
}

.projects-page .rectangle-64 {
  height: 5px;
  left: 166px;
  object-fit: cover;
  position: absolute;
  top: 160px;
  width: 897px;
}

.projects-page .residential-container {
  align-items: flex-start;
  display: flex;
  gap: 255px;
  margin-right: 84.01px;
  margin-top: 30px;
  min-width: 1105px;
}

.projects-page .residential-container-item {
  height: 75px;
  object-fit: cover;
  width: 198px;
}

.projects-page .flex-row {
  gap: 131px;
  height: 425px;
  margin-right: 0;
  margin-top: 65px;
  min-width: 1229px;
}

.projects-page .flex-col {
  flex-direction: column;
  gap: 30px;
  min-height: 425px;
  width: 322px;
}

.projects-page .eres {
  height: 75px;
  margin-left: 20.0px;
  object-fit: cover;
  width: 198px;
}

.projects-page .mask-group-13 {
  height: 320px;
  object-fit: cover;
  width: 322px;
}

.projects-page .x47-tai-hwan-heightsresidential-bungalow {
  height: 75px;
  margin-left: 19.99px;
  object-fit: cover;
  width: 198px;
}

.projects-page .line-2 {
  margin-right: 0;
  margin-top: 87px;
}

.projects-page .overlap-group2 {
  align-self: flex-start;
  height: 177px;
  margin-left: 50.5px;
  margin-top: 13px;
  position: relative;
  width: 497px;
}

.projects-page .experience-centre {
  height: 17px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 13px;
  width: 166px;
}

.projects-page .visit-our-experience {
  height: 55px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 122px;
  width: 497px;
}

.projects-page .path-6 {
  height: 7px;
  margin-left: 0.01px;
  margin-top: 11px;
  object-fit: cover;
  width: 1406px;
}

.projects-page .flex-row-1 {
  align-items: flex-start;
  align-self: flex-start;
  display: flex;
  gap: 562px;
  margin-left: 51px;
  margin-top: 20px;
  min-width: 692px;
}

.projects-page .component-65-8 {
  cursor: pointer;
  height: 17px;
  object-fit: cover;
  width: 55px;
}

.projects-page .connect {
  height: 17px;
  object-fit: cover;
  width: 75px;
}

.projects-page .component-container {
  align-items: flex-start;
  align-self: flex-start;
  display: flex;
  gap: 549px;
  margin-left: 51px;
  margin-top: 12px;
  min-width: 683px;
}

.projects-page .component-64-8 {
  height: 17px;
  object-fit: cover;
  width: 76px;
}

.projects-page .component-63-8 {
  height: 15px;
  object-fit: cover;
  width: 58px;
}

.projects-page .component-62-8 {
  height: 15px;
  margin-right: 30.38px;
  margin-top: 4px;
  object-fit: cover;
  width: 58px;
}

.projects-page .component-61-8 {
  height: 15px;
  margin-right: 49.38px;
  margin-top: 6px;
  object-fit: cover;
  width: 39px;
}

.projects-page .line-3 {
  margin-left: 0;
  margin-top: 34px;
}

.projects-page .affiliated-partners {
  align-self: flex-start;
  height: 17px;
  margin-left: 39px;
  margin-top: 20px;
  object-fit: cover;
  width: 120px;
}

.projects-page .component-container-1 {
  align-items: flex-start;
  align-self: flex-start;
  display: flex;
  gap: 18px;
  height: 55px;
  margin-left: 54px;
  margin-top: 21px;
  min-width: 215px;
}

.projects-page .component-66-8 {
  height: 50px;
  object-fit: cover;
  width: 90px;
}

.projects-page .component-67-8 {
  align-self: flex-end;
  height: 36px;
  object-fit: cover;
  width: 107px;
}

.projects-page .flex-row-2 {
  align-items: flex-end;
  align-self: flex-end;
  display: flex;
  gap: 547px;
  margin-right: 16.0px;
  margin-top: 12px;
  min-width: 770px;
}

.projects-page .x2025-gl-lifestyle-pte-ltd {
  height: 17px;
  object-fit: cover;
  width: 132px;
}

.projects-page .shape {
  height: 33px;
  object-fit: cover;
  width: 91px;
}

.projects-page .flex {
  align-items: flex-start;
  display: flex;
}

.projects-page .line {
  height: 7px;
  object-fit: cover;
  width: 1406px;
}

.projects-page .whats-app-image-2025-06-17-at {
  height: 320px;
  object-fit: cover;
  width: 322px;
}