: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;
}

.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: 1905px;
    margin: 0 auto;
    background: #f4fff5;
    overflow: hidden;
    left: -108px;
    top: -1em;
}

.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: 144;
}

.frame-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 76px;
    z-index: 145;
}

.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: 146;
}

.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: 147;
}

.frame-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 96px;
    z-index: 148;
}

.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: 149;
}

.frame-4 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 91px;
    z-index: 150;
}

.properties {
    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: 151;
}

.flex-row-e {
    position: relative;
    width: 1445px;
    height: 1485px;
    margin: 471px 0 0 0;
    z-index: 152;
}
.dropdown {
    margin: 10px 0;
    font-family: Inter, sans-serif;
    text-decoration: none;
}
.dropdown1 {
    width: 13.55em;
    position:relative ;
    left:;
}

.dropdown-toggle {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
    color: #333;
    top: 9px;

}

.dropdown-toggle .icon {
    margin-left: 10px;
    transition: transform 0.3s ease;
}

.dropdown-content {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s ease;
    padding-left: 10px;
    color: #555;
    text-decoration: none;
}

.dropdown-content div {
    padding: 5px 0;

    color: #555;
    text-decoration: none;
}


.frame-5 {
    position: fixed;
    width: 249px;
    height: 1072px;
    top: 0;
    left: 0;
    background: #f4fff5;
    z-index: 178;
}

.vector {
    position: relative;
    width: 183px;
    height: 67px;
    margin: 26px 0 0 22px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/f0hDOdYReV.png) no-repeat center;
    background-size: cover;
    z-index: 200;
    top: -0.1em;
}
.frame-6 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    position: relative;
    width: 76px;
    height: 22px;
    margin: 450px 0 0 23px;
    padding: 0 0 0 0;
    z-index: 228;
}

.frame-7 {
    display: flex
;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 1em;
    position: relative;
    width: 1em;
    margin: 20em 0 0 1.1em;
    z-index: 179;
    top: -23em;
    left: -1em;
    height: 23em;
}

.frame-8 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 13px;
    position: relative;
    width: 90px;
    z-index: 180;
}

.vector-9 {
    flex-shrink: 0;
    position: relative;
    width: 36px;
    height: 36px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/ufsOOuoVJi.png) no-repeat center;
    background-size: cover;
    z-index: 181;
}

.vector-a {
    flex-shrink: 0;
    position: relative;
    width: 41px;
    height: 33.545px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/Wn6pzMHWWs.png) no-repeat center;
    background-size: cover;
    z-index: 182;
}

.frame-b {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 191px;
    z-index: 183;
}

.frame-c {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 81px;
    z-index: 184;
}

.about-us {
    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: 185;
}

.frame-d {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 144px;
    z-index: 186;
}

.partner-program {
    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: 187;
}

.frame-e {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 85px;
    z-index: 188;
}

.feedback {
    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: 189;
}

.frame-f {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 191px;
    z-index: 190;
}

.terms-and-conditions {
    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: 191;
}

.frame-10 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 181px;
    z-index: 192;
}

.green-earth-properties {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    width: 181px;
    height: 30px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 12px;
    font-weight: 600;
    line-height: 14.523px;
    text-align: left;
    text-overflow: initial;
    z-index: 193;
    overflow: hidden;
}

.frame-11 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    width: 147.627px;
    z-index: 194;
}

.vector-12 {
    flex-shrink: 0;
    position: relative;
    width: 32.342px;
    height: 31.35px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/zsz334Pznw.png) no-repeat center;
    background-size: cover;
    z-index: 195;
}

.vector-13 {
    flex-shrink: 0;
    position: relative;
    width: 31.91px;
    height: 31.136px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/uUKy0h3JfG.png) no-repeat center;
    background-size: cover;
    z-index: 196;
}

.twitter-logo {
    flex-shrink: 0;
    position: relative;
    width: 30.375px;
    height: 27px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/zGuBPykFw2.png) no-repeat center;
    background-size: cover;
    z-index: 197;
    overflow: hidden;
}

.vector-14 {
    flex-shrink: 0;
    position: relative;
    width: 29px;
    height: 29px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/Zt6jfee1RA.png) no-repeat center;
    background-size: cover;
    z-index: 198;
}

.frame-15 {
    display: flex
;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 11px;
    position: absolute;
    width: 206px;
    height: 414.5px;
    top: 6.5em;
    left: 26px;
    z-index: 201;
    overflow: scroll;
    scrollbar-width: none;
}

.frame-16 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 153px;
    z-index: 202;
}

.price-tracker {
    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: 203;
    top: 9px;
}

