.elementor-19630 .elementor-element.elementor-element-d67db7e > .elementor-widget-container{margin:-20px 0px -10px 0px;}:root {
  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
}
.elementor-element {
    --widgets-spacing: 20px 20px;
    --widgets-spacing-row: 20px;
    --widgets-spacing-column: 20px;
    height: 1em;
    top: -0.2em;
}
.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

.main-container {
  position: relative;
  width: 1343px;
  height: 1102px;
  margin: 0 auto;
  background: #f4fff5;
  overflow: hidden;
  left: -108px;
}
.frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 96px;
  margin: -557px 0 0 -658px;
  z-index: 39;
}
.frame-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 76px;
  z-index: 40;
}
.frame-2 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  min-width: 0;
  z-index: 41;
}
.services-plus {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #333333;
  font-family: Inter, var(--default-font-family);
  font-size: 18px;
  font-weight: 600;
  line-height: 21.784px;
  text-align: left;
  white-space: nowrap;
  z-index: 42;
}
.frame-3 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 96px;
  z-index: 43;
}
.newsletter {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #333333;
  font-family: Inter, var(--default-font-family);
  font-size: 18px;
  font-weight: 600;
  line-height: 21.784px;
  text-align: left;
  white-space: nowrap;
  z-index: 44;
}
.frame-4 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 91px;
  z-index: 45;
}

.flex-column-eb {
  position: absolute;
  width: 103.8%;
  height: 163.15%;
  top: -63.15%;
  left: 0;
  z-index: 47;
}
.purchase-sale-renting {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 241px;
  height: 58px;
  top: 0;
  left: 427.301px;
  color: #4db37c;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.045px;
  text-align: left;
  z-index: 3;
}

.purchase-sale-renting-5 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 241px;
  height: 58px;
  top: 30px;
  left: 505px;
  color: #f4fff5;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.045px;
  text-align: left;
  z-index: 6;
}
.partner-program-2a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 41px;
  top: 712px;
  left: 297px;
  color: #333333;
  font-family: Inter, var(--default-font-family);
  font-size: 42px;
  font-weight: 700;
  line-height: 41px;
  text-align: left;
  white-space: nowrap;
  z-index: 8;
}
.green-earth-properties-2b {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 603px;
  height: 152px;
  top: 779px;
  left: 301px;
  color: #333333;
  font-family: Inter, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.784px;
  text-align: left;
}
.society-representatives-real-estate-dealers {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 603px;
  height: 152px;
  top: 925px;
  left: 301px;
  color: #333333;
  font-family: Inter, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 31.2px;
  text-align: left;
  z-index: 1;
}

.footer{
    position: relative;
    top:15em;
}
#fluentform_9 {
    top: -37em;
    position: relative;
    left: 8em;
    margin-top: 45em;
}
@media only screen and (max-width: 767px) {
  
    .partner-program-2a {
    display: flex
;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 41px;
    top: 712px;
    left: 110px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 2em;
    font-weight: 700;
    line-height: 41px;
    text-align: left;
    white-space: nowrap;
    z-index: 8;
}
.green-earth-properties-2b {
    display: flex
;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 320px;
    height: 152px;
    top: 779px;
    left: 112px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 21.784px;
    text-align: left;
}
.society-representatives-real-estate-dealers {
    display: flex
;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 603px;
    height: 152px;
    top: 991px;
    left: 112px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 20px;
    font-weight: 400;
    line-height: 31.2px;
    text-align: left;
    z-index: 1;
}
.rectangle-36 {
    position: absolute;
    width: 193px;
    height: 328px;
    top: 346px;
    left: 89px;
    border: 18px solid #4db37c;
    z-index: 161;
    border-radius: 13px;
    box-sizing: content-box;
}
    .disclaimer {
        display: flex
;
        align-items: flex-start;
        justify-content: flex-start;
        position: relative;
        width: 26em;
        height: 15em;
        margin: 1em 0 0 6em;
        color: #333333;
        font-family: Inter, var(--default-font-family);
        font-size: 0.7em;
        font-weight: 400;
        line-height: 1.3em;
        text-align: left;
        letter-spacing: 0;
        z-index: 32;
        top: 21em;
        left: 1em;
    }

  .frame-94 {
    top: 82vh;
    left: -102vw;
  }

  .vector-93 {
    top: 82vh;
    left: -66vh;
  }

  .vector-95 {
   top: 82vh;
    left: -66vh;
  }
  .vector-9b {
    width: 65vw;
  }
    .vector-9d {
    width: 75vw;
  }
    .send-message {
        position: absolute;
        width: 42.28%;
        height: 5.14%;
        top: 16.7em;
        left: 5em;
        background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/mWc5jCUe1X.png) no-repeat center;
        background-size: 100% 100%;
        z-index: 158;
        align-items:center;
        display:flex;
        justify-content:center;
    }
    .frame-3e{
        left:1em;
    }
.vector-3a {
    display: flex
;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 23px;
    top: 156px;
    left: 76px;
    color: rgba(51, 51, 51, 0.8);
    font-family: Inter, var(--default-font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 21.784px;
    text-align: left;
    white-space: nowrap;
    z-index: 142;
}
.vector-3b {
    display: flex
;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 23px;
    top: 216px;
    left: 76px;
    color: rgba(51, 51, 51, 0.8);
    font-family: Inter, var(--default-font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 21.784px;
    text-align: left;
    white-space: nowrap;
    z-index: 152;
}
.phone {
    position: absolute;
    width: 230px;
    height: 1px;
    top: 187.5px;
    left: 76px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/aVNnYDrk16.png) no-repeat center;
    background-size: cover;
    z-index: 153;
}
.rectangle-3d {
    position: absolute;
    width: 230px;
    height: 1px;
    top: 247.5px;
    left: 76px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/h5SjeNoZLB.png) no-repeat center;
    background-size: cover;
    z-index: 154;
}
.lets-talk {
    display: flex
;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 29px;
    top: 49px;
    left: 78px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
    text-align: left;
    white-space: nowrap;
    z-index: 155;
}
    .vector-39 {
        display: flex
;
        align-items: flex-start;
        justify-content: flex-start;
        position: absolute;
        width: 316px;
        height: 66px;
        top: 81px;
        left: 78px;
        color: #333333;
        font-family: Inter, var(--default-font-family);
        font-size: 16px;
        font-weight: 400;
        line-height: 21.784px;
        text-align: left;
        z-index: 160;
    }
    .rectangle-30 {
        position: relative;
        height: 72em;
        margin: 0.1em 0 0 0.4em;
        background: rgba(77, 179, 124, 0.2);
        z-index: 141;
        top: 75em;
        left: 2.4em;
        width: 25em;
        overflow: hidden;
    }
    .frame-32 {
        display: flex
;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        gap: 2em;
        position: relative;
        width: 73em;
        margin: 27em 0 0 0;
        z-index: 164;
        left: -23em;
        top: 30em;
    }
    .main-container {
        position: relative;
        width: 28.5em;
        height: 103em;
        margin: 0 auto;
        background: #f4fff5;
        /* overflow: hidden; */
        left: -108px;
    }
    .flex-column-eb {
        position: absolute;
        width: 103.8%;
        height: 163.15%;
        top: -39em;
        left: 0;
        z-index: 47;
    }
}


@media only screen and (max-width: 787px) {
    .header {
        background-color: #f4fff5;
        height: 40px;
        /* width: 29.5em; */
    }
}

