.frame {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.frame .div {
  background-color: #ffffff;
  overflow: hidden;
  width: 1854px;
  height: 6633px;
  position: relative;
}

.frame .navbar {
  position: absolute;
  width: 1299px;
  height: 47px;
  top: 36px;
  left: 39px;
}

.frame .logo {
  position: absolute;
  width: 233px;
  height: 47px;
  top: 0;
  left: 0;
  object-fit: cover;
}

.frame .overlap-group {
  position: absolute;
  width: 149px;
  height: 45px;
  top: 1px;
  left: 1136px;
  background-color: #05332b;
  border-radius: 96px;
}

.frame .text-wrapper {
  position: absolute;
  top: 13px;
  left: 24px;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.frame .text-wrapper-2 {
  position: absolute;
  top: 14px;
  left: 554px;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #4c4c4c;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.frame .text-wrapper-3 {
  left: 429px;
  position: absolute;
  top: 14px;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #4c4c4c;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.frame .text-wrapper-4 {
  left: 346px;
  position: absolute;
  top: 14px;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #4c4c4c;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.frame .text-wrapper-5 {
  position: absolute;
  top: 14px;
  left: 731px;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #4c4c4c;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.frame .text-wrapper-6 {
  left: 859px;
  position: absolute;
  top: 14px;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #4c4c4c;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.frame .text-wrapper-7 {
  position: absolute;
  top: 14px;
  left: 959px;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #4c4c4c;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.frame .overlap {
  position: absolute;
  width: 1440px;
  height: 730px;
  top: 100px;
  left: 0;
}

.frame .banner {
  position: absolute;
  width: 1440px;
  height: 706px;
  top: 24px;
  left: 0;
  background-image: url(./img/banner.png);
  background-size: cover;
  background-position: 50% 50%;
}

.frame .l-side-bar {
  position: absolute;
  width: 426px;
  height: 710px;
  top: 0;
  left: 0;
}

.frame .overlap-2 {
  position: relative;
  width: 414px;
  height: 710px;
  background-color: #f2f2f2;
  border-radius: 35px;
  box-shadow: 8px 2px 17.6px #00000029;
}

.frame .coming-soon-wrapper {
  position: absolute;
  width: 414px;
  height: 68px;
  top: 0;
  left: 0;
  background-color: #05332b;
  border-radius: 35px 35px 0px 0px;
}

.frame .coming-soon {
  position: absolute;
  height: 27px;
  top: 24px;
  left: 98px;
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #88c340;
  font-size: 30px;
  text-align: center;
  letter-spacing: 0;
  line-height: 27px;
  white-space: nowrap;
}

.frame .bar {
  position: absolute;
  width: 375px;
  height: 194px;
  top: 309px;
  left: 22px;
}

.frame .overlap-group-2 {
  position: relative;
  width: 371px;
  height: 194px;
}

.frame .rectangle {
  position: absolute;
  width: 334px;
  height: 153px;
  top: 41px;
  left: 18px;
  background-color: #99d352;
  border-radius: 0px 0px 35px 35px;
}

.frame .element-acres-of-gated {
  top: 52px;
  left: 48px;
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #131313;
  font-size: 15px;
  line-height: 19px;
  position: absolute;
  letter-spacing: 0;
}

.frame .rectangle-2 {
  position: absolute;
  width: 371px;
  height: 42px;
  top: 0;
  left: 0;
  background-color: #05332b;
  border-radius: 29px;
  box-shadow: 0px 2px 6.3px #00000045;
}

.frame .p {
  position: absolute;
  top: 8px;
  left: 28px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 27px;
  white-space: nowrap;
}

.frame .godrej-EVERGREEN {
  height: 70px;
  top: 80px;
  left: 47px;
  font-weight: 700;
  font-size: 30px;
  text-align: center;
  line-height: 35px;
  position: absolute;
  font-family: "Helvetica Neue-Bold", Helvetica;
  color: #262626;
  letter-spacing: 0;
}

.frame .by-godrej-properties {
  position: absolute;
  top: 151px;
  left: 81px;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 26px;
}

.frame .overlap-wrapper {
  position: absolute;
  width: 340px;
  height: 67px;
  top: 212px;
  left: 40px;
}

.frame .overlap-3 {
  position: relative;
  width: 334px;
  height: 67px;
  border-radius: 35px;
  border: 1px solid;
  border-color: #000000;
}

.frame .land-parcel-acres {
  position: absolute;
  top: 15px;
  left: 123px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: 19px;
}

.frame .span {
  font-weight: 700;
}

.frame .text-wrapper-8 {
  font-family: "Helvetica Neue-Regular", Helvetica;
}

.frame .towers {
  position: absolute;
  top: 15px;
  left: 19px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: 19px;
}

.frame .stories-g {
  position: absolute;
  top: 15px;
  left: 261px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: 19px;
}

.frame .line {
  position: absolute;
  width: 1px;
  height: 38px;
  top: 15px;
  left: 97px;
  object-fit: cover;
}

.frame .img {
  position: absolute;
  width: 1px;
  height: 38px;
  top: 15px;
  left: 235px;
  object-fit: cover;
}

.frame .overlap-4 {
  position: absolute;
  width: 225px;
  height: 108px;
  top: 528px;
  left: 95px;
}

.frame .luxurious-BHK {
  position: absolute;
  top: 0;
  left: 41px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 30px;
  text-align: center;
  letter-spacing: 0;
  line-height: 27px;
}

.frame .text-wrapper-9 {
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-size: 18px;
}

.frame .homes-starts {
  position: absolute;
  top: 54px;
  left: 0;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 27px;
}

.frame .text-wrapper-10 {
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 27px;
}

.frame .text-wrapper-11 {
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
}

.frame .div-wrapper {
  position: absolute;
  width: 341px;
  height: 42px;
  top: 641px;
  left: 37px;
  background-color: #05332b;
  border-radius: 29px;
}

.frame .text-wrapper-12 {
  position: absolute;
  top: 8px;
  left: 75px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 27px;
  white-space: nowrap;
}

.frame .overview {
  position: absolute;
  width: 1211px;
  height: 278px;
  top: 930px;
  left: 117px;
}

.frame .overlap-5 {
  position: absolute;
  width: 490px;
  height: 74px;
  top: 189px;
  left: 618px;
  background-color: #05332b;
  border-radius: 37px;
}

.frame .text-wrapper-13 {
  position: absolute;
  top: 28px;
  left: 25px;
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.frame .arrow {
  width: 234px;
  top: 33px;
  left: 226px;
  position: absolute;
  height: 7px;
  object-fit: cover;
}

.frame .text-wrapper-14 {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #1e1e1e;
  font-size: 70px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.frame .overlap-6 {
  position: absolute;
  width: 426px;
  height: 178px;
  top: 100px;
  left: 6px;
}

.frame .text-wrapper-15 {
  position: absolute;
  top: 138px;
  left: 0;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #262626;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 40px;
  white-space: nowrap;
}

.frame .welcome-to-godrej {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Helvetica Neue-Light", Helvetica;
  font-weight: 400;
  color: #262626;
  font-size: 40px;
  letter-spacing: 0;
  line-height: 48px;
}

.frame .text-wrapper-16 {
  font-weight: 300;
}

.frame .text-wrapper-17 {
  position: absolute;
  width: 593px;
  top: 0;
  left: 608px;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 20px;
  text-align: justify;
  letter-spacing: 0;
  line-height: 33px;
}

.frame .overlap-group-wrapper {
  position: absolute;
  width: 373px;
  height: 227px;
  top: 1478px;
  left: 123px;
}

.frame .overlap-7 {
  position: relative;
  width: 371px;
  height: 227px;
  background-image: url(./img/rectangle-5.png);
  background-size: cover;
  background-position: 50% 50%;
}

.frame .mask-group {
  position: absolute;
  width: 371px;
  height: 227px;
  top: 0;
  left: 0;
}

.frame .div-2 {
  position: absolute;
  top: 137px;
  left: 30px;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 35px;
}

.frame .text-wrapper-18 {
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 35px;
}

.frame .text-wrapper-19 {
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  font-size: 30px;
}

.frame .overlap-wrapper-2 {
  width: 393px;
  left: 524px;
  position: absolute;
  height: 227px;
  top: 1478px;
}

.frame .overlap-8 {
  position: relative;
  width: 391px;
  height: 227px;
  background-image: url(./img/rectangle-5-1.png);
  background-size: cover;
  background-position: 50% 50%;
}

.frame .mask-group-2 {
  width: 391px;
  position: absolute;
  height: 227px;
  top: 0;
  left: 0;
}

.frame .div-3 {
  position: absolute;
  top: 137px;
  left: 36px;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 35px;
}

.frame .overlap-wrapper-3 {
  width: 373px;
  left: 945px;
  position: absolute;
  height: 227px;
  top: 1478px;
}

.frame .overlap-9 {
  position: relative;
  width: 371px;
  height: 227px;
  background-image: url(./img/rectangle-5-2.png);
  background-size: cover;
  background-position: 50% 50%;
}

.frame .overlap-wrapper-4 {
  width: 373px;
  left: 1346px;
  position: absolute;
  height: 227px;
  top: 1478px;
}

.frame .overlap-10 {
  position: relative;
  width: 371px;
  height: 227px;
  background-image: url(./img/rectangle-5-3.png);
  background-size: cover;
  background-position: 50% 50%;
}

.frame .overlap-wrapper-5 {
  width: 392px;
  left: 1748px;
  position: absolute;
  height: 227px;
  top: 1478px;
}

.frame .overlap-11 {
  position: relative;
  width: 240px;
  height: 227px;
}

.frame .rectangle-3 {
  position: absolute;
  width: 106px;
  height: 227px;
  top: 0;
  left: 0;
  object-fit: cover;
}

.frame .mask-group-3 {
  width: 106px;
  position: absolute;
  height: 227px;
  top: 0;
  left: 0;
}

.frame .developed {
  position: absolute;
  top: 137px;
  left: 35px;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 35px;
}

.frame .overlap-wrapper-6 {
  width: 373px;
  left: 2168px;
  position: absolute;
  height: 227px;
  top: 1478px;
}

.frame .overlap-12 {
  position: relative;
  width: 371px;
  height: 227px;
  background-image: url(./img/mask-group-5.png);
  background-size: cover;
  background-position: 50% 50%;
}

.frame .project-features {
  position: absolute;
  top: 1307px;
  left: 117px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #1e1e1e;
  font-size: 70px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .text-wrapper-20 {
  width: 582px;
  top: 1350px;
  left: 735px;
  position: absolute;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #1e1e1e;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 27px;
}

.frame .amenities {
  position: absolute;
  width: 2429px;
  height: 397px;
  top: 2637px;
  left: 117px;
}

.frame .element {
  position: absolute;
  width: 372px;
  height: 227px;
  top: 170px;
  left: 5px;
}

.frame .element-2 {
  position: absolute;
  width: 391px;
  height: 227px;
  top: 170px;
  left: 407px;
}

.frame .element-3 {
  position: absolute;
  width: 372px;
  height: 227px;
  top: 170px;
  left: 828px;
}

.frame .element-4 {
  position: absolute;
  width: 372px;
  height: 227px;
  top: 170px;
  left: 1230px;
}

.frame .element-5 {
  position: absolute;
  width: 105px;
  height: 227px;
  top: 170px;
  left: 1632px;
}

.frame .element-6 {
  position: absolute;
  width: 372px;
  height: 227px;
  top: 170px;
  left: 2053px;
}

.frame .text-wrapper-21 {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #1e1e1e;
  font-size: 70px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .text-wrapper-22 {
  position: absolute;
  width: 582px;
  top: 43px;
  left: 618px;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #1e1e1e;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 27px;
}

.frame .property-pannel {
  position: absolute;
  width: 1450px;
  height: 732px;
  top: 1805px;
  left: 117px;
}

.frame .rectangle-4 {
  position: absolute;
  width: 460px;
  height: 441px;
  top: 170px;
  left: 6px;
  object-fit: cover;
}

.frame .rectangle-5 {
  position: absolute;
  width: 460px;
  height: 441px;
  top: 170px;
  left: 496px;
  object-fit: cover;
}

.frame .rectangle-6 {
  position: absolute;
  width: 460px;
  height: 441px;
  top: 170px;
  left: 986px;
  object-fit: cover;
}

.frame .lorem-ipsum-dolor {
  width: 583px;
  top: 43px;
  left: 618px;
  position: absolute;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #1e1e1e;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 27px;
}

.frame .prising {
  left: 6px;
  position: absolute;
  width: 458px;
  height: 91px;
  top: 641px;
}

.frame .text-wrapper-23 {
  position: absolute;
  top: 15px;
  left: 34px;
  font-family: "Helvetica Neue-Heavy", Helvetica;
  font-weight: 400;
  color: #1e1e1e;
  font-size: 35px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.frame .vector {
  position: absolute;
  width: 19px;
  height: 27px;
  top: 8px;
  left: 0;
}

.frame .text-wrapper-24 {
  position: absolute;
  top: 66px;
  left: 0;
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #1e1e1e;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 25px;
  white-space: nowrap;
}

.frame .text-wrapper-25 {
  position: absolute;
  top: 66px;
  left: 195px;
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #1e1e1e;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 25px;
  white-space: nowrap;
}

.frame .line-2 {
  position: absolute;
  width: 2px;
  height: 27px;
  top: 65px;
  left: 165px;
}

.frame .overlap-group-3 {
  position: absolute;
  width: 144px;
  height: 51px;
  top: 0;
  left: 306px;
  background-color: #05332b;
  border-radius: 53px;
}

.frame .text-wrapper-26 {
  position: absolute;
  width: 110px;
  top: 15px;
  left: 17px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 25px;
  white-space: nowrap;
}

.frame .prising-2 {
  left: 496px;
  position: absolute;
  width: 458px;
  height: 91px;
  top: 641px;
}

.frame .prising-3 {
  position: absolute;
  width: 458px;
  height: 91px;
  top: 641px;
  left: 986px;
}

.frame .fool-plan {
  position: absolute;
  width: 1204px;
  height: 491px;
  top: 3134px;
  left: 117px;
}

.frame .element-7 {
  height: 321px;
  top: 170px;
  left: 5px;
  position: absolute;
  width: 372px;
}

.frame .element-8 {
  height: 321px;
  top: 170px;
  left: 407px;
  position: absolute;
  width: 391px;
}

.frame .element-9 {
  height: 321px;
  top: 170px;
  left: 828px;
  position: absolute;
  width: 372px;
}

.frame .pricing-plan {
  position: absolute;
  width: 1227px;
  height: 239px;
  top: 3651px;
  left: 123px;
}

.frame .overlap-13 {
  position: absolute;
  width: 792px;
  height: 239px;
  top: 0;
  left: 0;
}

.frame .rectangle-7 {
  position: absolute;
  width: 792px;
  height: 227px;
  top: 5px;
  left: 0;
  background-color: #d9d9d9;
  border-radius: 35px;
}

.frame .rectangle-8 {
  position: absolute;
  width: 792px;
  height: 56px;
  top: 5px;
  left: 0;
  background-color: #05332b;
  border-radius: 34px 34px 0px 0px;
}

.frame .text-wrapper-27 {
  position: absolute;
  top: 17px;
  left: 35px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 35px;
  white-space: nowrap;
}

.frame .text-wrapper-28 {
  top: 73px;
  left: 35px;
  font-family: "Helvetica Neue-Light", Helvetica;
  font-weight: 300;
  color: #1e1e1e;
  font-size: 20px;
  line-height: 35px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}

.frame .text-wrapper-29 {
  position: absolute;
  top: 73px;
  left: 154px;
  font-family: "Helvetica Neue-Light", Helvetica;
  font-weight: 300;
  color: #1e1e1e;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 35px;
  white-space: nowrap;
}

.frame .text-wrapper-30 {
  position: absolute;
  top: 73px;
  left: 364px;
  font-family: "Helvetica Neue-Light", Helvetica;
  font-weight: 300;
  color: #1e1e1e;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 35px;
  white-space: nowrap;
}

.frame .rectangle-9 {
  position: absolute;
  width: 792px;
  height: 58px;
  top: 117px;
  left: 0;
  background-color: #f1efef;
}

.frame .text-wrapper-31 {
  top: 129px;
  left: 35px;
  font-family: "Helvetica Neue-Light", Helvetica;
  font-weight: 300;
  color: #1e1e1e;
  font-size: 20px;
  line-height: 35px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}

.frame .text-wrapper-32 {
  position: absolute;
  top: 129px;
  left: 154px;
  font-family: "Helvetica Neue-Light", Helvetica;
  font-weight: 300;
  color: #1e1e1e;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 35px;
  white-space: nowrap;
}

.frame .text-wrapper-33 {
  position: absolute;
  top: 129px;
  left: 364px;
  font-family: "Helvetica Neue-Light", Helvetica;
  font-weight: 300;
  color: #1e1e1e;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 35px;
  white-space: nowrap;
}

.frame .text-wrapper-34 {
  top: 186px;
  left: 35px;
  font-family: "Helvetica Neue-Light", Helvetica;
  font-weight: 300;
  color: #1e1e1e;
  font-size: 20px;
  line-height: 35px;
  white-space: nowrap;
  position: absolute;
  letter-spacing: 0;
}

.frame .text-wrapper-35 {
  position: absolute;
  top: 186px;
  left: 154px;
  font-family: "Helvetica Neue-Light", Helvetica;
  font-weight: 300;
  color: #1e1e1e;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 35px;
  white-space: nowrap;
}

.frame .text-wrapper-36 {
  position: absolute;
  top: 186px;
  left: 364px;
  font-family: "Helvetica Neue-Light", Helvetica;
  font-weight: 300;
  color: #1e1e1e;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 35px;
  white-space: nowrap;
}

.frame .text-wrapper-37 {
  position: absolute;
  top: 17px;
  left: 154px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 35px;
  white-space: nowrap;
}

.frame .text-wrapper-38 {
  position: absolute;
  top: 17px;
  left: 348px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 35px;
  white-space: nowrap;
}

.frame .line-3 {
  position: absolute;
  width: 1px;
  height: 239px;
  top: 0;
  left: 124px;
  object-fit: cover;
}

.frame .line-4 {
  position: absolute;
  width: 1px;
  height: 239px;
  top: 0;
  left: 318px;
  object-fit: cover;
}

.frame .vector-2 {
  position: absolute;
  width: 10px;
  height: 14px;
  top: 82px;
  left: 348px;
}

.frame .vector-3 {
  position: absolute;
  width: 10px;
  height: 14px;
  top: 138px;
  left: 348px;
}

.frame .vector-4 {
  position: absolute;
  width: 10px;
  height: 14px;
  top: 195px;
  left: 348px;
}

.frame .rectangle-10 {
  position: absolute;
  width: 135px;
  height: 30px;
  top: 188px;
  left: 608px;
  background-color: #05332b;
  border-radius: 35px;
}

.frame .rectangle-11 {
  position: absolute;
  width: 135px;
  height: 30px;
  top: 130px;
  left: 608px;
  background-color: #05332b;
  border-radius: 35px;
}

.frame .rectangle-12 {
  position: absolute;
  width: 135px;
  height: 30px;
  top: 73px;
  left: 608px;
  background-color: #05332b;
  border-radius: 35px;
}

.frame .text-wrapper-39 {
  top: 186px;
  left: 625px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 15px;
  line-height: 35px;
  white-space: nowrap;
  position: absolute;
  text-align: center;
  letter-spacing: 0;
}

.frame .text-wrapper-40 {
  top: 128px;
  left: 625px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 15px;
  line-height: 35px;
  white-space: nowrap;
  position: absolute;
  text-align: center;
  letter-spacing: 0;
}

.frame .text-wrapper-41 {
  top: 71px;
  left: 625px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 15px;
  line-height: 35px;
  white-space: nowrap;
  position: absolute;
  text-align: center;
  letter-spacing: 0;
}

.frame .overlap-14 {
  position: absolute;
  width: 373px;
  height: 227px;
  top: 5px;
  left: 822px;
  background-image: url(./img/rectangle-39.png);
  background-size: cover;
  background-position: 50% 50%;
}

.frame .mask-group-4 {
  width: 373px;
  position: absolute;
  height: 227px;
  top: 0;
  left: 0;
}

.frame .rectangle-13 {
  position: absolute;
  width: 319px;
  height: 43px;
  top: 170px;
  left: 27px;
  background-color: #05332b;
  border-radius: 35px;
}

.frame .text-wrapper-42 {
  position: absolute;
  top: 174px;
  left: 65px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 35px;
  white-space: nowrap;
}

.frame .virtual-site-tour {
  position: absolute;
  width: 1200px;
  height: 752px;
  top: 3990px;
  left: 123px;
}

.frame .overlap-15 {
  position: absolute;
  width: 1194px;
  height: 582px;
  top: 170px;
  left: 0;
  background-image: url(./img/rectangle-16.png);
  background-size: cover;
  background-position: 50% 50%;
}

.frame .rectangle-14 {
  position: absolute;
  width: 1194px;
  height: 293px;
  top: 289px;
  left: 0;
  border-radius: 0px 0px 35px 35px;
  background: linear-gradient(
    180deg,
    rgba(30, 30, 30, 0) 0%,
    rgba(30, 30, 30, 1) 100%
  );
}

.frame .OBJECTS {
  position: absolute;
  width: 117px;
  height: 82px;
  top: 250px;
  left: 538px;
}

.frame .virtual-tour {
  position: absolute;
  top: 479px;
  left: 38px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 38px;
}

.frame .text-wrapper-43 {
  font-family: "Helvetica Neue-Light", Helvetica;
  font-weight: 300;
}

.frame .text-wrapper-44 {
  width: 582px;
  top: 43px;
  left: 612px;
  position: absolute;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #1e1e1e;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 27px;
}

.frame .gallery {
  position: absolute;
  width: 1601px;
  height: 327px;
  top: 4842px;
  left: 123px;
}

.frame .element-10 {
  height: 227px;
  top: 100px;
  left: 0;
  object-fit: cover;
  position: absolute;
  width: 372px;
}

.frame .element-11 {
  height: 227px;
  top: 100px;
  left: 402px;
  object-fit: cover;
  position: absolute;
  width: 391px;
}

.frame .element-12 {
  height: 227px;
  top: 100px;
  left: 823px;
  object-fit: cover;
  position: absolute;
  width: 372px;
}

.frame .element-13 {
  position: absolute;
  width: 372px;
  height: 227px;
  top: 100px;
  left: 1225px;
  object-fit: cover;
}

.frame .text-wrapper-45 {
  width: 582px;
  top: 8px;
  left: 612px;
  position: absolute;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #1e1e1e;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 27px;
}

.frame .maps-pannel {
  position: absolute;
  width: 1196px;
  height: 752px;
  top: 5269px;
  left: 123px;
}

.frame .rectangle-15 {
  position: absolute;
  width: 1194px;
  height: 582px;
  top: 170px;
  left: 0;
  object-fit: cover;
}

.frame .distance-tabel {
  position: absolute;
  width: 594px;
  height: 140px;
  top: 0;
  left: 612px;
}

.frame .overlap-group-4 {
  position: relative;
  width: 582px;
  height: 140px;
  background-color: #05332b;
  border-radius: 35px;
}

.frame .element-mins-to-metro {
  top: 28px;
  left: 74px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 400;
  color: #99d352;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  letter-spacing: 0;
}

.frame .element-mins-to-pawar {
  top: 84px;
  left: 74px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 400;
  color: #99d352;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  letter-spacing: 0;
}

.frame .element-mins-to-tech {
  top: 28px;
  left: 441px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 400;
  color: #99d352;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  letter-spacing: 0;
}

.frame .element-mins-to-cognizant {
  top: 84px;
  left: 441px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 400;
  color: #99d352;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  letter-spacing: 0;
}

.frame .element-mins-to-TCS {
  top: 28px;
  left: 264px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 400;
  color: #99d352;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  letter-spacing: 0;
}

.frame .element-mins-to-embassy {
  top: 84px;
  left: 264px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 400;
  color: #99d352;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  letter-spacing: 0;
}

.frame .location-on {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 28px;
  left: 51px;
}

.frame .location-on-dp {
  top: 28px;
  left: 241px;
  position: absolute;
  width: 15px;
  height: 15px;
}

.frame .location-on-2 {
  top: 28px;
  left: 418px;
  position: absolute;
  width: 15px;
  height: 15px;
}

.frame .location-on-3 {
  top: 84px;
  left: 51px;
  position: absolute;
  width: 15px;
  height: 15px;
}

.frame .location-on-4 {
  top: 84px;
  left: 241px;
  position: absolute;
  width: 15px;
  height: 15px;
}

.frame .location-on-5 {
  top: 84px;
  left: 418px;
  position: absolute;
  width: 15px;
  height: 15px;
}

.frame .foother {
  position: absolute;
  width: 1207px;
  height: 476px;
  top: 6121px;
  left: 123px;
}

.frame .overlap-16 {
  position: relative;
  width: 1195px;
  height: 476px;
  background-color: #05332b;
  border-radius: 35px;
}

.frame .overlap-17 {
  position: absolute;
  width: 1195px;
  height: 130px;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border-radius: 35px 35px 0px 0px;
  border: 1px solid;
  border-color: #05332b;
}

.frame .agent-RERA-no {
  position: absolute;
  height: 36px;
  top: 69px;
  left: 451px;
  font-family: "Helvetica Neue-Light", Helvetica;
  font-weight: 300;
  color: #262626;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 18px;
}

.frame .cta {
  position: absolute;
  width: 411px;
  height: 52px;
  top: 38px;
  left: 742px;
}

.frame .overlap-group-5 {
  position: relative;
  width: 407px;
  height: 52px;
  background-color: #e3e3e3;
  border-radius: 54px;
}

.frame .overlap-18 {
  position: absolute;
  width: 110px;
  height: 34px;
  top: 9px;
  left: 284px;
  background-color: #05332b;
  border-radius: 54px;
}

.frame .text-wrapper-46 {
  position: absolute;
  height: 18px;
  top: 9px;
  left: 12px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 18px;
  white-space: nowrap;
}

.frame .arrow-2 {
  width: 32px;
  top: 13px;
  left: 66px;
  position: absolute;
  height: 7px;
  object-fit: cover;
}

.frame .text-wrapper-47 {
  position: absolute;
  height: 18px;
  top: 18px;
  left: 20px;
  font-family: "Helvetica Neue-Light", Helvetica;
  font-weight: 300;
  color: #05332b7d;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 18px;
  white-space: nowrap;
}

.frame .godrej-EVERGREEN-2 {
  height: 36px;
  top: 30px;
  left: 451px;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  position: absolute;
  font-family: "Helvetica Neue-Bold", Helvetica;
  color: #262626;
  letter-spacing: 0;
}

.frame .godrej-megapolis {
  position: absolute;
  width: 298px;
  height: 86px;
  top: 21px;
  left: 36px;
  object-fit: cover;
}

.frame .disclaimer-the {
  position: absolute;
  width: 1103px;
  height: 35px;
  top: 431px;
  left: 47px;
  font-family: "Helvetica Neue-Light", Helvetica;
  font-weight: 300;
  color: #e6e6e6;
  font-size: 10px;
  text-align: center;
  letter-spacing: 0;
  line-height: 12px;
}

.frame .text-wrapper-48 {
  font-family: "Helvetica Neue-Light", Helvetica;
  font-weight: 300;
  color: #e6e6e6;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 12px;
}

.frame .text-wrapper-49 {
  text-decoration: underline;
}

.frame .text-wrapper-50 {
  position: absolute;
  height: 18px;
  top: 413px;
  left: 307px;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #e6e6e6;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 18px;
  white-space: nowrap;
}

.frame .line-5 {
  position: absolute;
  width: 1104px;
  height: 1px;
  top: 130px;
  left: 46px;
  object-fit: cover;
}

.frame .about-godrej {
  position: absolute;
  width: 1108px;
  top: 167px;
  left: 44px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: 21px;
}

.frame .about-prelaunch {
  position: absolute;
  width: 1108px;
  top: 297px;
  left: 44px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: 21px;
}

.frame .group-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  position: fixed;
  top: 0;
  left: 1440px;
}

.frame .group {
  position: relative;
  width: 414px;
  height: 6633px;
  background-color: #f2f2f2;
  border-radius: 35px;
  box-shadow: -3px 0px 17.6px #00000029;
}

.frame .bar-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  overflow-y: scroll;
}

.frame .bar-wrapper::-webkit-scrollbar {
  width: 0;
  display: none;
}

.frame .bar-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.frame .text {
  position: relative;
  width: 434px;
  height: 810px;
  margin-right: -20.00px;
}

.frame .overlap-19 {
  position: absolute;
  width: 414px;
  height: 135px;
  top: 0;
  left: 0;
  background-color: #05332b;
  border-radius: 35px 35px 0px 0px;
  box-shadow: 8px 7px 14.2px #00000040;
}

.frame .text-wrapper-51 {
  position: absolute;
  top: 34px;
  left: 104px;
  font-family: "Helvetica Neue-Medium", Helvetica;
  font-weight: 500;
  color: #99d352;
  font-size: 30px;
  text-align: center;
  letter-spacing: 0;
  line-height: 27px;
  white-space: nowrap;
}

.frame .text-wrapper-52 {
  position: absolute;
  top: 79px;
  left: 98px;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 30px;
  text-align: center;
  letter-spacing: 0;
  line-height: 27px;
  white-space: nowrap;
}

.frame .icon {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 77px;
  left: 67px;
}

.frame .overlap-group-6 {
  position: absolute;
  width: 229px;
  height: 42px;
  top: 485px;
  left: 98px;
  background-color: #05332b;
  border-radius: 29px;
}

.frame .text-wrapper-53 {
  position: absolute;
  top: 8px;
  left: 30px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 27px;
  white-space: nowrap;
}

.frame .overlap-20 {
  position: absolute;
  width: 302px;
  height: 36px;
  top: 287px;
  left: 62px;
  background-color: #ffffff;
  border-radius: 29px;
}

.frame .text-wrapper-54 {
  position: absolute;
  width: 47px;
  top: 6px;
  left: 26px;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #4c4c4c;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 27px;
  white-space: nowrap;
}

.frame .overlap-21 {
  position: absolute;
  width: 302px;
  height: 36px;
  top: 355px;
  left: 62px;
  background-color: #ffffff;
  border-radius: 29px;
}

.frame .text-wrapper-55 {
  position: absolute;
  top: 6px;
  left: 26px;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #4c4c4c;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 27px;
  white-space: nowrap;
}

.frame .overlap-22 {
  position: absolute;
  width: 302px;
  height: 36px;
  top: 423px;
  left: 62px;
  background-color: #ffffff;
  border-radius: 29px;
}

.frame .pre-register {
  position: absolute;
  top: 198px;
  left: 51px;
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #05332b;
  font-size: 41px;
  text-align: center;
  letter-spacing: 0;
  line-height: 27px;
  white-space: nowrap;
}

.frame .overlap-23 {
  position: absolute;
  width: 284px;
  height: 85px;
  top: 611px;
  left: 65px;
  border-radius: 35px;
}

.frame .price-starts-from {
  top: 16px;
  left: 42px;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #1e1e1e;
  font-size: 20px;
  line-height: 27px;
  position: absolute;
  text-align: center;
  letter-spacing: 0;
}

.frame .text-wrapper-56 {
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #1e1e1e;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 27px;
}

.frame .text-wrapper-57 {
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  font-size: 26px;
}

.frame .rectangle-16 {
  position: absolute;
  width: 284px;
  height: 85px;
  top: 0;
  left: 0;
  border-radius: 35px;
  border: 1px solid;
  border-color: #000000;
}

.frame .overlap-24 {
  position: absolute;
  width: 284px;
  height: 85px;
  top: 725px;
  left: 65px;
  border-radius: 35px;
}

.frame .typology-BHK {
  position: absolute;
  top: 16px;
  left: 67px;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #1e1e1e;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 27px;
}

.frame .here-for-best-offers {
  position: absolute;
  top: 234px;
  left: 60px;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: 27px;
  white-space: nowrap;
}

.frame .text-wrapper-58 {
  color: #1e1e1e;
}

.frame .text-wrapper-59 {
  font-family: "Helvetica Neue-Bold", Helvetica;
  font-weight: 700;
  color: #0b6c5b;
}