.frame-17 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 206px;
    z-index: 204;
}

.housing-society-report {
    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: 205;
    top: 9px;
}

.frame-18 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 153px;
    z-index: 206;
}

.real-estate-updates {
    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: 207;
    top: 9px;
}

.frame-19 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 196px;
    z-index: 208;
}

.premium-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: 209;
}

.frame-1a {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 6px;
    position: relative;
    width: 145.5px;
    z-index: 210;
}

.join-premium {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: #4db37c;
    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: 211;
}

.vector-1b {
    flex-shrink: 0;
    position: relative;
    width: 16.5px;
    height: 15.698px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/UDUVedSiBn.png) no-repeat center;
    background-size: cover;
    z-index: 212;
}

.vector-1c {
    flex-shrink: 0;
    position: relative;
    width: 127.5px;
    height: 1px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/kvJRhrnqHe.png) no-repeat center;
    background-size: cover;
    z-index: 213;
}

.frame-1d {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 76px;
    z-index: 214;
}

.frame-1e {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    position: relative;
    min-width: 0;
    z-index: 215;
}

.services {
    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: 216;
}

.frame-1f {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 113px;
    z-index: 217;
}

.frame-20 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    position: relative;
    min-width: 0;
    z-index: 218;
}

.properties-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: 219;
}

.frame-21 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 92px;
    padding: 0 3px 0 0;
    z-index: 220;
}

.vector-22 {
    flex-shrink: 0;
    position: relative;
    width: 22.5px;
    height: 22.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/VkTXD1KvvW.png) no-repeat center;
    background-size: cover;
    z-index: 221;
}

.frame-23 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 53px;
    z-index: 222;
}

.log-in {
    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: 223;
}

.vector-24 {
    flex-shrink: 0;
    position: relative;
    width: 127.5px;
    height: 1px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/3WNG9ef9tJ.png) no-repeat center;
    background-size: cover;
    z-index: 224;
}

.group {
    flex-shrink: 0;
    position: relative;
    width: 48.144px;
    height: 51px;
    z-index: 225;
}

.number-3 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 23px;
    top: 0;
    left: 19px;
    color: #000000;
    font-family: Inter, var(--default-font-family);
    font-size: 24px;
    font-weight: 600;
    line-height: 23px;
    text-align: left;
    white-space: nowrap;
    z-index: 227;
}

.vector-25 {
    position: absolute;
    width: 3.3em;
    height: 3em;
    top: 1em;
    left: 0;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/qur4Yhi2Cw.png) no-repeat center;
    background-size: cover;
    transform: translate(0, -36.25%);
    z-index: 226;
}

.rectangle {
    position: absolute;
    width: 125px;
    height: 15px;
    top: 318px;
    left: 16px;
    z-index: 229;
}

.vector-26 {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 247.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/7Y41WmgY2g.png) no-repeat center;
    background-size: cover;
    z-index: 85;
}

.back-to-price-tracker {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 29px;
    top: 42px;
    left: 247px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 19.364px;
    text-align: left;
    text-decoration: underline;
    white-space: nowrap;
    z-index: 48;
}

.dha-gujranwala {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 50px;
    top: 94px;
    left: 247px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 42px;
    font-weight: 700;
    line-height: 50px;
    text-align: left;
    white-space: nowrap;
}
#link-summary{
    position: relative;
    display: block;
    width: 12%;
    height: 3em;
    left: 15.5em;
    background-color: #ff000000;
    top: -80.5em;
    z-index: 99999999;
}
.link-2 {
    position: relative;
    display: block;
    width: 12%;
    height: 3em;
    left: 26.5em;
    background-color: #ff000000;
    top: -83.5em;
    z-index: 99999999;
}

.frame-27 {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: -1px;
    position: absolute;
    width: 419px;
    height: 49px;
    top: 156px;
    left: 670px;
    z-index: 62;
}

.frame-28 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 105px;
    height: 49px;
    padding: 0 20px 0 20px;
    background: #4db37c;
    z-index: 63;
}

.text-14 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: #f4fff5;
    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: 64;
}

.frame-29 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 104px;
    height: 49px;
    padding: 0 20px 0 20px;
    border: 1px solid #4db37c;
    z-index: 65;
}

.text-15 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: #333333;
    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: 66;
}

.frame-2a {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 112px;
    height: 49px;
    padding: 0 20px 0 20px;
    border: 1px solid #4db37c;
    z-index: 67;
}

.text-16 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: #333333;
    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: 68;
}

.frame-2b {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 101px;
    height: 49px;
    padding: 0 20px 0 20px;
    border: 1px solid #4db37c;
    z-index: 69;
}

