<>
/* nav bar */
.nav_left {
display: flex;
align-items: center;
}
.nb_locality_logo {
width: 300px;
height: 34px;
}
.nav_right select {
text-transform: capitalize;
background-color: #007A6F;
padding: 4px 8px;
color: #ffffff;
font-size: 1rem;
border-radius: 4px;
outline: none;
border: none;
}
.navCarouselSec {
max-width: 90%;
margin-inline: auto;
padding-inline: 20px;
position: sticky;
top: 0;
z-index: 999;
margin-top: 1rem;
}
.nav_carousel {
background-color: #F6F6F6;
display: flex;
align-items: center;
gap: 1rem;
overflow-x: scroll;
scroll-behavior: smooth;
padding: 1rem;
padding-bottom: 10px;
border-radius: 0 0 8px 8px;
box-shadow: 0px 1px 1px 0px #0000001A;
}
.nav_carousel::-webkit-scrollbar {
display: none;
}
.nav_carousel p {
cursor: pointer;
padding: 8px;
font-size: 1rem;
flex-shrink: 0;
}
.nav_carousel p.highlight {
color: #4B9C76;
font-weight: bold;
}
.sectionInView {
background-color: #f0f0f0;
/* Optional: to highlight the section in view */
}
@media screen and (max-width: 660px) {
.navCarouselSec {
max-width: 100%;
padding-inline: 0;
}
.nb_locality_logo {
width: 180px;
height: 21px;
}
}
/* LOgin */
.nav_right {
gap: 1rem;
}
#nav_signin_conatiner {
gap: 4px;
background-color: rgb(2275074);
color: rgb(255255255);
padding: 8px;
cursor: pointer;
font-weight: 600;
border-radius: 6px;
flex-shrink: 0;
box-shadow: rgba(0000.15) 0px 1px 4px 0px;
}
.signintext {
align-items: center;
font-size: 0.8rem;
}
#nav_signin_conatiner a {
color: #fff;
}
.dropdown-container {
position: relative;
width: 100%;
}
.dropdown-btn {
width: 100%;
height: 35px;
padding: 8px 12px;
border-radius: 8px;
border: 1px solid #cfcfcf;
outline: none;
color: #363636;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
background-color: white;
display: flex;
align-items: center;
cursor: pointer;
}
.search-box {
width: 90%;
outline: none;
background: white;
color: black;
font-size: 14px;
border: none;
}
.dropdown-list {
position: absolute;
width: 100%;
max-height: 200px;
background: white;
border: 1px solid #cfcfcf;
overflow-y: scroll;
overflow-x: clip;
display: none;
list-: none;
padding: 0;
margin: 0;
z-index: 1000;
}
.dropdown-list li {
padding: 10px;
cursor: pointer;
}
.dropdown-list li:hover {
background: #f1f1f1;
}
.nav_mid {
gap: 3rem;
overflow-x: scroll;
width: 45%;
padding-bottom: 2px;
}
.nav_mid::-webkit-scrollbar {
display: none;
}
.nav_mid a.active {
color: #e3324a;
font-weight: bold;
text-decoration: underline;
}
.nav_mid a {
transition: color 0.3s easefont-weight 0.3s ease;
flex-shrink: 0;
}
@media screen and (max-width: 660px) {
.nav_right {
gap: 8px;
justify-content: flex-end;
}
.dropdown-btn {
padding: 4px !important;
height: 33px !important;
}
#localityNavdropdown {
justify-content: space-evenly;
}
#navSearchBox,
.nav_mid {
display: none;
}
}
<>
/* breadcrumbs */
.crumbs {
text-transform: capitalize;
margin: 10px auto;
font-size: 14px;
font-weight: 400;
line-height: 17.07px;
color: #00000080;
/* margin-top: 5rem; */
}
.crumbs a {
color: #00000080;
}
.crumbs .crumbs-span {
margin: 0 5px;
}
.crumbs span:last-child {
color: #1A1A1A;
}
.truncate {
text-overflow: ellipsis !important;
overflow: hidden !important;
white-space: nowrap !important;
}
/* crumbs ends */
/* main section */
.main_banner_section {
justify-content: space-between;
gap: 20px;
align-items: flex-start;
}
.banner_head {
text-transform: capitalize;
width: 40%;
padding: 20px;
border-radius: 20px;
border: 1px solid #419387;
}
.location_dtail,
.weather {
display: flex;
align-items: center;
gap: 8px;
margin-top: 12px;
}
.location_dtail p,
.weather {
font-size: 1rem;
color: #666666;
text-transform: capitalize;
}
.location_dtail p span {
color: #5f5f5f;
font-weight: 600;
}
.location_dtail .dot {
width: 5px;
height: 5px;
}
.weather,
.tags {
margin-block: 8px;
}
.aqi {
gap: 6px;
}
.ReviewRatings {
justify-content: space-between;
width: 100%;
flex-wrap: wrap;
}
.tags {
gap: 8px;
flex-wrap: wrap;
}
.ReviewRatings svg {
width: 25px;
height: 25px;
}
.totalRating {
font-size: 24px;
font-weight: 600;
color: #222222;
gap: 10px;
}
.rating,
.trendHook {
gap: 4px;
}
.trendHook {
background: #D318310D;
border: 1px solid #D31831;
font-size: 1rem;
color: #D31831;
padding: 6px 10px;
border-radius: 8px;
cursor: pointer;
font-weight: 700;
}
.reviewsCount {
border: 1px solid #419387;
padding: 8px 16px;
border-radius: 100px;
cursor: pointer;
font-weight: 600;
font-size: 1rem;
text-align: center;
color: #419387;
gap: 10px;
}
.reviewsCount svg {
width: 12px;
height: 12px;
}
.main_head_sec {
justify-content: space-between;
margin-bottom: 20px;
}
.main_heading {
gap: 20px;
align-items: flex-start;
}
.main_heading h1 {
font-weight: 700;
font-size: 28px;
color: #222222;
text-transform: capitalize;
}
.tag {
border: 1px solid #666666;
padding: 4px 10px;
border-radius: 4px;
font-size: 1rem;
font-weight: 600;
color: #666666;
}
.abtLocation {
padding: 20px;
border-radius: 12px;
width: 100%;
margin-block: 1rem 0;
border: 1px solid #419387;
background-color: #4193870D;
}
.stateDist {
justify-content: space-between;
}
.totPopulation {
justify-content: space-between;
margin-block: 12px;
}
.abt_sct {
margin-block: 1rem;
box-shadow: 0px 0px 4px 0px #00000026;
padding: 1rem;
border-radius: 5px;
}
.abt_sct p {
color: #1A1A1A;
}
.section_heading {
font-size: 1.2rem;
color: #1A1A1A;
margin-bottom: 8px;
text-transform: capitalize;
}
.opnInMap {
background: #00000066;
padding: 6px 16px;
border-radius: 8px;
position: absolute;
bottom: 10px;
left: 1rem;
color: #FFFFFF;
font-size: 12px;
font-weight: 600;
line-height: 15.08px;
z-index: 2;
cursor: pointer;
}
/* Modal for displaying large image */
.modal {
display: none;
position: fixed;
z-index: 999;
overflow: auto;
align-items: center;
justify-content: center;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0000.9);
flex-direction: column;
}
.modal-content {
position: relative;
max-width: 80%;
max-height: 80%;
margin: auto;
display: block;
}
.close {
position: absolute;
top: 15px;
right: 35px;
color: white;
font-size: 40px;
font-weight: bold;
cursor: pointer;
}
.about_locality {
max-height: 145px;
overflow-y: scroll;
padding-right: 5px;
color: #1A1A1A;
}
.about_locality::-webkit-scrollbar {
width: 3px;
}
.about_locality::-webkit-scrollbar-thumb {
background-color: #36363649;
border-radius: 50px;
}
.about_locality p {
font-size: 1rem;
line-height: 1.5;
margin-bottom: 8px;
}
.about_locality h2 {
font-size: 1.2rem;
line-height: 16px;
margin-bottom: 8px;
}
.about_locality span {
font-size: 16px;
margin-bottom: 26px;
display: flex;
line-height: 1.4;
}
.about_locality ul {
padding-left: 16px;
margin-block: 12px;
}
.about_locality li {
list-: disc;
}
.about_locality li span {
margin-bottom: 12px;
}
.writeReviewBtn button {
background-color: #e3324a;
font-size: .8rem;
color: #ffffff;
padding: 4px;
border-radius: 4px;
cursor: pointer;
outline: none;
border: none;
}
.comparelcltyHook {
font-weight: 600;
font-size: 16px;
color: #419387;
gap: 8px;
cursor: pointer;
margin-top: 8px;
}
.desktop_toc_list {
position: relative;
background-color: #E6E6E6;
font-size: 12px;
color: #000000;
cursor: pointer;
display: flex;
align-items: center;
font-weight: 600;
gap: 5px;
border: 1px solid #666666;
padding: 6px 10px;
border-radius: 4px;
}
.toc-items.active {
height: 190px;
opacity: 1;
transform: translateY(0);
}
.toc-items {
height: 0;
overflow: hidden;
box-shadow: 0 0 13px #a7a7a766;
width: max-content;
flex-direction: column;
margin-left: 1px;
text-align: left;
background-color: #fff;
border-radius: 4px;
position: absolute;
top: 25px;
left: 0;
z-index: 10;
opacity: 0;
transition: opacity 0.6s ease-in-outtransform 0.5s ease-in-outheight 0.6s ease-in-out;
transform: translateY(-10px);
display: flex;
padding: 5px;
line-height: 23px;
}
.chevron-icon {
transition: transform 0.3s ease-in-out;
}
.chevron-icon.rotate {
transform: rotate(180deg);
}
/* banner carousel s */
.carousel-container {
position: relative;
width: 60%;
overflow: hidden;
border-radius: 20px;
}
.carousel {
display: flex;
transition: transform 0.5s ease-in-out;
width: 100%;
}
.carousel-slide {
min-width: 100%;
height: 100%;
display: none;
background-color: #e0e0e0;
}
.carousel-slide:first-child {
display: block;
}
.carousel-slide img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.carousel-arrow {
position: absolute;
bottom: 0;
transform: translateY(-50%);
font-size: 14px;
background-color: #00000099;
color: white;
padding: 4px;
cursor: pointer;
z-index: 1;
border-radius: 50%;
display: flex;
}
.carousel-arrow.left {
right: 60px;
}
.carousel-arrow.right {
right: 12px;
}
.caption_bg {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 12px 16px;
background: linear-gradient(0degrgb(0 0 0 / 0%) 67.58%rgb(0 0 0 / 61%) 100%);
color: #ffffff;
display: flex;
flex-direction: column;
height: 100%;
}
.progress-line {
width: 95%;
display: flex;
gap: 6px;
margin-bottom: 8px;
position: absolute;
top: 12px;
left: 15px;
}
.progress-dot {
width: 100%;
height: 4px;
border-radius: 12px;
background: rgba(2552552550.4);
}
.progress-dot.active {
background: #ffffff;
}
.caption {
font-weight: 600;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
margin-top: 10px;
}
.mob_pricetrnd_hook {
display: none;
}
.lightbox-modal {
position: fixed;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
padding-top: 60px;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0000.9);
flex-direction: column;
}
.lightbox-content {
max-width: 90%;
max-height: 80%;
border-radius: 8px;
}
.lightbox-close {
position: absolute;
top: 30px;
right: 45px;
color: white;
font-size: 40px;
font-weight: bold;
cursor: pointer;
}
.lightbox-caption {
color: #ccc;
font-size: 16px;
margin-top: 10px;
text-align: center;
max-width: 80%;
}
.lightbox-prev,
.lightbox-next {
cursor: pointer;
position: absolute;
top: 50%;
padding: 16px;
color: white;
font-size: 40px;
user-select: none;
transform: translateY(-50%);
}
.lightbox-prev {
left: 10px;
}
.lightbox-next {
right: 10px;
}
.lclty_main_sec {
margin-top: 5rem;
}
@media (min-width: 660px) {
.mob_toc {
display: none;
}
}
@media screen and (max-width: 660px) {
.lclty_main_sec {
padding: 0;
}
.main_banner_section,
.main_head_sec,
.main_heading {
flex-direction: column;
align-items: flex-start;
}
.main_heading {
width: 100%;
gap: 1rem;
}
.location_dtail {
margin-top: 8px;
}
.banner_head {
width: 100%;
}
.img_right,
.more_imgs {
width: 49%;
height: 100%;
}
.comparelcltyHook {
margin-top: 0;
}
.carousel-container {
width: 100%;
border-radius: 0;
}
.main_head_sec,
.main_head_right,
.bnr_abt_sec,
.truncate {
padding-inline: 10px;
}
.banner_head {
width: 95%;
margin-inline: auto;
padding: 0px;
border: none;
}
.abtLocation {
padding: 12px;
}
.main_head_right {
padding-inline: 0;
}
.mob_toc {
position: fixed;
top: 3rem;
width: 100%;
z-index: 997;
opacity: 0;
visibility: hidden;
transition: opacity 0.5s easevisibility 0s 0.5s;
border-radius: 6px;
background-color: #F6F6F6;
box-shadow: 0px 0px 10.1px 0px #00000026;
padding: 10px;
margin-block: 10px;
}
.mob_toc.show {
opacity: 1;
visibility: visible;
transition: opacity 0.5s easevisibility 0s 0s;
}
.mob_toc_head {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
margin-top: 6px;
}
.mob_toc_list {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s;
margin-top: 8px;
}
.mob_toc_list a {
display: block;
margin-bottom: 6px;
}
.mob_arrow.rotate {
transform: rotate(180deg);
}
.sub_head_links {
display: none;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
}
.sub_head {
display: flex;
align-items: center;
justify-content: space-between;
}
.sub_link.open .sub_head_links {
display: block;
max-height: 1000px;
}
.sub_head .down-icon.rotate {
transform: rotate(180deg);
transition: transform 0.3s ease;
}
.desktop_toc,
.main_head_right {
display: none;
}
.bnr_hooks {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.mob_pricetrnd_hook {
display: block;
}
.lightbox-close {
right: 20px;
top: 20px;
}
.lightbox-modal {
padding-top: 0;
}
}
Ashok NagarCherlapalliHyderabad
North Hyderabad
Pincode- 500051
×
![]()
State: Telangana
District: Hyderabad
Total Area: 3 km²
Population: 12000
Population Density: 4000
×
![]()
<>
/* review_section */
.ratng_rvw_sec {
gap: 12px;
align-items: flex-start;
}
.ratings {
gap: 1rem;
flex-wrap: wrap;
width: 155px;
margin-block: 5px;
flex-shrink: 0;
max-height: 350px;
overflow-y: scroll;
overflow-x: hidden;
padding-right: 4px;
}
.ratings::-webkit-scrollbar {
width: 3px;
}
.ratings::-webkit-scrollbar-thumb {
background-color: #36363649;
border-radius: 50px;
}
.rating_card {
width: 155px;
box-shadow: 0px 0px 5px 0px #E6EBF5;
padding: 8px;
border-radius: 8px;
gap: 8px;
margin: 2px;
}
.rateon h3 {
color: #1A1A1A;
font-size: 14px;
}
.rateon p {
color: #1A1A1A;
font-size: 12px;
}
/* reviews */
.reviews_main_cont {
width: 85%;
}
.reviews {
gap: 6px;
overflow-x: scroll;
scroll-behavior: smooth;
align-items: stretch;
}
.reviews::-webkit-scrollbar {
display: none;
}
.review_card {
flex: 0 0 auto;
border: 1px solid #DDDDDD;
padding: 20px;
border-radius: 12px;
margin: 5px;
width: 340px;
}
.user_profile_container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.user_profile {
gap: 8px;
}
.user_profile_container .prfl_intl {
height: 30px;
width: 30px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: 600;
}
.user_profile_container img {
border-radius: 50%;
object-fit: cover;
object-position: center;
}
.user_profile_name {
margin-bottom: 5px;
color: #1A1A1A;
text-transform: capitalize;
}
.rating,
.reviewRating {
text-align: left;
font-weight: 700;
font-size: 16px;
}
.reviewRating {
gap: 8px;
}
.uploaded_rvw_img_cntnr {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
}
.uploaded_rvw_img {
width: 67px;
height: 67px;
cursor: pointer;
margin-top: 8px;
}
.uploaded_rvw_img img {
object-fit: cover;
object-position: center;
border-radius: 8px;
}
.comments {
color: #1A1A1A;
font-size: 14px;
font-weight: 400;
line-height: 17.6px;
text-align: left;
margin-top: 10px;
padding-right: 5px;
}
.comments_container {
scroll-behavior: smooth;
height: 100px;
overflow-y: scroll;
}
.comments_container::-webkit-scrollbar {
width: 3px;
}
.comments_container::-webkit-scrollbar-thumb {
background-color: #36363649;
border-radius: 50px;
}
.read_write_reviews {
text-align: center;
justify-content: center;
gap: 2rem;
flex-direction: column;
box-shadow: 0px 0px 5px 0px #E6EBF5;
padding: 1rem;
border-radius: 8px;
flex: 24;
min-height: 11rem;
}
.read_write_reviews button {
outline: none;
padding: 8px 16px;
border-radius: 4px;
font-size: 1rem;
font-weight: 400;
}
#viewReview {
background-color: #ffffff;
border: 1px solid #B8B8B8;
}
.giveReviewSec {
cursor: pointer;
}
.reviewMainSec {
justify-content: space-between;
gap: 1rem;
margin-top: 1rem;
margin-left: 5px;
align-items: flex-start;
}
.pros_cons_section {
flex: 90;
align-items: flex-start;
justify-content: center;
gap: 1rem;
}
.prosNcons {
width: 49%;
padding: 1rem;
border-radius: 12px;
box-shadow: 0px 0px 5px 0px #E6EBF5;
}
.prosNcons h3 {
font-size: 1rem;
color: #1A1A1A;
margin-bottom: 8px;
}
.prosNconsDtails {
padding-left: 1rem;
max-height: 115px;
overflow-y: scroll;
}
.prosNconsDtails::-webkit-scrollbar {
width: 3px;
}
.prosNconsDtails::-webkit-scrollbar-thumb {
background-color: #36363649;
border-radius: 50px;
}
.prosNcons ul li {
list-: disc;
font-size: .8rem;
line-height: 1.8;
color: #1A1A1A;
}
#pros {
border: 1px solid #0080008a;
}
#cons {
border: 1px solid #ff00008a;
}
/* circle rating */
.circle-rating {
position: relative;
width: 40px;
height: 40px;
display: inline-block;
}
.circle-rating svg {
transform: rotate(90deg);
}
.circle-rating circle {
fill: none;
stroke-width: 4;
}
.circle-bg {
stroke: #e6e6e6;
}
.circle-fg {
stroke: #00796b;
stroke-linecap: round;
transition: stroke-dashoffset 0.5s ease;
}
.rating-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%-50%);
font-size: 10px;
font-weight: bold;
color: #222;
}
.reviewUserType {
color: #666666;
font-weight: 400;
line-height: 12px;
font-size: 14px;
display: flex;
align-items: center;
gap: 8px;
margin-top: 2px;
}
.feedback-buttons {
display: flex;
gap: 15px;
align-items: center;
margin-left: -12px;
}
.feedback-btn {
display: flex;
align-items: center;
gap: 8px;
background: transparent;
border: none;
cursor: pointer;
padding: 8px 12px;
border-radius: 6px;
font-size: 14px;
color: #6b7280;
transition: all 0.2s;
}
.feedback-btn svg {
width: 20px;
height: 20px;
}
@media screen and (max-width: 991px) {
.ratings,
.reviews_main_cont,
.pros_cons_section {
width: 100%;
}
.ratng_rvw_sec,
.reviewMainSec {
flex-direction: column;
}
.read_write_reviews {
width: 100%;
flex-direction: row;
min-height: 0;
}
}
@media screen and (max-width: 660px) {
.ratings {
justify-content: center;
max-height: 180px;
gap: 12px;
}
.rating_card {
flex-shrink: 0;
width: 46%;
padding: 12px;
gap: 12px;
}
.pros_cons_section {
flex-direction: column;
}
.prosNcons {
width: 100%;
}
.review_card {
width: 300px;
}
.reviewUserType {
font-size: 12px;
gap: 4px;
margin-top: 4px;
}
.feedback-buttons {
display: flex;
gap: 15px;
align-items: center;
margin-left: -12px;
}
.feedback-btn {
display: flex;
align-items: center;
gap: 8px;
background: transparent;
border: none;
cursor: pointer;
padding: 8px 12px;
border-radius: 6px;
font-size: 14px;
color: #6b7280;
transition: all 0.2s;
}
.feedback-btn svg {
width: 20px;
height: 20px;
}
}
<>
/* locality maps */
.locality_map_sec {
margin-top: 1rem;
gap: 1rem;
align-items: flex-start;
}
.locality_map {
flex: 55;
height: 300px;
flex-shrink: 0;
}
.locality_map img {
border-radius: 8px;
}
.nearbyLoc {
flex: 45;
overflow-x: scroll;
}
.nearbyLoc::-webkit-scrollbar {
display: none;
}
.nearbylocCards {
border-radius: 8px;
overflow: hidden;
}
.nearbylocCards {
flex-shrink: 0;
box-shadow: 0px 1px 3px 0px #00000026;
margin: 5px;
}
.locCardHead,
.locCardBdy {
padding: 10px 1rem;
}
.locCardHead {
background-color: #FFEAEA;
}
.locCardHead h3 {
font-size: 1rem;
font-weight: 600;
}
.locCardBdy ul {
padding-left: 12px;
}
.locCardBdy ul li {
list-: disc;
line-height: 1.5;
font-size: 14px;
color: #1A1A1A;
}
.nb_lclty_trending_tab_head {
overflow-x: scroll;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 1rem;
}
.nb_lclty_trending_tab_head::-webkit-scrollbar {
display: none;
}
.nb_lclty_tab_button {
width: 30%;
text-align: center;
white-space: nowrap;
cursor: pointer;
padding: 6px 16px;
color: #666666;
border: 1px solid #DDDDDD;
border-radius: 20px;
transition: border 0.3s ease-in-out;
font-weight: 600;
font-size: 16px;
background-color: #ffffff;
display: flex;
align-items: center;
gap: 6px;
justify-content: center;
}
.nb_lclty_tab_button.active {
color: #4B9C76 !important;
border: 1px solid #419387 !important;
background-color: #4193870D;
transition: all 250ms;
}
.nb_lclty_tab_button.active svg path {
fill: #419387;
}
.nb_lclty_trending_carousel {
max-height: 280px;
overflow-x: scroll;
margin-top: 20px;
}
.nb_lclty_trending_carousel::-webkit-scrollbar {
width: 3px;
}
.nb_lclty_trending_carousel::-webkit-scrollbar-thumb {
background-color: #36363649;
border-radius: 50px;
}
.category-item {
margin-bottom: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid #DDDDDD;
}
.category-item:last-child {
border: none;
margin-bottom: 0;
}
.category-title {
font-weight: 400;
font-size: 12px;
color: #666666;
margin-bottom: 4px;
}
.neigbhourname {
font-weight: 400;
font-size: 16px;
color: #000000;
}
.accordian {
width: 100%;
text-align: left;
margin-bottom: 8px;
padding-block: 4px;
border-bottom: 1px solid #e5e7eb;
}
.question {
cursor: pointer;
margin: 8px;
display: flex;
align-items: center;
justify-content: space-between;
color: #363636;
}
.question h3 {
width: 85%;
font-size: 1rem;
font-weight: 600;
line-height: 18.86px;
text-align: left;
}
.icon {
cursor: pointer;
margin-right: 16px;
transition: transform 0.2s;
}
.icon.toggle {
transform: rotate(45deg);
}
.answer {
color: #363636cc;
font-size: 14px;
font-weight: 400;
line-height: 17.6px;
text-align: left;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s;
width: 90%;
padding-left: 6px;
}
.answer ul {
padding-left: 20px;
}
.answer ul li {
list-: disc;
margin-bottom: 4px;
}
.answer ol {
padding-left: 20px;
}
.answer ol li {
list-: decimal;
}
@media screen and (max-width: 660px) {
.locality_map_sec {
flex-direction: column;
}
.locality_map {
height: 223px;
}
.locality_map,
.nearbyLoc {
width: 100%;
min-height: 200px;
}
}
Ashok NagarCherlapalli Map
<>
#map-canvas {
height: 100%;
width: 100%;
min-height: 200px;
background-color: #f2f2f2;
}
<>
/* infrastruct */
.infrastruct_cards {
flex-wrap: wrap;
gap: 1rem;
}
.infrastruct_cards::-webkit-scrollbar {
display: none;
}
.infrastruct {
width: 48%;
box-shadow: 0px 1px 5px 0px #00000024;
padding: 1rem;
margin: 5px;
border-radius: 8px;
}
.infraHead {
gap: 10px;
}
.infraHead h3 {
font-size: 1rem;
color: #1A1A1A;
}
.abtInfra {
margin-top: 10px;
max-height: 120px;
overflow-y: scroll;
padding-right: 5px;
}
.abtInfra::-webkit-scrollbar {
width: 3px;
}
.abtInfra::-webkit-scrollbar-thumb {
background-color: #36363649;
border-radius: 50px;
}
.abtInfra p {
font-size: .9rem;
margin-bottom: 8px;
}
.abtInfra h3 {
font-size: 1rem;
margin-bottom: 8px;
}
.abtInfra span {
font-size: 14px;
margin-bottom: 26px;
display: flex;
line-height: 1.4;
}
.abtInfra ul {
padding-left: 20px;
margin-block: 12px;
}
.abtInfra li {
list-: disc;
font-size: .9rem;
}
.abtInfra li span {
margin-bottom: 12px;
}
@media screen and (max-width: 990px) {
.infrastruct_cards {
flex-wrap: nowrap;
overflow-x: scroll;
gap: 12px;
}
.infrastruct {
flex-shrink: 0;
width: 85%;
}
}
<>
/* nearbyLocalitiesSec */
.nearbyLocalitiesSec {
flex-wrap: wrap;
gap: 1rem;
margin-top: 1rem;
}
.nearbyLocal {
border: 1px solid #E3324A;
border-radius: 4px;
padding: 8px 12px;
color: #1A1A1A;
font-size: 1rem;
flex-shrink: 0;
text-transform: capitalize;
}
@media screen and (max-width: 990px) {
.nearbyLocalitiesSec {
gap: 10px;
}
.nearbyLocal {
font-size: .8rem;
padding: 4px 8px;
}
}
Localities near by Ashok NagarCherlapalli
<>
.compare_nearbyLclty {
gap: 2rem;
overflow-x: scroll;
margin-block: 2rem;
}
.compare_nearbyLclty::-webkit-scrollbar {
display: none;
}
.selectNearbylclty {
gap: 6px;
flex-shrink: 0;
cursor: pointer;
}
.lcltyNearby {
gap: 4px;
padding: 8px 12px;
border: 1px solid #DDDDDD;
border-radius: 12px;
font-weight: 600;
font-size: 1rem;
color: #222222;
}
.lcltyNearby img {
object-fit: cover;
object-position: center;
border-radius: 50%;
}
.comparisionTable {
overflow-x: scroll;
scroll-behavior: smooth;
}
.comparisionTable::-webkit-scrollbar,
.comparisionTable table::-webkit-scrollbar {
display: none;
}
.comparisionTable table {
width: 100%;
border-radius: 12px;
overflow: hidden;
flex: 0 0 auto;
border-collapse: collapse;
table-layout: fixed;
}
th,
td {
padding: 10px;
text-align: left;
border: 1px solid #DDDDDD;
width: 180px;
}
.comparisionTable tr {
background-color: #ffffff;
}
.comparisionTable tr:first-of-type {
background-color: #0000000A;
}
.table_heading h2 {
padding: 0;
margin: 0;
text-align: center;
font-size: 17.5px;
font-weight: 600;
line-height: 21.33px;
text-align: center;
}
th {
font-weight: 600;
font-size: 14px;
color: #222222;
}
td.spacer {
padding: 0;
}
.spacer {
border: none;
background: #ffffff;
width: 8px;
}
.comparisionTable tr td svg {
width: 18px;
height: 18px;
}
.starrating {
gap: 3px;
}
.searchNearbyLclty {
padding-block: 10px;
text-align: center;
font-weight: 600;
font-size: 1rem;
color: #222222;
}
.searchNearbyLclty span {
color: #419387;
cursor: pointer;
}
#noTabledata {
text-align: center;
font-size: 1rem;
font-weight: 600;
}
a.buy-link,
a.rent-link {
font-weight: 600;
text-decoration: underline;
}
@media screen and (max-width: 660px) {
.compare_nearbyLclty {
margin-block: 1rem;
}
}
Nearby Locality Comparison
Ammasani Venkatreddy Colony
|
|
Ashok NagarCherlapalli |
| Overall Locality Rating |
|
N/A
|
| Road Condition |
|
N/A
|
| Proximity to Schools & Hospitals |
|
N/A
|
| Traffic Congestion |
|
N/A
|
| Property Price Range |
|
N/A |
| Growth in Property Prices (3 Yrs) |
|
N/A |
| Rent Price Range |
|
N/A |
| Growth in Rent Prices (3 Yrs) |
|
N/A |
| Total Properties Available |
|
12 properties available for sale
and
12 properties available for rent
|
Data for the selected locality is currently unavailable. We're working on it and will update it soon
Did not find you locality? Search here
Situated In North Hyderabad
<>
/* bstPlaceImg */
.bestInLocalSec {
margin-top: 1rem;
align-items: flex-start;
gap: 1rem;
justify-content: space-between;
}
.bstPlaces {
width: 60%;
max-height: 400px;
overflow-y: scroll;
padding-right: 5px;
}
.bstPlaces::-webkit-scrollbar {
width: 3px;
}
.bstPlaces::-webkit-scrollbar-thumb {
background-color: #36363649;
border-radius: 50px;
}
.bstPlaceImg {
width: 35%;
height: 320px;
}
.bstPlaces h1 {
font-size: 1.3rem;
margin-bottom: 8px;
}
.bstPlaces h2 {
font-size: 1.2rem;
margin-bottom: 8px;
}
.bstPlaces h3 {
font-size: 1.1rem;
margin-bottom: 8px;
}
.bstPlaces a {
font-size: 1rem;
color: rgb(000);
text-decoration: underline;
}
.bstPlaces p {
font-size: 1rem;
margin-bottom: 8px;
line-height: 1.5;
color: #1A1A1A;
}
.bstPlaces ul {
margin-left: 1rem;
}
.bstPlaces ul li {
margin-bottom: 4px;
list-: disc;
line-height: 1.5;
color: #1A1A1A;
}
@media screen and (max-width: 990px) {
.bestInLocalSec {
flex-direction: column-reverse;
}
.bstPlaces {
width: 100%;
max-height: 100%;
}
.bstPlaceImg {
width: 100%;
margin-inline: auto;
}
}
<>
.propInLocSec {
margin-top: 1rem;
}
.prcTrndConts {
color: #1A1A1A;
font-size: 1rem;
line-height: 1.5;
margin-top: 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
}
.prcTrndConts.expanded {
height: auto;
-webkit-line-clamp: unset;
white-space: normal;
}
.prcTrndConts.expanded p {
-webkit-line-clamp: unset;
white-space: normal;
}
.prcTrndConts table tr:first-child {
font-weight: 600;
}
.readMore {
text-align: right;
margin-top: 10px;
}
.readMore button {
border: 1px solid #B8B8B8;
border-radius: 4px;
padding: 8px 1rem;
background-color: #ffffff;
}
/* priceTrendTabHead */
.priceTrendTabHead {
margin-top: 2rem;
position: sticky;
top: 4.2rem;
z-index: 99;
background-color: #ffffff;
padding-top: 6px;
}
#project_cards {
position: relative;
}
#project_cards .nb_lclty_trending_tab_head {
margin-block: 1rem;
}
.priceTrendTabHead .nb_lclty_tab_button {
width: 50%;
font-size: 1.2rem;
font-weight: 600;
border-radius: 0;
border: none;
border-bottom: 2px solid #cfcfcf;
color: #555555b8;
}
.priceTrendTabHead .nb_lclty_tab_button.active {
border-top: none !important;
border-inline: none !important;
background-color: #ffffff;
}
.othrServices {
gap: 1rem;
flex-wrap: wrap;
margin-block: 1rem;
}
.serviceCard {
cursor: pointer;
padding: 8px 1rem;
border-radius: 8px;
border: 2px solid #DDDDDD;
gap: 8px;
}
.propHead {
justify-content: space-between;
}
.propRentHead {
margin-bottom: 12px;
}
.propHead a {
color: #4b9c76d4;
font-size: 1rem;
font-weight: 600;
position: absolute;
top: 3.2rem;
right: 0;
}
.seeAllRent {
position: unset !important;
}
.propertiesCardsSec {
margin-top: 0;
}
.nb_lclty_trending_tab_head .nb_lclty_tab_button {
width: fit-content;
}
#props-btn,
#top-soc-btn,
#top-buildrs-btn,
#buildrs-prjct-btn {
display: none;
}
@media screen and (max-width: 990px) {
.othrServices {
gap: 8px;
}
.serviceCard {
padding: 8px;
flex-direction: column;
width: 47%;
}
.serviceCard img {
width: 45px;
height: 45px;
}
}
@media screen and (max-width: 660px) {
.priceTrendTabHead {
top: 7rem;
}
.propHead a {
top: 2.2rem;
}
}
<>
.propertyCard {
width: 280px;
padding: 0;
cursor: pointer;
}
.propertyCard_img {
position: relative;
width: 280px;
height: 160px;
background-color: #e0e0e0;
}
.propertyCard_img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180degrgba(0000) 56.8%#000000 100%);
z-index: 1;
border-radius: 4px;
}
.propertyCard_img img {
border-radius: 4px;
object-fit: cover;
object-position: center;
}
.propertyCard_imgPointer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
position: absolute;
bottom: 8px;
left: 0.7rem;
z-index: 2;
width: 90%;
color: #f4f4f4;
}
.propertyCard_imgPointer p {
background: #4b9c76d4;
padding: 2px 4px;
border-radius: 4px;
font-size: .7rem;
}
.realestate_cards_content,
.homeservice_cards_content {
position: absolute;
bottom: 1rem;
left: 0.7rem;
z-index: 2;
}
.propertyCard button {
background-color: #D318310D;
border: 1px solid #D31831;
border-radius: 8px;
color: #D31831;
font-weight: 600;
font-size: 1rem;
}
.propPrice {
font-weight: 700;
font-size: 20px;
margin-bottom: 12px;
}
.propPrice span {
font-weight: 600;
font-size: 12px;
color: #666666;
}
/* nbPropInvstmnt */
.nbPropInvstmnt {
padding: 1.5rem;
border-radius: 8px;
box-shadow: 0px 1px 4px 0px #0000002B;
text-align: center;
margin-block: 1rem;
}
.nbPropInvstmnt button {
border: none;
outline: none;
background-color: #E3324A;
padding: 8px 1rem;
color: #ffffff;
border-radius: 4px;
}
Ashok NagarCherlapalli Property Rates and Rental Yield (Trends 2026)
Buy
12 Properties Available
Rent
12 Properties Available
<>
canvas {
max-width: 100%;
max-height: 260px;
}
.switch {
margin: 1% 3px 0;
position: relative;
display: inline-block;
width: 28px;
height: 16px;
}
/* Hide default HTML checkbox */
.switch input {
display: none;
}
/* The slider */
.slider {
position: absolute;
cursor: pointer;
inset: 0;
background-color: #ccc;
left: 0;
top: 0;
right: 0;
bottom: 0;
border-radius: 16px;
}
.slider:before {
content: "";
height: 12px;
width: 12px;
left: 2px;
bottom: 2px;
background-color: #5e3aad;
border-radius: 50%;
position: absolute;
transition: .4s;
}
.switch input:checked+.slider {
background: #d8cbf4;
}
.switch input:focus+.slider {
box-shadow: 0 0 1px #d8cbf4;
}
.switch input:checked+.slider:before {
transform: translateX(12px);
}
.priceTrendCard,
.rentBuyOverviewSec {
margin-top: 1rem;
box-shadow: 0px 1px 5px 0px #00000024;
border-radius: 8px;
padding: 1rem;
}
.rentBuyOverviewSec {
margin-block: 1rem 2rem;
}
.priceTrendHead {
gap: 10px;
}
.priceTrendHead h3,
.rentBuyOverviewSec h3 {
font-size: 1.1rem;
color: #1A1A1A;
}
.rent_buy_overview {
color: #1A1A1A;
font-size: 1rem;
line-height: 1.5;
margin-top: 10px;
max-height: 7rem;
overflow-y: scroll;
}
.rent_buy_overview::-webkit-scrollbar {
width: 3px;
}
.rent_buy_overview::-webkit-scrollbar-thumb {
background-color: #36363649;
border-radius: 50px;
}
.rent_buy_overview ul {
margin-left: 1rem;
}
.rent_buy_overview li {
list-: disc;
margin-bottom: 6px;
}
.priceTrndContent {
overflow: hidden;
transition: height 0.3s ease;
position: relative;
}
.prcTrndConts {
height: 100px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
}
.priceTrndgrp {
margin-top: 1rem;
gap: 1rem;
align-items: flex-start;
justify-content: space-between;
}
.rentGrph {
width: 45%;
}
.priceTrendGraphSec {
margin-top: 1rem;
}
.subBtns {
gap: 1rem;
justify-content: center;
margin-top: 1rem;
}
.subBtns button {
border: 1px solid #B8B8B8;
border-radius: 4px;
padding: 8px 1rem;
background-color: transparent;
}
.subBtns button.active {
background-color: #4b9c7624;
border: 1px solid #4b9c76d4;
color: #4b9c76d4;
}
.priceTrendAvg {
width: 50%;
}
.avgHead {
align-items: flex-start;
gap: 1rem;
}
.transHistry h3 {
font-size: 1rem;
margin-bottom: 6px;
}
.lcltySmry {
gap: 1.5rem;
justify-content: center;
margin-block: 1rem;
}
.lcltySmryCard {
box-shadow: 0px 0px 5px 0px #E6EBF5;
padding: 1rem;
border-radius: 8px;
gap: 1rem;
}
.perSqft h4 {
font-size: 1rem;
color: #1A1A1A;
}
.perSqft p {
font-size: .8rem;
color: #363636;
}
.transHistry {
width: 64%;
}
.rcntTrans {
height: 245px;
overflow-y: scroll;
padding-right: 5px;
}
.rcntTrans::-webkit-scrollbar {
width: 3px;
}
.rcntTrans::-webkit-scrollbar-thumb {
background-color: #36363649;
border-radius: 50px;
}
.rcntTransCard {
gap: 1rem;
padding-bottom: 8px;
border-bottom: 1px solid #ededed;
margin-bottom: 8px;
}
.rcntTranspersqft {
font-size: .8rem;
}
.graphAvg {
width: 50%;
display: flex;
flex-direction: column;
gap: 8px;
overflow-x: scroll;
}
.graphAvg::-webkit-scrollbar {
display: none;
}
.avgCard {
flex-shrink: 0;
gap: 1rem;
padding: 8px;
box-shadow: 0px 0px 5px 0px #E6EBF5;
border-radius: 8px;
margin: 5px;
}
.avgDisc h3 {
font-size: 1rem;
color: #1A1A1A;
}
.avgPriceOnwrds {
font-size: .8rem;
color: #595959;
margin-block: 4px;
}
.avgPropAvlb {
font-size: .8rem;
color: #E3324A;
}
@media screen and (max-width: 990px) {
.priceTrndgrp {
flex-direction: column;
}
.rentGrph,
.graphAvg {
width: 100%;
}
.avgCard img {
width: 46px;
height: 46px;
}
.avgCard {
padding: 8px;
}
.priceTrendAvg,
.transHistry {
width: 100%;
}
.avgHead {
flex-direction: column;
}
.lcltySmryCard {
padding: 8px;
gap: 6px;
}
}
Our Other Services in Ashok NagarCherlapalli
Home Cleaning
Packers & Movers
Painting
Rental Agreement
Pay Rent
<>
#props-btn {
display: block;
}
Properties for Rent in Ashok NagarCherlapalli
See All
Independent HouseAshok nagar near Suguna service station Hindustan Petroleum Petrol PumpCherlapallihyderabad
Rent: ₹
6,000
Independent HouseAshok Nagarnear Shilpa Grammer High SchoolCherlapallihyderabad
Rent: ₹
15,000
ashokanagar tirumala residencyMallapur VillageBalapurhyderabad
Rent: ₹
10,000
Independent Housenear basthi dawkanahaMarrigudahyderabad
Rent: ₹
5,000
Independent HouseAshok Nagar near Vasavi Medical Cherlapallihyderabad
Rent: ₹
3,000
Our Other Services in Ashok NagarCherlapalli
Builder Project
Home Loan
Home Interiors
Recommended Properties to BUY in Ashok NagarCherlapalli
<>
#props-btn {
display: block;
}
Near Hindustan Petroleum Corporation LimitedMallapurhyderabad
Price: ₹
7lac
Independent HouseNear WaterTank8-3Ashok NagarMallapurSecunderabadTelangana 500051Indiahyderabad
Price: ₹
37lac
Independent HouseAshok Nagarnear Vasavi Medical Cherlapallihyderabad
Price: ₹
1cr
Independent HouseECIL Rd near HP PETROL PUMP - AUTOLPG CENTRE KUSHAIGUDAMarrigudahyderabad
Price: ₹
80lac
Independent Houseashok nagara near nfc Cherlapallihyderabad
Price: ₹
66lac
<>
.buildersprjts {
gap: 1rem;
overflow-x: scroll;
}
.buildersprjts::-webkit-scrollbar {
display: none;
}
.bldrsprjt {
cursor: pointer;
flex-shrink: 0;
border-radius: 8px;
border: 1px solid #cccccc;
margin: 5px;
width: 280px;
overflow: hidden;
}
.bldrprjImg {
width: 100%;
height: 155px;
background-color: #e0e0e0;
position: relative;
}
.bldrprjImg img {
object-fit: cover;
object-position: center;
}
.prjBhks {
position: absolute;
bottom: 0;
width: 100%;
background-color: #00000099;
color: #ffffff;
padding-inline: 8px;
gap: 6px;
}
.abtbldrprjt {
padding: 12px;
}
.abtbldrprjt h3 {
color: #464646;
font-size: 1.1rem;
margin-bottom: 4px;
}
.abtbldrprjt p {
color: #767676;
font-size: .9rem;
gap: 4px;
border-bottom: 1px solid #E2E2E2;
padding-bottom: 4px;
}
.prjPriceRng {
font-size: 1.2rem;
font-weight: 600;
color: #464646;
margin-top: 12px;
}
<>
.abtbldrprjt h3 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
height: 22px;
overflow: hidden;
}
<>
#top-soc-btn {
display: block;
}
3 BHK
Kukatpally
₹ 1.45 Cr
3 BHK
Puppalguda
₹ 1.59 Cr
3 BHK
Botanical Garden Road
₹ 2.25 Cr
<>
.abtBuilders {
gap: 8px;
padding: 6px 12px;
}
#abtBuilders .bldrprjImg {
width: 95%;
height: 155px;
background-color: #e0e0e0;
margin-inline: auto;
border-radius: 8px 8px 0 0;
overflow: hidden;
}
/* .bldrIcon {
padding: 4px;
border-radius: 4px;
border: 1px solid #cccccc;
} */
.abtBuilders h3 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
height: 22px;
overflow: hidden;
color: #464646;
font-size: 1.1rem;
margin-bottom: 4px;
}
.abtBuilders p {
color: #767676;
font-size: .9rem;
gap: 4px;
}
<>
.handbook,
.helpline {
align-items: center;
justify-content: space-between;
gap: 1rem;
padding-block: 1rem;
border-bottom: 1px solid #DDDDDD;
}
.handbook:last-of-type,
.helpline:last-of-type {
border-bottom: none;
}
.handbookInfo h4,
.helpline h4 {
align-items: center;
gap: 8px;
color: #222222;
font-size: 16px;
margin-bottom: 8px;
text-transform: capitalize;
}
.helpline_container h3 {
font-size: 20px;
color: #222222;
margin-block: 1rem;
}
.handbookInfo p {
font-weight: 400;
font-size: 12px;
color: #666666;
}
.handbookContact {
gap: 1rem;
align-items: center;
}
.handbookContact a,
.handbookContact button {
border: 1px solid #419387;
color: #419387;
font-weight: 600;
font-size: 14px;
padding: 6px 12px;
display: flex;
align-items: center;
gap: 4px;
flex-wrap: nowrap;
border-radius: 8px;
}
button.greenBg {
background-color: #419387;
color: #ffffff;
outline: none;
}
@media screen and (max-width: 660px) {
.handbook {
flex-direction: column;
align-items: flex-start;
}
}
<>
.main_sub_section .discussion {
cursor: pointer;
}
.discussion_heading {
justify-content: space-between;
margin-bottom: 1rem;
}
.discussion_heading .section_heading {
margin-bottom: 0;
}
.startDiscussionbtn {
background-color: #D318310D;
border: 1px solid #D31831;
color: #D31831;
padding: 12px 10px;
outline: none;
border-radius: 8px;
font-weight: 600;
font-size: 1rem;
}
.discussion_tags {
gap: 12px;
margin-bottom: 24px;
overflow-x: scroll;
}
.discussion_tags::-webkit-scrollbar {
display: none;
}
.dscnTag {
font-weight: 600;
font-size: 1rem;
color: #666666;
border: 1px solid #DDDDDD;
border-radius: 20px;
padding: 6px 16px;
}
.dscssn_profile {
font-weight: 600;
font-size: 12px;
color: #222222;
gap: 8px;
margin-bottom: 12px;
}
.prfl_intl {
background-color: #666666;
padding: 1px 6px;
border-radius: 50%;
color: #F5F5F5;
text-transform: capitalize;
}
.prfl_name {
text-transform: capitalize;
}
.published_date {
color: #666666;
}
.dot {
width: 4px;
height: 4px;
background-color: #666666;
border-radius: 50%;
}
.discussion h4 {
font-weight: 700;
font-size: 16px;
color: #222222;
margin-bottom: 8px;
}
.discussion p {
font-weight: 400;
font-size: 14px;
color: #666666;
}
.dscssn_lik_cmnt_sec {
gap: 20px;
padding-block: 20px;
}
.dscssn_likes,
.dscssn_cmnt,
.dscssn_reply {
gap: 6px;
color: #666666;
font-weight: 600;
font-size: 14px;
cursor: pointer;
}
.dscssn_reply {
color: #419387;
}
.discussion {
margin-bottom: 20px;
border-bottom: 1px solid #DDDDDD;
}
.discussion:last-child {
border-bottom: none;
}
.discussionPagination {
width: 50%;
margin-inline: auto;
display: flex;
justify-content: center;
align-items: center;
}
.discussionPagination button {
width: 30px;
height: 30px;
background-color: #FFFFFF;
border: none;
margin: 0 5px;
text-align: center;
line-height: 30px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.num_dots {
background: none !important;
border: none !important;
}
#pagination {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
}
#page-numbers {
display: flex;
align-items: center;
width: 10rem;
overflow-x: scroll;
justify-content: flex-start;
}
#page-numbers::-webkit-scrollbar {
display: none;
}
#page-numbers a {
font-weight: 600;
display: inline-block;
width: 32px;
height: 32px;
border: 1px solid #F1F1F1;
border-radius: 8px;
margin: 0 5px;
text-align: center;
line-height: 30px;
cursor: pointer;
flex: 0 0 auto;
}
#page-numbers a.active {
background-color: #4B9C76;
color: white;
}
.discussionCont {
position: relative;
}
.startNewDscccn {
position: sticky;
bottom: 12px;
background-color: #f1f1f1;
border: 1px solid #ccc;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0000.15);
padding: 1rem;
z-index: 10;
}
.startNewDscccn .nb_locality_connect_form {
justify-content: space-between;
gap: 1rem;
}
#discussions .nb_locality_connect_form {
width: 65%;
padding: 0 24px;
}
.newDscccn {
padding: 0 !important;
}
.startNewDscccn p {
font-size: 1rem;
font-weight: 600;
margin-bottom: 6px;
color: #222222;
}
.newDscccn input,
.newDscccn textarea {
margin-bottom: 0 !important;
}
.newDscccn button {
width: 15% !important;
}
.post_new_discussion_sec {
display: flex;
align-items: center;
gap: 12px;
}
.postnewImg {
width: 32%;
background-color: #f0f0f0;
min-height: 350px;
border-radius: 12px;
}
.postnewImg img {
object-fit: cover;
border-radius: 12px;
}
#postNewDiscussionFormId h3 {
margin-bottom: 1rem;
text-align: left;
color: #222222;
font-size: 1rem;
}
.discussion_Button {
position: fixed;
bottom: 1rem;
right: 0;
width: 80px;
height: 80px;
cursor: pointer;
}
@media screen and (max-width: 660px) {
.discussion_heading {
flex-direction: column;
gap: 20px;
}
.discussion_heading .section_heading,
.startDiscussionbtn {
width: 100%;
}
.startDiscussionbtn {
padding: 8px 10px;
}
.post_new_discussion_sec {
flex-direction: column;
}
.postnewImg,
.nb_locality_connect_form {
width: 100%;
}
#discussions .nb_locality_connect_form {
padding: 0 6px 0 6px !important;
}
#discussions .nb_locality_connect_form {
width: 100%;
}
.newDscccn {
flex-direction: column;
}
.newDscccn button {
width: 100% !important;
}
}
Ashok NagarCherlapalli Discussion
<>
.faqs .accordian {
margin-bottom: 10px;
padding-block: 10px;
}
.faqs .question {
margin: 10px 0;
}
.faqs .answer {
padding-left: 0;
}
<>
.blogCard h3 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: 2.5rem;
overflow: hidden;
text-transform: capitalize;
}
.blogCard .propLoc {
-webkit-line-clamp: 3;
height: 3.5rem;
margin-bottom: 12px;
color: #666666;
}
.blogCard {
width: 328px;
}
.blogCard h3 {
font-size: 1rem;
margin-block: 12px 6px;
}
.blogCard button {
border-radius: 4px;
}
.blgImg {
width: 296px;
height: 202px;
background-color: #e0e0e0;
}
<>
/* map popup */
.map_popup {
position: fixed;
top: -100%;
left: 50%;
border-radius: 12px;
background-color: #ffffff;
display: flex;
flex-direction: column;
gap: 16px;
text-align: center;
align-items: center;
justify-content: center;
transform: translate(-50%-50%);
z-index: 9999;
transition: top 0.8s ease-in-out;
width: 60%;
padding: 1rem;
}
.map_popup iframe {
width: 100%;
}
@media screen and (max-width: 660px) {
.map_popup {
width: 90%;
}
}
<>
/* search popup */
.search_lclty_popup {
position: fixed;
top: -100%;
left: 50%;
border-radius: 12px;
background-color: #ffffff;
display: flex;
flex-direction: column;
gap: 16px;
text-align: center;
align-items: center;
justify-content: center;
transform: translate(-50%-50%);
z-index: 9999;
transition: top 0.8s ease-in-out;
width: 40%;
padding: 1rem;
}
.cmprbtn {
background-color: #419387;
color: #ffffff;
padding: 8px 14px;
border-radius: 8px;
width: 100%;
border: none;
outline: none;
}
#cmprSrchdropdown {
text-align: left;
}
@media screen and (max-width: 660px) {
.search_lclty_popup {
width: 90%;
}
}
Login / Sign up
Zero Brokerage.
Thousands of new listings daily.
100 Cr+ Brokerage saved monthly.
<>
.nb_signin_container {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%-50%);
border-radius: 4px;
overflow: hidden;
z-index: 9999;
width: 670px;
height: 500px;
transition: top 0.8s ease-in-out;
background-color: #FFFFFF;
display: none;
align-items: center;
}
.nb_signin_container.open {
top: 50%;
}
.nb_signin_left {
position: relative;
align-items: flex-start;
background-color: #f8f8f8;
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
width: 42%;
height: 100%;
padding: 20px 25px;
}
.nb_signin_left img {
margin-bottom: 10px;
}
.nb_signin_left h2 {
font-size: 1rem;
color: #2e2e2e;
margin-bottom: 8px;
}
.cross-btn {
display: none;
position: absolute;
top: 6px;
right: 11px;
cursor: pointer;
}
.nb_pointers {
position: relative;
font-size: 12px;
line-height: 1.5;
color: #2e2e2e;
margin-bottom: 6px;
max-width: 100%;
opacity: .8;
overflow: hidden;
padding-left: 20px;
}
.nb_pointers::before {
border-color: #7b7b7b;
border-: solid;
border-width: 0 2px 2px 0;
content: "";
display: block;
height: 8px;
left: 3px;
position: absolute;
top: 3px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 4px;
}
.nb_signin_right {
padding: 40px 25px 40px 25px;
width: 58%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.nb_signin_right h2 {
font-size: 1rem;
color: #2e2e2e;
font-weight: 600;
margin-bottom: 20px;
}
.nb-switch-toggle {
background: #ccc;
border-radius: 16px;
display: inline-block;
height: 22px;
position: relative;
transition: background .25s;
vertical-align: middle;
width: 40px;
cursor: pointer;
}
.nb-switch-toggle:before {
content: '';
background: linear-gradient(180deg#fff 0#fff);
border-radius: 50%;
display: block;
height: 14px;
left: 4px;
position: absolute;
top: 4px;
transition: left .25s;
width: 14px;
}
.nb-switch-toggle.active {
background-color: #009587;
}
.nb-switch-toggle.active::before {
left: 22px;
}
.input_container {
position: relative;
z-index: 20;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.hide1 {
display: none;
}
.iti {
width: 100%;
}
.iti--separate-dial-code .iti__selected-flag {
background-color: transparent !important;
}
.iti__selected-dial-code {
font-size: 14px;
}
.change_num {
display: none;
position: absolute;
top: 2px;
left: 1px;
width: 99%;
z-index: 2;
background-color: #f8f8f8;
align-items: center;
justify-content: space-between;
padding: 10px 12px;
font-size: 12px;
}
#change_phone {
color: #009587;
cursor: pointer;
text-decoration: underline;
font-size: 10px;
}
.main_whatsapp_cont {
position: absolute;
top: 0;
width: 100%;
z-index: -1;
transition: top 0.4s ease-in-out;
}
.whtsup_updt {
display: flex;
align-items: center;
justify-content: space-between;
padding: 6px 12px;
border: 1px solid #ddd;
border-top: none;
background-color: #f8f8f8;
margin-bottom: 4px;
}
.main_whatsapp_cont.slide-down {
top: 100%;
}
.whtsup_lable {
display: flex;
align-items: center;
font-size: 13px;
color: #2e2e2e;
}
input.otp_input {
width: 38px;
height: 35px;
padding: 8px;
border-bottom: 1px solid #CFCFCF;
outline: none;
border-top: none;
border-left: none;
border-right: none;
outline: none;
font-size: 1rem;
text-align: center;
}
.otp_cont {
margin-top: 3rem;
}
.otp_cont p {
font-size: 13px;
}
.otp {
display: flex;
align-items: center;
gap: 15px;
justify-content: space-between;
margin-top: 1rem;
}
.otp_msg {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 12px;
font-size: 13px;
}
.valid_otp {
color: #e3324a;
display: none;
}
.resend_otp {
display: none;
font-size: 12px;
font-weight: 600;
text-align: center;
color: #009587;
cursor: pointer;
}
.timer {
text-align: center;
font-size: 12px;
font-weight: 600;
color: #009587;
}
.continue_btn {
border-radius: 4px;
width: 100%;
border: none;
background-color: #e3324a;
padding: 8px 12px;
font-size: .8rem;
color: #FFFFFF;
font-weight: 700;
margin-top: 2rem;
}
.login-footer {
text-align: center;
margin-inline: auto;
font-size: 10px;
color: #2e2e2e;
}
.tns_msg {
margin-bottom: 12px;
}
.login-footer a {
font-weight: 700;
}
.login-footer a:hover {
text-decoration: underline;
}
#nb_phone,
.user_details_input input {
width: 100%;
padding: 8px 12px;
border: 1px solid #cfcfcf;
outline: none;
color: #363636;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
}
.user_name {
margin-block: 1rem;
}
#loader {
align-items: center;
justify-content: center;
margin-top: 1rem;
}
#errorMsg {
align-items: center;
justify-content: center;
margin-top: 1rem;
color: red;
}
@media screen and (max-width: 779px) {
.nb_signin_container {
width: 100%;
height: 100vh;
flex-direction: column;
border-radius: 0;
}
.nb_signin_left {
flex-direction: row-reverse;
width: 100%;
height: 25%;
padding-top: 40px;
}
.nb_service_cont {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 4px;
}
.nb_signin_left img {
margin-bottom: 0;
width: 85px;
height: 85px;
}
.nb_signin_right {
padding: 20px;
width: 100%;
}
.cross-btn {
display: block;
}
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0000.5);
z-index: 9999;
display: none;
}
#M_valid-msg {
display: none;
color: green;
margin: auto;
align-items: center;
justify-content: center;
font-size: 12px;
}
#M_error-msg {
color: red;
margin: auto;
align-items: center;
justify-content: center;
font-size: 12px;
}
<>
/* popup */
.nb_locality_connect_form {
text-align: center;
padding: 28px 24px;
transition: height 1s ease-in-out;
}
.nb_locality_connect_form input,
.nb_locality_connect_form select,
.nb_service_connect_form input,
.nb_service_connect_form select {
width: 100%;
padding: 8px 12px;
border-radius: 8px;
border: 1px solid #cfcfcf;
outline: none;
color: #363636;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
margin-bottom: 24px;
}
.nb_locality_connect_form button {
border: none;
background-color: #419387;
color: #ffffff;
padding: 8px 14px;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
line-height: 24px;
margin-inline: auto;
width: 100%;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.hide1 {
display: none;
}
.iti {
width: 100%;
margin-bottom: 24px;
}
.iti--separate-dial-code .iti__selected-flag {
border-right: 1px solid #CFCFCF;
background-color: transparent !important;
}
.popup_form_container {
position: fixed;
top: -100%;
left: 50%;
transform: translate(-50%-50%);
border-radius: 12px;
overflow: hidden;
z-index: 9999;
width: 436px;
transition: top 0.8s ease-in-out;
background-color: #FFFFFF;
}
.popup_form_container.open {
top: 50%;
}
.popup_form_container h2 {
font-size: 20px;
font-weight: 700;
line-height: 25.14px;
text-align: left;
margin-bottom: 8px;
}
.popup_form_container p {
font-size: 16px;
font-weight: 700;
line-height: 20.11px;
white-space: nowrap;
}
.popup_form_container p span {
font-weight: 700;
}
@media screen and (max-width: 660px) {
.nb_locality_hero_right h2 {
font-size: 20px;
line-height: 25.14px;
}
.popup_form_container {
width: 90%;
}
}
/* submit msg */
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0000.5);
z-index: 999;
display: none;
}
.submitMsg {
position: fixed;
top: -100%;
left: 50%;
padding: 40px;
border-radius: 12px;
background-color: #ffffff;
display: flex;
flex-direction: column;
gap: 16px;
text-align: center;
align-items: center;
justify-content: center;
transform: translate(-50%-50%);
z-index: 9999;
transition: top 0.8s ease-in-out;
}
.submitMsg.submitted {
top: 50%;
}
@media screen and (max-width: 660px) {
.submitMsg {
width: 90%;
}
}
We’ve got your response
Our team will get back to you shortly!
<>
/* gallery popup */
.img_gallery_popup {
position: fixed;
top: -100%;
left: 50%;
border-radius: 12px;
background-color: #ffffff;
display: flex;
flex-direction: column;
gap: 16px;
text-align: center;
align-items: center;
justify-content: center;
transform: translate(-50%-50%);
z-index: 9999;
transition: top 0.8s ease-in-out;
width: 60%;
overflow: hidden;
padding: 1rem;
}
.gallery_img img {
border-radius: 8px;
max-height: 450px;
}
.gallery_tab_button {
width: 60px;
height: 60px;
border-radius: 8px;
padding: 0;
overflow: hidden;
border: none;
box-shadow: 0px 0px 15px 0px #00000026;
}
.gallery_tab_button.active {
border: 2px solid #fd3753;
}
.gallery_tab_button img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.gallery_img {
position: relative;
}
.img_caption {
right: 5px;
position: absolute;
bottom: 10px;
background: #00000066;
padding: 6px 16px;
border-radius: 8px;
color: #FFFFFF;
font-size: 12px;
font-weight: 600;
line-height: 15.08px;
z-index: 2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
@media screen and (max-width: 660px) {
.img_gallery_popup {
width: 90%;
}
.gallery_img img {
height: 50vh;
object-fit: cover;
}
.gallery_tab_button {
width: 40px;
height: 40px;
}
.amenities {
font-size: 16px;
}
}
<>
.overallRatings {
margin-block: 1rem;
}
.star-rating {
display: flex;
justify-content: space-between;
gap: 8px;
}
.star {
cursor: pointer;
transition: fill 0.2s ease;
stroke: gold;
}
.star.filled path {
fill: gold;
stroke: gold;
}
.writeAreviewSec {
position: fixed;
top: -100%;
left: 50%;
border-radius: 12px;
background-color: #ffffff;
display: flex;
flex-direction: column;
gap: 16px;
justify-content: center;
transform: translate(-50%-50%);
z-index: 999;
transition: top 0.8s ease-in-out;
width: 436px;
overflow: hidden;
padding: 24px;
}
.writeReviewStar {
width: 100%;
margin-block: 10px;
}
.writeReviewStar .star {
width: 30px;
height: 30px;
}
.subRatingsCont {
justify-content: space-between;
overflow-x: scroll;
gap: 8px;
margin-top: 10px;
}
.subRatingsCont::-webkit-scrollbar {
display: none;
}
.subRatingSec {
flex-shrink: 0;
padding: 8px;
border-radius: 4px;
border: 1px solid #ebebeb;
}
.subRatingSec p,
.localityDesc p {
margin-bottom: 8px;
}
.subRatingHead {
border-bottom: 1px solid #ebebeb;
padding-bottom: 4px;
margin-bottom: 4px;
}
.select_categ {
gap: 20px;
margin-top: 8px;
overflow-x: auto;
will-change: transform;
transform: translateZ(0);
}
.select_categ::-webkit-scrollbar {
display: none;
}
.categ_options {
background-color: #eaeaea;
color: #000000;
font-size: 14px;
font-weight: 500;
border: 1px solid #cfcfcf;
border-radius: 4px;
padding: 8px;
cursor: pointer;
width: fit-content;
flex-shrink: 0;
}
.selected {
background-color: #515151;
color: #fff;
}
.attchments_container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-bottom: 8px;
}
.atch_file,
.atch_img {
padding: 12px;
font-size: 16px;
font-weight: 600;
color: #333333;
background-color: #f3f3f3;
border: 1px solid #f1f1f1;
box-shadow: 0 2px 4px rgba(0000.1);
border-radius: 8px;
cursor: pointer;
text-align: center;
margin-block: 1rem;
width: 100%;
}
.file-placeholder {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
white-space: nowrap;
overflow-x: hidden;
}
.file-input {
display: none;
}
.localityDesc textarea {
width: 100%;
padding: 8px 12px;
border-radius: 8px;
border: 1px solid #cfcfcf;
outline: none;
color: #363636;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
margin-bottom: 10px;
resize: none;
}
#localityDesc {
margin-bottom: 0;
}
.submitReview {
width: 100%;
background-color: #E3324A;
padding: 8px 16px;
border: none;
border-radius: 8px;
color: #ffffff;
font-size: 1rem;
font-weight: 600;
}
.subRatingSec .star {
width: 18px;
height: 18px;
}
.subRatings {
gap: 1rem;
margin-bottom: 8px;
justify-content: space-between;
}
.subRatings p {
margin-bottom: 0;
}
@media screen and (max-width: 660px) {
.writeAreviewSec {
width: 90%;
padding: 1rem;
}
.select_categ {
gap: 10px;
}
}
.localitySelectSec {
justify-content: space-between;
gap: 8px;
margin-block: 10px;
}
/* search bar */
.nb_blog_searchbar {
position: relative;
width: 66%;
}
.nb_blog_searchbar input {
width: 100%;
text-align: left;
}
.nb_blog_searchbar button {
border: none;
background: transparent;
position: absolute;
right: 10px;
top: 5px;
cursor: pointer;
margin-right: 0;
}
.errorMsgs {
text-align: center;
color: red;
margin-top: 8px;
font-size: 14px;
}
#descerror {
margin-bottom: 4px;
}
.citySelect::after {
content: "▼";
position: absolute;
right: 10px;
font-size: 14px;
}
.input-div {
display: flex;
align-items: center;
gap: 1rem;
}
.searchInputs {
width: 100%;
}
.submit-btn {
height: 31px;
color: rgb(255255255);
border: 1px solid rgb(0149135);
border-radius: 4px;
box-shadow: rgba(0000.1) 0px 3px 6px;
background-color: rgb(0149135);
padding: 4px 18px;
font-weight: 600;
margin: 20px 0px;
}
.overview-btn {
color: #000;
border: 1px solid rgb(0149135);
border-radius: 4px;
box-shadow: rgba(0000.1) 0px 3px 6px;
background-color: #fff;
padding: 10px 42px;
font-weight: 600;
margin: 10px;
width: 100%;
font-size: 15px;
}
.overview-btn.active {
background-color: rgb(0149135);
color: #fff;
}
.wrReviewCont {
max-height: 70vh;
overflow-y: scroll;
padding-right: 5px;
overflow-x: hidden;
}
.city-entry::-webkit-scrollbar,
.dropdown-list::-webkit-scrollbar,
.wrReviewCont::-webkit-scrollbar {
/* display: none; */
width: 3px;
}
.city-entry::-webkit-scrollbar-thumb,
.dropdown-list::-webkit--scrollbar-thumb,
.wrReviewCont::-webkit-scrollbar-thumb {
background-color: #36363649;
border-radius: 50px;
}
#nonLgnName {
margin-top: 8px;
}
.star {
color: #E3324A;
}
.preview_photos {
display: flex;
align-items: center;
margin: 10px 0;
padding: 8px;
gap: 8px;
border: 1px solid #ddd;
border-radius: 6px;
justify-content: space-between;
}
.media_thumb {
max-width: 60px;
max-height: 60px;
object-fit: cover;
border-radius: 4px;
}
.file_details {
text-align: left;
font-size: 12px;
flex-shrink: 0;
width: 72%;
}
.file_name {
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.done_text {
color: green;
font-size: 11px;
}
.remove_photo {
color: #4b4b4b;
font-size: 16px;
font-weight: bold;
cursor: pointer;
background: #f3f3f3;
border-radius: 50%;
flex-shrink: 0;
width: 20px;
height: 20px;
text-align: center;
line-height: 18px;
box-shadow: 0 0 2px rgba(0000.3);
}
#reviewloader {
align-items: center;
justify-content: center;
margin-top: 1rem;
}
<>
/* viewAllreviewSec */
.viewAllreviewSec {
position: fixed;
top: -100%;
left: 50%;
border-radius: 12px;
background-color: #ffffff;
display: flex;
flex-direction: column;
gap: 16px;
justify-content: center;
transform: translate(-50%-50%);
z-index: 9999;
transition: top 0.8s ease-in-out;
width: 80%;
overflow: hidden;
max-width: 1108px;
padding: 28px 24px;
}
.allReviews {
flex-wrap: wrap;
max-height: 475px;
overflow-y: scroll;
align-items: flex-start;
}
.allReviews::-webkit-scrollbar {
width: 3px;
}
.allReviews::-webkit-scrollbar-thumb {
background-color: #36363649;
border-radius: 50px;
}
@media screen and (max-width: 990px) {
.viewAllreviewSec {
width: 90%;
padding: 1rem;
}
.viewAllreviewSec .review_card {
width: 95%;
}
.allReviews {
max-height: 70vh;
}
}
Ashok NagarCherlapalli Reviews
<>
/* search popup */
.post_new_discussion {
position: fixed;
top: -100%;
left: 50%;
border-radius: 12px;
background-color: #ffffff;
display: flex;
flex-direction: column;
gap: 16px;
text-align: center;
align-items: center;
justify-content: center;
transform: translate(-50%-50%);
z-index: 9999;
transition: top 0.8s ease-in-out;
width: 40%;
}
.post_new_textarea {
width: 100%;
padding: 8px 12px;
border-radius: 8px;
border: 1px solid #cfcfcf;
outline: none;
color: #363636;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
margin-bottom: 10px;
resize: none;
}
.postNewdiscussion_tags {
gap: 12px;
flex-wrap: wrap;
margin-block: 20px;
}
.newDiscussion_tag {
border: 1px solid #666666;
padding: 4px 10px;
border-radius: 4px;
font-weight: 600;
font-size: 14px;
text-align: center;
color: #666666;
}
.newDiscussion_tag.select {
border: 1px solid #419387;
color: #419387;
}
#postNewDiscussionPopupFormId h3 {
text-align: left;
margin-bottom: 12px;
}
@media screen and (max-width: 660px) {
.post_new_discussion {
width: 90%;
}
}
<>
/* search popup */
.discussion_reply_popup {
position: fixed;
top: -100%;
left: 50%;
border-radius: 12px;
background-color: #ffffff;
display: flex;
flex-direction: column;
gap: 16px;
text-align: center;
align-items: center;
justify-content: center;
transform: translate(-50%-50%);
z-index: 9999;
transition: top 0.8s ease-in-out;
width: 40%;
}
.discussion_reply_textarea {
width: 100%;
padding: 8px 12px;
border-radius: 8px;
border: 1px solid #cfcfcf;
outline: none;
color: #363636;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
margin-bottom: 10px;
resize: none;
}
@media screen and (max-width: 660px) {
.discussion_reply_popup {
width: 90%;
}
}
<>
/* search popup */
.discussion_comments_popup {
position: fixed;
top: -100%;
left: 50%;
border-radius: 12px;
background-color: #ffffff;
display: flex;
flex-direction: column;
gap: 16px;
transform: translate(-50%-50%);
z-index: 9999;
transition: top 0.8s ease-in-out;
width: 80%;
height: 80vh;
padding: 1rem;
overflow-y: scroll;
}
.discussion_comments_popup::-webkit-scrollbar {
width: 3px;
}
.discussion_comments_popup::-webkit-scrollbar-thumb {
background-color: #36363649;
border-radius: 50px;
}
.dscssn_cmnt_tags {
gap: 12px;
margin-block: 8px;
}
.dscssn_tag {
border: 1px solid #419387;
color: #419387;
font-weight: 600;
font-size: 14px;
text-align: center;
padding: 4px 10px;
border-radius: 4px;
}
.discussion_comments_sec {
padding-left: 0.5rem;
}
.discussion_comments_sec .dscssn_profile {
margin-bottom: 4px;
}
.discussion_comments_sec .dscssn_lik_cmnt_sec {
margin-left: 1.5rem;
padding-block: 12px;
}
.dscssn_cmnt_div {
margin-bottom: 20px;
border-bottom: 1px dashed #a3a3a3;
padding-bottom: 12px;
border-left: 1px dashed #a3a3a3;
padding-left: 12px;
border-radius: 0 0 0 12px;
}
.bck2feed {
gap: 4px;
width: 100%;
font-weight: 700;
font-size: 14px;
text-align: center;
color: #666666;
cursor: pointer;
}
.related_heading {
font-weight: 700;
font-size: 20px;
color: #222222;
}
.like-icon {
cursor: pointer;
transition: fill 0.3s;
}
.like-icon path {
transition: fill 0.3s;
}
.like-icon.active path {
fill: #419387;
stroke: #555555;
}
.no_comments_div {
text-align: center;
font-size: 1.1rem;
font-weight: 600;
color: #666666;
margin-top: 2rem;
}
.dscssn_cmnt_div.no-border {
/* border-bottom: none; */
margin-bottom: 0;
padding-bottom: 0;
}
.dscssn_cmnt_div.reply {
padding-left: 15px;
margin-left: 15px;
padding-block: 1rem;
}
.comment_content {
font-weight: 400;
font-size: 14px;
color: #666666;
margin-left: 1.6rem;
}
@media screen and (max-width: 660px) {
.discussion_comments_popup {
width: 100%;
height: 100vh;
}
}
