main{padding-bottom:120px}.top{position:relative;overflow:hidden}.top .circle{filter:blur(120px);z-index:0;pointer-events:none;background:#008f77;border-radius:50%;width:250px;height:250px;position:absolute;top:-80px;right:-80px}.top .profile,.top .bars{z-index:1;position:relative}.top .profile{align-items:center;gap:24px;padding:32px 24px;display:flex}.top .profile .profile-photo{background:#fff;border-radius:50%;flex-shrink:0;width:60px;height:60px}.top .profile .profile-data{flex:1}.top .profile .profile-data h2{font-family:var(--font-denton);font-size:20px;font-weight:400;line-height:24px}.top .profile .profile-data p{font-family:var(--font-poppins);color:#a0a0a0;margin-top:2px;font-size:12px;line-height:20px}.top .profile .edit{cursor:pointer;font:500 10px var(--font-poppins);text-underline-offset:3px;background:linear-gradient(262.31deg,#43434380 6%,#87878780 47.64%,#43434380 94.39%);border:.5px solid #fff;border-radius:80px;flex-shrink:0;padding:4px 16px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.top .bars{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;margin-top:8px;padding:0 24px 24px;scroll-padding-inline:24px;display:flex;overflow:auto hidden}.top .bars::-webkit-scrollbar{display:none}.top .bars .bar{box-sizing:border-box;scroll-snap-align:start;background:#00956f1a;border:1px solid #1cb58f;border-radius:5px;flex:0 0 100%;align-items:center;gap:16px;max-width:100%;margin-right:16px;padding:20px;display:flex}.top .bars .bar:last-child{margin-right:0}.top .bars .bar .icon-holder{background:#55716a;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.top .bars .bar .data{font-family:var(--font-poppins)}.top .bars .bar .data h6{font-size:14px;font-weight:500;line-height:20px}.top .bars .bar .data p{color:#c4c4c4;margin-top:2px;font-size:10px;line-height:16px}.top .indicators{justify-content:center;align-items:center;gap:6px;display:flex}.top .indicators .indicator{background-color:#d9d9d9;border-radius:40px;width:8px;height:8px}.top .indicators .indicator.active{background-color:#008f77}.about,.rent-terms{margin:28px 0}.detail-top{border-bottom:.5px solid #7b7b7b;justify-content:space-between;align-items:center;padding:24px;display:flex}.detail-top span{font-family:var(--font-poppins);color:#a0a0a0;letter-spacing:0%;vertical-align:middle;font-size:14px;font-weight:400;line-height:16px}.detail{cursor:pointer;border-bottom:.5px solid #7b7b7b;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.detail .left span{font-family:var(--font-poppins);color:#cdcdcd;letter-spacing:0%;vertical-align:middle;font-size:14px;font-weight:400;line-height:16px}.detail .left h6{font-family:var(--font-denton);color:#fff;letter-spacing:0%;vertical-align:middle;font-size:16px;font-weight:400;line-height:32px}.detail .left .verified{font-family:var(--font-denton);color:#00ebb0;letter-spacing:0%;vertical-align:middle;font-size:15px;font-weight:400;line-height:32px}.detail img{transform:rotate(90deg)}.preferred-tenant .tenants{padding:12px 24px}.preferred-tenant .tenants span{font-family:var(--font-poppins);letter-spacing:0%;vertical-align:middle;color:#cdcdcd;font-size:12px;font-weight:400;line-height:40px}.preferred-tenant .tenants .chips{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.preferred-tenant .tenants .chips .family{color:#ffb200;background:#eb81001a;border:.55px solid #fb0}.preferred-tenant .tenants .chips .working-professional{color:#00ffc8;background-color:#00ebc81a;border:.55px solid #00ffd0}.preferred-tenant .tenants .chips .student{color:#a1d6ff;background-color:#6ecfff1a;border:.55px solid #7abcff}.preferred-tenant .tenants .chips .no-smoking{color:#ff00b2;background-color:#eb00bc1a;border:.55px solid #ff00b2}.preferred-tenant .tenants .chips .veg-only{color:#a1d6ff;background-color:#6ecfff1a;border:.55px solid #7abcff}.preferred-tenant .tenants .chips .pets-allowed{color:#fff092;background-color:#fdff6e1a;border:.55px solid #dbff7a}.preferred-tenant .tenants .chips span{font-family:var(--font-poppins);letter-spacing:0%;text-align:center;vertical-align:middle;border-radius:6px;padding:6px 12px;font-size:10px;font-weight:500;line-height:10px}.preferred-tenant .tenants .options{align-items:center;gap:16px;margin-top:24px;display:flex}.preferred-tenant .tenants .options .option{background:#373737;border:1px solid #676767;border-radius:10px;flex:1;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.preferred-tenant .tenants .options .option span{font-family:var(--font-denton);letter-spacing:4%;vertical-align:middle;font-size:15px;font-weight:400;line-height:20px}.detail-info{border-bottom:.5px solid #7b7b7b;justify-content:space-between;align-items:center;padding:24px;display:flex}.detail-info .log-out{color:red}.detail-info span{font-family:var(--font-poppins);letter-spacing:0%;vertical-align:middle;font-size:14px;font-weight:400;line-height:16px}.detail-info img{transform:rotate(90deg)}.modal{z-index:10000;flex-direction:column;justify-content:flex-end;width:100%;max-width:420px;height:100%;display:none;position:fixed;top:0;left:50%;transform:translate(-50%)}.modal .modal-content{background-color:#fffcf5;border-top-left-radius:30px;border-top-right-radius:30px;width:100%;padding:12px 0}.modal .modal-content .modal-bar{background-color:#ababab;border-radius:10px;width:120px;height:6px;margin:auto}.modal .modal-content .modal-content-top{border-bottom:1px solid #e1ded7;align-items:center;gap:6px;margin-top:16px;padding:12px 16px;display:flex}.modal .modal-content .modal-content-top img{cursor:pointer}.modal .modal-content .modal-content-top span{color:#000;font-family:var(--font-denton);letter-spacing:0%;font-size:16px;font-weight:400;line-height:20px}.modal .modal-content .modal-option{cursor:pointer;border-bottom:1px solid #e1ded7;align-items:center;gap:10px;padding:14px 16px;display:flex}.modal .modal-content .modal-option p{font-family:var(--font-poppins);letter-spacing:0%;color:#000;vertical-align:middle;flex:1;font-size:14px;font-weight:400;line-height:20px}.modal .mobile-edit,.modal .email-edit{padding:28px 20px}.modal .mobile-edit label,.modal .email-edit label{font-family:var(--font-denton);letter-spacing:4%;vertical-align:middle;color:#000;font-size:15px;font-weight:400;line-height:36px}.modal .mobile-edit .input-holder,.modal .email-edit .input-holder{color:#5d5d5d;font-family:var(--font-denton);letter-spacing:4%;vertical-align:middle;background:linear-gradient(#f5f2eb,#f5f2eb),linear-gradient(#ebe8e1,#ebe8e1);border:1px solid #c3c0b9;border-radius:10px;align-items:center;font-size:15px;font-weight:400;line-height:20px;display:flex}.modal .mobile-edit .input-holder span,.modal .email-edit .input-holder span{border-right:1px solid #c3c0b9;padding:12px}.modal .mobile-edit input,.modal .email-edit input{height:100%;font-family:var(--font-denton);color:#5d5d5d;letter-spacing:4%;vertical-align:middle;background-color:#0000;border:none;outline:none;width:100%;padding:12px;font-size:15px;font-weight:400;line-height:20px}.modal .inputs-holder{flex-direction:column;gap:20px;padding:24px;display:flex}.modal .inputs-holder .inputs{align-items:center;gap:12px;display:flex}.modal .inputs-holder input{background:#f5f2eb;border:1px solid #e1ded7;border-radius:10px;outline:none;width:100%;padding:12px}.modal .inputs-holder input::placeholder{font-family:var(--font-denton);letter-spacing:4%;vertical-align:middle;color:#5d5d5d;font-size:15px;font-weight:400;line-height:36px}.modal .inputs-holder select{background:#f5f2eb;border:1px solid #e1ded7;border-radius:10px;outline:none;width:100%;padding:12px}.modal .save-btn{color:#fff;font-family:var(--font-denton);cursor:pointer;width:100%;letter-spacing:0%;text-align:center;background:#00a078;border:none;border-radius:60px;outline:none;margin-top:20px;padding:14px;font-size:18px;font-weight:700;line-height:22.68px;box-shadow:inset 5px 5px 14px #00000040}