.text-17 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: #333333;
    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: 70;
}

.frame-2c {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: -1px;
    position: absolute;
    width: 394px;
    height: 49px;
    top: 157px;
    left: 248px;
    z-index: 49;
}

.frame-2d {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 62px;
    height: 49px;
    padding: 0 20px 0 20px;
    border: 1px solid #4db37c;
    z-index: 50;
}

.text-18 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: #333333;
    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: 51;
}

.frame-2e {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 65px;
    height: 49px;
    padding: 0 20px 0 20px;
    border: 1px solid #4db37c;
    z-index: 52;
}

.text-19 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: #333333;
    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: 53;
}

.frame-2f {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 68px;
    height: 49px;
    padding: 0 20px 0 20px;
    border: 1px solid #4db37c;
    z-index: 54;
}

.text-1a {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: #333333;
    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: 55;
}

.frame-30 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 78px;
    height: 49px;
    padding: 0 20px 0 20px;
    border: 1px solid #4db37c;
    z-index: 56;
}

.ytd {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: #333333;
    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: 57;
}

.frame-31 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 61px;
    height: 49px;
    padding: 0 20px 0 20px;
    border: 1px solid #4db37c;
    z-index: 58;
}

.y {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: #333333;
    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: 59;
}

.frame-32 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 65px;
    height: 49px;
    padding: 0 20px 0 20px;
    background: #4db37c;
    z-index: 60;
}

.y-33 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: #f4fff5;
    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: 61;
}

.frame-34 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 10px;
    position: absolute;
    width: 161px;
    height: 51px;
    top: 224px;
    left: 248px;
    padding: 16px 22px 16px 22px;
    background: #4db37c;
    z-index: 104;
}

.view-summary {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 19px;
    color: #f4fff5;
    font-family: Inter, var(--default-font-family);
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    text-align: left;
    white-space: nowrap;
    z-index: 105;
}

.frame-35 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 10px;
    position: absolute;
    width: 225px;
    height: 51px;
    top: 224px;
    left: 422px;
    padding: 16px 21px 16px 21px;
    background: #f0d876;
    z-index: 106;
}

.housing-society-report-36 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 19px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    text-align: left;
    white-space: nowrap;
    z-index: 107;
}


.sector-c-5m {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 180px;
    height: 166px;
    top: 305px;
    left: 1224px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 21.6px;
    text-align: left;
    z-index: 24;
}

.text-21 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 21px;
    top: 307px;
    left: 1180px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 79;
}

.rectangle-37 {
    position: absolute;
    width: 14px;
    height: 12px;
    top: 310px;
    left: 1206px;
    background: #4d8ab3;
    z-index: 113;
}

.vector-38 {
    position: absolute;
    width: 928px;
    height: 1px;
    top: 315.5px;
    left: 247px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/iR9S1DuE6S.png) no-repeat center;
    background-size: cover;
    z-index: 78;
}

.rectangle-39 {
    position: absolute;
    width: 14px;
    height: 12px;
    top: 331px;
    left: 1206px;
    background: #ff8686;
    z-index: 110;
}
.vector-3a {
    position: relative;
    width: 903px;
    height: 104.299px;
    top: -77.6em;
    left: 248px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/VURu2VVo4D.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 109;
    cursor: pointer;
}
.vector-3a:hover {
    position: relative;
    width: 923px;
    height: 134.299px;
    top: -71em;
    top: 19em;
    left: 248px;
    background-color: red;
    background: url("http://greenearthproperties.pk/wp-content/uploads/2025/06/Property-1Variant2-1.png") no-repeat center;
    background-size: 100% 100%;
    z-index: 9999999;
}
.rectangle-3b {
    position: absolute;
    width: 14px;
    height: 12px;
    top: 353px;
    left: 1206px;
    background: #f0d876;
    z-index: 111;
}

.vector-3c {
    position: absolute;
    width: 928px;
    height: 1px;
    top: 370.5px;
    left: 247px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/80nXO2LUOG.png) no-repeat center;
    background-size: cover;
    z-index: 77;
}

.rectangle-3d {
    position: absolute;
    width: 14px;
    height: 12px;
    top: 376px;
    left: 1206px;
    background: #4db37c;
    z-index: 112;
}

.vector-3e {
    position: absolute;
    width: 928px;
    height: 1px;
    top: 424.5px;
    left: 247px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/swW9Li3YYy.png) no-repeat center;
    background-size: cover;
    z-index: 76;
}

.vector-3f {
    position: absolute;
    width: 904.917px;
    height: 105.075px;
    top: 459.265px;
    left: 251.083px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/XCqON15e5Q.png) no-repeat center;
    background-size: cover;
    z-index: 83;
}

