/* screen - door */

.door {
  background-color: var(--white);
  height: 6031px;
  position: relative;
  width: 1440px;
}

.door .overlap-group1 {
  align-items: center;
  background-image: url(../img/screenshot-2025-06-25-at-1-48-35-pm-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 332px;
  left: 0;
  min-width: 1440px;
  padding: 0 656px;
  position: absolute;
  top: 68px;
}

.door .doors {
  height: 42px;
  object-fit: cover;
  width: 128px;
}

.door .component-141-3 {
  cursor: pointer;
  height: 17px;
  left: 497px;
  object-fit: cover;
  position: absolute;
  top: 418px;
  width: 104px;
}

.door .component-142-3 {
  cursor: pointer;
  height: 17px;
  left: 657px;
  object-fit: cover;
  position: absolute;
  top: 418px;
  width: 108px;
}

.door .component-143-3 {
  cursor: pointer;
  height: 17px;
  left: 821px;
  object-fit: cover;
  position: absolute;
  top: 418px;
  width: 122px;
}

.door .x {
  left: 624px;
}

.door .x-1 {
  left: 788px;
}

.door .overlap-group5 {
  height: 545px;
  left: 0;
  position: absolute;
  top: 460px;
  width: 1440px;
}

.door .honeycomb-door-3d {
  height: 545px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 544px;
}

.door .honeycomb-core {
  height: 42px;
  left: 684px;
  object-fit: cover;
  position: absolute;
  top: 139px;
  width: 332px;
}

.door .engineered-into-a-ge {
  height: 184px;
  left: 684px;
  object-fit: cover;
  position: absolute;
  top: 223px;
  width: 560px;
}

.door .rectangle-145 {
  left: 511px;
}

.door .acoustic-core-3d {
  height: 545px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 1079px;
  width: 511px;
}

.door .overlap-group2 {
  height: 545px;
  left: 511px;
  position: absolute;
  top: 1079px;
  width: 929px;
}

.door .acoustic-core {
  height: 42px;
  left: 173px;
  object-fit: cover;
  position: absolute;
  top: 141px;
  width: 282px;
}

.door .developed-for-spaces {
  height: 180px;
  left: 173px;
  object-fit: cover;
  position: absolute;
  top: 224px;
  width: 560px;
}

.door .rectangle-1 {
  left: 0;
}

.door .overlap-group4 {
  height: 545px;
  left: 511px;
  position: absolute;
  top: 1697px;
  width: 929px;
}

.door .solid-core {
  height: 42px;
  left: 175px;
  object-fit: cover;
  position: absolute;
  top: 143px;
  width: 206px;
}

.door .crafted-for-substanc {
  height: 176px;
  left: 175px;
  object-fit: cover;
  position: absolute;
  top: 226px;
  width: 560px;
}

.door .overlap-group {
  height: 177px;
  left: 50px;
  position: absolute;
  top: 5472px;
  width: 497px;
}

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

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

.door .path-6 {
  height: 7px;
  left: 17px;
  object-fit: cover;
  position: absolute;
  top: 5660px;
  width: 1406px;
}

.door .component-65-23 {
  height: 17px;
  left: 50px;
  object-fit: cover;
  position: absolute;
  top: 5687px;
  width: 55px;
}

.door .component-64-25 {
  height: 17px;
  left: 51px;
  object-fit: cover;
  position: absolute;
  top: 5717px;
  width: 76px;
}

.door .line-3 {
  top: 5809px;
}

.door .connect {
  height: 17px;
  left: 668px;
  object-fit: cover;
  position: absolute;
  top: 5687px;
  width: 75px;
}

.door .component-63-23 {
  height: 15px;
  left: 675px;
  object-fit: cover;
  position: absolute;
  top: 5717px;
  width: 58px;
}

.door .component-62-23 {
  height: 15px;
  left: 675px;
  object-fit: cover;
  position: absolute;
  top: 5738px;
  width: 58px;
}

.door .component-61-23 {
  height: 15px;
  left: 675px;
  object-fit: cover;
  position: absolute;
  top: 5759px;
  width: 39px;
}

.door .shape {
  height: 33px;
  left: 1333px;
  object-fit: cover;
  position: absolute;
  top: 5941px;
  width: 91px;
}

.door .affiliated-partners {
  height: 17px;
  left: 39px;
  object-fit: cover;
  position: absolute;
  top: 5836px;
  width: 120px;
}

.door .component-66-23 {
  height: 50px;
  left: 54px;
  object-fit: cover;
  position: absolute;
  top: 5874px;
  width: 90px;
}

.door .component-67-23 {
  height: 36px;
  left: 162px;
  object-fit: cover;
  position: absolute;
  top: 5893px;
  width: 107px;
}

.door .x2025-gl-lifestyle-pte-ltd {
  height: 17px;
  left: 654px;
  object-fit: cover;
  position: absolute;
  top: 5957px;
  width: 132px;
}

.door .line-2 {
  top: 5452px;
}

.door .solid-core-3d {
  height: 545px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 1697px;
  width: 511px;
}

.door .vn-01-recon-white-oak {
  height: 313px;
  left: 89px;
  object-fit: cover;
  position: absolute;
  top: 2553px;
  width: 313px;
}

.door .vn-02-recon-walnut {
  height: 313px;
  left: 404px;
  object-fit: cover;
  position: absolute;
  top: 2553px;
  width: 313px;
}

.door .vn-04-recon-light-walnut {
  height: 313px;
  left: 1038px;
  object-fit: cover;
  position: absolute;
  top: 2553px;
  width: 313px;
}

.door .vn-03-recon-oak {
  height: 313px;
  left: 719px;
  object-fit: cover;
  position: absolute;
  top: 2553px;
  width: 313px;
}

.door .white-oak {
  height: 22px;
  left: 118px;
  object-fit: cover;
  position: absolute;
  top: 2867px;
  width: 85px;
}

.door .walnut {
  left: 433px;
  top: 2867px;
  width: 57px;
}

.door .light-walnut {
  height: 22px;
  left: 1067px;
  object-fit: cover;
  position: absolute;
  top: 2867px;
  width: 102px;
}

.door .oak {
  top: 2867px;
  width: 32px;
}

.door .vn-05-recon-teak-pc {
  height: 313px;
  left: 89px;
  object-fit: cover;
  position: absolute;
  top: 2918px;
  width: 313px;
}

.door .vn-06-recon-black-oak {
  height: 313px;
  left: 404px;
  object-fit: cover;
  position: absolute;
  top: 2918px;
  width: 313px;
}

.door .vn-08-recon-rosewood {
  height: 313px;
  left: 1038px;
  object-fit: cover;
  position: absolute;
  top: 2918px;
  width: 313px;
}

.door .vn-07-recon-oak-pc {
  height: 313px;
  left: 719px;
  object-fit: cover;
  position: absolute;
  top: 2918px;
  width: 313px;
}

.door .teak-pc {
  left: 118px;
  top: 3232px;
  width: 65px;
}

.door .black-oak {
  left: 433px;
  top: 3232px;
  width: 79px;
}

.door .rosewood {
  height: 22px;
  left: 1067px;
  object-fit: cover;
  position: absolute;
  top: 3232px;
  width: 86px;
}

.door .oak-pc {
  top: 3232px;
  width: 60px;
}

.door .vn-09-recon-silver-ash {
  height: 313px;
  left: 89px;
  object-fit: cover;
  position: absolute;
  top: 3283px;
  width: 313px;
}

.door .vn-10-recon-wenge {
  height: 313px;
  left: 404px;
  object-fit: cover;
  position: absolute;
  top: 3283px;
  width: 313px;
}

.door .vn-12-recon-silver-ash {
  height: 313px;
  left: 1038px;
  object-fit: cover;
  position: absolute;
  top: 3283px;
  width: 313px;
}

.door .vn-11-recon-teak {
  height: 313px;
  left: 719px;
  object-fit: cover;
  position: absolute;
  top: 3283px;
  width: 313px;
}

.door .silver-oak {
  left: 118px;
  width: 81px;
}

.door .overlap-group3 {
  height: 351px;
  left: 404px;
  position: absolute;
  top: 3597px;
  width: 313px;
}

.door .wenge {
  height: 44px;
  left: 29px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 57px;
}

.door .screenshot-2025-06-27-at-24339-pm {
  height: 313px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 38px;
  width: 313px;
}

.door .silver-ash {
  left: 1067px;
  width: 80px;
}

.door .teak {
  left: 748px;
  top: 3597px;
  width: 42px;
}

.door .natural-wood {
  height: 42px;
  left: 579px;
  object-fit: cover;
  position: absolute;
  top: 4037px;
  width: 283px;
}

.door .reconstituted-wood {
  height: 42px;
  left: 518px;
  object-fit: cover;
  position: absolute;
  top: 2323px;
  width: 405px;
}

.door .screenshot-2025-06-27-at-24349-pm {
  height: 313px;
  left: 89px;
  object-fit: cover;
  position: absolute;
  top: 4284px;
  width: 313px;
}

.door .screenshot-2025-06-27-at-24356-pm {
  height: 313px;
  left: 404px;
  object-fit: cover;
  position: absolute;
  top: 4284px;
  width: 313px;
}

.door .screenshot-2025-06-27-at-24409-pm {
  height: 313px;
  left: 1038px;
  object-fit: cover;
  position: absolute;
  top: 4284px;
  width: 313px;
}

.door .screenshot-2025-06-27-at-24405-pm {
  height: 313px;
  left: 719px;
  object-fit: cover;
  position: absolute;
  top: 4284px;
  width: 313px;
}

.door .grey-oak-pc {
  height: 22px;
  left: 118px;
  object-fit: cover;
  position: absolute;
  top: 4598px;
  width: 103px;
}

.door .grey-ash {
  top: 4598px;
  width: 74px;
}

.door .walnut-okm {
  left: 1067px;
  top: 4598px;
  width: 102px;
}

.door .walnut-oak-pc {
  height: 22px;
  left: 748px;
  object-fit: cover;
  position: absolute;
  top: 4598px;
  width: 121px;
}

.door .screenshot-2025-06-27-at-24717-pm {
  height: 313px;
  left: 89px;
  object-fit: cover;
  position: absolute;
  top: 4649px;
  width: 313px;
}

.door .screenshot-2025-06-27-at-24838-pm {
  height: 313px;
  left: 404px;
  object-fit: cover;
  position: absolute;
  top: 4649px;
  width: 313px;
}

.door .screenshot-2025-06-27-at-25048-pm {
  height: 313px;
  left: 1038px;
  object-fit: cover;
  position: absolute;
  top: 4649px;
  width: 313px;
}

.door .screenshot-2025-06-27-at-24915-pm {
  height: 313px;
  left: 719px;
  object-fit: cover;
  position: absolute;
  top: 4649px;
  width: 313px;
}

.door .walnut-qc {
  left: 118px;
  top: 4963px;
  width: 89px;
}

.door .walnut-pc {
  left: 433px;
  top: 4963px;
  width: 85px;
}

.door .black-oak-pc {
  height: 22px;
  left: 1067px;
  object-fit: cover;
  position: absolute;
  top: 4963px;
  width: 107px;
}

.door .dark-walnut-pc {
  height: 22px;
  left: 748px;
  object-fit: cover;
  position: absolute;
  top: 4963px;
  width: 126px;
}

.door .screenshot-2025-06-27-at-25132-pm {
  height: 313px;
  left: 89px;
  object-fit: cover;
  position: absolute;
  top: 5014px;
  width: 313px;
}

.door .screenshot-2025-06-27-at-25236-pm {
  height: 313px;
  left: 404px;
  object-fit: cover;
  position: absolute;
  top: 5014px;
  width: 313px;
}

.door .black-teak-pc {
  height: 22px;
  left: 118px;
  object-fit: cover;
  position: absolute;
  top: 5328px;
  width: 112px;
}

.door .black-ash {
  left: 433px;
  top: 5328px;
  width: 78px;
}

.door .vn-13-recon-brown-oak {
  height: 313px;
  left: 89px;
  object-fit: cover;
  position: absolute;
  top: 3635px;
  width: 313px;
}

.door .screenshot-2025-06-27-at-25006-pm {
  height: 313px;
  left: 1038px;
  object-fit: cover;
  position: absolute;
  top: 3635px;
  width: 313px;
}

.door .screenshot-2025-06-27-at-24732-pm {
  height: 313px;
  left: 719px;
  object-fit: cover;
  position: absolute;
  top: 3635px;
  width: 313px;
}

.door .brown-oak {
  height: 22px;
  left: 118px;
  object-fit: cover;
  position: absolute;
  top: 3949px;
  width: 88px;
}

.door .grey-oak {
  top: 3949px;
  width: 76px;
}

.door .black-walnut {
  left: 1067px;
  top: 3949px;
  width: 104px;
}

.door .walnut-1 {
  left: 748px;
  top: 3949px;
  width: 62px;
}

.door .with-the-appearance {
  height: 112px;
  left: 373px;
  object-fit: cover;
  position: absolute;
  top: 4120px;
  width: 694px;
}

.door .with-the-appearance-1 {
  height: 112px;
  left: 373px;
  object-fit: cover;
  position: absolute;
  top: 2406px;
  width: 694px;
}

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

.door .black {
  height: 22px;
  object-fit: cover;
  position: absolute;
}

.door .grey {
  height: 22px;
  left: 433px;
  object-fit: cover;
  position: absolute;
}

.door .line {
  height: 7px;
  left: 17px;
  object-fit: cover;
  position: absolute;
  width: 1406px;
}

.door .oak-1 {
  height: 22px;
  left: 748px;
  object-fit: cover;
  position: absolute;
}

.door .rectangle {
  height: 545px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 929px;
}

.door .silver {
  height: 22px;
  object-fit: cover;
  position: absolute;
  top: 3597px;
}

.door .teak-1 {
  height: 22px;
  object-fit: cover;
  position: absolute;
}

.door .walnut-2 {
  height: 22px;
  object-fit: cover;
  position: absolute;
}

.door .x-2 {
  height: 33px;
  object-fit: cover;
  position: absolute;
  top: 402px;
  width: 10px;
}