.text-22 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 21px;
    top: 468px;
    left: 1180px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 80;
}

.vector-40 {
    position: absolute;
    width: 928px;
    height: 1px;
    top: 477.5px;
    left: 247px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/DQ9RjSMD8J.png) no-repeat center;
    background-size: cover;
    z-index: 75;
}

.vector-41 {
    position: absolute;
    width: 905px;
    height: 81.661px;
    top: 498.129px;
    left: 251px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/rkf10Bns74.png) no-repeat center;
    background-size: cover;
    z-index: 82;
}

.vector-42 {
    position: absolute;
    width: 910px;
    height: 1px;
    top: 531.5px;
    left: 247px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/XPdPaDufVh.png) no-repeat center;
    background-size: cover;
    z-index: 74;
}

.vector-43 {
    position: absolute;
    width: 906px;
    height: 100px;
    top: 544.5px;
    left: 251px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/CuFxryBXrK.png) no-repeat center;
    background-size: cover;
    z-index: 84;
}

.vector-44 {
    position: absolute;
    width: 928px;
    height: 1px;
    top: 586.5px;
    left: 247px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/09w0QwFesb.png) no-repeat center;
    background-size: cover;
    z-index: 73;
}

.text-23 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 21px;
    top: 631px;
    left: 1180px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 81;
}

.vector-45 {
    position: absolute;
    width: 928px;
    height: 1px;
    top: 641.5px;
    left: 247px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/0b2kT8EVO1.png) no-repeat center;
    background-size: cover;
    z-index: 72;
}

.vector-46 {
    position: absolute;
    width: 930px;
    height: 1px;
    top: 695.5px;
    left: 247px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/oCgKix82Ap.png) no-repeat center;
    background-size: cover;
    z-index: 71;
}

.vector-47 {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 297.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/6vD05P7Gx1.png) no-repeat center;
    background-size: cover;
    z-index: 86;
}

.vector-48 {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 344.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/tso2Ks5QYQ.png) no-repeat center;
    background-size: cover;
    z-index: 87;
}

.vector-49 {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 397.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/GAp1cLkwx3.png) no-repeat center;
    background-size: cover;
    z-index: 88;
}

.vector-4a {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 446.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/15JAo4Cfej.png) no-repeat center;
    background-size: cover;
    z-index: 89;
}

.vector-4b {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 495.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/DvUMKwJBLr.png) no-repeat center;
    background-size: cover;
    z-index: 90;
}

.vector-4c {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 542.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/hEDoGx7S9e.png) no-repeat center;
    background-size: cover;
    z-index: 91;
}

.vector-4d {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 585.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/qt2Wgy2Z6y.png) no-repeat center;
    background-size: cover;
    z-index: 92;
}

.vector-4e {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 632.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/erAELY7fGh.png) no-repeat center;
    background-size: cover;
    z-index: 93;
}

.vector-4f {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 681.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/2k5o4n13Si.png) no-repeat center;
    background-size: cover;
    z-index: 94;
}

.vector-50 {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 732.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/1qfKTpBoHs.png) no-repeat center;
    background-size: cover;
    z-index: 95;
}

.vector-51 {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 783.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/woFt9S4QKo.png) no-repeat center;
    background-size: cover;
    z-index: 96;
}

.vector-52 {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 835.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/3eYLHmJZ20.png) no-repeat center;
    background-size: cover;
    z-index: 97;
}

.vector-53 {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 886.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/vJXLH76rhh.png) no-repeat center;
    background-size: cover;
    z-index: 98;
}

.vector-54 {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 938.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/DVkF82BJnK.png) no-repeat center;
    background-size: cover;
    z-index: 99;
}

.vector-55 {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 988.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/Mv2HJA3weX.png) no-repeat center;
    background-size: cover;
    z-index: 100;
}

.vector-56 {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 1037.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/0LoOx7s5uy.png) no-repeat center;
    background-size: cover;
    z-index: 101;
}

.vector-57 {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 1088.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/mOeqraSueQ.png) no-repeat center;
    background-size: cover;
    z-index: 102;
}

.vector-58 {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 1136.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/74586gTVoX.png) no-repeat center;
    background-size: cover;
    z-index: 103;
}

.frame-59 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 11px;
    position: absolute;
    width: 930px;
    height: 17px;
    top: 707px;
    left: 247px;
    z-index: 1;
}

.date {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
}

.date-5a {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 3;
}

.date-5b {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 4;
}

.date-5c {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 5;
}

.date-5d {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 6;
}

.date-5e {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 7;
}

.date-5f {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 8;
}

.date-60 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 9;
}

.date-61 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 10;
}

.date-62 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 11;
}

.date-63 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 12;
}

.date-64 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 13;
}

.date-65 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 14;
}

.date-66 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 15;
}

.date-67 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 16;
}

.date-68 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 17;
}

.date-69 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 18;
}

.date-6a {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 19;
}

.date-6b {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 20;
}

.year {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 17px;
    top: 729px;
    left: 247px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 21;
}

.year-6c {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 17px;
    top: 729px;
    left: 633px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 22;
}

.year-6d {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 17px;
    top: 729px;
    left: 1137px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 23;
}

.rectangle-6e {
    position: absolute;
    width: 1165px;
    height: 687px;
    top: 798px;
    left: 247px;
    background: #4db37c;
    z-index: 26;
}

.details {
    position: absolute;
    width: 465px;
    height: 66px;
    top: 45px;
    left: 342px;
    font-family: Inter, var(--default-font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 21.784px;
    text-align: left;
    z-index: 27;
}

.details-6f {
    position: relative;
    color: #f4fff5;
    font-family: Inter, var(--default-font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 21.784px;
    text-align: left;
}

.details-70 {
    position: relative;
    color: #f4fff5;
    font-family: Inter, var(--default-font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 21.784px;
    text-align: left;
}

.details-71 {
    position: relative;
    color: #f4fff5;
    font-family: Inter, var(--default-font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 21.784px;
    text-align: left;
}

.details-72 {
    position: relative;
    color: #f4fff5;
    font-family: Inter, var(--default-font-family);
    font-size: 18px;
    font-weight: 600;
    line-height: 21.784px;
    text-align: left;
}

.details-73 {
    position: relative;
    color: #f4fff5;
    font-family: Inter, var(--default-font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 21.784px;
    text-align: left;
}

.details-74 {
    position: relative;
    color: #f4fff5;
    font-family: Inter, var(--default-font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 21.784px;
    text-align: left;
}

.details-75 {
    position: relative;
    color: #f4fff5;
    font-family: Inter, var(--default-font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 21.784px;
    text-align: left;
}

.rectangle-76 {
    position: absolute;
    width: 274px;
    height: 543px;
    top: 47px;
    left: 44px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/aSrhnfgpEk.png) no-repeat center;
    background-size: cover;
    z-index: 47;
}

.prices-fbr-rates {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 29px;
    top: 140px;
    left: 342px;
    color: #f0d876;
    font-family: Inter, var(--default-font-family);
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    text-align: left;
    white-space: nowrap;
    z-index: 36;
}

.management {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 29px;
    top: 140px;
    left: 726px;
    color: #f0d876;
    font-family: Inter, var(--default-font-family);
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    text-align: left;
    white-space: nowrap;
    z-index: 43;
}

.official-rates {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 364px;
    height: 44px;
    top: 175px;
    left: 342px;
    color: #f4fff5;
    font-family: Inter, var(--default-font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 21.784px;
    text-align: left;
    z-index: 28;
}

.breakdown-operations {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 293px;
    height: 44px;
    top: 175px;
    left: 726px;
    color: #f4fff5;
    font-family: Inter, var(--default-font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 21.784px;
    text-align: left;
    z-index: 29;
}

.amenities-facilities {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 29px;
    top: 245px;
    left: 726px;
    color: #f0d876;
    font-family: Inter, var(--default-font-family);
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    text-align: left;
    white-space: nowrap;
    z-index: 38;
}

.location {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 29px;
    top: 245px;
    left: 342px;
    color: #f0d876;
    font-family: Inter, var(--default-font-family);
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    text-align: left;
    white-space: nowrap;
    z-index: 39;
}

.survey-landmarks {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 364px;
    height: 44px;
    top: 280px;
    left: 342px;
    color: #f4fff5;
    font-family: Inter, var(--default-font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 21.784px;
    text-align: left;
    z-index: 30;
}

.inventory-available {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 364px;
    height: 44px;
    top: 280px;
    left: 726px;
    color: #f4fff5;
    font-family: Inter, var(--default-font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 21.784px;
    text-align: left;
    z-index: 33;
}

.selling-mechanisms {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 29px;
    top: 350px;
    left: 726px;
    color: #f0d876;
    font-family: Inter, var(--default-font-family);
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    text-align: left;
    white-space: nowrap;
    z-index: 40;
}

.legal-status {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 29px;
    top: 354px;
    left: 342px;
    color: #f0d876;
    font-family: Inter, var(--default-font-family);
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    text-align: left;
    white-space: nowrap;
    z-index: 41;
}

.business-compliance {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 364px;
    height: 44px;
    top: 389px;
    left: 342px;
    color: #f4fff5;
    font-family: Inter, var(--default-font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 21.784px;
    text-align: left;
    z-index: 31;
}

.investment-guidance {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 364px;
    height: 44px;
    top: 389px;
    left: 726px;
    color: #f4fff5;
    font-family: Inter, var(--default-font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 21.784px;
    text-align: left;
    z-index: 34;
}

.contact-info {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 29px;
    top: 463px;
    left: 342px;
    color: #f0d876;
    font-family: Inter, var(--default-font-family);
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    text-align: left;
    white-space: nowrap;
    z-index: 42;
}

.rectangle-77 {
    position: absolute;
    width: 17.08%;
    height: 6.99%;
    top: 68.85%;
    left: 61.97%;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/m1eBSYOqDb.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 45;
}

.secure-future {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 45.83%;
    top: 27.08%;
    left: 7.04%;
    color: #333333;
    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: 46;
}

.contact-information {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 364px;
    height: 44px;
    top: 498px;
    left: 342px;
    color: #f4fff5;
    font-family: Inter, var(--default-font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 21.784px;
    text-align: left;
    z-index: 32;
}

.elementor-element:not(.e-div-block-base) .elementor-widget-container, .elementor-element:not(.e-div-block-base):not(:has(.elementor-widget-container)) {
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);
    height: 84em;
    /* overflow-x: hidden; */
}

body {
    overflow-x: hidden;
    width: -1px;
}
#hb {
  background-color: #f4fff5;
  font-weight: bolder;
  font-size: 25px;
  position: relative;
  top: -63px;
  height: 0px;
  width: 38px;
  display: none;
}
.header-logo{
  display:none;
}
.previous-page-link {
    display: block;
    position: relative;
    height: 29px;
    margin: 0 0 0 0;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 19.364px;
    text-align: left;
    text-decoration: underline;
    white-space: nowrap;
    z-index: 227;
    top: -2em;
}
@media only screen and (max-width: 767px) {
   .header{
  background-color: #f4fff5;
  height:40px;
 }
    .header-logo {
        position:relative;
        display: block;
        height: 71px;
        width: 100px;
        left: 68px;
    }

  .vector{
    display:none;
}
     .frame-5{
         display:none;
    z-index:228;
     }
      .frame-15 {
    top: 5em;
}
    .header {
        background-color: #f4fff5;
        height: 40px;
        width: 3.5em;
    }
    .header-logo {
        position:relative;
        display: block;
        height: 71px;
        width: 100px;
        left: 68px;
    }

.fix{
     position: fixed;
    color: #000000;
    left: 9px;
    top: -0.3px;
    font-size: 34px;
    background-color: #f4fff5;
    height: -30em;
    width: 1.75em;
    z-index: 800;
}
    .fix {
        color: #000000;
        left: 0em;
        top: -4px;
        font-size: 34px;
        height: 54px;
        width: 68px;
        display: flex
;
        justify-content: center;
        align-items:center;
    }
    #hb {
        display: block;
        cusror: pointer;
        height: 0em;
    }
.previous-page-link {
    position:relative;
    left: -8em;
    z-index:228;
}
.dha-gujranwala {
    display: flex
;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    height: 50px;
    top: 1.5em;
    left: 5em;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 1.57em;
    font-weight: 700;
    line-height: 50px;
    text-align: left;
    white-space: nowrap;
}
    .frame-27 {
        display: flex
;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: -1px;
        position: absolute;
        width: 26%;
        height: 49px;
        top: 156px;
        left: 42em;
        z-index: 62;
    }
.inner-content{
    display: flex
;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    margin: 0em;
    width: 24%;
    left: -35em;
    top:1.5em;
    position: relative;
}
.inner-content-2 {
    margin-left: 44px;
    width: 0.2%;
    left: -10.5em;
    top:-3em;
    position: relative;
}
    .frame-28 {
        display: flex
;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: center;
        flex-shrink: 0;
        gap: 10px;
        position: relative;
        width: 81px;
        height: 49px;
        padding: 0 20px 0 20px;
        background: #4db37c;
        z-index: 63;
        left: 4px;
    }

.text-14 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: #f4fff5;
    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: 64;
}

.frame-29 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 80px;
    height: 49px;
    padding: 0 10px 0 10px;
    border: 1px solid #4db37c;
    z-index: 65;
}

.text-15 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: #333333;
    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: 66;
}

.frame-2a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 86px;
    height: 49px;
    padding: 0 10px 0 10px;
    border: 1px solid #4db37c;
    z-index: 67;
    left: -2px;
}

.text-16 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: #333333;
    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: 68;
}

.frame-2b {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 76px;
    height: 49px;
    padding: 0 15px 0 10px;
    border: 1px solid #4db37c;
    z-index: 69;
    left: -0.3em;
}

.text-17 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: #333333;
    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: 70;
}

.frame-2c {
    display: flex
;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 0em;
    position: absolute;
    width: 29%;
    height: 49px;
    top: 157px;
    left: 248px;
    z-index: 49;
    margin: 0em;
}
.frame-2d {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 50px;
    height: 49px;
    padding: 0 10px 0 10px;
    border: 1px solid #4db37c;
    z-index: 50;
}

.text-18 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: #333333;
    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: 51;
}

.frame-2e {
    display: flex
;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 50px;
    height: 49px;
    padding: 0 10px 0 10px;
    border: 1px solid #4db37c;
    z-index: 52;
    left: 0.24em;
}
.text-19 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: #333333;
    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: 53;
}

.frame-2f {
    display: flex
;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 50px;
    height: 49px;
    padding: 0 10px 0 10px;
    border: 1px solid #4db37c;
    z-index: 54;
    left: 0.5em;
}

.text-1a {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: #333333;
    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: 55;
}

.frame-30 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 50px;
    height: 49px;
    padding: 0 10px 0 10px;
    border: 1px solid #4db37c;
    z-index: 56;
    left: 0.8em;
}

.ytd {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: #333333;
    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: 57;
    left: -5px;
}

.frame-31 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 50px;
    height: 49px;
    padding: 0 10px 0 10px;
    border: 1px solid #4db37c;
    z-index: 58;
        left: 17px;
}

.y {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: #333333;
    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: 59;
}

.frame-32 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 50px;
    height: 49px;
    padding: 0 10px 0 10px;
    background: #4db37c;
    z-index: 60;
        left: 20.8px;
}

.y-33 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: #f4fff5;
    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: 61;
}

.frame-34 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 10px;
    position: absolute;
    width: 161px;
    height: 51px;
    top: 224px;
    left: 248px;
    padding: 16px 22px 16px 22px;
    background: #4db37c;
    z-index: 104;
}

.view-summary {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 19px;
    color: #f4fff5;
    font-family: Inter, var(--default-font-family);
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    text-align: left;
    white-space: nowrap;
    z-index: 105;
}

.frame-35 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 10px;
    position: absolute;
    width: 225px;
    height: 51px;
    top: 224px;
    left: 422px;
    padding: 16px 21px 16px 21px;
    background: #f0d876;
    z-index: 106;
}

.housing-society-report-36 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 19px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    text-align: left;
    white-space: nowrap;
    z-index: 107;
}
    .frame-34 {
        display: flex
;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        gap: 10px;
        position: absolute;
        width: 130px;
        height: 43px;
        top: 256px;
        left: 7.4em;
        padding: 16px 22px 16px 22px;
        background: #4db37c;
        z-index: 104;
    }
        .frame-35 {
        display: flex
;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        gap: 10px;
        position: absolute;
        width: 190px;
        height: 43px;
        top: 256px;
        left: 15.9em;
        padding: 16px 21px 16px 21px;
        background: #f0d876;
        z-index: 106;
    }
.to-flip {
    rotate: 90deg;
    position: relative;
    left: 25vh;
    top: -49em;
}
.vector-45 {
    position: absolute;
    width: 637px;
    height: 1px;
    top: 658.5px;
    left: 538px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/0b2kT8EVO1.png) no-repeat center;
    background-size: cover;
    z-index: 72;
}
.vector-44 {
    position: absolute;
    width: 637px;
    height: 1px;
    top: 621.5px;
    left: 538px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/09w0QwFesb.png) no-repeat center;
    background-size: cover;
    z-index: 73;
}
.vector-42 {
    position: absolute;
        width: 626px;
        height: px;
        top: 585.5px;
        left: 545px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/XPdPaDufVh.png) no-repeat center;
    background-size: cover;
    z-index: 74;
}
.vector-3f {
    position: absolute;
        width: 586px;
        height: 65px;
        top: 532.5px;
        left: 545px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/XCqON15e5Q.png) no-repeat center;
    background-size: cover;
    z-index: 83;
}
.vector-41 {
    position: absolute;
        width: 586px;
        height: 65px;
        top: 545.5px;
        left: 545px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/rkf10Bns74.png) no-repeat center;
    background-size: cover;
    z-index: 82;
}
    .vector-43 {
        position: absolute;
        width: 586px;
        height: 65px;
        top: 595.5px;
        left: 545px;
        background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/CuFxryBXrK.png) no-repeat center;
        background-size: cover;
        z-index: 84;
    }
    .vector-40 {
    position: absolute;
        width: 626px;
        height: px;
        top: 543.5px;
        left: 545px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/DQ9RjSMD8J.png) no-repeat center;
    background-size: cover;
    z-index: 75;
}
.vector-3e {
    position: absolute;
        width: 626px;
        height: px;
        top: 502.5px;
        left: 545px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/swW9Li3YYy.png) no-repeat center;
    background-size: cover;
    z-index: 76;
}
.frame-59 {
    display: flex
;
    align-items: center;
    flex-wrap: nowrap;
    gap: 11px;
    position: absolute;
    width: 930px;
    height: 17px;
    top: 707px;
    left: 542px;
    z-index: 1;
}
.date {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 8px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
}
.date-5a {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 8px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
}
.date-5b {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 8px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
}
.date-5c {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 8px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
}
.date-5d {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 8px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
}
.date-5d {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 8px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
}
.date-5e {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 8px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
}.date-5f {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 8px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
}.date-60 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 8px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
}
.date-61 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 8px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
}
.date-62 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 8px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
}
.date-63 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 8px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
}
.date-64 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 8px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
}
.date-64 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 8px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
}
.date-65 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 8px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
}
.date-66 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 8px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
}
.date-67 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 8px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
}
.date-68 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 8px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
}.date-69 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 8px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
}
.date-6a {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 8px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
}
.date-6b {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 8px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
}
.date-60 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 17px;
    color: #333333;
    font-family: Inter, var(--default-font-family);
    font-size: 8px;
    font-weight: 400;
    line-height: 16.943px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
}
    .group-l {
        position: relative;
        top: -19vh;
        left: 0em;
        z-index: 99999999;
    }
.vector-57 {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 1103.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/mOeqraSueQ.png) no-repeat center;
    background-size: cover;
    z-index: 102;
}
.vector-56 {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 1070.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/0LoOx7s5uy.png) no-repeat center;
    background-size: cover;
    z-index: 101;
}
.vector-55 {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 1038.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/Mv2HJA3weX.png) no-repeat center;
    background-size: cover;
    z-index: 100;
}
.vector-54 {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 1006.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/DVkF82BJnK.png) no-repeat center;
    background-size: cover;
    z-index: 99;
}
.vector-53 {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 974.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/vJXLH76rhh.png) no-repeat center;
    background-size: cover;
    z-index: 98;
}
.vector-52 {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 938.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/3eYLHmJZ20.png) no-repeat center;
    background-size: cover;
    z-index: 97;
}
.vector-51 {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 905.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/woFt9S4QKo.png) no-repeat center;
    background-size: cover;
    z-index: 96;
}
.vector-50 {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 871.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/1qfKTpBoHs.png) no-repeat center;
    background-size: cover;
    z-index: 95;
}
.vector-4f {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 838.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/2k5o4n13Si.png) no-repeat center;
    background-size: cover;
    z-index: 94;
}
.vector-4e {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 805.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/erAELY7fGh.png) no-repeat center;
    background-size: cover;
    z-index: 93;
}
.vector-4d {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 773.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/qt2Wgy2Z6y.png) no-repeat center;
    background-size: cover;
    z-index: 92;
}
.vector-4c {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 745.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/hEDoGx7S9e.png) no-repeat center;
    background-size: cover;
    z-index: 91;
}
.vector-4b {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 716.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/DvUMKwJBLr.png) no-repeat center;
    background-size: cover;
    z-index: 90;
}
.vector-4a {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 684.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/15JAo4Cfej.png) no-repeat center;
    background-size: cover;
    z-index: 89;
}
.vector-49 {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 651.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/GAp1cLkwx3.png) no-repeat center;
    background-size: cover;
    z-index: 88;
}
.vector-48 {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 619.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/tso2Ks5QYQ.png) no-repeat center;
    background-size: cover;
    z-index: 87;
}
.vector-47 {
    position: absolute;
    width: 1px;
    height: 9px;
    top: 696px;
    left: 586.5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/6vD05P7Gx1.png) no-repeat center;
    background-size: cover;
    z-index: 86;
}
.vector-46 {
    position: absolute;
    width: 638px;
    height: 1px;
    top: 695.5px;
    left: 540px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-29/oCgKix82Ap.png) no-repeat center;
    background-size: cover;
    z-index: 71;
}




.rectangle-6e {
    position: absolute;
    width: 1165px;
    height: 687px;
    top: 100em;
    left: 247px;
    background: #4db37c;
    z-index: 26;
}
}