body {
  line-height: 18px;
}
html,
body {
  overscroll-behavior: contain;
}
a {
  color: #1b57a5
}

.ui.primary.button,
.ui.primary.buttons .button {
  background-color: #1b57a5 !important;
  color: #fff;
  text-shadow: none;
  background-image: none;
}

.ui.input input::placeholder {
  color: #737373 !important;
}

.ui.blue.header,
.ui.blue.menu .active.item,
.ui.menu .blue.active.item {
  color: #1b57a5 !important
}

.wrapped {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.gm-style-mtc div[role="button"] {
  height: 25px !important;
  padding: 0 10px !important;
  font-size: 14px !important;
}

.gm-control-active {
  height: 25px !important;
}

.gm-control-active>img {
  height: 12px !important;
  width: 12px !important;
}

.gmnoprint>div:first-child {
  height: 55px !important;
}

.gm-style-cc {
  display: none !important;
}

.gm-style a[href^="https://maps.google.com/maps"] {
  display: none !important;
}

.gm-style-iw div * {
  overflow: hidden !important;
  line-height: 1.35em;
}

.sui-error-message {
  display: block;
  margin: 0.28571429rem 0;
  color: rgb(159, 58, 56);
  font-size: 0.92857143em;
  padding: 3px;
}

.carousel .thumbs-wrapper ul {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  padding-bottom: 1px !important;
  padding-left: 6px !important;
}

.detail_nh_top .carousel .thumbs-wrapper .thumb,
.detailcity_top .carousel .thumbs-wrapper .thumb {
  cursor: pointer !important;
  width: 60px !important;
  height: 40px !important;
  overflow: hidden;
  position: relative;
  padding: 0px !important;
}

.detail_lisitng_top .carousel .thumbs-wrapper .thumb {
  cursor: pointer !important;
  width: 80px !important;
  height: 60px !important;
  overflow: hidden;
  position: relative;
  padding: 0px !important;
}

.print_flyer_slider.carousel .thumbs-wrapper .thumb {
  cursor: pointer !important;
  width: 60px !important;
  height: 40px !important;
  overflow: hidden;
  position: relative;
  padding: 0px !important;
}

.detail_lisitng_top .carousel .thumb img,
.detailcity_top .carousel .thumb img,
.detail_nh_top .carousel .thumb img {
  vertical-align: top;
  position: absolute;
  margin: auto;
  min-height: 100%;
  min-width: 100%;
  left: -100%;
  right: -100%;
  top: -100%;
  bottom: -100%;
}

.print_flyer_slider .carousel .thumb img {
  min-height: 100%;
  min-width: 100%;
}

.carousel .slider-wrapper .slide div img {
  cursor: pointer !important;
}

/*Added By Rakesh Start*/
.registration_main,
.neighbour_main,
.common_contain {
  max-width: 800px;
  margin: 0 auto;
}

.user_sel_section {
  padding: 40px 0px 50px 0px !important;
}

.registartion_title,
.neighbour_main h1,
.homesearch_title,
.homeaccount_title {
  padding: 40px 0px;
  text-align: center;
}

.neighbour_main h4 {
  font-size: 17px;
}

.realtor_title {
  padding: 35px 0px;
}

.realtor_info_title {
  padding: 10px 0px 25px 0px;
}

.realtor_info_form {
  padding: 0px 50px;
}

.next_step_sec .thirteen {
  padding-left: 15% !important;
  padding-top: 10px;
  text-align: left;
}

.neighbour_search_next {
  display: inline-block;
  width: 100%;
  margin-top: 50px;
}

.slider.custom-labels .rangeslider__labels {
  margin: 0 !important;
}

.next_step_sec .three {
  text-align: right;
}

.neighbour_form {
  padding: 0 50px;
}

.neighbour_common_txt .four {
  text-align: right;
  font-size: 17px;
}

.neighbour_common_txt .inline label {
  font-size: 15px !important;
}

.realtor_info_form .five {
  text-align: right;
  font-size: 18px;
}

.realtor_next_title {
  padding-bottom: 10px;
}

.realtor_info_title {
  font-size: 20px;
}

.next_step_sec p {
  font-size: 17px;
}

.realtor_account_main .row {
  padding: 5px 0px !important;
}

.realtor_next_title span {
  font-size: 15px;
}

.realtor_info_form .five span {
  padding-top: 10px;
  display: inline-block;
}

.realtor_registration {
  max-width: 370px;
  margin: 0 auto;
}

.realtor_registration .four.wide {
  text-align: right;
}

.step_btn,
.skip_btn {
  text-align: right;
}

.registartion_form {
  max-width: 750px !important;
  margin: 0 auto;
}

.registartion_form label {
  text-align: right;
  padding-top: 10px;
  font-weight: bold !important;
  font-size: 18px !important;
}

.registartion_form .ui.selection.dropdown,
.registartion_form input {
  border: 1px solid #000 !important;
}

.neighbour_lbl {
  display: block;
  margin: 0 0 0.28571429rem 0;
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.92857143em;
  font-weight: 700;
  text-transform: none;
}

.neighbour_search_import {
  padding: 20px 0px 15px 0px;
}

.neighbour_search_import label {
  text-align: center;
}

.slide_section .three {
  padding-left: 55px !important;
}

.neighbour_search_key {
  padding: 5px 15px;
}

.neighbour_third_sec {
  padding: 10px;
  font-size: 16px;
}

.neighbour_third_sec .two {
  padding-top: 10px;
  text-align: center;
}

.rangeslider {
  margin: 0 !important;
}

.important_txt {
  float: right;
}

.comman_col_home {
  border: 1px solid rgba(34, 36, 38, 0.15);
  text-align: center;
}

.activity_title {
  text-align: right;
}

.questiontxt,
.questions {
  float: left;
}

.questions {
  padding-left: 10px;
}

.question_sec {
  display: inline-block;
}

.realor_edit_btn {
  width: 100%;
  padding-right: 10px;
}

.user_detail_sec .four,
.user_detail_sec_neighbour .four {
  text-align: right;
}

.home_numbers {
  border: 1px solid #000;
  border-radius: 50%;
  padding: 6px 10px;
  margin-right: 5px;
}

.neighbour_title {
  padding: 10px 0px 20px 0px;
}

.neighbour_activity_left {
  width: 50%;
  float: left;
}

.neighbour_activity_right {
  width: 50%;
  float: right;
}

.neighbour_activity_left .ten,
.neighbour_activity_right .ten {
  text-align: right;
}

.neighbour_activity_main {
  width: 100%;
  padding-bottom: 20px;
  margin: 0 auto;
  display: table;
  max-width: 715px;
  font-size: 18px;
}

.neighbour_form span {
  font-size: 18px;
}

.profile_bottom_sec {
  font-size: 16px;
}

.common_saved {
  font-size: 14px;
}

.activity_title span {
  font-size: 18px;
}

.profile_bottom_sec .four {
  font-size: 14px;
}

.profile_bottom_sec .row,
.neighbour_activity_left .row,
.neighbour_activity_right .row {
  padding: 5px 0px !important;
}

.home_main,
.question_sec {
  margin-bottom: 25px;
}

.neighbor_check label,
.neighbour_search_key label {
  font-size: 15px;
  padding-bottom: 8px;
}

.neighbour_search_import label {
  font-size: 16px !important;
}

.slide_section label {
  font-size: 16px;
}

.user_pro_main {
  display: inline-block;
}

.user_image_sec {
  width: 30%;
  float: left;
  text-align: center;
}

.user_image_sec_neighbour {
  width: 20%;
  float: left;
  text-align: center;
}

.user_detail_sec_neighbour {
  width: 80%;
  float: left;
  /* padding-left: 20px; */
  font-size: 16px;
  margin-top: 10px;
}

.user_detail_sec_neighbour .row {
  padding: 5px 0px !important;
}

.user_detail_sec {
  width: 70%;
  float: left;
  padding-left: 20px;
}

.realtor_pro_comman {
  font-size: 18px;
}

.realtor_about_txt {
  font-size: 16px;
}

.post_transaction p {
  margin-bottom: 25px;
}

.rating_txt {
  width: 25%;
  float: left;
}

.rating_num {
  width: 75%;
  float: left;
  padding-left: 10px;
}

.rating_common {
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
}

.realtor_submit {
  margin-top: 15px;
}

.rc-slider-track {
  background-color: #7cb342 !important;
}

.rc-slider-handle {
  border: solid 2px #7cb342 !important;
}

.rc-slider-handle:active {
  border-color: #7cb342 !important;
  box-shadow: 0 0 5px #7cb342 !important;
}

.realtor_registration .row {
  padding: 5px 0px !important;
}

.realtor_registration span {
  font-size: 18px;
  font-weight: bold;
}

.homebuyer_activity {
  font-size: 18px;
}

.homebuyer_activity .four span {
  font-size: 14px;
}

a:hover {
  cursor: pointer;
}

.ui.form .field .ui.input input,
.ui.form textarea,
.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="file"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="text"],
.ui.form input[type="time"],
.ui.form input[type="url"],
.ui.selection.dropdown {
  border: 1px solid #000;
}

.home_account_title {
  font-size: 20px;
}

.neighbour_reg_title {
  font-size: 20px;
}

.neighbour_profile_main {
  font-size: 16px;
  max-width: 650px;
}

.neighbour_btm_sec,
.neighbour_btm_sec .activity_title span {
  font-size: 16px;
}

.neighbour_main .ui.checkbox {
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .ui.fluid.container {
    padding: 0 1em !important;
  }

  .registartion_form label {
    font-size: 11px !important;
  }

  .activity_title {
    text-align: left !important;
  }

  .homebuyer_activity,
  .neighbour_profile_activity {
    font-size: 11px !important;
  }

  .realtor_info_form,
  .neighbour_form {
    padding: 0;
  }

  .next_step_sec .thirteen {
    padding-left: 0px !important;
    text-align: left !important;
  }

  .realtor_info_form .five {
    font-size: 13px;
  }

  .neighbour_common_txt .four {
    text-align: left;
    font-size: 15px;
  }

  .neighbour_common_txt .inline label {
    font-size: 13px !important;
  }

  .rating_comman label {
    margin: 0 !important;
  }

  .neighbour_impo_txt {
    margin-bottom: 15px;
    display: inline-block;
  }

  .registartion_title,
  .neighbour_main h1,
  .homesearch_title,
  .homeaccount_title {
    padding: 15px 0px;
    font-size: 20px;
  }

  .user_image_sec {
    width: 100%;
    float: none;
  }

  .user_detail_sec {
    width: 100%;
    float: none;
    margin-top: 35px;
  }

  .neighbour_activity_main {
    font-size: 13px;
  }

  .profile_bottom_sec {
    font-size: 13px;
  }

  .user_detail_sec_neighbour {
    font-size: 14px;
  }

  .realor_edit_btn {
    padding-top: 25px;
  }

  .neighbour_third_sec .six label {
    margin-bottom: 10px;
    display: inline-block;
  }

  .realtor_registration span {
    font-size: 16px;
  }

  .homebuyer_activity .four span {
    font-size: 11px;
  }

  .next_step_sec p {
    font-size: 14px;
  }

  .realtor_pro_comman {
    font-size: 14px;
  }

  .activity_title span {
    font-size: 13px;
  }

  .neighbour_form span {
    font-size: 14px;
  }

  .neighbour_btm_sec .activity_title span {
    font-size: 13px;
  }

  .neighbour_main .slide_section .three {
    padding-left: 12px !important;
  }

  .neighbour_main h4 {
    font-size: 15px;
  }

  .neighbour_main .ui.checkbox {
    font-size: 14px;
  }

  .ReactModal__Content {
    width: auto !important;
    height: 300px;
    top: 50% !important;
    left: 50% !important;
    margin-right: -50% !important;
    transform: translate(-50%, -50%) !important;
    width: 40%
  }

  .detaillisting_modal .ReactModal__Content {
    width: auto !important;
  }

  .ReactModal__Content .modal_map>div,
  .ReactModal__Content .street_popup_cnt {
    height: 250px !important;
  }

  .cards_listing .ui.blue.header {
    word-wrap: break-word;
  }

  #loadingDiv {
    font-size: 11px !important;
    color: #fff !important;
    width: 60px !important;
    padding: 6px !important;
  }

  .card.cards_listing.fluid.raised.ui {
    font-size: 10px;
  }

  .custom_table {
    font-size: 13px;
  }

  .ui.floated.header {
    /*font-size: 12px;*/
  }

  .tab_content {
    height: 940px !important;
  }

  .cust_head {
    float: inherit !important;
  }

  .cust_head_blk {
    text-align: left !important;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }

  .carousel .thumbs-wrapper .thumb {
    cursor: pointer !important;
    width: 57px !important;
    height: 38px;
  }

  .listing_slider .carousel .thumbs-wrapper .thumb img {
    height: 33px !important;
  }

  .carousel .slide img {
    height: 228px;
  }

  .nh_icon_grid_ul::-webkit-scrollbar {
    height: 10px !important;
    background-color: transparent;
  }

  .nh_icon_grid_ul {
    list-style-type: none;
    padding: 0px;
    display: inline-flex;
    /* overflow-x: scroll; */
    width: 100%;
  }

  .top_main {
    /* width: 90% !important; */
    overflow-x: auto;
    display: flex !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin: 0 0 0px 0px;
    pointer-events: none;
    touch-action: none;
  }

  .top_main::-webkit-scrollbar {
    display: none;
  }

  .top_sec_txt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: "center";
  }

  .no_review_sec .button {
    font-size: 11px !important;
  }

  .no_reviews_blk h3 {
    margin-left: 5px !important;
    font-size: 12px !important;
  }

  .city_review_sec .ui.labeled.icon.button {
    font-size: 11px !important;
  }

  .no_ques_blk h3 {
    margin-left: 5px !important;
    font-size: 12px !important;
  }

  .review_sec_tab .ui.text.menu {
    overflow: auto;
  }

  .rate_drpdwn_editor.edit {
    left: 25% !important;
    bottom: 6px !important;
  }

  .no_review_sec {
    margin-top: 15px;
  }

  .gridmargin {
    margin-left: 25px;
  }

  .gridmargin2 {
    margin-top: 2px !important;
  }

  .NhrankingTitles {
    font-size: 20px;
  }

  #map_right_top .ui.items:not(.unstackable)>.item {
    margin: 15px 0px !important;
  }

  #map_right_top .ui.basic.segment {
    margin-top: 0 !important;
    padding-right: 0 !important;
  }

  #map_right_top .nhpannel_img {
    margin-bottom: 5px;
  }

  .gopersection {
    padding: 0px 0px 30px 0px !important;
  }

  #map_right_top .ui.items:not(.unstackable)>.item>.image {
    max-height: none !important;
  }

  #loadingDiv {
    width: 50px !important;
  }

  .homesearch_main h2 {
    font-size: 22px;
  }

  .m-neighborhood-page .ui.fluid.image img {
    height: auto !important;
  }

  .first_review {
    margin-left: 7px;
  }

  .m-neighborhood-page .nh_lists {
    padding: 1em 1em !important;
  }

  .m-neighborhood-page .no_agent {
    padding-left: 1em !important;
  }

  .m-neighborhood-page .sale_list {
    /* padding: 1em !important; */
  }

  .detail_lisitng_top .carousel .slider-wrapper .slide div {
    height: auto !important;
    max-height: none !important;
  }

  .detail_lisitng_top .carousel-root .carousel.carousel-slider {
    min-height: 250px !important;
  }

  .detail_lisitng_top .carousel.carousel-slider ul.slider.animated {
    min-height: 250px !important;
  }

  .ranking_wrapper .ui.grid>.row>.column {
    padding-right: 10px !important;
    padding-left: 0;
  }

  .ui.grid>.column:not(.row),
  .ui.grid>.row>.column {
    /* padding-left: 3px !important; */
  }

  .comman_seg_value {
    margin: 6px 7px !important;
  }

  .title_mob_val {
    padding-bottom: 0px !important;
  }

  .user_detail_sec {
    width: 100%;
    float: none;
    margin-top: 15px !important;
  }

  .mob_title_mar {
    margin-top: 12px !important;
  }

  .abuot_this_hm {
    padding-top: 0 !important;
  }

  .home_price_main {
    padding-left: 5px;
  }

  .for_mob_add {
    padding-left: 5px;
  }

  .common_pad_ui_mobile {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }

  .common_pad_ui_mobile_1 {
    padding-bottom: 0px !important;
  }

  .add_photos {
    width: 100%;
    display: inline-block;
    padding-right: 15px !important;
  }

  .btn_mar {
    margin-left: 15px !important;
  }

  .plus_icon_city {
    margin-left: 13px !important;
  }

  .nhpannel_head {
    /* margin-left: 5px !important; */
  }

  .nh_desc_city {
    margin-right: 5px !important;
  }

  .img_deatils {
    flex-direction: column !important;
  }

  .basedatarealtor {
    display: none;
  }

  .m-realtor-page .save-realtor-shape {
    width: 100% !important;
    margin-top: 25px !important;
  }

  .legend_main {
    bottom: 77px !important;
  }

  .alert_popup {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: max-content;
    bottom: auto !important;
  }

  .popup_box {
    gap: 5px !important;
    padding: 5px 30px !important;
  }

  .popup_txt {
    font-size: 14px !important;
  }

  .large_pop_text {
    font-size: 18px !important;
  }

  .closetermelymain {
    left: 94% !important;
    right: unset !important;
  }

  .ui.items:not(.unstackable)>.item>.image,
  .ui.items:not(.unstackable)>.item>.image>img {
    overflow: hidden;
  }

  .min_width_cls #map .gm-fullscreen-control {
    bottom: 70px !important;
  }

  .VictoryContainer {
    width: 100% !important;
  }

  .top_txt_main {
    display: none;
  }

  .home-wrapper .top_left_panes .ui.bottom {
    top: 0px !important
  }

  .city_review_sec .ui.segment {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .detailcity_top .nh_ranking_rating {
    margin-bottom: 5px;
  }

  .close_perosnal_dnh_nh #boxclose {
    font-size: 35px !important;
  }

  .pulsating-circle {
    width: 20px !important;
    height: 20px !important;
  }

  .termly-styles-termly-banner-caea15 {
    padding: 20px 5px 5px 5px !important;
    overflow-y: hidden !important;
  }

  .termly-styles-buttons-efc979 {
    flex-direction: unset !important;
    padding: 5px !important;
    width: 50% !important;
  }

  .termly-styles-termly-banner-caea15 .termly-styles-message-f8fab6 {
    line-height: 12px;
  }

  .termly-styles-termly-banner-caea15.termly-styles-bottom-656d9b {
    overflow: hidden !important;
  }

  .common_sec,
  .common_sec_amenities {
    z-index: 99;
  }

  .landigPopupmain {
    background: rgba(55, 55, 54, 0.8)
  }
  .mobile-drawer #map_right_top{
    width: auto !important;
  }
  .mobile-drawer #map_right_top .nav-menu-item .item{
    min-width: 90px !important;
  }
  .mobile-drawer #map_right_top .right_content_top a{
    width: 100%;
  }
  .mobile-drawer #map_right_top .nhmap_item-desc, .mobile-drawer #map_right_top .description.nh_desc_city{
    text-align: left;
  }
  .mobile-drawer #map_right_top .nhpannel_head{
    text-align: left;
  }
  .mobile-drawer .pagination_main{
    width: 87%;
  margin: inherit;
  }
  .home_list_main{
    text-align: left;
  }
  #map_right_top{
    /* display: none; */
  }
  .expanded #map_right_top{
    display: block !important;
  }
  .nhdesc.nhpannel_desc{
  margin-top: 5px !important;
}
.right_content_top{
  margin-top: 0px !important;
}
.legend_img img{
  width:150px !important;
}
.nh_by{
  width:150px !important;
  font-size: 13px;
}
}

@media only screen and (min-width: 992px) and (max-width: 1150px) {
  .nh_lists .ui.items .items-desc{
    display:  inline-block !important;
  }
  .nh_lists .nh_ranking_rating_main{
    display: block;
    margin-bottom: 5px;
  }
  .similar_city_sec .item.items-desc{
    display: inline-block !important;
  }
  
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .top_main {
    width: 90% !important;
    overflow-x: auto;
    display: flex !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin: 0 0 5px 12px;
    pointer-events: none;
    touch-action: none;
  }

  .top_sec_txt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: "center";
  }

  .detailsListing_data {
    display: block !important;
  }

  .mob_title_mar {
    margin-top: 5px !important;
  }

  /* .nhpannel_desc {
    width: 40%;
  } */
  .lot-size-data_listing {
    word-break: break-all !important;
    margin-top: 0px !important;
  }

  .margin_mls {
    padding-top: 19px !important;
  }

  .next_step_sec .thirteen {
    padding-left: 0px !important;
    text-align: left !important;
  }

  .homebuyer_activity {
    font-size: 13px;
  }

  .realtor_info_form .five {
    font-size: 16px;
  }

  .realtor_pro_comman {
    font-size: 14px;
  }

  .neighbour_activity_main {
    font-size: 15px;
  }

  .profile_bottom_sec,
  .activity_title span,
  .common_saved span {
    font-size: 13px !important;
  }

  .neighbour_form span {
    font-size: 16px;
  }

  .neighbour_common_txt .four {
    font-family: 14px;
  }

  .slide_section .three {
    padding-left: 30px !important;
  }

  .ReactModal__Content {
    width: 95% !important;
  }

  .top_main {
    width: 90% !important;
    overflow-x: auto;
    display: flex !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin: 0 0 0px 0px;
    pointer-events: none;
    touch-action: none;
  }

  .add_photos {
    width: 100%;
    display: inline-block;
    padding-right: 15px !important;
  }

  .items-desc {
    display: flex !important;
  }

  .img-item-desc {
    padding-left: 0px !important;
    padding-top: 5px !important;
  }

  .realtor_pro_activity .ui.small.header {
    font-size: 13px !important;
  }

  .nav-img-wrapper .logo_img {
    margin-top: 15px !important;
    height: auto !important;
  }
}


@media only screen and (min-width: 801px) and (max-width: 865px) {

  .detail_lisitng_top .slider_segment .carousel .thumbs-wrapper {
    width: 69% !important;
  }

}

@media only screen and (min-width: 866px) and (max-width: 977px) {

  .detail_lisitng_top .slider_segment .carousel .thumbs-wrapper {
    width: 73% !important;
  }

}

@media only screen and (min-width: 978px) and (max-width: 1093px) {

  .detail_lisitng_top .slider_segment .carousel .thumbs-wrapper {
    width: 76% !important;
  }

}

@media only screen and (min-width: 1094px) and (max-width: 1200px) {

  .detail_lisitng_top .slider_segment .carousel .thumbs-wrapper {
    width: 78% !important;
  }

}

.radioPad {
  /* display: inline-block;
  width: 14.5%;
  text-align: center;
  border: 1px solid rgba(34, 36, 38, 0.15); */
  width: 100%;
  text-align: center;
  border: 1px solid rgba(34, 36, 38, 0.15);
  width: 33.33%;
}

.radioPad div {
  display: table;
  width: 100%;
}

.radioPad__radio {
  display: none;
}

.radioPad__wrapper {
  display: block;
  cursor: pointer;
  background: #fff;
  color: #000;
  text-transform: uppercase;
  font-size: 11px;
  text-align: center;
  height: 60px;
  display: table-cell;
  vertical-align: middle;
}

.radioPad__wrapper--selected {
  background: #1b57a5 !important;
  color: #fff !important;
  font-weight: bold;
}

.fade-in {
  animation: fadeIn 0.5s ease-in;
  opacity: 1;
}

.load_more-btn {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}

.slick-arrow,
.slick-next::before,
.slick-prev::before {
  color: #000 !important;
}

.slick-prev {
  left: 7px !important;
  z-index: 999;
}

.slick-next {
  right: 1.33% !important;
  z-index: 999;
}

#loadingDiv {
  left: 20px;
  width: 3%;
  /* background: #000;
  color: #fff;
  padding: 20px; */
  position: absolute;
  bottom: 50px;
}

#loadingDiv img {
  max-width: 100%;
}

#loadingDivcity {
  top: 50px;
  left: 0;
  width: 20%;
  background: #000;
  color: #fff;
  padding: 20px;
  position: absolute;
}

/*Added By Rakesh Wrap*/

/*Added by Venkatesh start */
.nav_btn {
  min-width: 120px !important;
  white-space: nowrap;
}

.thumbs-wrapper .thumbs ul {
  position: relative;
  white-space: nowrap;
  margin-bottom: 0px !important;
}

.sim_nei_imgs {
  width: 175px !important;
}

.sim_nei_imgs img {
  min-height: 110px;
}

.ui.comments .reply.form textarea {
  height: 8em !important;
  padding: 2px 10px !important;
}

.reply_btn {
  padding: 5px 20px 5px 20px !important;
}

.nav_btn_grp .button {
  min-width: 120px !important;
}

.help_btn_container {
  text-align: center;
}

.help_btn_container .button>i {
  pointer-events: none !important;
}

.help_btn_container .button {
  padding: 0px !important;
}

.helpcontent_blk {
  display: inline;
}

.helpcontent_blk .button {
  padding-top: 0px !important;
}

.nav_btn_container .button {
  /* width: 100px !important; */
  width: fit-content !important;
  min-width: 100px !important;
  padding-right: 0;
  padding-left: 0;
}

.help_item {
  margin-left: 30px;
}

.reply_blue_btn .ui.basic.button {
  color: #1b57a5 !important;
  box-shadow: none;
  margin-right: 30px;
}

.usr_img_item img {
  width: 55px !important;
}

.usr_img_item .header {
  text-transform: capitalize;
}

.usr_img_item .meta {
  text-transform: capitalize;
  font-size: 11px !important;
  color: #666 !important;
  opacity: 0.6;
}

.que_replies_blk .ui.comments .comment .author {
  text-transform: capitalize !important;
}

.no_reviews_blk h3 {
  text-align: left;
  margin-top: 5px;
  font-size: 1.07142857em;
  color: rgb(15, 20, 67);
  letter-spacing: 0.3px;
  display: inline-block;
  margin-left: 15px;
}

.no_ques_blk h3 {
  text-align: left;
  margin-top: 5px;
  font-size: 1.07142857em;
  color: rgb(15, 20, 67);
  letter-spacing: 0.3px;
  display: inline-block;
  margin-left: 15px;
}

.no_reviews_blk {
  margin-top: 15px;
}

.no_ques_blk {
  margin-top: 45px;
}

.no_review_sec {
  margin-left: 5px;
}

.no_data_blk {
  text-align: center;
  position: relative;
  top: 150px;
}

.question_section {
  display: inline-block;
  width: 100%;
}

.home_header {
  font-size: 12px !important;
}

.home_subheader {
  font-size: 14px !important;
}

.home_subheader2 {
  font-size: 21px !important;
  font-weight: bold;
}

.summary_blk {
  padding-left: 13px;
}

.keywords_blk {
  padding-left: 13px;
  overflow: hidden;
  margin-top: 15px;
  border-top: 1px solid rgba(34, 36, 38, .15);
  border-left: 1px solid rgba(34, 36, 38, .15);
  border-right: 1px solid rgba(34, 36, 38, .15);
  padding-top: 10px;
  margin-left: 7px;
}

.grid_container {
  /* margin-left: 15px; */
}

.nh_icon_grid_ul {
  list-style-type: none;
  padding: 0px;
  /* display: inline-flex; */
  width: 100%;
  text-align: center;
  margin-top: 0 !important;
}

.nh_icon_grid .grid_item {
  margin: 0px 10px;
}

.nh_icon_grid .grid_item img {
  width: 100%;
  height: 50px;
}

.nh_icon_grid .column {
  box-shadow: none !important;
}

.menu_blk .ui.basic.black.button {
  box-shadow: none !important;
  cursor: pointer;
}

.menu_blk .right .menu .item {
  cursor: pointer !important;
}

.menu_blk .right .menu .item:hover {
  cursor: pointer !important;
}

.logo_img {
  position: relative;
  cursor: pointer;
  margin-top: 5px;
  /*padding-top: 5px; */
  /* width: 62.5% !important; */
  width: auto !important;
  max-width: 100% !important;
  /* height: 60px !important; */
  margin-left: 12px;
}

.logo_img_nh {
  position: relative;
  cursor: pointer;
  margin-top: 5px;
  /*padding-top: 5px; */
  width: auto !important;
  max-width: 100% !important;
  /* height: 40px !important; */
  margin-left: 12px;
}

.nh_imgs {
  cursor: pointer;
  margin-right: 20px;
}

.nav-menu-item {
  display: flex;
  /* overflow-x: auto; */
  -webkit-overflow-scrolling: touch;
  /*-ms-overflow-style: none;*/
  /*scrollbar-width: none;*/
}

.nav-menu-item::-webkit-scrollbar {
  height: 10px;
  /*background-color: transparent;*/
}

.nav-menu-item::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: transparent;
  /*border: 0px;*/
}

.nav-menu-item::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  /*background-color: transparent;*/
}

.nh_icon_grid_ul .grid_item {
  /* margin: 0px 10px; */
  width: 33.33%;
  display: inline-block;
}

.nh_icon_grid_ul .grid_item img {
  /* width: 60px !important;
  height: auto !important; */
  max-width: none !important;
}

.nh_icon_grid_ul .grid_item .ui.center.aligned.header {
  font-weight: normal;
}

.nav-menu-item::-webkit-scrollbar {
  height: 10px;
  /*background-color: transparent;*/
}

.nav-menu-item::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: transparent;
  /*border: 0px;*/
}

.nav-menu-item::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  /*background-color: transparent;*/
}

/* .nh_icon_grid_ul .grid_item {
  margin: 0px 10px;
} */
/* .nh_icon_grid_ul .grid_item img {
  width: 65px !important;
  height: 55px !important;
  max-width: none !important;
} */

.footer_items_ul {
  list-style-type: none;
}

.footer_items .column {
  padding: 0px !important;
  cursor: pointer !important;
}

/*.ui.pointing.menu .item:after {
  top: 84%; 
}*/
.filter_btn_container {
  display: flex;
  justify-content: space-between;
}

.radios_container {
  overflow-y: hidden;
  /* overflow-x: scroll; */
  display: inline-flex !important;
}

.filter_radio_cnt {
  display: flex;
  flex-wrap: wrap;
}

.radios_container::-webkit-scrollbar {
  height: 10px;
  background-color: transparent;
}

.listing_slider .carousel .thumbs-wrapper .thumb img {
  height: 66px;
}

.listing_slider .carousel .thumbs-wrapper .li img {
  height: 68px;
}

.tab_content {
  min-height: 400px;
}

.ui.active.transition.visible.inverted.dimmer.rh_loading {
  top: 40px !important;
}

.realtor_title {
  display: flex !important;
  justify-content: center;
  flex-direction: column;
}

.nh_icon_grid_ul::-webkit-scrollbar {
  height: 0px;
  background-color: transparent;
  scrollbar-width: none;
}

.map_right_blk {
  padding-bottom: 0;
  box-shadow: none;
  max-width: 500px !important;
  width: 500px !important;
}

.home-wrapper .eleven.wide.column.min_width_cls {
  width: calc(100% - 500px) !important;
}

.home-wrapper .five.wide.column.map_right_blk {
  width: 500px !important;
  padding-top: 30px !important;
}

.min_width_cls {
  width: calc(100% - 500px) !important;
  padding-bottom: 0px !important;
}

.map_right_blk {
  padding-bottom: 0px !important;
}

/*Added by Venkatesh end */
.suggestion-active,
.suggestions p:hover {
  background-color: #1b57a5;
  color: #fff !important;
  cursor: pointer !important;
  font-weight: 700;
}

.elementry_cls {
  position: absolute !important;
  top: 59px;
  z-index: 999;
  background: #fff !important;
  /* left: 9%; */
  width: 100px;
  padding: 0.92857143em 1.14285714em !important;
}

.middle_cls {
  position: absolute !important;
  top: 98px;
  z-index: 999;
  background: #fff !important;
  /* left: 9%; */
  width: 100px;
  padding: 0.92857143em 1.14285714em !important;
}

.high_cls {
  position: absolute !important;
  top: 136px;
  z-index: 999;
  background: #fff !important;
  /* left: 9%; */
  width: 100px;
  padding: 0.92857143em 1.14285714em !important;
}

.allschool_cls {
  position: absolute !important;
  top: 175px;
  z-index: 999;
  background: #fff !important;
  /* left: 9%; */
  width: 100px;
  padding: 0.92857143em 1.14285714em !important;
}

.elementry_cls:hover,
.middle_cls:hover,
.high_cls:hover {
  background: #fff;
}

.min_width_cls .ui.menu .item.common_sec_amenities {
  font-size: 12px;
  border: none !important;
  border-radius: 0px !important;
}

.min_width_cls .ui.menu .item.common_sec_price {
  font-size: 13px;
  border: none !important;
  border-radius: 0px !important;
}

.drpdwn_price {
  position: absolute !important;
  top: 83px;
  z-index: 999;
  background: #fff !important;
  /* left: 9%; */
  width: 112px !important;
  padding: 0.92857143em 5px !important;
  text-align: left !important;
}

.drpdwn_value {
  position: absolute !important;
  top: 120px;
  z-index: 999;
  background: #fff !important;
  /* left: 9%; */
  width: 112px !important;
  padding: 0.92857143em 5px !important;
  text-align: left !important;
}

.near_town_cls {
  position: absolute !important;
  top: 53px;
  z-index: 999;
  background: #fff !important;
  /* left: 9%; */
  /* width: 116px !important; */
  padding: 0.92857143em 5px !important;
  text-align: center !important;
}

.public_spaces {
  position: absolute !important;
  top: 84px;
  z-index: 999;
  background: #fff !important;
  /* left: 9%; */
  /* width: 116px !important; */
  padding: 0.92857143em 5px !important;
  text-align: center !important;
}

.walkable_streets {
  display: none !important;
  position: absolute !important;
  top: 144px;
  z-index: 999;
  background: #fff !important;
  /* left: 9%; */
  /* width: 116px !important; */
  padding: 0.92857143em 5px !important;
  text-align: center !important;
}

.curb_appeal {
  position: absolute !important;
  top: 115px;
  z-index: 999;
  background: #fff !important;
  /* left: 9%; */
  /* width: 116px !important; */
  padding: 0.92857143em 5px !important;
  text-align: center !important;
}

.all_amenities {
  position: absolute !important;
  top: 146px;
  z-index: 999;
  background: #fff !important;
  /* left: 9%; */
  /* width: 116px !important; */
  padding: 0.92857143em 5px !important;
  text-align: center !important;
}

#school_right_popup {
  position: absolute;
  top: 322px;
  /* top:107px; */
  right: 8px;
  z-index: 99;
  background: #fff;
  /* border: 1px solid blue; */
  padding: 0px;
}

#school_right_popup .data_provided a {
  color: #fff;
}

#school_right_popup .school_name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.school-data-close,
.school_main_popup .right_part,
.school_main_popup .left_part {
  padding: 5px 10px !important;
}

.school-popup {
  background: rgba(55, 55, 54, 0.8);
  color: #fff;
  padding: 5px 10px;
}

/*.nav-menu-item.blue a.active.item:hover:elementry_cls:hover,.nav-menu-item.blue a.active.item:nth-child(11):hover,.nav-menu-item.blue a.active.item:nth-child(12):hover{
  background: #fff;
}*/
.realtor_pro_activity .ui.small.header {
  font-size: 14px;
  margin-top: 10px !important;
}

.top_left_panes .ui.menu a.item:hover {
  background: #c6c6c6 !important;
}

.min_width_cls .nav-menu-item.blue a.active.item {
  background: #1b57a5 !important;
  color: #c02e26 !important;
  /* border: none !important; */
  border-color: transparent !important;
  box-shadow: none !important;
  transition: transform 0.3s ease;
  transform: translateY(3px);
}

#menu_item_six.price_cls.active {
  /* background: rgba(0, 0, 0, 0.05) !important; */
}

#location_search_input {
  margin-left: 10px;
}

.min_width_cls .ui.blue.menu .item.disabled {
  color: rgba(0, 0, 0, 0.87) !important;
  background: #fff !important;
}

.min_width_cls .ui.blue.menu .item.disabled.active {
  color: #fff !important;
  background: #1b57a5 !important;
}

.min_width_cls .ui.blue.menu .active.item {
  color: #ffffff !important;
  margin-top: 0px !important;
}

.value_item {
  border-left: 5px solid rgba(34, 36, 38, 0.2);
}

.ui.blue.menu .active.item.value_item {
  border-color: rgba(34, 36, 38, 0.1) !important;
}

.profile_realtor_about .eleven.wide .comman_seg {
  display: inline-block;
  padding: 0;
  margin: 0;
  width: 100%;
}

.profile_realtor_about .realestatefirms_realtor .ui.small.header {
  margin: 0 7px !important;
}

.profile_realtor_about .realestatefirms_license .ui.small.header {
  margin: 0 7px !important;
}

.profile_realtor_about .realestatefirms_email .ui.small.header {
  margin: -10px 7px 0px 7px !important;
}

.profile_realtor_about .realestatefirms_phone .ui.small.header {
  margin: 0 7px !important;
}

.profile_realtor_about {
  position: relative;
}

.realtor_save {
  position: absolute;
  right: 0;
  z-index: 9;
}

.common_right {
  text-align: right;
}

.show_pro {
  font-size: 15px;
}

.neighbour_common_txt .sixteen {
  font-size: 17px;
}

.neighbor_check .ui.checkbox {
  font-size: 17px;
}

.review_contain {
  max-width: 960px !important;
}

.print_flyer {
  color: #fff;
  background-color: #1b57a5;
  border-radius: 0.28571429rem;
  padding: 8px 10px;
}

.print_flyer:hover {
  color: #fff;
}

.print_flyer_account {
  color: #fff;
  background-color: #1b57a5;
  border-radius: 0.28571429rem;
  padding: 2px 2px;
  font-size: 14px !important;
}

.print_flyer_account:hover {
  color: #fff;
}

.rate_drpdwn .dropdown.icon {
  display: none;
}

.rate_blk .rate_drpdwn .button.floating {
  background: #1b57a5 !important;
  padding: 8px 10px !important;
  border-radius: 5px !important;
  color: #fff !important;
}

.rate_drpdwn_editor {
  position: absolute;
  left: 50%;
  bottom: 10px;
  color: #238528;
  font-weight: bold;
}

.rate_drpdwn_editor.edit {
  position: absolute;
  left: 30%;
  bottom: 10px;
  color: #238528;
  font-weight: bold;
}

.edit_summary {
  text-align: right;
}

.main_titles {
  padding-left: 14%;
}

.sim_nei_imgs.print_flyer_sec {
  width: 100px !important;
}

.sim_nei_imgs.print_flyer_sec img {
  min-height: 80px !important;
}

.print_flyer_neighbour .header {
  font-size: 15px;
}

.print_flyer_slider .carousel .slider .legend {
  opacity: 0;
}

.print_flyer_slider .control-arrow.control-next {
  opacity: 0 !important;
}

.print_flyer_slider .carousel:hover .control-arrow.control-next {
  opacity: 1 !important;
}

/* .home_printflyer .extra{margin: 5px 0px !important;} */
.print_btn {
  z-index: 99;
}

.common_contain .dzu-dropzone {
  display: inherit !important;
  overflow: auto;
  min-height: 425px;
  border: 2px dashed #ccc !important;
  border-radius: 8px;
  padding-top: 15px;
}

.common_contain .dzu-inputLabelWithFiles {
  display: inline-block !important;
  width: 100% !important;
  margin: 0;
}

.upload_sec {
  width: 100%;
  display: inline-block;
}

.upload_sec img {
  max-width: 230px;
  visibility: hidden;
}

.upload_sec {
  text-align: center;
}

.upload_sec p {
  margin: 0;
}

.upload_sec .or_text {
  margin: 5px 0px !important;
  color: #222;
  font-size: 15px !important;
}

.almost {
  padding: 0 10px;
  font-size: 18px;
  font-weight: bold;
}

.preview_img {
  position: relative;
}

.trash_icon {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 20px;
  color: #c02e26;
  font-weight: bold;
  cursor: pointer;
  top: 5px;
}

.nhimages_top {
  padding: 0;
  list-style: none;
}

.nhimages_top li {
  padding-right: 15px;
  display: inline-block;
}

.nhimages_top li:first-child {
  color: #c02e26;
}

.nhimages_top li.add_photo {
  color: #1b57a5;
}

.dzu-submitButtonContainer {
  text-align: center;
}

.carousel .slide .legend {
  bottom: 2px !important;
  background: #767676 !important;
  font-weight: bold !important;
  font-size: 13px !important;
  width: auto !important;
  opacity: 0.7;
  border-radius: 0px !important;
  padding: 6px !important;
  left: 46% !important;
}

.model_slider_img {
  width: 826px;
  float: left;
  height: 500px !important;
}

.model_slider_desc {
  display: table-cell;
  padding: 10px;
  vertical-align: top;
}

.slider_modal_btn {
  position: absolute;
  top: 2px;
  right: 2px;
}

.slider_modal_btn span {
  background: #1b57a5;
  color: #fff;
  border-radius: 50%;
  padding: 3px 7px;
  cursor: pointer;
}

.modal_grid {
  margin-top: 30px;
}

.slide_modal {
  width: 70%;
  overflow: hidden;
}

.model_slider_desc .ui.items {
  margin-bottom: 0;
}

.ReactModal__Overlay--after-open {
  z-index: 999;
}

.photo_owners {
  margin-top: 40px;
  width: 70%;
}

.photo_owners p {
  border-bottom: 1px solid #000;
}

.editors_view {
  margin-top: 40px;
  width: 70%;
}

.editors_view p {
  border-bottom: 1px solid #000;
}

.rate_drpdwn_modal div.text {
  padding: 10px;
  background: #1b57a5;
  color: #fff !important;
  border-radius: 5px;
}

.slider_main_top {
  margin-top: 10px;
  /* padding-bottom: 20px; */
}

.caption_btn {
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
}

.carousel .slider-wrapper.axis-horizontal .slider .slide {
  display: flex;
  /* align-items: center; */
  justify-content: center;
}

.model_slider_img {
  background: rgba(0, 0, 0, 0.39);
  position: relative;
}

/* .model_slider_img img{margin: 0 auto;max-width: 100%;height: 500px;object-fit: cover;} */
.model_slider_img img {
  /* width: auto;
  max-width: 100%;
  object-fit: cover;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); */
}

.carousel .thumbs-wrapper {
  position: inherit !important;
}

.detail_nh_top .neighborphotosec .carousel .slider-wrapper .nh_gallery_sec .slide div,
.detailcity_top .neighborphotosec .carousel .slider-wrapper .slide div {
  height: 230px;
  max-height: 230px;
  width: 100%;
  position: relative;
}

.neighborphotosec .carousel .slider-wrapper .slide div img {
  width: auto;
  max-width: 100%;
  object-fit: cover;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.neighborphotosec .detail_lisitng_top .carousel .slider-wrapper .slide div {
  height: 450px;
  max-height: 450px;
  width: 100%;
  position: relative;
}

.neighborphotosec .carousel .control-next.control-arrow::before {
  border-left: 15px solid #fff !important;
  border-top: 15px solid transparent !important;
  border-bottom: 15px solid transparent !important;
}

.neighborphotosec .carousel.carousel-slider .control-arrow:hover {
  background: transparent !important;
}

.neighborphotosec .carousel .carousel-status {
  background: rgba(0, 0, 0, 0.7);
  right: 10px !important;
  bottom: 10px;
  transition: opacity 0.25s linear;
  color: #fff;
  font-weight: 600;
  font-size: 12px !important;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  border-radius: 5px;
  border-radius: 3rem;
  top: unset !important;
  opacity: 0;
}

.neighborphotosec .carousel .control-prev.control-arrow::before {
  border-right: 15px solid #fff !important;
  border-top: 15px solid transparent !important;
  border-bottom: 15px solid transparent !important;
}

.slick-next::before,
.slick-prev::before {
  font-size: 28px !important;
}

.preview_img {
  background-size: cover;
  height: 200px;
  background-position: top center;
  border-radius: 5px;
}

.slick-track {
  position: relative;
  display: table;
  height: 100%;
  transition: none !important;
}

.slick-initialized .slick-slide {
  display: table-cell;
}

.slick-slide {
  display: none;
  float: none;
  height: 100%;
  min-height: 1px;
  vertical-align: top;
}

.slick-slide>div {
  height: 100%;
  display: table;
  width: 100%;
}

.slick-slide>div>div {
  height: 100%;
  display: table !important;
}

.model_slider_img {
  float: none;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.neighborphotosec .carousel .thumbs-wrapper,
.neighborphotosec .carousel .slide {
  background-color: #cecece !important;
}

.neighborphotosec .carousel .slider-wrapper {
  border-bottom: 1px solid #000;
}

.neighborphotosec .carousel .slider.animated {
  transition-duration: 0ms !important;
}

.neighborphotosec .carousel .slider-wrapper .slide.selected div img,
.slick-slide.slick-current .model_slider_img img {
  animation: fadein 1s;
  -moz-animation: fadein 1s;
  /* Firefox */
  -webkit-animation: fadein 1s;
  /* Safari and Chrome */
  -o-animation: fadein 1s;
  /* Opera */
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-moz-keyframes fadein {

  /* Firefox */
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadein {

  /* Safari and Chrome */
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-o-keyframes fadein {

  /* Opera */
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* .ReactModal__Overlay {
  background: rgba(0, 0, 0, 0.8) !important;
} */
.add_edit_photo {
  color: #1b57a5;
  cursor: pointer;
  padding-top: 5px;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.ReactModal__Content .dzu-dropzone {
  display: inherit !important;
  overflow: auto;
  min-height: 425px;
  border: 2px dashed #ccc !important;
  border-radius: 8px;
  padding-top: 15px;
}

.ReactModal__Content .dzu-submitButton {
  padding: 0 14px;
  min-height: 32px;
  background-color: #2484ff;
  border: none;
  border-radius: 4px;
  font-family: "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
}

.upload_done_txt {
  margin-left: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #6f6d6d;
}

.neighbor_name {
  font-size: 16px !important;
}

/* .common_sec{display: none !important;}

a.sc_clas:hover ~ a.common_sec {
  display: block !important;
}

a.elementry_cls:hover,a.middle_cls:hover,a.high_cls:hover{display: block !important;}
a.elementry_cls:hover ~ a.middle_cls {
  display: block !important;
}

a.elementry_cls:hover ~ a.high_cls {
  display: block !important;
} */

/* a.middle_cls:hover * a.common_sec {
  display: block !important;
} */

/* a.middle_cls:hover > a.high_cls {
  display: block !important;
}

a.high_cls:hover a.elementry_cls {
  display: block !important;
}

a.high_cls:hover a.middle_cls {
  display: block !important;
} */
/* a.middle_cls:hover,a.middle_cls:hover ~ a{
  opacity: 1 !important;
}
a.high_cls:hover{
  opacity: 1 !important;
} */
.map_right_blk .nhpannel_img {
  width: 190px;
  margin-top: 5px;
  height: 100px;
  overflow: hidden;
}

.map_right_blk .nhpannel_img img {
  max-width: 100%;
  width: 100%;
}

.map_right_blk .nhpannel_head {
  font-weight: bold;
  font-size: 15px;
}

.map_right_blk .description {
  margin: 0 !important;
}

.map_right_blk .nhpannel_npi {
  margin: 0 !important;
}

.map_right_blk .nhpannel_value {
  margin-bottom: 5px !important;
}

.map_right_blk .slected_desc {
  margin-top: 10px !important;
}

.realtor_pro_about {
  margin-top: 20px !important;
}

.comman_seg {
  padding-left: 0px !important;
}

.pro_listing_image {
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

.map_right_blk .nhpannel_img {
  width: 200px;
  margin-top: 0px;
  height: 120px !important;
  object-fit: cover !important;
  overflow: hidden;
}

.map_right_blk .nhpannel_img img {
  max-width: 100%;
  width: 100%;
  height: 120px !important;
  object-fit: cover;
  /* height: 100%; */
}

.map_right_blk .nhpannel_head {
  font-weight: bold;
  font-size: 15px;
}

.map_right_blk .nhpannel_desc {
  line-height: 15px;
}

.map_right_blk .description {
  margin: 0 !important;
}

.map_right_blk .nhpannel_npi {
  margin: 0 !important;
}

.map_right_blk .nhpannel_value {
  margin-bottom: 3px !important;
}

.map_right_blk .slected_desc {
  margin-top: 10px !important;
}

.realtor_pro_about {
  margin-top: 20px !important;
}

.comman_seg {
  padding-left: 0px !important;
}

.pro_listing_image {
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

.realtor_nh_images {
  width: 100% !important;
  height: 200px !important;
  overflow: hidden;
  position: relative;
}

.realtor_nh_images img {
  position: absolute !important;
  margin: auto;
  min-height: 100%;
  min-width: 100%;
  left: -100%;
  right: -100%;
  top: -100%;
  bottom: -100%;
}

.realtor_top_cmn span,
.realtor_btm_cmn span {
  font-size: 16px;
}

.search_box_nhmap .location-search-input {
  margin: 0 17px 0px 0px;
}

.row .twelve.wide.column.nhmap_left_col {
  width: calc(100% - 500px) !important;
}

.row .four.wide.column.nhmap_right_col {
  width: 500px !important;
}

/* .search_box_nhmap .autocomplete-dropdown-container{width: 93% !important;left: 2%;} */
.sim_nei_imgs img {
  width: 165px;
  height: 85px !important;
  overflow: hidden;
}

.detail_nh_top .carousel.carousel-slider,
.detailcity_top .carousel.carousel-slider {
  min-height: 230px !important;
}

.detail_nh_top .carousel.carousel-slider ul.slider,
.detailcity_top .carousel.carousel-slider ul.slider {
  min-height: 230px !important;
}

.detail_nh_top .lisitng_segment .carousel.carousel-slider ul.slider {
  min-height: 270px !important;
}

.detail_lisitng_top .carousel.carousel-slider {
  max-height: 450px !important;
}

.detail_lisitng_top .carousel.carousel-slider ul.slider {
  max-height: 450px !important;
}

.print_flyer_slider .carousel .slider-wrapper .slide div img {
  height: auto !important;
}

.meter {
  height: 10px;
  position: relative;
  background: #f3efe6;
  overflow: hidden;
  width: 80%;
  margin-top: 7px;
}

.meter span {
  display: block;
  height: 100%;
}

.remember_chk {
  float: right;
  margin-top: 10px;
}

.print_flyer_slider {
  margin: 0 7px;
}

.print_flyer_slider .carousel.carousel-slider {
  min-height: 200px !important;
}

.print_flyer_slider .carousel.carousel-slider ul.slider {
  min-height: 200px !important;
}

.print_flyer_slider .carousel .slider-wrapper .slide div {
  max-height: 200px !important;
}

.print_flyer_slider .carousel .slider-wrapper .slide div img {
  width: 100%;
}

.print_flyer_slider .carousel .thumbs-wrapper .thumb {
  width: 35px !important;
  height: 34px !important;
}

.print_flyer_slider .carousel .thumbs-wrapper ul {
  margin: 0 !important;
}

.print_realtor_icon {
  display: table-cell;
  vertical-align: middle;
}

.realtor_name {
  color: #1b57a5 !important;
  font-weight: bold;
}

.user_que_type {
  text-transform: capitalize;
}

.form.ui #cmn_six {
  width: 30% !important;
}

.form.ui #cmn_two {
  width: 7% !important;
}

.form.ui #cmn_two span {
  margin-top: 6px;
  display: inline-block;
}

.print_realtor_icon img {
  width: 100% !important;
}

.print_sec .ui.small.header {
  font-size: 14px;
}

.print_sec .ui.basic.segment.lisence_segment {
  padding: 0 !important;
}

.print_sec .ui.basic.segment {
  padding: 10px 0px !important;
}

.print_sec #map {
  padding: 0;
}

.print_flyer_neighbour .ui.items>.item .meta {
  margin-bottom: 0px !important;
}

.print_flyer_neighbour .ui.items>.item>.content>.description {
  margin: 0 !important;
}

.listing_btm_title {
  font-size: 17px !important;
  margin: 25px 0px 10px 0px !important;
}

.print_sec .ui.items>.item>.image:not(.ui) {
  width: 140px;
}

.home_price_main {
  font-size: 16px;
}

.icons_pro .SvgIcon {
  width: 100%;
  height: 16px;
}

.menu_icons img {
  max-width: 45px;
  margin: 0 auto;
  display: table;
  height: 27px;
  padding-bottom: 2px;
  transition: all 0.3s;
  box-sizing: border-box;
}

.min_width_cls .ui.menu .item:hover>.menu_icons img {
  transform: scale(1.3) rotate(5deg);
}

.min_width_cls .ui.menu .item {
  padding: 5px 0px;
  /* width: 11.3%; */

  border-radius: 5px !important;
  background-color: #fff;
  margin: 0 5px;
  font-size: 11px;
  position: relative;
  flex-basis: calc(12% - 8px);
  margin: 4px;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.6) !important;
}

.min_width_cls .ui.menu .item::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: linear-gradient(45deg, #fff, transparent);
  z-index: -1;
}


.menu_icons {
  width: 100%;
  text-align: center;
}

#map_right_top .nav-menu-item .item {
  padding: 17px 0px;
  box-shadow: none !important;
  border: 1px solid rgba(0, 0, 0, 0.6) !important;
  border-radius: 5px !important;
  background-color: #fff;
  min-width: 115px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}

.print_flyer_topicon {
  font-size: 12px !important;
  margin: 0 !important;
  padding-bottom: 10px;
}

.print_realtor_icon img {
  width: 42px !important;
}

.realtor_info_right .ui.basic.segment {
  padding: 0 !important;
  width: 100%;
  overflow: hidden;
}

.realtor_info_right .ui.small.header {
  margin: 2px 7px !important;
}

.btm_section_top_nhaccount {
  margin-bottom: 50px;
}

.delete_txt {
  font-size: 14px !important;
}

.carousel .slider-wrapper.axis-horizontal .slider .slide:hover {
  cursor: pointer;
}

.carousel:hover .carousel-status {
  opacity: 1 !important;
  transition: opacity 0.25s linear;
}

.user_data_modal {
  margin-right: 5px;
  margin-bottom: 5px;
}

.highlight {
  height: 100%;
  width: 100% !important;
}

.realtor_account_main .five.realtor_pro_comman {
  font-size: 16px;
}

.buyer_top_section .four {
  font-size: 16px;
}

.nh_username {
  font-size: 18px;
}

.school_popuop {
  position: absolute !important;
  right: 0;
  top: 0;
}

.left_part {
  width: 80%;
  float: left;
}

.school_right {
  text-align: center;
}

.school_popup {
  width: 300px;
  /* border: 1px solid blue; */
  padding: 0px;
  overflow: hidden;
  border-radius: 5px;
}

.right_part {
  text-align: center;
}

.rating_txt_popup {
  margin-bottom: 10px
}

.rating_num_popup {
  border: 1px solid;
  overflow: hidden;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  line-height: 30px !important;
  margin: 0 auto;
}

.school_data {
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.school_rating {
  border: 1px solid;
  border-radius: 50%;
  padding: 6px;
  text-align: center;
}

.min_width_cls #map .gm-style .gm-style-iw-c {
  padding: 0;
  border: 1px solid blue;
}

.min_width_cls #map .gm-style .gm-style-iw-d {
  overflow: auto !important;
}

.progress {
  background-color: #c6c6c6;
  -webkit-animation: progressBar 1s ease-in-out;
  -webkit-animation-fill-mode: both;
  -moz-animation: progressBar 1s ease-in-out;
  -moz-animation-fill-mode: both;
  animation-iteration-count: 10;
}

.progress1 {
  background-color: #c6c6c6;
  -webkit-animation: progressBar 2s ease-in-out;
  -webkit-animation-fill-mode: both;
  -moz-animation: progressBar 2s ease-in-out;
  -moz-animation-fill-mode: both;
  animation-iteration-count: 10;
}

.progress2 {
  background-color: #c6c6c6;
  -webkit-animation: progressBar 2.5s ease-in-out;
  -webkit-animation-fill-mode: both;
  -moz-animation: progressBar 2.5s ease-in-out;
  -moz-animation-fill-mode: both;
  animation-iteration-count: 10;
}

.gm-style-mtc button {
  font-size: 14px !important;
  height: 25px !important;
}

.gm-style .gm-style-mtc div {
  top: 25px !important;
}

.question_section .comments .ui[class*="bottom attached"].label {
  bottom: -54px;
}

.question_section .content .ui.form .field {
  margin: 0 0 3em;
}

.login_resend_txt {
  text-align: center;
  display: inline-block;
  padding: 20px 0px;
  width: 100%;
}

#login_main_top {
  padding-bottom: 0px !important;
}

.showmore_span {
  text-align: right;
}

.showmore_span .header {
  margin: 0 !important;
  padding-top: 2px;
  line-height: 0px;
}

.content-css {
  margin: 0.25em 0 0.5em;
  font-size: 1em;
  word-wrap: break-word;
  color: rgba(0, 0, 0, 0.87);
  line-height: 1.3;
}

.my-anchor-css-class {
  margin-top: 0;
  color: #1b57a5;
  font-weight: bold;
  width: 100%;
  display: inline-block;
  text-align: right;
  font-size: 1.07142857em;
}

.gopersection {
  padding: 30px 10px;
}

.edit_link {
  margin-left: 5px;
  font-size: 15px !important;
  color: #1b57a5;
  cursor: pointer;
}

.pdf-toolbar {
  position: absolute;
  right: 28%;
  top: 4%;
  z-index: 99;
}

.editor_pdf_container .pdf-toolbar {
  position: absolute;
  right: 28%;
  top: 0;
  z-index: 99;
}

.pdf-toolbar p {
  cursor: pointer;
  color: #1b57a5;
}

.sc_clas {
  /* width: 110px !important; */
  border-right: 1px solid rgba(34, 36, 38, 0.2);
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.sc_clas.active {
  /* width: 110px !important; */
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.sc_clas .menu_icons {
  margin: 0 auto;
}

.nh_search {
  font-weight: bold;
  padding: 12px 0px;
  text-transform: uppercase;
}

.summary_curosity {
  text-align: right;
  margin-bottom: 10px;
}

.summary_curosity span {
  font-size: 15px;
  text-transform: capitalize;
}

.first_review {
  /* margin-top: 8px; */
  font-size: 15px;
  display: inline-block;
}

.first_review_write {
  cursor: pointer;
  color: #1b57a5;
}

.min_width_cls .gm-bundled-control.gm-bundled-control-on-bottom {
  bottom: 26px !important;
}

.min_width_cls .gm-bundled-control .gmnoprint {
  bottom: -27px !important;
  top: unset !important;
}

.legend_bar {
  position: absolute;
  top: 10px;
  left: 10px;
}

.legend_img img {
  width: 180px;
}

.pdf-toolbar p {
  cursor: pointer;
  color: #1b57a5;
}

.sc_clas {
  /* width: 110px !important; */
  border-right: 1px solid rgba(34, 36, 38, 0.2);
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.sc_clas.active {
  /* width: 110px !important; */
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.sc_clas .menu_icons {
  margin: 0 auto;
}

.nh_search {
  font-weight: bold;
  padding: 12px 0px;
  text-transform: uppercase;
}

.summary_curosity {
  text-align: right;
  margin-bottom: 10px;
}

.summary_curosity span {
  font-size: 15px;
  text-transform: capitalize;
}

.min_width_cls .gm-bundled-control.gm-bundled-control-on-bottom {
  bottom: 26px !important;
}

.min_width_cls .gm-bundled-control .gmnoprint {
  bottom: -29px !important;
  top: unset !important;
}

.legend_bar {
  position: absolute;
  top: 10px;
  left: 10px;
}

.legend_img img {
  width: 180px;
}

.gm-style-mtc ul {
  display: none !important;
}

.pdf-toolbar p {
  cursor: pointer;
  color: #1b57a5;
}

.sc_clas {
  /* width: 117px !important; */
  border-right: 1px solid rgba(34, 36, 38, 0.2);
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.sc_clas.active {
  /* width: 117px !important; */
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.sc_clas .menu_icons {
  margin: 0 auto;
}

.nh_search {
  font-weight: bold;
  padding: 12px 0px;
  text-transform: uppercase;
}

.summary_curosity {
  text-align: right;
  margin-bottom: 10px;
}

.summary_curosity span {
  font-size: 15px;
  text-transform: capitalize;
}

.first_review {
  /* margin-top: 8px; */
  font-size: 15px;
  display: inline-block;
}

.first_review_write {
  cursor: pointer;
  color: #1b57a5
}

.min_width_cls .gm-bundled-control.gm-bundled-control-on-bottom {
  bottom: 26px !important;
  right: 0 !important;
}

.min_width_cls .gm-bundled-control .gmnoprint {
  bottom: -29px !important;
  top: unset !important;
}

.legend_bar {
  position: absolute;
  top: 26px;
  left: 10px;
}

.nh_by {
  /* position: absolute;
  top: 0;
  left: 10px; */
  margin-left: 10px;
  background: #fff;
  width: 210px;
  margin-top: 8px;
  font-size: 15px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-radius: 5px 5px 0px 0px;
}

.legend_img img {
  width: 210px;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-radius: 0px 0px 5px 5px;
}

.gm-style-mtc ul {
  display: none !important;
}

@-webkit-keyframes progressBar {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes progressBar {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .carousel.carousel-slider {
    min-height: auto !important;
  }

  .carousel.carousel-slider ul.slider {
    min-height: auto !important;
  }

  .nh_icon_grid_ul {
    margin: 0 auto 10px auto;
    display: inline-block;
  }

  .factor_section .grid_container {
    margin-left: 0px;
  }

  .detailsListing_data {
    text-align: center;
  }

  .detailsListing_data a {
    margin-right: 0px !important;
  }

  .detailsListing_data .map_right_blk {
    width: auto !important;
  }

  .top_txt_main {
    width: 98% !important;
    padding-left: 0px !important;
  }

  #school_right_popup {
    top: 107px;
  }
  .map_right_blk{
    max-width: 100% !important;
  }
}

@media screen and (min-width: 1099px) and (max-width: 1500px) {
  .public_spaces {
    /* top: 121px; */
    padding: 0.92857143em 5px !important;
  }

  .walkable_streets {
    /* top: 102px; */
    padding: 0.92857143em 5px !important;
  }

  .near_town_cls {
    /* top: 84px; */
    padding: 0.92857143em 5px !important;
  }

  .curb_appeal {
    /* top: 158px; */
    padding: 0.92857143em 5px !important;
  }

  .all_amenities {
    /* top: 195px; */
    padding: 0.92857143em 5px !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1099px) {
  .elementry_cls {
    top: 56px !important;
  }

  .middle_cls {
    top: 93px !important;
  }

  .high_cls {
    top: 132px !important;
  }

  .allschool_cls {
    top: 170px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
  .min_width_cls .ui.menu .item {
    width: 63% !important;
  }
}

@media screen and (min-width: 1301px) and (max-width: 1710px) {
  .nav-img-wrapper .logo_img {
    /* margin-top: 8px !important; */
    height: auto !important;
  }
}


@media screen and (min-width: 1100px) and (max-width: 1516px) {
  .top_main {
    width: 100% !important;
    overflow-x: auto;
    display: flex !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
    /* margin: 0 0 5px 12px; */
    pointer-events: none;
    touch-action: none;
  }

  .top_main::-webkit-scrollbar {
    display: none;
    width: 0 !important
  }

  .top_sec_txt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: "center";
  }
}

@media screen and (min-width: 768px) and (max-width: 1145px) {
  .detailnh_modal .ReactModal__Content {
    width: 98% !important;
  }
}

/* Framework */
.grid-container {
  display: grid !important;
  grid-template-columns: 60% 37%;
  grid-gap: 3%;
}

.row.grid-container>div.wide.column.full-width {
  width: 100% !important;
  padding-right: 0;
}

.pr-0 {
  padding-right: 0 !important;
}

.mt-30 {
  margin-top: 30px !important;
}

/* Landing Page */
.landing-wrapper .map-search-bar {
  display: none;
}

.landing .welcome-search-bar {
  position: static;
  margin-bottom: 30px;
}

.landing .location-search-input {
  z-index: 9;
}

.landing .welcome-search-bar h3 {
  margin-bottom: 25px;
  text-align: center;
}

.landing .welcome_serach .ui.grid {
  margin: 0;
}

/* M Home Header */
.map-home-navbar {
  width: 100%;
  height: 70px;
  margin-bottom: 8px;
  border-bottom: 1px solid #ccc;
}

.map-home-navbar .navbar-container {
  height: 100%;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 60% 37%;
  grid-gap: 3%;
  align-items: center;
}

.map-home-navbar .map-search-bar {
  width: 55%;
  margin-top: 10px;
}

.map-home-navbar .nav-section-btns {
  display: flex;
  justify-content: flex-end;
}

.map-home-navbar .nav-img-wrapper {
  /* width: 150px; */
}

.map-home-navbar .nav-img-wrapper img {
  /* width: 100%; */
  margin: 0;
  padding: 0;
  object-fit: cover;
  height: 53px;
}

.map-home-navbar .nav-sign {
  margin-top: 1px !important;
  margin-left: 0 !important;
}

.map-home-navbar .nav-sign .item-wrapper {
  padding: 0 !important;
}

.map-home-navbar .dropdown.icon.nav_menu_icon {
  padding: 0 !important;
}

.map-home-navbar .dropdown.icon.nav_menu_icon i.icon {
  font-size: 20px;
}

.map-home-navbar .item-wrapper .menu.transition.visible {
  top: 28px;
  left: auto;
  right: 0;
}

.map-home-navbar #place_auto_top {
  padding-right: 33px !important;
}

.map-home-navbar .clear-data {
  position: absolute;
  top: 13px;
  right: 7px;
  font-size: 18px;
  color: #6f6d6d;
  cursor: pointer;
}

.map-home-navbar .realtor-btn {
  height: auto;
  margin-right: 5px;
  background-color: transparent;
  font-size: 13px;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  border: 0;
}

.map-home-navbar .realtor-btn a {
  color: #767676;
}

.map-home-navbar .nav-section-logo {
  display: flex;
  justify-content: space-between;
}

.map-home-navbar .nav-section-logo p {
  /* margin: 13px 0 0 10px; */
  color: #666;
  font-size: 16px;
}

.map-home-navbar .nav-logo {
  display: flex;
}

/* M Home Body */
.home-wrapper .navbar-container {
  display: flex;
  grid-gap: 0;
}

.home-wrapper .nav-section-logo {
  width: calc(100% - 500px);
}

.home-wrapper .nav-section-btns {
  width: 500px;
}

.home-wrapper .footer .footer-container {
  width: 100% !important;
}

.home-wrapper .footer.ui.vertical.segment {
  padding-bottom: 0;
}

.map-wrapper button:focus {
  outline: 0;
}

.map-wrapper ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

div.ui.fluid.container.map-wrapper {
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
}

.map-wrapper .min_width_cls,
.map-wrapper .ui.stackable.divided:not(.vertically).grid>.column:not(.row) {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.map-wrapper .menu-item-selection {
  margin: 0 20px 15px;
  -webkit-overflow-scrolling: inherit !important;
}

.map-wrapper .selected-region-wrapper {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
}

.map-wrapper .btn-list-wrapper {
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}

.map-wrapper .btn-list-wrapper .btn {
  width: 65px;
  height: 30px;
  background-color: #fff;
  color: #1b57a5;
  border: 1px solid #1b57a5;
  border-radius: 20px;
  font-size: 1rem;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.map-wrapper .SelectedNeighbourhood,
.map-wrapper .selected-home-wrapper {
  position: relative;
  overflow: hidden;
  height: 150px;
  background-color: #fff;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.map-wrapper .selectedNeighbourhood-content {
  padding: 0 10px;
}

.map-wrapper .selectedNeighbourhood-content h3 {
  margin-bottom: 8px;
  display: inline-block;
}

.map-wrapper .selectedNeighbourhood-list-more {
  position: absolute;
  right: 10px;
  bottom: 5px;
  color: #1b57a5;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.map-wrapper .selectedNeighbourhood-list-wrapper li {
  margin-bottom: 5px;
}

.map-wrapper .btn-map-wrapper .btn {
  background-color: #aaa;
  color: #fff;
  border: 1px solid #fff;
}

.map-wrapper .SelectedNeighbourhood-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.map-wrapper .selectedNeighbourhood-slected_desc {
  margin: 10px 0;
}

.map-wrapper .SelectedNeighbourhood-showMore {
  height: auto;
}

.map-wrapper .selected-home-image {
  position: relative;
  height: 150px;
}

.map-wrapper .home-image-link {
  height: 100%;
  display: block;
}

.map-wrapper .home-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.map-wrapper .home-price-address {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.map-wrapper .home-image-content {
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.map-wrapper .beds-baths-wrapper {
  display: flex;
}

.map-wrapper .beds-wrapper,
.map-wrapper .baths-wrapper,
.map-wrapper .sq-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.map-wrapper .beds-wrapper,
.map-wrapper .baths-wrapper {
  margin-right: 5px;
}

.map-wrapper .home-content-link {
  font-size: 16px;
  font-weight: 600;
  display: block;
  text-align: right;
}

.map-wrapper .selected-home-content {
  padding: 0 10px;
}

.map-wrapper .selected-home-content h3,
.map-wrapper .content-address,
.map-wrapper .beds-baths-wrapper {
  margin-bottom: 5px;
}

.map-wrapper .selected-home-content .beds-wrapper,
.map-wrapper .selected-home-content .baths-wrapper {
  margin-right: 10px;
}

.map-wrapper i.heart {
  font-size: 22px;
}

.map-wrapper .selected-area-close {
  position: absolute;
  top: 0px;
  right: 2px;
  z-index: 2;
  width: 20px;
  height: 20px;
  padding: 0;
  background-color: transparent;
  color: #b9b9b9;
  border: 0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.map-wrapper .selected-area-close svg {
  font-size: 18px;
}

.map-wrapper .scroll-to-right {
  position: absolute;
  top: 37px;
  right: 0px;
  width: 25px;
  height: 55px;
  background-color: #1b57a5;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 30px;
  cursor: pointer;
  z-index: 999;
  margin-right: -1px;
  border-radius: 5px;
}

.map-wrapper .scroll-to-left {
  position: absolute;
  top: 37px;
  left: 0px;
  width: 25px;
  height: 55px;
  background-color: #1b57a5;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 30px;
  cursor: pointer;
  z-index: 999;
  margin-right: -1px;
  border-radius: 5px;
}

.map-wrapper .scroll-to-right i,
.map-wrapper .scroll-to-left i {
  height: auto;
  margin: 0;
  color: #fff;
  font-size: 30px;
}

.map-wrapper .tab_content {
  height: auto !important;
  overflow-y: hidden !important;
}

.map-wrapper .home-tab-list {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 3;
}

.map-wrapper .min_width_cls .ui.menu .allschool_cls {
  top: 156px !important;
}

.map-wrapper .min_width_cls .ui.menu .elementry_cls {
  top: 70px !important;
}

.map-wrapper .min_width_cls .ui.menu .middle_cls {
  top: 100px !important;
}

.map-wrapper .min_width_cls .ui.menu .high_cls {
  top: 117px !important;
}

.map-wrapper .min_width_cls .ui.menu .allschool_cls,
.map-wrapper .min_width_cls .ui.menu .elementry_cls,
.map-wrapper .min_width_cls .ui.menu .middle_cls,
.map-wrapper .min_width_cls .ui.menu .high_cls {
  right: 0;
  bottom: auto;
}

.map-wrapper .map-wrapper-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
}

.map-wrapper .school-data-close {
  position: absolute;
  bottom: 8px;
  right: 10px;
  top: auto;
}

.map-wrapper .school-data-close svg {
  cursor: pointer;
}

.map-wrapper .school_popup {
  width: 250px;
}

/* M Neighborhood Page */
.m-neighborhood-page .save-neighborhood-mobile {
  margin-bottom: 40px;
}

/* M Realtor Page */
.state-agents-wrapper .map-search-bar {
  display: none;
}

.m-realtor-page .save-realtor-shape {
  width: 95%;
  margin: 12px 0;
  display: flex;
  justify-content: flex-end;
}

.realtor-summary-wrapper {
  display: flex;
  justify-content: space-between;
}

.realtor-summary-wrapper>span {
  display: flex;
}

/* State Agents */
.state-agents .row.agent-search-bar {
  justify-content: center;
}

/* Footer */
.footer.ui.vertical.segment {
  padding-bottom: 50px;
  border-top: 1px solid #767676;
  border-bottom: none !important;
}

.footer .footer-container {
  max-width: 1280px !important;
}

.footer .last-item {
  box-shadow: -1px 0 0 0 rgb(34 36 38 / 15%), 1px 0 0 0 rgb(34 36 38 / 15%) !important;
}

.footer .small.header {
  color: #767676 !important;
}

.footer .row.footer_items {
  padding: 5px 2px;
  font-size: 11px;
}

/* Media Query */
@media (min-width: 1680px) {
  .landing .welcome_banner {
    height: 550px;
    /* height: 70vh; */
  }
}

.welcome_top_main [class*="six wide tablet"].column.search-bar-section-middle {
  background-color: rgba(55, 55, 54, 0.8);
  border-radius: 15px;
  padding: 0px 30px 16px 30px !important;
  border: 1px solid #000;
  background-image: linear-gradient(rgba(100, 100, 100, 0.8), rgba(151, 151, 151, 0.9)) !important;
}

@media (min-width: 1200px) {

  .landing .ui.grid>.row>[class*="five wide tablet"].column.search-bar-section-start,
  .landing .ui.grid>.row>[class*="five wide tablet"].column.search-bar-section-end {
    display: none;
  }

  .landing .ui.grid>.row>[class*="six wide tablet"].column.search-bar-section-middle {
    width: 965px !important;
    margin: 0 auto;

  }
}

@media (max-width: 5120px) {
  .map-home-navbar .navbar-container {
    grid-template-columns: 53% 44%;
  }
}

@media (max-width: 3840px) {
  .map-home-navbar .navbar-container {
    grid-template-columns: 54.5% 42.5%;
  }
}

@media (max-width: 2560px) {
  .map-home-navbar .navbar-container {
    grid-template-columns: 56% 41%;
  }
}

@media (max-width: 1920px) {
  .map-home-navbar .navbar-container {
    grid-template-columns: 57.5% 39.5%;
  }
}

@media (max-width: 1680px) {

  .landing .ui.grid>.row>[class*="five wide tablet"].column.search-bar-section-start,
  .landing .ui.grid>.row>[class*="five wide tablet"].column.search-bar-section-end {
    display: none;
  }

  .landing .ui.grid>.row>[class*="six wide tablet"].column.search-bar-section-middle {
    width: 980px !important;
    margin: 0 auto;
  }

  .landing .welcome_banner {
    /* height: 600px; */
    /* height: 80vh; */
  }

  .map-home-navbar .navbar-container {
    grid-template-columns: 58.5% 38.5%;
  }
}

@media (max-width: 1439px) {
  .home-wrapper .nav-logo p {
    display: none;
  }
}

@media (max-width: 1366px) {
  .map-home-navbar .navbar-container {
    grid-template-columns: 59.5% 37.5%;
  }
}

@media (max-width: 1199px) {
  .map-home-navbar .navbar-container {
    grid-gap: 2%;
  }

  .map-home-navbar .realtor-btn {
    margin-right: 5px;
  }
}

@media (max-width: 991px) {
  .map-home-navbar .nav-section-item.map-search-bar {
    width: 50%;
  }

  .landing .middle_banner_sec img {
    height: 300px;
  }

  .landing .welcome_banner {
    /* height: 80vh; */
    /* height: 600px; */
  }

  .landing_grid_btm {
    margin: 10px auto 20px;
  }


  .landing_grid_btm .ui.raised.card {
    width: 215px !important;
  }

  .landing_grid_btm .ui.small.header {
    font-size: 16px;
  }

  .landing .welcome_serach {
    /* margin-bottom: 90px; */
  }

  .welcome_banner_agent .welcome_top_main_agent {
    max-width: 750px;
    padding: 20px;
  }

  .footer .footer-container {
    max-width: 630px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .map-home-navbar .navbar-container {
    display: grid;
    grid-template-columns: 95% 3%;
    grid-gap: 2%;
  }

  .map-home-navbar .nav-section-logo {
    width: 85%;
  }

  .map-home-navbar .map-search-bar {
    width: 60%;
  }

  .home-wrapper .nav-section-btns {
    width: 100%;
  }

  .map-home-navbar .realtor-btn {
    display: none;
  }

  .grid-container {
    display: block !important;
  }

  .row.grid-container>div.wide.column.full-width,
  .pr-0 {
    padding-right: 14px !important;
  }
  .lisitng_segment,.nh_gallery_sec{
    max-width: 430px;
    margin: 0 auto;
  }
  .sale_home_section{
    max-width: 400px;
    margin: 0 auto;
  }
  
}

@media only screen and (min-width: 500px) and (max-width: 767px) {
  .landing_grid_btm .ui.raised.card {
    width: 275px !important;
  }

  .nhrankking_img_mb img {
    height: 70px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 800px) {

  .detail_lisitng_top .slider_segment .carousel .thumbs-wrapper {
    width: 67% !important;
  }

}

@media only screen and (min-width: 375px) and (max-width: 480px) {

  .landing .location-search-input input {
    font-size: 14px;
  }

  .landing .welcome_serach .search.icon {
    height: 36px !important;
  }

  .city_title span {
    margin-left: 0px !important;
  }

  .ui.grid>.column:not(.row).city_top_column {
    padding-left: 15px !important;
  }

  .nh_icon_grid_ul .grid_item .ui.center.aligned.header {
    font-size: 13px;
    margin: 5px 0px !important;
  }

  .ui.stackable.divided:not(.vertically).grid>.row>.column.details_lisitng_right {
    border-top: none !important;
    padding-top: 0px !important;
  }
}

@media (max-width: 767px) {
  .termly-styles-termly-banner-caea15 .termly-styles-message-f8fab6 {
    margin-bottom: 0px !important;
  }

  .map-home-navbar .nav-img-wrapper {
    width: 100%;
  }

  .map-home-navbar .map-search-bar {
    width: 85%;
    margin-top: 0px;
  }

  .map-home-navbar #place_auto_top {
    font-size: 12px;
    height: 43px;
  }

  .map-home-navbar .nav-logo {
    width: 40% !important;
  }

  .map-home-navbar img.ui.image.logo-image-desktop {
    display: none;
  }

  .map-wrapper .menu-item-selection {
    width: 100% !important;
    margin: 5px 0px 0px 0px !important;
    /* overflow-x: auto; */
    flex-wrap: nowrap !important;
    /* overflow-y: hidden;
    touch-action: none; */
  }

  
  .map-wrapper .gm-style-mtc,
  .map-wrapper .map-filter-home {
    display: none;
  }

  .map-wrapper .min_width_cls .gm-bundled-control .gmnoprint {
    bottom: 13px !important;
  }

  .map-wrapper .min_width_cls .gm-fullscreen-control {
    display: none !important;
  }

  .map-wrapper #mobile_single .gm-bundled-control .gmnoprint {
    bottom: 121px !important;
  }

  .landing .welcome_banner {
    background-position: bottom left;
  }

  .landing .home_top_txt p,
  .landing .home_btm_txt p {
    font-size: 20px;
    margin-bottom: 0px !important;
  }

  .welcome_banner_agent .welcome_top_main_agent {
    width: 95%;
    padding: 15px;
  }

  .map-home-navbar .navbar-container {
    padding: 0 10px;
  }

  .map-home-navbar .nav-section-logo {
    width: 98%;
  }

  .detailcity_top .ui.stackable.divided:not(.vertically).grid>.row>.city_top_row {
    padding-top: 0px !important;
  }

  .city_title .ui.large.header {
    margin-left: 0px !important;
  }

  .img-item-desc {
    padding-left: 5px !important;
    padding-top: 5px !important;
  }

  .plus-icon-items, .right_content_top .minus {
    padding-left: 14px !important;
  }

  .nhpannel_head {
    /* padding-left: 13px !important; */
  }

  .nhmap_item-desc {
    padding-left: 15px !important;
  }

  .map-home-navbar .nav-img-wrapper {
    display: flex;
    align-items: center;
  }

  .map-home-navbar .nav-img-wrapper .logo_img {
    height: 25px !important;
    object-fit: unset;
    padding-right: 10px;
  }

  .landing-wrapper .map-home-navbar .nav-img-wrapper .logo_img {
    height: 50px !important;
  }

  .landing-wrapper .map-home-navbar .nav-logo {
    width: auto !important;
  }

  .home_search_main p {
    font-size: 13px !important;
  }

  .home_search_main_nh p {
    font-size: 13px !important;

  }

  .city_review_sec>.ui.basic.segment>div>.ui.text.menu .item {
    font-size: 14px !important;
    background-color: transparent !important;
    width: 33.33% !important
  }

  .city_review_sec>.ui.basic.segment>div>.ui.text.menu {
    max-width: 100% !important;
  }

  #school_serve {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .school_disclaimer {
    font-size: 10px !important;
  }

  .keywords_blk {
    padding-left: 0px;
  }

  .detail_lisitng_top .thumbs-wrapper .control-arrow {
    display: none !important;
  }

  .min_width_cls .ui.menu .item {
    width: 20% !important;
    flex-basis: auto !important;
  }

  .edit_perosnal {
    top: 55px !important;
  }

  .map-wrapper .min_width_cls .ui.menu .middle_cls {
    top: 86px !important
  }

  .map-wrapper .min_width_cls .ui.menu .elementry_cls,
  .near_town_cls {
    top: 55px !important
  }

  .map-wrapper .min_width_cls .ui.menu .allschool_cls {
    top: 148px !important;
  }

  /* .map-wrapper .min_width_cls .ui.menu .high_cls{
    top: 180px !important;
  } */
  .public_spaces {
    top: 97px !important
  }

  .curb_appeal {
    top: 127px !important
  }

  .all_amenities {
    top: 157px !important
  }

  #menu_item_fifth {
    margin-left: 18px;
  }

  .top_left_panes .ui.menu::-webkit-scrollbar {
    display: none;
  }

  .top_left_panes .ui.menu {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }

  .footer .small.header {
    font-size: 13px !important;
  }

  .school_tbl_main {
    overflow-x: auto;
  }

  .b-none-mb {
    display: none !important;
    height: 52px;
  }

  .b-block-mb {
    display: flex !important;
    height: 52px;
  }

  .items-desc {
    flex-direction: row !important;
    margin: 0px !important;
  }

  .segment.nh_lists {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .map-wrapper .school_popup {
    width: 270px !important;
  }
}


@media (max-width: 575px) {
  .landing .ui.grid>.row.search-bar-section {
    flex-wrap: nowrap;
  }

  .landing .ui.grid>.row>[class*="six wide tablet"].column.search-bar-section-middle {
    width: 95% !important;
    margin: 0 auto;
  }

  .landing .welcome-search-bar .ui.grid>.row>[class*="six wide tablet"].column.search-bar-section-middle {
    width: 100% !important;
    padding: 0 8px;
  }

  .landing .home_top_txt p,
  .landing .home_btm_txt p {
    font-size: 16px;
  }

  .landing .welcome_banner {
    background-position: 20% 100%;
    height: 40vh;
  }

  .landing .middle_banner_sec img {
    height: 250px;
  }
}

/* Finish Media Query */
.min_width_cls .ui.menu .elementry_cls {
  top: 53px;
  padding: 0.92857143em 5px !important;
}

.min_width_cls .ui.menu .middle_cls {
  padding: 0.92857143em 5px !important;
  top: 84px !important;
  /* width: 105px !important; */
}

.min_width_cls .ui.menu .high_cls {
  padding: 0.92857143em 5px !important;
  top: 115px !important;
  /* width: 105px !important; */
}

.min_width_cls .ui.menu .allschool_cls {
  padding: 0.92857143em 5px !important;
  top: 146px !important;
  /* width: 105px !important; */
}

@media screen and (min-width: 375px) and (max-width: 475px) {
  .items-desc {
    /* flex-direction: column !important; */
    margin: 0px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1145px) {
  .detailnh_modal .ReactModal__Content {
    width: 92% !important;
  }
}

/*New Welcome page start*/
.welcome_banner {
  position: relative;
  width: 100%;
  height: 65vh;
  background-size: cover;
  background-position: bottom center;
  display: flex;
  align-items: center;
}

.welcome_banner img {
  max-width: 100%;
}

.welcome_text {
  position: absolute;
  bottom: 12%;
  left: 24%;
}

.welcome_text h1 {
  color: #fff;
  font-size: 3em;
}

.welcome_serach {
  width: 100%;
}

.welcome_serach .search.icon {
  background: #1b57a5;
  opacity: unset !important;
  right: 0 !important;
  left: unset !important;
  border-radius: 0 !important;
  color: #fff;
  height: 41px !important;
  margin-top: 1px !important;
  margin-right: 1px !important;
}

.welcome_serach .ui[class*="left icon"].input>input {
  padding-left: 15px !important;
  border: 1px solid #000;
  border-radius: 5px !important;
}

.middle_banner_sec {
  margin-top: 15px;
}

.middle_banner_sec img {
  max-width: 100%;
  object-fit: cover;
  margin: 0 auto;
  display: table;
}

.landing_grid_btm {
  max-width: 1280px;
  margin: 10px auto 20px;
}

.home_top_txt {
  margin-top: 30px;
}

.home_top_txt p,
.home_btm_txt p {
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0px;
}

.middle_content {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 18px;
}

.ui.raised .content {
  text-align: center;
}

.ui.raised .content img {
  margin: 0 auto;
  display: table !important;
}

/*New Welcome page wrape*/
.ui.raised .content {
  text-align: center;
}

.ui.raised .content img {
  margin: 0 auto;
  display: table !important;
}

/*New Welcome page wrape*/
.nhpannel_npi .select_score {
  color: #1b57a5 !important;
}

.right_content_top {
  position: relative;
}

.right_content_top a {
  /* width: max-content; */
  display: inline-block;
}

i.plus.icon {
  position: absolute;
  left: -13px;
  top: 5px;
  cursor: pointer;
  color: #1b57a5;
}

i.minus.icon {
  position: absolute;
  left: -13px;
  top: 5px;
  cursor: pointer;
  color: #1b57a5;
}

.customize_txt {
  font-weight: bold;
}

.summarylessmore {
  cursor: pointer;
}

.right_content_top_popup {
  width: 130px;
  padding: 5px;
  position: absolute !important;
  bottom: 100% !important;   /* place above the trigger */
  top: auto !important;      /* disable default top placement */
  left: 50% !important;
  transform: translateX(-50%) !important; /* center align */
  margin-bottom: 8px; 
}

.description .nhpannel_npi {
  /* width: max-content; */
}

.mail_success {
  text-align: center;
  margin-bottom: 0 !important;
}

.no_agent {
  padding-left: 7px;
}

.no_agent span,
.no_agent_listing span {
  font-size: 15px;
}

.text_area_cnt textarea:not([rows]) {
  height: 6em !important;
}

/* AGENT LANDING NAVBAR STYLES */
.agent-landing-navbar {
  position: absolute;
  z-index: 100;
  top: 0;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(8px);
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-bottom: none;
}

.agent-landing-navbar .nav_btn_container {
  display: flex;
  gap: 10px;
}

.agent-landing-navbar .nav_btn_container .button,
.agent-landing-navbar .nav_btn_container .nav_btn {
  border-radius: 6px !important;
  padding: 10px 20px;
}

.agent-landing-navbar .nav_btn_container .ui.basic.grey.button,
.agent-landing-navbar .nav-section-btns .realtor-btn a {

  color: #000 !important;
}

.agent-landing-navbar .nav-section-btns .realtor-btn {
  padding: 10px 20px;
}


/* Mobile agent landing navbar */
@media only screen and (max-width: 767px) {
  .agent-landing-navbar {
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(8px);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    text-align: center;
    padding: 15px 0;
    height: auto !important;
  }

  .agent-landing-navbar .navbar-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
  }

  .agent-landing-navbar .nav-section-logo {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }

  .agent-landing-navbar .nav-logo {
    padding: 5px 20px;
    background: #FFF;
    border-radius: 50px;
    width: auto !important;
  }

  .agent-landing-navbar .nav-img-wrapper {
    width: auto;
  }

  .agent-landing-navbar .nav-section-btns {
    display: none;
  }

  .agent-landing-navbar .nav-tagline-mobile {
    display: block !important;
    margin: 0px !important;
  }

  .agent-landing-navbar .nav-section-logo p {
    font-size: 14px;
    color: #000;
    font-weight: 400;
  }
}

.nav-tagline-mobile {
  display: none;
}

/*AGENT WELCOME START*/
.welcome_banner_agent {
  position: relative;
  background-size: cover;
  background-position: top center;
  padding: 150px 0px 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.welcome_banner_agent img {
  max-width: 100%;
}

.welcome_text_agent {
  position: absolute;
  bottom: 12%;
  left: 24%;
}

.welcome_text_agent h1 {
  color: #fff;
  font-size: 3em;
}

.welcome_serach_agent_signup {
  text-align: center;
}

.welcome_serach_agent_signup button {
  background-color: #1b57a5;
  color: #fff;
  padding: 10px;
  min-width: 100px;
  border: none;
  border-radius: 6px;
  /* font-weight: bold; */
  font-size: 16px;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.welcome_serach_agent .search.icon {
  background: #c02e26;
  opacity: unset !important;
  right: 0 !important;
  left: unset !important;
  border-radius: 0 !important;
  color: #fff;

}

.welcome_serach_agent .ui[class*="left icon"].input>input {
  padding-left: 15px !important;
}

.welcome_top_main_agent {
  /* background: #fff; */
  /* overflow: hidden; */
  height: 100%;
  max-width: 950px;
  margin: 0 auto;
  text-align: center;
  /* padding: 0 80px 60px; */
}

.welcome_top_main_agent .agent_top_containt {
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(8px);
  padding: 40px;
  border: 2px solid #f5f5f5;
  border-radius: 14px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.agent_tag_lines p {
  font-size: 17px;
  margin-bottom: 5px;
}

.welcome_serach_agent_signup a {
  color: #1b57a5;
  margin-top: 10px;
  display: inline-block;
  text-decoration: underline;
}

.agent_middle_txt {
  max-width: 525px;
  margin: 0 auto;
  padding-top: 35px;
  padding-bottom: 20px;
  font-weight: bold;
}

.agent_top_title {
  margin: 0px 0px 5px 0px;
  display: inline-block;
}

.agent_top_title h2 {
  color: #c02e26;
}

.agent_top_title p {
  font-size: 18px;
  font-weight: bold;
}

.middle_first,
.middle_sec,
.middle_third,
.middle_fourth {
  /* margin: 0 auto; */
  display: table;
  text-align: left;
}

.middle_first p,
.middle_sec p,
.middle_third p,
.middle_fourth p {
  display: flex;
  align-items: center;
  font-size: 16px;
  margin-bottom: 35px;
}

.agent_middle_txt img {
  width: 50px;
}

.agent_middle_txt .numbers {
  font-size: 18px;
  margin-left: 10px;
  margin-right: 10px;
}

.search_top_txt {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}

/* AGENT CARDS LAYOUT */
.agent_top_title h1 {
  font-size: 28px;
  font-weight: bold;
  color: #333;
  margin-bottom: 15px;
}

.agent_cards_container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 20px;
  padding: 20px 0;
  flex-wrap: wrap;
}

.agent_card {
  background: rgba(245, 248, 250, 0.5);
  backdrop-filter: blur(5px);
  border: 2px solid #f5f5f5;
  border-radius: 12px;
  padding: 30px 25px;
  text-align: center;
  flex: 1;
  min-width: 220px;
  max-width: 300px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.agent_card_icon {
  margin-bottom: 15px;
}

.agent_card_icon img {
  width: 60px;
  height: 60px;
}

.agent_card p {
  font-size: 15px;
  font-weight: 600;
  color: #333;
  margin: 0;
  line-height: 1.4;
}

.agent_card .numbers {
  font-weight: bold;
  color: #333;
}

.agent_card em {
  font-style: italic;
}

/* AGENT SEARCH FOOTER */
.agent_search_footer {
  background-color: #5a5a5a;
  padding: 40px 20px;
  text-align: center;
}

.agent_search_footer h2 {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}

.agent_search_input_wrapper {
  max-width: 500px;
  margin: 0 auto;
  position: relative;
}

.agent_search_input {
  width: 100%;
}

.agent_search_input input {
  border-radius: 4px !important;
  padding: 12px 15px 12px 40px !important;
  font-size: 16px !important;
}

.agent_suggestions_dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-top: 5px;
  max-height: 300px;
  overflow-y: auto;
  z-index: 1000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.agent_suggestion_item {
  padding: 12px 15px;
  cursor: pointer;
  text-align: left;
  border-bottom: 1px solid #eee;
}

.agent_suggestion_item:last-child {
  border-bottom: none;
}

.agent_suggestion_item:hover,
.agent_suggestion_item.active {
  background-color: #f5f5f5;
}

/* MOBILE STYLES FOR AGENT PAGE */
@media only screen and (max-width: 767px) {
  .welcome_banner_agent {
    padding: 80px 0px 0px 0px;
  }

  .welcome_top_main_agent .agent_top_containt {
    background: transparent;
    backdrop-filter: none;
    padding: 25px 15px;
    margin: 0 10px;
    border-radius: 16px;
    border: none;
    box-shadow: none;
  }

  .agent_top_title h1 {
    font-size: 20px;
    padding: 0;
  }

  .agent_tag_lines p {
    font-size: 14px;
    padding: 0;
  }

  .agent_cards_container {
    flex-direction: column;
    align-items: center;
    padding: 15px 0;
    gap: 15px;
  }

  .agent_card {
    max-width: 100%;
    width: 100%;
    padding: 20px 15px;
  }

  .agent_search_footer h2 {
    font-size: 20px;
  }

  .agent_header_section {
    position: relative;
    padding: 20px 0;
    text-align: center;
    /* Apply text shadow to parent - cascades to all text children */
    text-shadow: 
      0 0 10px rgba(255, 255, 255, 1),
      0 0 20px rgba(255, 255, 255, 1),
      0 0 30px rgba(255, 255, 255, 0.9),
      0 0 40px rgba(255, 255, 255, 0.8);
  }
  
  .agent_top_title {
    background: transparent;
    padding: 0;
  }
  
  .agent_top_title h1 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
  }
  
  .agent_tag_lines {
    background: transparent;
    padding: 0;
    padding-top: 5px;
  }
  
  .agent_tag_lines p {
    color: #000;
    margin: 0;
  }
}

/*AGENT WELCOME WRAP*/
.neighbour_right_go {
  display: inline-block;
  width: 100%;
  margin-top: 25px;
}

.personal_top {
  position: relative;
}

.personal_top h2 {
  font-size: 18px;
  text-align: center;
}

.personal_top p {
  text-align: center;
  margin-bottom: 20px;
}

#single_main_top {
  position: relative;
}

#single_main_top .cancel {
  font-size: 10px;
  color: #1b57a5;
  cursor: pointer;
  font-weight: 600;
  padding: 0 5px;
}

.close_icon_select {
  position: absolute;
  right: 5px;
  top: 3px;
  /* border: 1px solid #1b57a5; */
}

a.boxclose {
  cursor: pointer;
  color: black;
  /* border: 1px solid #1b57a5; */
  font-size: 28px;
  display: inline-block;
  line-height: 0px;
  padding: 8px 3px;
}

.boxclose:before {
  content: "×";
}

a.boxopen {
  cursor: pointer;
  color: #1b57a5;
  border: 1px solid #1b57a5;
  font-size: 18px;
  display: inline-block;
  line-height: 0px;
  padding: 8px 3px;
}

.boxopen:before {
  content: "+";
}

.amenities {
  font-size: 12px;
  padding-left: 15px;
}

.d-none {
  display: none;
}

.save_personal {
  margin-right: 15px;
  font-size: 15px;
  font-weight: bold;
}

.close_personal {
  margin-bottom: 10px;
  z-index: 999;
  top: 14px;
}

.plus_personal {
  margin-bottom: 10px;
  z-index: 999;
  top: 14px;
}

.top_main {
  width: 100%;
  display: flex;
}

.top_txt_main {
  min-height: 18px;
  /* border: 1px solid rgba(34,36,38,.15); */
  /* border-left: 1px solid rgba(34,36,38,.15);
border-right: 1px solid rgba(34,36,38,.15); */
  margin: 0 auto;
  max-width: 900px;
  /* z-index: 99999;
position: absolute;
top: 40px;
left: 50%;
transform: translate(-50%, -50%); 
width: 100%;*/
  position: relative;
  z-index: 9;
  top: 3px;
  /* padding-left: 4px; */
  background-color: rgba(239, 239, 239, 0.8);
  border-radius: 5px 5px 0px 0px;
}

#top_first_sec {
  text-align: center;
  /* min-width: 317px; */
  width: calc(24% - 7px);
  /* background-color: #fff; */
  margin-right: 28px;
  font-weight: bold;
}

#top_second_sec {
  /* min-width: 316px; */
  /* border-left: 5px solid rgba(34, 36, 38, 0.2); */
  width: calc(36% - 5px);
  /* background-color: #fff; */
  margin-right: 25px;
  font-weight: bold;
}

#top_third_sec {
  /* min-width: 364px; */
  /* border-left: 6px solid rgba(34, 36, 38, 0.2); */
  width: calc(36% - 5px);
  font-weight: bold;
  /* background-color: #fff; */
}

.search_by {
  color: #1b57a5;
  /* float: left; */
  font-size: 13px;
  font-weight: bold;
  /* border-top: 1px solid rgba(34, 36, 38, 0.2);
border-left: 1px solid rgba(34, 36, 38, 0.2);
border-right: 1px solid rgba(34, 36, 38, 0.2);
border-radius: 6px 6px 0px 0px;
background: rgba(0, 0, 0, 0.05); */
  display: inline-block;
  margin-top: 10px;
}

.review_sec_tab .ui.text.menu {
  border-bottom: 1px solid #ccc;
  margin-left: 5px;
  margin-right: 7px;
  margin-top: 0px;
}

.all_sec_review .ui.text.menu {
  display: none !important;
}

.review_sec_tab .ui.text.menu .active.item {
  font-weight: bold !important;

  position: relative;
}

.review_sec_tab .ui.text.menu .item {
  width: 155px;
  justify-content: center;
}

.review_sec_tab .ui.segment {
  box-shadow: none !important;
  border: none !important;
  padding: 0;
}

.review_sec_tab .ui.text.menu .active.item:after {
  content: "";
  border-bottom: 3px solid #000;
  width: 100%;
  position: absolute;

  bottom: -8px;
  left: 0;
}

#single_main_top {
  /* visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear, opacity 0.5s linear, height 0s linear;
  height: 0;
  overflow: hidden; */
  max-height: 0px;
  -webkit-transition: max-height, 0.8s linear;
  -moz-transition: max-height, 0.8s linear;
  -ms-transition: max-height, 0.8s linear;
  -o-transition: max-height, 0.8s linear;
  transition: max-height, 0.8s linear;
  overflow: hidden;
}

#single_main_top.open {
  /* opacity: 1; */
  height: auto;
  overflow: hidden;
  max-height: 400px;
  /* visibility: visible; */
  transition-delay: 0.2s;
  -webkit-transition: max-height, 0.8s linear;
  -moz-transition: max-height, 0.8s linear;
  -ms-transition: max-height, 0.8s linear;
  -o-transition: max-height, 0.8s linear;
  transition: max-height, 0.8s linear;
}

.neighbor_top {
  /* visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear, opacity 0.5s linear, height 0s linear;
  height: 0;
  overflow: hidden; */
  max-height: 0px;
  -webkit-transition: max-height, 0.8s linear;
  -moz-transition: max-height, 0.8s linear;
  -ms-transition: max-height, 0.8s linear;
  -o-transition: max-height, 0.8s linear;
  transition: max-height, 0.8s linear;
  overflow: hidden;
}

.neighbor_top.open {
  /* opacity: 1; */
  height: auto;
  overflow: hidden;
  max-height: 1500px;
  /* visibility: visible; */
  transition-delay: 0.2s;
  -webkit-transition: max-height, 0.8s linear;
  -moz-transition: max-height, 0.8s linear;
  -ms-transition: max-height, 0.8s linear;
  -o-transition: max-height, 0.8s linear;
  transition: max-height, 0.8s linear;
  margin-top: 0px !important;
}

.add_photos {
  width: 100%;
  display: inline-block;
}

.nh_photos {
  padding: 17px 0px 0px 1em !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.overall_text_city {
  margin: 7px 7px 0px 7px;
  color: rgb(65, 65, 65);
  font-weight: bold;
  font-size: 1.07142857em;
  display: inline-block;
}

.npi_rating span {
  font-weight: bold;
}

.personal_txt_lft {
  float: left;
  margin-top: 2px !important;
}

.personalize_txt_lft {
  margin-top: 2px;
  display: inline-block;
}

.personalize_txt_lft a {
  font-size: 13px;
}

.close_perosnal_dnh,
.close_perosnal_dnh_nh {
  top: 6px;
  right: 15px;
}

.NhrankingP {
  margin: 0 !important;
}

.nhrankingDesc {
  margin: 1px !important;
}

.cityrankingTitles {
  margin: 40px !important;
}

.NhrankingTitles {
  margin: 0px 0px 10px 0px;
}

.nhranking_main {
  margin-top: 5px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
}

.NhrankingTitleColor {
  color: #2484ff;
}

.nhrankking_img img {
  height: 185px;
  width: 100%;
  box-shadow: 1px 1px 1px 1.5px rgba(196, 196, 196, 0.5)
}

.city_title {
  margin-bottom: 4px;
}

.city_title > span {
  margin-left: 7px;
  font-size: 16px;
  color: #767676;
}

.city_title .ui.large.header {
  margin-top: 0px !important;
}

.m-7 {
  margin-left: 7px;
}

.city_review_sec {
  padding: 0 12px;
}

.city_review_sec_divider {
  padding-left: 20px;
}

.city_map_sec #map {
  padding: 0 20px !important;
}

.detailcity_nh_img {
  padding-left: 5px;
}

.top_nh_txt_lft {
  float: left;
  font-size: 1.28571429em;
  font-weight: bold;
  margin-top: 7px;
}

.top_nh_txt_right {
  float: left;
}

.top_nh_title {
  overflow: hidden;
}

.scroller {
  margin-top: 20px;
}

.scroller h3 {
  margin-bottom: 5px;
}

.rating_img {
  width: 30px;
  /* height: 27px; */
}

.factor_titile {
  text-align: center;
  margin-bottom: 2px;
  font-size: 1.07142857em
}

.factor_section {
  margin: 5px 0px 0px 0px;
  overflow: hidden;
}

.summary_blk .ui.small.header {
  margin-top: 7px !important;
}

.city_level_txt {
  font-size: 12px;
  /* text-align: right; */
  /* margin-left: 8%; */
  margin-top: -10px;
  /* text-align: center; */
}

.nh_level_txt {
  font-size: 10px;
  /* text-align: right; */
  margin-left: 7%;
  margin-top: -10px;
}

.image_marign {
  margin-top: 10px !important;
}

.spe_data_mar {
  margin-top: -25px !important;
}

.homesearch_main {
  position: relative;
}

.overall_amenities {
  margin-top: 20px;
  text-align: center;
}

.overall_amenities p {
  font-weight: bold;
  font-size: 15px;
}

.overall_amenities span {
  font-size: 12px;
}

.amenities_sec {
  margin-top: 30px;
}

.listing_details {
  margin-left: 7px;
}

/*
 * LS-6 generated summary paragraph, above the MLS remarks.
 *
 * Matches the body copy the remarks use (components/Text/element.js: #414141,
 * normal weight, 6px 7px margin) so the two blocks read as one column, with
 * more leading because this is a paragraph rather than a header. Deliberately
 * plain: no card, no border, nothing that reads as an ad unit to a crawler.
 */
/*
 * LS-21 item 4. These two rules are gone, not moved.
 *
 * The block now renders NhAtAGlance's panel — `.hb-glance-section` /
 * `.hb-glance-panel` / `.hb-glance-text` — and those rules live in
 * app/Neighborhood/[id]/NhContentBlocks.css, which pages/_app.js imports. The
 * classes below stay on the elements as hooks for the checkers, but styling
 * them here as well would be a second, quietly diverging definition of a panel
 * that is supposed to look identical on both pages. `max-width: 70ch` in
 * particular would have made this paragraph narrower than the neighborhood
 * page's, which is the whole complaint this item was raised about.
 */

/*
 * LS-9 breadcrumb, above the address. Small and grey so it sits under the
 * header without competing with it. Rendered from the same crumb list as the
 * BreadcrumbList JSON-LD.
 */
.listing_breadcrumb {
  margin: 0 7px 6px 7px;
  font-size: 13px;
  line-height: 1.5;
  color: #767676;
}

.listing_breadcrumb a {
  color: #767676;
  text-decoration: none;
}

.listing_breadcrumb a:hover {
  color: #c02e26;
  text-decoration: underline;
}

.listing_breadcrumb_sep {
  color: #b5b5b5;
}

/*
 * LS-9 exit ramps at the foot of the left column. Deliberately a plain list of
 * real anchors with a line of supporting text — no cards, no buttons, nothing
 * that reads as an ad unit.
 */
.explore_nh_list {
  list-style: none;
  margin: 6px 7px 0 7px;
  padding: 0;
}

.explore_nh_list li {
  padding: 10px 0;
  border-bottom: 1px solid #ededed;
}

.explore_nh_list li:last-child {
  border-bottom: none;
}

.explore_nh_link {
  display: block;
  color: #c02e26;
  font-size: 1.07142857rem;
  font-weight: 600;
  text-decoration: none;
}

.explore_nh_link:hover {
  color: #c02e26;
  text-decoration: underline;
}

.explore_nh_note {
  display: block;
  margin-top: 2px;
  color: #767676;
  font-size: 13px;
  line-height: 1.5;
}

/*
 * LS-8 question-and-answer block. Native <details>, so every answer is in the
 * DOM whether or not it is open — the AI crawlers this is written for run no
 * JavaScript. Styled to read like the rest of the column rather than a raw
 * accordion dump.
 */
.listing_faq_item {
  border-bottom: 1px solid #ededed;
  margin: 0 7px;
}

.listing_faq_item:last-child {
  border-bottom: none;
}

.listing_faq_q {
  cursor: pointer;
  list-style: none;
  padding: 12px 24px 12px 0;
  position: relative;
  color: #1a1a1a;
  font-size: 1.07142857rem;
  font-weight: 600;
  line-height: 1.4;
}

/* Replace the default disclosure triangle with a chevron on the right. */
.listing_faq_q::-webkit-details-marker {
  display: none;
}

.listing_faq_q::after {
  content: "";
  position: absolute;
  right: 4px;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -6px;
  border-right: 2px solid #767676;
  border-bottom: 2px solid #767676;
  transform: rotate(45deg);
  transition: transform 0.15s ease;
}

.listing_faq_item[open] .listing_faq_q::after {
  transform: rotate(-135deg);
  margin-top: -2px;
}

.listing_faq_q:hover {
  color: #c02e26;
}

.listing_faq_a {
  padding: 0 0 14px 0;
  max-width: 70ch;
}

.listing_faq_a p {
  margin: 0;
  color: #414141;
  font-size: 1.07142857rem;
  font-weight: normal;
  line-height: 1.6;
}

.listing_faq_link {
  display: inline-block;
  margin-top: 8px;
  color: #c02e26;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.listing_faq_link:hover {
  color: #c02e26;
  text-decoration: underline;
}

.margin_mls {
  margin: 7px 0px !important;
}

.resend_email {
  text-align: left;
  margin-top: 10px;
  width: 50%;
  float: left;
}

.resend_email a {
  font-size: 15px;
}

.rating_title {
  font-size: 16px;
}

.detailnh_rating {
  display: inline-block !important;
}

.nh_details_edit_form .err_rating_public {
  margin-top: 6% !important;
}

.nh_details_edit_form .err_rating_curb {
  margin-top: 6% !important;
}

.err_rating_public {
  margin-top: 32%;
  display: inline-block;
  font-size: 15px;
  color: #c02e26;
}

.err_rating_curb {
  margin-top: 22%;
  display: inline-block;
  font-size: 15px;
  color: #c02e26;
}

.review-model-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 10px;
}

.model_review_feedback {
  font-size: 18px;
  font-weight: 600;
  color: #aa315f;
  line-height: 2;
  word-spacing: 3px;
}

.model_ques_feedback {
  font-size: 15px;
  font-weight: 600;
  color: #aa315f;
  line-height: 2;
  word-spacing: 2x;
}

.review_model_close_btn {
  display: flex;
  justify-content: flex-end;
}

/* .ui.menu {
  -ms-overflow-style: none; 
  scrollbar-width: none; 
  overflow-x: scroll;
} */

#sc_class:hover~.ui.menu {
  overflow: hidden !important;
}

.graph-tooltip {
  border: 1px solid #eee;
  border-radius: 5px;
  font-size: 10px;
  padding: 0 0.25rem 0.25rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  color: black;
  text-align: center;
  margin: 0 auto;
}

.graph-tooltip .yValue {
  font-size: 1.25rem;
  color: #238528;
}

.graph-tooltip .yUnits {
  margin-left: 0.25rem;
}

.loadericon {
  height: 18px;
  position: absolute;
  right: 10px;
  top: 12px;
}

.no_result_searchbox {
  padding: 10px;
  border-bottom: 1px solid rgb(200, 200, 200);
}

.valueditem {
  position: relative;
}

.overvalue {
  color: #c02e26;
  /* position: absolute;
  left: -12%;
bottom: -18px; */
  display: table;
}

.listing_val {
  margin-right: 4px;
}

.undervalue {
  /* position: absolute; */
  display: table;
  color: #238528;
  /* left: -12%;
bottom: -18px; */
}

.detail_nh_top .description,
.detailcity_top .description {
  float: left;
  margin-top: 0 !important;
}

.detail_nh_top .detailnh_ranking {
  margin-right: 0px !important;
}

.ranking_total_count {
  margin-right: 5px;
}

.over_val {
  margin-left: 5px;
  color: #c02e26;
}

.under_val {
  margin-left: 5px;
  color: #238528;
}

.overval {
  color: #c02e26;
}

.underval {
  color: #238528;
}

.detail_nh_top .ui.items>.item .extra {
  width: 100%;
  display: inline-block;
  -webkit-line-clamp: 3;
}

/* .cust_head_blk margin handled in flex layout rules below */

/* .nhdesc {
  margin-top: 0px !important;
} */

.min_width_cls .ui.menu .item.edit_perosnal {
  position: absolute !important;
  top: 53px;
  z-index: 99999;
  background: #fff !important;
  /* width: 139px !important; */
  padding: 0.92857143em 5px !important;
  text-align: center !important;
  border: none !important;
  border-radius: 0px !important;
}

@media screen and (min-width: 1440px) and (max-width: 1546px) {
  .menu_item_laptop {
    width: 103px !important;
  }

  .day_market {
    width: 116px !important;
  }

  .per_search {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .nav_item_laptop {
    padding-top: 12px !important;
  }
}

.factor_titile_market_cond {
  text-align: center;
  margin-bottom: 2px;
  font-size: 1.07142857em
    /* padding-left: 42px; */
}

@media screen and (min-width: 360px) and (max-width: 667px) {
  .factor_titile_market_cond {
    text-align: center;
    margin-bottom: 2px;
    padding-left: 16px;
  }
}

@media screen and (min-width: 820px) and (max-width: 1180px) {
  .factor_titile_market_cond {
    text-align: center;
    margin-bottom: 2px;
    padding-left: 30px;
  }
}

.sub_amenities {
  padding-left: 10px !important;
}

.detaillisitngpopup .slick-next {
  right: 1.4% !important;
}

.detaillisitngpopup .slick-slide>div {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.detaillistingimg img {
  margin: auto;
}

.detaillisitngpopup .slick-slide>div>div {
  /* height: auto !important; */
}

.detailnh_modal .slick-slide>div {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.detailnh_modal .modal_slider img {
  margin: auto;
}

.detailnh_modal .slick-slide>div>div {
  /* height: auto !important; */
}

.detailnh_modal .modal_slider {
  /* width: 80%;
  background-color: #666; */
}

.thumbnail-slider-wrap {
  margin-top: 5px;
  height: 85px;
}

.thumbnail-slider-wrap .slick-list {
  top: 10px;
  height: 85px;
}

.thumbnail-slider-wrap .slick-track {
  height: 65px;
  text-align: center;
  /* display: flex;
  justify-content: center;
  width: 100% !important; */
}

.thumbnail-slider-wrap .slick-initialized .slick-slide {
  height: 85px;
  padding: 0 5px;
}

.thumbnail-slider-wrap .slick-track .slick-slide img {
  max-width: 95px;
  height: 75px !important;
  margin: 0 auto;
  cursor: pointer;
}

.detailnh_modal .thumbnail-slider-wrap img,
.detaillisitngpopup .thumbnail-slider-wrap img {
  border: 1px solid #000;
}

.detailnh_modal .thumbnail-slider-wrap .slick-active.slick-current img,
.detaillisitngpopup .thumbnail-slider-wrap .slick-active.slick-current img {
  border: 4px solid #1b57a5 !important;
}

/* .main_container_listing{
  background-color: #666;
  height: inherit;
} */
#slider-wrap .slick-slider {
  /* background-color: #666; */
  height: inherit;
}

.popup_slider .carousel .slider-wrapper.axis-horizontal .slider .slide {
  display: initial !important;
  background: #fff;
}

.popup_slider .carousel .slider-wrapper.axis-horizontal .slider .slide>div {
  /* width: 80%; */
}

.popup_slider .carousel .slider-wrapper.axis-horizontal .slider .slide>div img {
  width: auto !important;
  max-width: 100%;
}

.popup_slider .model_slider_desc {
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  text-align: left !important;
}

.popup_slider .carousel .thumb img {
  height: auto !important;
}

.popup_slider .carousel .thumbs-wrapper .thumb {
  cursor: pointer !important;
  width: 80px !important;
  height: 50px !important;
  overflow: hidden;
  position: relative;
  padding: 0px !important;

}

.refine_search {
  display: inline-block;
  width: 100%;
  text-align: center;
}



.popup_slider .carousel .control-next.control-arrow::before {
  border-left: 8px solid #000 !important;
  /* border-top: 8px solid #000 !important;
border-bottom: 8px solid #000 !important; */
}

.popup_slider .carousel .control-prev.control-arrow::before {
  border-right: 8px solid #000 !important;
  /* border-top: 8px solid #000 !important;
border-bottom: 8px solid #000 !important; */
}

.popup_slider .carousel.carousel-slider .control-arrow:hover {
  background: rgba(0, 0, 0, 0);
}

.zoom_msg {
  position: absolute;
  right: 70px;
  top: 6px;
  padding: 10px 15px;
  background: #e0e1e2;
  font-weight: bold;
}

.home_section {
  padding-top: 0px !important;
}

.question_segment {
  display: inline-block;
  width: 100%;
  padding: 0px 1em !important;
}

.exit_txt {
  margin-left: 5px;
}

.realestate_agent_check {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

.signup_tagline {
  text-align: center;
}

.signup_main {
  position: relative;
}

.signup_close_icon {
  position: absolute;
  right: 0;
  top: -10px;
}

.signup_modal .ui.form .field {
  margin: 1em 0em 0em !important;
  display: inline-block;
  width: 100%;
}

.signup_modal .ui.form .fields {
  margin: 0em -.5em 0em !important;
}

.reg_success {
  padding-bottom: 50px;
}

.acct_info_sec {
  text-align: center;
}

.acct_info_sec .ui.primary.button {
  min-width: 250px;
}

.acct_info_sec p {
  margin: 10px 0px;
}

.acct_skip {
  text-align: right;
  font-size: 15px;
  margin: 0;
}

.per_search_main {
  padding-bottom: 0px !important;
  margin-bottom: 5px !important;
}

.per_search_first_tag,
.per_search_sec_tag {
  margin: 0;
  text-align: center;
  font-size: 17px;
  font-weight: normal;
}

.amenities_section .three {
  padding-left: 75px !important;
}

.step_btn_review {
  text-align: center;
}

.neighborhood_review_main {
  max-width: 600px;
  margin: 0 auto;
}

.review_btn_main {
  position: relative;
}

.skip_btn {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 50px;
}

.street_view_btn {
  text-align: right;
  padding-right: 25px;
}

.agent_section .ui.items>.item .meta {
  margin-bottom: 0px !important;
}

.slider_segment {
  position: relative;
}

.slider_segment .extra_btn {
  position: absolute;
  bottom: 13px;
  right: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.detail_lisitng_top .slider_segment .carousel .thumbs-wrapper {
  width: 80%;
}

.map_str_btn {
  fill: currentColor;
  background-color: #000;
  color: #fff;
  width: 72px;
  height: 70px;
}

.map-street-icon {
  width: 24px;
  height: 24px;
}

.btn_main {
  flex: 1 1 0%;
  text-align: center;
  cursor: pointer;
}

.modal_map>div {
  height: 87vh !important;
}

.home_search_main p,
.home_search_main_nh p {
  color: #fff;
  text-align: center;
  font-size: 21px;
  padding: 10px 0px;
  font-weight: bold;
}

.home_search_main_nh {
  background-color: "transparent"
}

.home_sub_txt {
  font-size: 14px !important;
  font-weight: normal !important;
  margin-bottom: 20px !important;
}

ol.ui.list {
  padding: 0;
  margin: 0;
}

.city_review_sec>.ui.basic.segment>div>.ui.text.menu {
  border: 1px solid;
  text-align: center;
  border-radius: 15px;
  max-width: 85%;
  margin: 0 auto;
}

.city_review_sec>.ui.basic.segment>div>.ui.text.menu .item {
  width: 33.34%;
  /* width: 50%; */
  display: table;
  background-color: #fff;
  padding: 12px;
  font-weight: bold;
  font-size: 15px;
  border-radius: 15px;
}

.city_review_sec>.ui.basic.segment>div>.ui.text.menu .active.item {
  background-color: #767676 !important;
  color: #fff
}

.city_review_sec .ui.segment {
  width: 100%;
  display: inline-block;
  box-shadow: none !important;
  padding-top: 5px;
  border: none;
}

.review_tab_inner {
  margin-left: 7px;
}

/* .review_tab_inner .ui.segment.active, */
.city_review_tab {
  border: 1px solid rgba(34, 36, 38, .15);
  border-top: 0px;
  border-radius: unset;
}

/* .nh_tab .ui.segment {
  border: 1px solid rgba(34, 36, 38, .15);
  border-top: 0px;
  border-radius: unset;
} */

.city_review_tab {
  padding-bottom: 10px;
  margin-bottom: 15px;
}

/* .home_list_inner{
  width: 50%;
  float: left;
  padding: 10px;
} */

.agent_sub_title {

  margin: 0;
  color: rgba(0, 0, 0, .6) !important;
  font-weight: bold;
}

.overvalue_txt {
  color: #c02e26
}

.undervalue_txt {
  color: #238528;
}

.rating_section {
  display: flex;
  align-items: center;
}

.rating_cnt {
  text-align: center;
  margin-left: 5px;
}

.score_rating {
  font-size: 16px;
  font-weight: bold;
}

.per_rating {
  width: 100%;
  display: inline-block;
  margin-top: 5px;
}

.npi_rating {
  padding-left: 7px;
  font-size: 1.07142857em;
}

.save_home_btn {
  text-align: right;
}

.details_listing_factors .nh_icon_grid_ul .grid_item img {
  width: 42px !important;
}

/* .details_listing_factors .ui.small.header{
  font-size: 11px !important;
} */
/* .details_listing_factors .factor_titile,.details_listing_factors .factor_titile_market_cond {
  font-size: 12px !important;
} */
.rating_Details_listing .score_txt {
  font-size: 12px;
}

.details_listing_factors {
  margin: 0 !important;
}

.detailsListing_data {
  align-items: center;
}

.map_segment {
  margin: 0 !important;
}

.nhmap_top_grid {
  padding-top: 0px !important;
}

.top_left_panes .ui.menu {
  border: none;
  border-radius: 0px 0px 5px 5px;
  max-width: 900px;
  margin: 0 auto;
  box-shadow: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  /* Tight gap */
  justify-content: center;
  background-color: rgba(239, 239, 239, 0.8);
}

.nh_by_main {
  font-size: 12px;
}

.nh_by_sub_txt {
  text-align: center;
  font-weight: bold;
}

#map_crime {
  position: relative;
}

.crime_score_main {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  padding: 30px;
  text-align: center;
}

.crime_score {
  font-size: 18px;
}

.verfication_msg_success {
  text-align: center;
  color: #238528;
  font-weight: bold;
  font-size: 22px;
  padding: 50px;
}

.verfication_msg_err {
  text-align: center;
  color: #c02e26;
  font-weight: bold;
  font-size: 20px;
  padding: 50px;
}

.theme_blue {
  color: #1b57a5 !important
}

.btn_blue_bg {
  background-color: #1b57a5 !important;
  color: #fff !important
}

.btn_blue_bg icon {
  font-size: 13px !important;
}

.btn_blue {
  border: 1px solid #1b57a5 !important;
  padding-left: 5px !important;
  padding-right: 2px !important;
  font-size: 13px !important;
}

.theme_green.ui.button {
  background: #238528 none !important;
  color: #fff !important;
}

.theme_green.ui.label {

  color: #238528 !important;
}

.btn_green {
  border: 1px solid #238528 !important
}

.home_list {
  background: #777;
  padding: 5px 0px;
  border: 1px solid #000;
}

.home_list_listing {
  background: #777;
  border: 1px solid #000;
}

.details_lisitng_right .ui.medium.header,
.neighborphotosec .ui.medium.header {
  margin-left: 0px !important;
 
}
.neighborphotosec .ui.medium.header {
   margin-top: 5px !important;
}

.detailnh_map_right .ui.medium.header {
  margin-left: 13px !important;
}

.lisitng_segment {
  padding: 13px 0px !important;
}

.city_photos {
  padding: 17px 0px 0px 1em !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.open_txt_green.ui.green.ribbon.label {
  background-color: #238528 !important;
  border-color: #238528 !important;
}

.school_disclaimer {
  color: #767676;
  font-weight: bold;
  font-size: 12px;
  line-height: 13px;
  margin-top: 10px
}

.footer_desclaimer {
  margin: 0 auto 20px auto;
  max-width: 1280px;

}

.footer_desclaimer p:first-child {
  margin-bottom: 0px;
}

.footer_desclaimer p {
  color: #767676;
  text-align: left;
  /* font-weight: bold; */
  font-size: 12px;
  line-height: 13px
}

.static_content_main .footer_desclaimer {
  display: none;
}

.static_content_main .footer {
  margin-top: 50px !important;
}

.verify_centered {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  /* Set the width of the div */
  height: 100vh;
  /* Set the height of the div */
}

.verify_user {
  width: 100%;
}

.aboutus_common {
  margin-top: 20px;
}

.aboutus_common p strong {
  font-size: 18px;
}

.aboutus_common p {
  font-size: 16px;
}

.aboutus_main p {
  font-size: 16px;
}

.aboutus_main {
  margin-top: 20px;
}

.aboutus_main h1 {
  text-align: center;
  margin-bottom: 30px;
}

.contact_form_main .ui.form .field {
  margin-bottom: 15px !important;

}

.contact_form_main .ui.form span {
  margin-bottom: 15px !important;
  display: inline-block;

}

.contact_form_main {
  margin-top: 20px;
}

.wrapper {
  width: 100%;
  overflow: hidden;
  border-radius: 5px;
  /* background-image: url(https://preview.colorlib.com/theme/bootstrap/contact-form-08/images/img.jpg.webp); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.contact_form_wrapper {
  padding: 3rem;
  max-width: 760px;
  margin: 0 auto;
  background-color: rgba(119, 119, 119, 0.22);
}

.contact_form_wrapper .ui.form input:not([type]) {
  height: 50px;
  background: #fff;
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  border-radius: 5px;
  border: none;
  -webkit-box-shadow: 0px 8px 19px -13px rgba(0, 0, 0, 0.09) !important;
  -moz-box-shadow: 0px 8px 19px -13px rgba(0, 0, 0, 0.09) !important;
  box-shadow: 0px 8px 19px -13px rgba(0, 0, 0, 0.09) !important;
}

.contact_form_wrapper label {
  margin-bottom: 5px;
  display: inline-block
}

.contact_form_wrapper .ui.form input::placeholder,
.contact_form_wrapper .ui.form textarea::placeholder {

  color: rgba(0, 0, 0, 0.5) !important;

}

.contact_form_wrapper .text_area_cnt textarea {
  background: #fff;
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  border-radius: 5px;
  border: none;
  -webkit-box-shadow: 0px 8px 19px -13px rgba(0, 0, 0, 0.09) !important;
  -moz-box-shadow: 0px 8px 19px -13px rgba(0, 0, 0, 0.09) !important;
  box-shadow: 0px 8px 19px -13px rgba(0, 0, 0, 0.09) !important;
}

.contact_form_wrapper button {
  padding: 12px 16px;
  cursor: pointer;
  border-width: 1px;
  border-radius: 5px !important;
  font-size: 14px;
  font-weight: 400;
  -webkit-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
  position: relative;
  margin-bottom: 20px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background: #1b57a5 !important;
  border-color: #1b57a5 !important;
  color: #fff !important;
  max-width: 150px;
}

.contact_title {
  font-size: 25px;
  margin-bottom: 35px;
}

.contact_success {
  color: #000;
  margin-top: 20px !important;
}

.contact_error {
  color: #c02e26;
  margin-top: 20px !important;
}

.nav-logo {
  width: 45%;
}

.school-data-close-desktop {
  text-align: right;
  cursor: pointer;
  /* margin-right: 10px; */
}

.home_popup_map .school-data-close-desktop {
  margin-right: 10px !important;
  padding: 0 !important;
}

.closetermelymain {
  width: min-content;
  cursor: pointer;
  position: absolute;
  right: 2%;
  top: 9px;
}

#closeicontermly {
  font-weight: bold;
  font-size: 16px;
}

.close_icon_point {
  text-align: right;
  margin-bottom: 20px;
}

.close_icon_point span {
  cursor: pointer;
}

.realtor_points_main {
  text-align: center;
  padding-bottom: 35px;
}

.engaged_txt {
  font-size: 16px;
}

.earn_points {
  text-align: right;
}

.earn_points span {
  cursor: pointer;
  color: #1b57a5;
}

.nhimages_exit {
  text-align: center;
}

.nhimages_exit span {
  color: #1b57a5;
  cursor: pointer;
  font-size: 15px;
}

.photo_success {
  text-align: center;
  color: #238528
}

.rate_err {
  text-align: center;
  color: #c02e26
}

.legend_main {
  position: absolute;
  bottom: 50px;
}

.term_registration {
  color: rgb(65, 65, 65);
  font-weight: normal;
  margin: 6px 7px;
  text-align: center;
  font-size: 1.07142857em;
}

.drag_drop_txt {
  font-size: 20px;
  font-weight: bold;
}

.home-wrapper-admin {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background-image: url("/static/images/hb_banner_new1.png");
  background-size: cover;
}

.home-wrapper-admin .contact_form_wrapper_admin {
  background-color: white;
  padding: 20px;
  border-radius: 4px;
}

.home-wrapper-admin .contact_title_admin {
  text-align: center;
}

.home-wrapper-admin .field-of-admin-control {
  width: 400px;
}

.home-wrapper-admin .form-div-of-admin-control {
  margin-bottom: 20px !important;
}

.home-wrapper-admin .button-submit-admin {
  text-align: center !important;
}

.home-wrapper-admin .button-submit-admin button {
  border-radius: 5px !important;
}

.home-wrapper-UserList {
  margin: 20px;
}

.top-modal-delete {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.dimmed.dimmable>.ui.animating.dimmer,
.dimmed.dimmable>.ui.visible.dimmer,
.ui.active.dimmer {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ui.modal,
.ui.active.modal {
  margin: 0 auto !important;
  top: auto !important;
  left: auto !important;
  transform-origin: center !important;
  transition: all ease .5s;
}

.header-sign-out {
  display: flex !important;
  justify-content: flex-end !important;
  margin-bottom: 28px;
}

.header-sign-out div {
  float: right !important;
}


.landing_grid_btm .ui.raised.card {
  transition: 500ms ease;
  border-radius: 15px;
}

.landing_grid_btm .ui.raised.card .content {
  padding: 1em 0em !important;
}

.landing_grid_btm .ui.raised.card:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  transition: 500ms ease;
}

.landing_grid_btn_main:hover {
  transform: none !important;
  transition: none !important;
}

.middle_banner_sec img {
  transition: 500ms ease;
}

.middle_banner_sec img:hover {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  transition: 500ms ease;
}

.nh_popup {
  width: 300px;
  position: absolute;
  top: 85px;
  right: 8px;
  z-index: 99;
  background: #fff;
  /* border: 1px solid blue; */
  padding: 5px;
  overflow: hidden;
  border-radius: 5px;
  height: 230px;
  padding: 0px;
  padding: 0px;
}

.nh_popup i.minus.icon,
.nh_popup i.plus.icon {
  left: 0;
}

.nh_popup .nhpannel_npi {
  margin: 0;
  padding-left: 15px;
}

.nh_popup .slected_desc {
  margin: 0;
  padding-left: 15px;
  max-height: 150px;
  overflow: auto;
}

.nh_popup .nhpannel_head {
  font-size: 15px;
  font-weight: bold;
  margin-left: 15px;
}

.nh_popup .nh_imgs {
  margin-right: 0px;
  display: block;
  height: 100%;
}

.nh_popup .nhpannel_img {
  height: 130px;
}

.nh_popup .nhpannel_img img {
  width: 100%;
  height: inherit;
}

.popupCityname {
  font-size: 11px;
  margin-left: 5px;
}

.nh_popup .home_price_main {
  overflow: hidden;
  white-space: nowrap;
  max-width: 150px;
  display: inline-grid;
}

.display_txt {
  white-space: nowrap;
  font-size: 16px;
}

.home_search_btm {
  text-align: center;
}

.home_search_btm p {
  color: #ffffff;
  margin-bottom: 5px;
  font-size: 18px;
}

.top_left_panes {
  position: relative;
  display: flex;
  height: 100%;
}

.top_left_panes .ui.bottom {
  position: absolute;
  top: -19px !important;
}

.top_left_panes .ui.menu {
  z-index: 9;
  width: 100%;
  margin-top: 3px;
}

@media only screen and (min-width: 1000px) {
  #menu_item_third {
    margin-left: 14px !important;
  }

  #menu_item_fifth {
    margin-right: 14px !important;
  }
}

@media (max-width: 768px) {
  #menu_item_fifth {
    margin-left: 5px !important;
    margin-right: 15px !important;
  }

  #menu_item_six {
    margin-left: 33px !important;
  }
}

.top_left_panes .ui.menu .item::before {
  background: none !important;
}

.min_width_cls .gmnoprint {
  bottom: -30px !important;
  top: unset !important;
  right: 230px !important;
  left: unset !important;
}

.min_width_cls .gm-bundled-control .gmnoprint {
  bottom: -30px !important;
  top: unset !important;
  right: 18% !important;
  left: unset !important;
}

.min_width_cls .ui.blue.menu .active.item:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: 5px solid #1b57a5;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  bottom: -5px;
}

.min_width_cls .common_sec.active.item:after,
.edit_perosnal:after {
  content: none !important;
}

.min_width_cls .gm-fullscreen-control {
  bottom: 0px !important;
  top: unset !important;
  right: 185px !important;
  left: unset !important;
}


@media screen and (min-width: 768px) and (max-width: 1237px) {
  .nav-img-wrapper .logo_img {
    /* margin-top: 15px !important; */
    height: auto !important;
  }

  .min_width_cls .ui.menu .item {
    width: 23.1% !important;
    flex-basis: auto;
    /* margin: 0 auto; */
    display: table;
    text-align: center;
    margin: 0 5px !important;
  }

  .min_width_cls .ui.menu {
    min-height: auto !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    flex-wrap: nowrap !important;
    justify-content: normal !important;
  }

  /* .min_width_cls .ui.menu .elementry_cls{padding:.92857143em 1.14285714em !important;left: 12.11% !important;top:45px !important}
  .min_width_cls .ui.menu .middle_cls {padding:.92857143em 1.14285714em !important;left: 12.11% !important;top:75px !important}
  .min_width_cls .ui.menu .high_cls{padding:.92857143em 1.14285714em !important;left: 12.11% !important;top:105px !important}
  .min_width_cls .ui.menu .allschool_cls{padding:.92857143em 1.14285714em !important;left: 12.11% !important;top:135px !important} */
  .min_width_cls .ui.menu .elementry_cls {
    padding: 0.92857143em 0 1.14285714em 0 !important;
    top: 47px !important;
    /* width: 105px !important; */
  }

  .min_width_cls .nav-menu-item.ui.menu .middle_cls {
    padding: 0.92857143em 0 1.14285714em 0 !important;
    top: 81px !important;
    /* width: 105px !important; */
  }

  .min_width_cls .ui.menu .high_cls {
    padding: 0.92857143em 0 1.14285714em 0 !important;
    top: 115px !important;
    /* width: 105px !important; */
  }

  .min_width_cls .ui.menu .allschool_cls {
    padding: 0.92857143em 0 1.14285714em 0 !important;
    top: 149px !important;
    /* width: 105px !important; */
  }

  .min_width_cls .ui.menu .edit_perosnal {
    top: 47px !important;
    /* width: 105px !important; */
  }

  .near_town_cls {
    top: 56px !important
  }

  .public_spaces {
    top: 87px !important
  }

  .curb_appeal {
    top: 118px !important
  }

  .all_amenities {
    top: 149px !important
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .min_width_cls .ui.menu {
    justify-content: center !important;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1580px) {
  .nav-img-wrapper .logo_img {
    /* margin-top: 15px !important; */
    height: auto !important;
  }
}

@media screen and (min-width: 1238px) and (max-width: 1435px) {

  .min_width_cls .ui.menu .item {
    /* width: 10.7% !important; */
    margin: 3px !important;

  }

  #top_first_sec {
    width: calc(24% - 11px) !important;
  }

  #top_second_sec,
  #top_third_sec {
    width: calc(36% - 7px) !important;
  }

}

#map_right_top .nav-menu-item {
  border: none;
  box-shadow: none;
  display: flex;
  justify-content: center;
  background-color: #EFEFEF;
  padding: 2px 0px 6px 0px;
  border-radius: 0px 0px 5px 5px !important;
}

.map_right_title {
  margin-bottom: 0px;
  text-align: center;
  background-color: #EFEFEF;

  font-weight: bold;
  border-radius: 5px 5px 0px 0px;
}

#map_right_top .ui.menu .item.home-tab-list {
  background: rgba(0, 0, 0, .07) !important;
}

#map_right_top .ui.menu .item::before {
  background: none;
  content: none;
}

#map_right_top .ui.blue.menu .active.item {
  background: #1b57a5 !important;
  border-color: transparent !important;
  color: #fff !important;
  transition: transform 0.3s ease;
  transform: translateY(3px);
}

.map_right_blk .nav-menu-item .item:hover {
  background: #c6c6c6 !important;
}

#map_right_top .ui.blue.menu .active.item::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: 5px solid #1b57a5;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  bottom: -5px;
  box-shadow: none !important;
}

#map_right_top .tab_content {
  margin-top: 20px;
}

#map_right_top .ui.menu>.item:nth-child(2) {
  margin: 0px 10px;
}

#filter_btn {
  margin-top: 10px;
}

#map_right_top .home_section {
  margin-top: 0px !important;
}

.react-joyride__tooltip [data-action='skip'] {
  color: #1b57a5 !important;
  text-transform: capitalize !important;
  font-weight: bold !important;
  font-size: 15px !important;
}

.react-joyride__tooltip [data-action='primary'] {
  background-color: #1b57a5 !important;
  border: none !important;
}

.react-joyride__tooltip [data-action='back'] {
  color: #1b57a5 !important;
  text-transform: capitalize !important;
  font-weight: bold !important;
  font-size: 15px !important;
  text-align: left;
  width: 72%;
}

.min_width_cls .ui.menu::-webkit-scrollbar {
  width: 0 !important
}

.rm_scroll {
  scrollbar-width: none !important;
  -ms-overflow-style: none;
}

.rm_scroll::-webkit-scrollbar {
  display: none;
  width: 0 !important
}

.landing_grid_btm .ui.small.header {
  font-size: 18px;
  margin-bottom: 0px !important;
}

.landing_grid_btm .ui.card .meta {
  font-size: 14px !important;
}

.search_welcome_main>div {
  max-width: 450px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.react-joyride__tooltip {
  background-image: linear-gradient(#646464, #979797) !important;
}

.top_main {

  -ms-overflow-style: none;
  scrollbar-width: none;
}

.top_main::-webkit-scrollbar {
  display: none;
}

.neighborhood_school,
.school_name a {
  text-decoration: underline;
}

.gs-rating-with-label__rating {
  /* margin: 0 10px 10px 0; */
  width: 40px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

.circle-rating--large {
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  display: -webkit-flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "opensans-bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 700;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  text-align: center;
  font-size: 24px;
  color: #FAFAFA;
  border-style: solid;
  font-size: 15px;
  padding-left: 1px;
}

.circle-rating--9 {
  background-color: #005954;
}

.circle-rating--5 {
  background-color: #00875D;
}

.circle-rating--blue {
  background-color: #1b57a5;
}

.circle-rating--0 {
  background-color: #475569;
}

.circle-rating--large span {
  font-size: .6em;
  opacity: 0.7;
}

.circle-rating--9:hover {
  color: #FAFAFA;
}

.great-school {
  display: flex;
  justify-content: end;
  align-items: center;
  margin: 10px 0px;
}

.great-school p {
  margin-right: 10px;
  margin-bottom: 0px;
  padding-left: 10px;
}

.school-popup {
  display: inline-block;
  width: 100%;
}

.label__rating_popup {
  display: inline-block;
}

.data_provided {
  font-size: 10px;
}

.school_tbl .data_provided {
  font-size: 12px !important;
}

.icon_hover_content {
  padding: 5px !important;
}

.nh_popup .ui.grid>.column:not(.row),
.nh_popup .ui.grid {
  padding: 0px 3px !important;
  margin: 0px !important;
}

.nh_popup img {
  height: 227px !important;
}

.nh_popup_bg {
  background-color: rgba(55, 55, 54, 0.8);
}

.nh_popup_bg_btm {
  min-height: 38px;
}

.home_popup_map .school-data-close {
  position: absolute;
  top: 7px;
  z-index: 4;
  right: -3px;
  background: #64646c;
  border-radius: 50%;
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  width: 25px;
  height: 25px;
}

.nh_popup_description {
  margin-top: 5px;
  display: inline-block;
  font-size: 13px;
  line-height: 14px;
}

.city_review_sec>.ui.basic.segment>div>.ui.text.menu .active.item::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: 10px solid #767676;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  bottom: -15px;
  rotate: 180deg;
  top: -10px;
  display: block !important;
  background: none !important;
}

.nh_review_title_top {
  display: flex;
  justify-content: space-between;
}

.nh_title_main {
  display: flex;
}

.city_txt_btm {
  text-align: right;
  font-size: 1.07142857em;
}

.v_hidden {
  visibility: hidden;
}

.nhrankingsummary {
  color: #1b57a5;
  cursor: pointer;
}

.err_msg_uploadimg {
  color: #c02e26;
  font-weight: bold;
  text-align: center;
  font-size: 15px;
}

.success_msg_uploadimg {
  color: #238528;
  font-weight: bold;
  text-align: center;
  font-size: 15px;
}

.print_flyer_factors .ui.image {
  width: 45px !important;
  height: 35px !important;
  margin: 0px auto;
}

.print_flyer_factors .grid_item .ui.center.aligned.header {
  font-size: 11px !important;
}

.neighbor_detail_wrapper {
  border: 1px solid rgba(34, 36, 38, .15);
  margin-top: 12px;
  height: 775px;
  overflow: hidden;
}

.neighbor_detail_wrapper .summary_blk {
  max-height: 695px;
  overflow: hidden;
}

.hb_txt_top {
  margin-top: 5px !important;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0px;
  padding-left: 30px;
}

.hb_txt_btm {
  text-align: right;
  padding-right: 20px;
  color: rgba(34, 36, 38, 0.6);
}

.print_flyer_neighbour_editor .extra,
.print_flyer_neighbour_editor .ui.pagination.menu {
  display: none !important;
}

.print_sec #school_serve {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.print_sec .ui.basic.segment.nh_lists {
  padding-bottom: 0px !important;
}

.print_sec_user .keywords_blk {
  border: none !important;
}

.print_sec .circle-rating--large {
  width: 30px;
  height: 30px;
}

.print_sec .custom_table td {
  padding-top: 5px;
  padding-bottom: 5px;
}

.nh_title_print {
  color: rgb(15, 20, 67) !important;
  letter-spacing: 0.3px;
  font-size: 1.71428571em !important;
  font-weight: 700;
  margin-left: 0px !important
}

.nh_title_left {
  color: rgb(15, 20, 67) !important;
  letter-spacing: 0.3px;
  font-size: 1.71428571em !important;
  font-weight: 700;
  margin-left: 0px !important
}

.nh_subtitle_right {
  letter-spacing: 0.3px;
  font-size: 18px !important;
  font-weight: 700;
  margin-left: 0px !important;
  color: #1b57a5 !important;
}

.nh_subtitle_print {
  color: rgb(15, 20, 67) !important;
  letter-spacing: 0.3px;
  font-size: 16px !important;
  font-weight: 700;
  margin-left: 7px;

}

.nh_title_main_print {
  margin: 7px 0px 7px 7px;
}

.nh_title_neighborhood {
  margin: 7px 0px 7px 7px;
}

.nh_title_city {
  margin: 7px 0px 5px 7px;
}

.no-box-shadow {
  box-shadow: none !important;
}

.NhrankingCategory {
  /* margin-left: 35px; */
  font-size: 16px;
  font-weight: bold;
}

.school_printflyer .data_provided {
  font-size: 9px;
}

.nhranking_dd_header {
  padding: 10px 10px 10px 5px !important;
  margin: 0 !important;
  text-align: left;
  background: rgb(236, 236, 236);
}

.nhranking_dd_divider {
  margin: 0 !important;
}

.cateoryfilter_txt {
  font-size: 15px;
  font-weight: bold;
}

.wrapper_container {
  display: flex;
  margin-left: -1rem;
}

.button-container {
  /* position: relative; */
  /* margin-left: -3rem;
  margin-top:50px; */
  display: flex;
  align-content: center;
  align-items: center;
  height: 92px;
  position: fixed;
  left: -36px;
  top: calc(100% - 300px);

}

.feedback_button {
  z-index: 1;
  color: #fff !important;
  padding: 10px;
  cursor: pointer !important;
  transform: rotate(-90deg);
  white-space: nowrap;
  margin-top: 50px;
  background-color: #1b57a5 !important;
  border-radius: 0 !important;
}

.arrow-indicator {
  /* position: absolute; */
  /* top: calc(100% + 5px);  */
  transform: translateX(-50%);
  /* left:50px; */
  transform: rotate(90deg);
  margin-left: -40px;
  width: 8px;
  height: 8px;
  background-color: #1b57a5 !important;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.feedback_title {
  text-align: center;
  font-size: 18px;
}

.feedback-que {
  font-size: 15px;
  margin-bottom: 1px;
}

.slider-text-top {
  display: flex;
  justify-content: space-between;
}

.slider-text-top p {
  margin-bottom: 5px;
  padding-bottom: 0x;
}

.feedback-align-center {
  align-items: end !important;
}

.site-question {
  margin-top: 20px;
  padding-bottom: 0 !important;
}

.site-improvment {
  padding-bottom: 0 !important;
}

.feebackformsubmit {
  text-align: center;
}

.feebackformsubmit button {
  border-radius: 0 !important;
  font-size: 16px !important;
}

.nhranking_top_description {
  /* padding-left: 50px; */
  padding-top: 5px;
}

.nh_ranking_rating_main {
  height: 27px;
  width: 27px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.row-grid-ui {
  padding-bottom: 0 !important;
}

.content_grid {
  padding-top: 0 !important;
}

.nh_ranking_rating {
  background: #c02e26;
  border-radius: 50%;
  width: 27px;
  height: 27px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}

.homeaccount_main .nh_ranking_rating {
  width: 30px !important;
  height: 30px !important;
}

.nh_ranking_suffix {
  font-size: 0.5em;
  vertical-align: super;
}

.nhrankingmap_img {
  background-color: white;
  padding: 5px 0px 10px 0px;
  margin-top: 14%;
}

.sticky-container {
  position: sticky;
  top: 0;
  /* z-index: 100; */
}
.sticky-container .gm-style-iw-chr{
  display: none !important;
}

.nhrankingmap_img p {
  text-align: end;
  margin-bottom: 10px;
  cursor: pointer;
  color: #1b57a5;
}

.nhrankingmap_img a {
  color: rgba(0, 0, 0, .87);
  cursor: pointer;
}

.fullmapview {
  text-align: right;
  cursor: pointer;
  font-weight: bold;
  color: #1b57a5;
  z-index: 99;
  position: relative;
}

.banner_image {
  box-shadow: 1px 1px 1px 0.5px rgba(196, 196, 196, 0.5);

}

.banner_image:hover {
  cursor: pointer;
}

.homeaccount_main {
  position: relative;
}

.nhrankingkeywords {
  margin-bottom: 2px;
  font-weight: bold;
}

.nhrankingkeywords_mb {
  margin-bottom: 5px;
  margin-top: 5px !important;
  font-weight: bold;
}

.detailnh_ranking {
  margin-right: 5px;
}

.detailnh_ranking_factor,
.detailnh_ranking_city {
  color: #1b57a5;
  cursor: pointer;
}

.detailnh_ranking_main {
  margin-top: 5px;
  font-size: 1.07143em;
}

.pagination_main {
  position: relative;
  width: 80%;
  margin: auto;
}

.pagination_main a[type="prevItem"],
.pagination_main a[type="nextItem"] {
  position: absolute !important;
  padding: 0 !important;
  margin: 0 !important;

}

.pagination_main a[type="prevItem"] {
  left: 18px;
}

.pagination_main a[type="nextItem"] {
  right: -22px;
}

.seefulllist {
  text-align: center;
  color: #1b57a5;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
}

.nh_ranking_rating_mb {
  width: 26px !important;
  height: 26px !important;
  background: #c02e26;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
}

.nhrankking_img_mb img {
  height: 110px;
  width: 100%;
  box-shadow: 1px 1px 1px 1px rgba(196, 196, 196, 0.5)
}

.ranking_label {
  margin-bottom: 0;
  line-height: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.nh_ranking_rating_mb {
  font-size: 12px;
  margin-left: -5px;
}

.nh_ranking_suffix_mb {
  font-size: 0.6em;
}

.NhrankingCategory_data {
  display: block;
  margin-bottom: 10px;
}
.nhranking_item{
  padding-bottom: 5px !important;
}
.nhranking_item_section {
  padding-bottom: 0 !important;
}

.nhranking_item_desc {
  padding-top: 0 !important;
}

.see_full_list {
  text-align: center;
  position: relative;
  top: -15px;
  font-weight: bold;
  cursor: pointer;
  background-color: #c02e26;
  color: white;
  border: none;
  border-radius: 5px;
  padding: 10px 22px;
  user-select: none;
  display: inline-block;
  text-decoration: none;
}

.nh_see_full_list {
  text-align: center;
  background-color: #c02e26;
  color: white;
  border: none;
  border-radius: 5px;
  padding: 10px 22px;
  user-select: none;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
}

.nhranking_main .search_welcome_main {
  flex: auto;
  margin: 0 20px;
}

@media screen and (min-width:430px) and (max-width: 767px) {
  .NhrankingCategory_data {
    display: flex;
    /* width: 100%; */
    /* justify-content: center; */
    align-items: baseline;
  }

  .NhrankingCategory {
    margin-left: 0px;
  }
}

@media screen and (max-width: 430px) {
  .nhrankking_img_mb img {
    height: 55px;
  }

  .NhrankingCategory_data {
    display: flex;
    justify-content: flex-start;
  }

  .nhranking_top_description {
    padding-left: 0px;
  }
}

@media screen and (min-width:768px) and (max-width:800px) {
  .NhrankingCategory {
    margin-left: 10px;
  }
}

.common_contain_main {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 35px;
}

@media screen and (max-width:1200px) {
  .nhranking_main {
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .NhrankingTitles {
    flex-direction: row;
  }
}

@media screen and (max-width :1200px) {
  .nhrankingmap_img {
    padding: 26px 0px;
  }

  @media screen and (max-width:767px) {
    .nhrankingmap_img {
      display: none;
    }

    .nhranking_main {
      margin-top: 20px;
    }

    .common_contain_main {
      padding-left: 0;
    }

    .content_grid_container {
      padding-top: 0 !important;
    }

    .feedback_button {
      display: none !important;
    }

    .school-data-close {
      padding: 0px !important;
    }

    .home_popup_map .school-data-close {
      right: 5px;
    }

    .map-wrapper .school-data-close {
      top: 0px;
      bottom: 0px;
    }

    .school_main_popup .left_part,
    .school_main_popup .right_part {
      padding: 15px 10px 5px 10px !important;
    }
    #map_right_top .ui.menu > .item:nth-child(2){
      margin: 4px 10px;
    }
  }

  @media screen and (max-width:500px) {
    .search_welcome_main {
      width: 100%;
    }
  }

  @media screen and (max-width:540px) {
    .search_welcome_main {
      margin: 0;
    }
  }

  .map_intial_loader p {
    font-weight: bold;
    padding-top: 5px;
  }
}

.close_nhmap {
  background: grey;
  border-radius: 50px;
}

.close_nhmap a.boxclose {
  margin-top: 4px;
  margin-left: 2px;
  margin-right: 2px;
}

@keyframes zoomInOut {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.cardWithAnimation {
  animation: zoomInOut 2s infinite;
}

.card_nhmap {
  background: transparent;
}


@media screen and (max-width:500px) {
  .close_perosnal_dnh_nh {
    top: 33px;
    right: 38px;
  }

  .card_nhmap {
    width: 96%;
    display: flex;
    justify-content: center;
  }

  .landing_grid_btn_main .ui.raised.card {
    width: 85% !important;
  }

  .home_search_main_nh {
    margin-left: -2px;
    margin-right: -1px;
  }

  .home_search_main_nh p {
    padding-left: 10px;
  }

  .landing_grid_btm .ui.small.header {
    font-size: 15px;
  }

  .nhrankking_img_mb img {
    height: 60px !important;
  }
}

.cardWithAnimation:hover {
  animation: none;
}

.alert_popup {
  position: absolute;
  bottom: 100px;
  left: 50%;
  transform: translate(-50%);
}

.popup_box {
  background-color: #959595;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 30px;
  align-items: center;
  /* backdrop-filter: blur(0.6px); */
}

.popup_txt {
  color: #fff;
  /* font-weight: 600; */
  white-space: nowrap;
  font-size: 18px;
}

.large_pop_text {
  font-size: 24px;
}

.txt_link {
  color: #1b57a5 !important;
  cursor: pointer;
}

.nh_ranking_list_mb {
  display: flex;
}

.legend_main_after {
  position: absolute;
  bottom: 186px;
}

@media screen and (max-width:768px) {
  i.plus.icon,i.minus.icon  {
    left: 18px
  }

  .nhpannel_head {
    margin-left: 46px;
  }

  .map-wrapper .selectedNeighbourhood-content .nhpannel_head {
    margin-left: 0px;
  }

  .map_right_blk .description {
    margin-left: 30px !important;
  }

  .termly-styles-buttons-bb7ad2,
  .termly-styles-termly-banner-e1ed59.termly-styles-bottom-d26761 {
    padding: 10px !important;
  }

  .termly-styles-termly-banner-e1ed59 .termly-styles-message-d6c726 {
    margin-bottom: 5px !important;
  }

  /* making ranking score text small */
  .NhrankingP {
    font-size: 12px;
  }
}

.m-neighborhood-page .nh_title_main_print {
  margin-left: 0px !important;
}

.m-detailsCity-page .nh_title_main_print {
  margin-left: 0px !important;
}

.nh_ranking_sec_mob .ui.medium.header {
  margin-left: 0px !important;
}

#city_main_top_col {
  padding-top: 0px !important;
}

.detailcity_top .fullmapview {
  padding: 0 17px;
}

/* pulsating-circle start */
.pulsating_circle_main {
  position: absolute;
  top: 50%;
  left: 20px;
  cursor: pointer;
}

.pulsating-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 25px;
  height: 25px;

  &:before {
    content: '';
    position: relative;
    display: block;
    width: 300%;
    height: 300%;
    box-sizing: border-box;
    margin-left: -100%;
    margin-top: -100%;
    border-radius: 45px;
    /* background-color: #1b57a5; */
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  }

  &:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 15px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
  }
}

.how_it_work_logo_img {
  cursor: pointer;
  width: 25px !important;
  height: 25px !important;
  margin-bottom: -7px;
}

.how-it-work {
  position: absolute;
  left: 0%;
  top: 45%;
  transform: translate(-41px, -50%);
}

.how-it-work-arrow-indicator {
  position: absolute;
  top: 50%;
  left: 66%;
  transform: translateX(-50%) rotate(90deg);
  width: 8px;
  height: 8px;
  background-color: #1b57a5 !important;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.how-it-work-btn {
  z-index: 1;
  color: #fff !important;
  cursor: pointer !important;
  transform: rotate(-90deg);
  white-space: nowrap;
  margin-top: 50px;
  background-color: #1b57a5 !important;
  border-radius: 0 !important;
  padding: 5px 10px 10px 10px !important;
}

@keyframes pulse-ring {
  0% {
    transform: scale(.33);
  }

  80%,
  100% {
    opacity: 0;
  }
}

@keyframes pulse-dot {
  0% {
    transform: scale(.8);
  }

  50% {
    transform: scale(1);
  }

  100% {
    transform: scale(.8);
  }
}

.btn_bg_static {
  background-color: #c02e26 !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  padding-left: .78571429em !important;
  padding-right: .78571429em !important;
}

.tooltip-content {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #ccc;
  border: 1px solid black;
  padding: 2px;
  z-index: 2;
}

.tooltip-content-below {
  display: none;
  position: absolute;
  top: -5%;
  left: 82%;
  width: 40%;
  background-color: #ccc;
  border: 1px solid black;
  padding: 2px;
  z-index: 2;
}

.sale_listing_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Homes for Sale Section - Single Item Display */
.home_sales_nh .ui.items:not(.unstackable) > .item {
  margin: 0 0 20px 0 !important;
  position: relative;
}

.home_sales_nh .ui.items:not(.unstackable) > .item > .image,
.home_sales_nh .ui.items:not(.unstackable) > .item > .image > img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 8px;
}

.home_sales_nh .home_list {
  border-radius: 0 0 8px 8px;
}

/*
 * "Homes for Sale in this Neighborhood" carousel track.
 *
 * Every listing card is rendered into this track — the arrows scroll it rather
 * than swapping which single card exists — so the whole set is in the DOM and
 * crawlable while the reader still sees exactly one card at a time. The
 * scrollbar is hidden because the arrows are the control.
 *
 * `.ui.items` is Semantic's own class and it sets `display: block`, so these
 * rules carry the extra class to outspecify it.
 */
.sale_list .ui.items.sale_track {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* legacy Edge */
}

.sale_list .ui.items.sale_track::-webkit-scrollbar {
  display: none;
}

.sale_list .ui.items.sale_track > .item {
  flex: 0 0 100%;
  scroll-snap-align: start;
  /*
   * A flex container does not collapse its children's margins, so the card's
   * 20px bottom margin would push the arrows 20px further down than they sit
   * today. The track's own 1.5em bottom margin still collapses with the
   * arrows' 20px top margin, which is what produced the gap in the first place.
   */
  margin-bottom: 0 !important;
  /*
   * Off-screen cards cost no layout or paint. The card is exactly as tall as
   * its image (300px, fixed inline) because the price bar overlays it, so that
   * is the whole box to reserve.
   */
  content-visibility: auto;
  contain-intrinsic-size: auto 300px;
}

.home_sales_nh .pagination_main {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

/* Pagination button styling - ONLY for home sales section */
.home_sale_pagination .ui.pagination.menu .item.disabled,
.home_sale_pagination .ui.pagination.menu .item.disabled-pagination-btn {
  opacity: 0.4;
  cursor: not-allowed !important;
  pointer-events: none;
}

.home_sale_pagination .ui.pagination.menu .item:not(.disabled):hover {
  background-color: #f0f0f0;
}

.alert_button_sm {
  width: 27%;
  display: flex;
  justify-content: flex-end;
}

.btn_bg_diff {
  padding: 0 !important;
}

.track_button_satic {
  border: 1px solid #c02e26 !important;
  color: #c02e26 !important;
  padding-left: 5px !important;
  padding-right: 2px !important;
  font-size: 13px !important;
}

.track_modal {
  width: 100%;
  text-align: center;
}

.divider_modal_grid {
  margin-top: 5px !important;
}

.divider_modal_grid_caption {
  margin: 5px 1rem !important;
}

.input_modal_form {
  margin: 0 !important
}

.modal_track_title {
  font-weight: 900;
  font-size: 20px;
  margin-bottom: 5px;
}

.modal_track_desc {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
}

.slider_modal_btn_track {
  position: absolute;
  top: 7px;
  right: 7px;
}

.slider_modal_btn_track span {
  color: black;
  padding: 3px 7px;
  cursor: pointer;
  font-weight: 900;
  font-size: 20px;
}

.track_modal_terms {
  margin-bottom: 20px;
  margin-top: 30px;
}

.print_flyer_logo {
  max-width: 70% !important;
  margin-left: 120px !important;
  width: 70% !important;
}

/* .btn_alert{
  padding-left: .78571429em !important;
  padding-right: .78571429em !important;
} */
@media screen and (max-width:500px) {
  .btn_bg_diff {
    margin-left: -48px !important;
  }

  .alert_button_sm {
    height: 43px;
    display: flex;
    justify-content: center;
    align-items: unset;
  }
}

/* pulsating-circle wrap */
.landingBtn {
  text-align: center;
  margin-bottom: 15px;
}

@media only screen and (min-width: 402px) and (max-width: 450px) {
  .public_spaces {
    top: 86px !important;
  }

  .curb_appeal {
    top: 116px !important;
  }

  .all_amenities {
    top: 147px !important;
  }
}

@media only screen and (min-width: 451px) and (max-width: 767px) {
  .near_town_cls {
    top: 57px !important;
  }

  .public_spaces {
    top: 88px !important;
  }

  .curb_appeal {
    top: 118px !important;
  }

  .all_amenities {
    top: 149px !important;
  }

  .map-wrapper .min_width_cls .ui.menu .elementry_cls {
    top: 56px !important;
  }

  .map-wrapper .min_width_cls .ui.menu .middle_cls {
    top: 87px !important;
  }

  .map-wrapper .min_width_cls .ui.menu .high_cls {
    top: 118px !important;
  }

  .map-wrapper .min_width_cls .ui.menu .allschool_cls {
    top: 149px !important;
  }

  .edit_perosnal {
    top: 56px !important;
  }
}

.landingBtn {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.landingBtn button {
  animation: none;

}

.landingBtn button:hover {
  animation: 2s infinite zoomInOut;
}


@keyframes slideIn {
  from {
    transform: translate(-200%, -10%) scale(0.2);
    opacity: 0;
  }

  to {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}

.feedback_button {
  position: relative;
}

@keyframes slideOut {
  from {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }

  to {
    transform: translate(-200%, -10%) scale(0.2);
    opacity: 0;
  }
}


/* 404 Page css starting */
.error-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  /* Full viewport height */
  background-color: #fafafa;
  /* Light grey background */
  color: #333;
  /* Dark grey text */
  text-align: center;
}

.error-logo {
  max-width: 350px !important;
  /* Limit the size of the logo */
  /* margin-bottom: 20px;  */
}

.error-page h1 {
  margin: 20px;
  font-size: 36px;
  text-transform: uppercase;
  color: #d32f2f;
  /* Red color for emphasis */
}

.error-page p {
  font-size: 1.2rem;
  max-width: 400px;
}

.error-page i {
  color: #555;
  /* Slightly darker text for the error message */
}

/* 404 Page css ending */


/* Neighvourhood page share model css start */

.modal_share_title {
  font-weight: 700;
  font-size: 20px;
}

.share_close_icon {
  position: absolute;
  right: 12px;
  top: 12px;
  cursor: pointer;
  z-index: 1;
}

.share_icon_container {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 20px;
}

.share_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}


.copy-link-container {
  display: flex;
  align-items: center;
  margin-top: 20px;
  position: relative;
}

.copy-link-input {
  flex-grow: 1;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none;
  font-size: 14px;
  padding-right: 85px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.copy-link-button {
  padding: 10px 20px;
  color: white;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  position: absolute;
  right: 5px;
}

.share-modal-button {
  z-index: 1;
  color: #fff !important;
  padding: 10px;
  cursor: pointer !important;
  transform: rotate(-90deg);
  white-space: nowrap;
  margin-top: 50px;
  background-color: #1b57a5 !important;
  border-radius: 0 !important;
}

.share-arrow-indicator {

  transform: translateX(-50%);

  transform: rotate(-90deg);
  margin-right: -50px;
  width: 8px;
  height: 8px;
  background-color: #1b57a5 !important;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.share-button-container {
  text-align: end;
  position: relative;
}

.share-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  float: inline-end;
}

.nhranking-share-button {
  display: flex;
  justify-content: end;
}

.nhranking-mobile-share {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  width: 100%;
  align-items: end;
}

.nhranking-mobile-share .nhranking-share-button {
  display: none;
}

@media screen and (max-width:767px) {
  .nhranking-mobile-share .nhranking-share-button {
    display: block;
  }

  .how-it-work .ui.button {
    font-size: 0.8rem;
  }

  .video-wrapper .video-container .play-button {
    font-size: 15px !important;
    padding: 15px !important;
  }
}


/* Neighvourhood page share model css end */

.truncate {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* Number of lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.addTimeBlog {
  /* padding-top: 30px; */
  display: flex;
  justify-content: end;
  margin-bottom: 30px;
}

.pb20 {
  padding-bottom: 20px;
}

.blogmain .ui.card>.image>img {
  height: 300px !important;
}

.recentBlog-Text {
  padding-top: 5px;
}

.recentBlogs .ui.items>.item>.image>img {
  height: 70px !important;
}

.viewMore {
  /* border: none !important;
 box-shadow: none !important; */
  margin-top: 20px !important;
  /* background: transparent none !important; */
}

.recentBlogs .ui.primary.button:hover {
  background-color: #1b57a5 !important;
  color: #FFF !important;
}

.recentBlogs .ui.primary.button {
  background: transparent none !important;
}

.recentBlogs {
  margin-left: 25px;
}

.text-center {
  text-align: center;
}

.pb20 {
  padding-bottom: 20px;
}

.viewcard .ui.image {
  width: 100%;
  max-width: auto;
}

.tagblog {
  font-size: 18px;
  font-weight: 400;
}

.blogdescription figure {
  margin-left: 0px !important;
}

.blogdescription img {
  max-width: 100% !important;
  height: auto;
}

/* Fix table styles inside blog posts */
.blogdescription table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 16px;
  text-align: left;
}

.blogdescription table th,
.blogdescription table td {
  border: 1px solid #ddd;
  padding: 12px 15px;
}

.blogdescription table th {
  background-color: #f2f2f2;
  font-weight: bold;
}

.blog_main .blog_title {
  text-align: center;
  font-weight: bold;
}

.blog_banner_img {
  width: auto !important;
  margin: 0 auto;
  box-shadow: 1px 1px 1px 1.5px rgba(196, 196, 196, 0.5);
  border: 1px solid;
}

.br-round-left {
  border-radius: 5px 0px 0px 5px !important;
}

.br-round-right {
  border-radius: 0px 5px 5px 0px !important;
}

.ranking_wrapper {
  box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15);
  border: none;
  border-radius: .28571429rem;
  -webkit-transition: box-shadow .1s ease, -webkit-transform .1s ease;
  transition: box-shadow .1s ease, -webkit-transform .1s ease;
  transition: box-shadow .1s ease, transform .1s ease;
  transition: box-shadow .1s ease, transform .1s ease, -webkit-transform .1s ease;
  padding: 10px;
  margin: 6px 10px;
}

.min_width_cls .ui.menu .item.common_sec {
  width: 105px;
  padding-right: 0 !important;
  padding-left: 0 !important;
  text-align: center;
  border: none !important;
  border-radius: 0px !important;
}

.ui.items>.item.nhlist_items {
  box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15);
  border: none;
  border-radius: .28571429rem;
  -webkit-transition: box-shadow .1s ease, -webkit-transform .1s ease;
  transition: box-shadow .1s ease, -webkit-transform .1s ease;
  transition: box-shadow .1s ease, transform .1s ease;
  transition: box-shadow .1s ease, transform .1s ease, -webkit-transform .1s ease;
  padding: 8px 5px;
  min-height: 130px;
}

@media only screen and (max-width: 767px) {
  .recentBlogs .ui.unstackable.items>.item>.image {
    width: 90px !important;
  }

  .blog_title {
    font-size: 18px;
  }

  .recentBlog-Text {
    padding-left: 0px;
  }

  .blogdescription p {
    font-size: 12px;
  }
}

@media screen and (max-width:991px) {
  .recentBlogs .ui.divided.grid:not([class*="vertically divided"])>.row>.column {
    box-shadow: none !important;
  }

}

.mr-30 {
  margin-top: 30px;
}

.blogdescription p {
  padding-left: 7%;
}

.school_tbl_sub_txt {
  display: flex;
  /* gap: 35px; */
  justify-content: space-between;
}

.school_tbl_sub_txt_left,
.school_tbl_sub_txt_right {
  text-align: center;
}

.school_tbl_sub_txt_left p,
.school_tbl_sub_txt_right p {
  margin-bottom: 0;
  font-size: 11px;
}

.school_tbl_sub_logo {
  margin-top: 5px;
}

/* Skeleton CSS start */

.skeleton {
  background-color: #e0e0e0;
  border-radius: 4px;
  margin: 8px 0;
  position: relative;
  overflow: hidden;
  margin: 5px;
}

.skeleton-title,
.skeleton-rating,
.skeleton-factor-item,
.skeleton-modal,
.skeleton-text-line,
.skeleton-ranking-item,
.skeleton-agent-item,
.skeleton-photo-main,
.skeleton-thumbnail {
  animation: shimmer 1.5s infinite linear;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  border-radius: 4px;
  margin: 5px;
}

.skeleton-title {
  height: 24px;
  width: 70%;
}

.skeleton-rating {
  height: 20px;
  width: 30%;
}

.skeleton-factor-item {
  height: 24px;
  width: 100px;
}

.skeleton-modal {
  height: 200px;
  width: 100%;
}

.skeleton-text-line {
  height: 12px;
  width: 100%;
}

.skeleton-ranking-item {
  height: 20px;
  width: 80%;
}

.skeleton-agent-item {
  height: 50px;
  width: 100%;
}

.skeleton-photo-main {
  height: 200px;
  width: 100%;
}

.skeleton-thumbnail {
  height: 60px;
  width: 60px;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}


/* Skeleton CSS end */
@media screen and (max-width:767px) {
  .responsive-score {
    /* display: flex;
    justify-content: space-between; */
    width: 100%;
    align-items: center;
  }

  .per_rating {
    width: auto;
  }

  .save_share_container {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    position: absolute !important;
    top: 0;
    right: 0;
  }

   /* Mobile button styling for Follow Neighborhood and Save */
  .save_share_container .ui.button.theme_red.btn_red {
    background: transparent !important;
    border: none !important;
    padding: 8px 4px !important;
    margin: 0 !important;
    min-width: auto !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
  }

  .save_share_container .ui.button.theme_red.btn_red i.icon {
    display: inline-block !important;
    margin: 0 !important;
    font-size: 22px !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Share button in mobile */
  .save_share_container .share-button-container {
    display: flex !important;
    align-items: center !important;
  }

  .save_share_container .share-button-container .ui.button {
    margin: 0 !important;
    padding: 8px 4px !important;
  }

  .city_title span {
    margin: 0;
  }

  .detailnh_ranking_main_container {
    display: flex;
    flex-wrap: wrap;
    max-width: 370px;
    margin: 0 auto;
  }

  .detailnh_ranking_main {
    width: 50%;
  }

  .nh_ranking_title {
    font-size: 12px;
  }

  .factor_section {
    margin: 10px 0;
  }

  .factor_titile,
  .factor_titile_market_cond {
    text-align: left;
    font-size: 1.07142857em;
    font-weight: 700;
    padding: 0;
  }

  .nh_ranking_mob_title .ui.small.header {
    margin: 0 !important;
    padding: 0 15px;
  }

  .factor_section {
    padding: 0 15px;
  }

  .nh_ranking_sec_mob {
    padding: 0 15px !important;
  }

  .responsive-border {
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15);
    border: none;
    border-radius: .28571429rem;
    -webkit-transition: box-shadow .1s ease, -webkit-transform .1s ease;
    transition: box-shadow .1s ease, -webkit-transform .1s ease;
    transition: box-shadow .1s ease, transform .1s ease;
    transition: box-shadow .1s ease, transform .1s ease, -webkit-transform .1s ease;
  }
}

@media only screen and (min-width: 375px) and (max-width: 1249px) {
  .map_search_box {
    width: 100% !important;
  }
}

@media only screen and (min-width: 1250px) and (max-width: 1600px) {
  .map_search_box {
    width: 86% !important;
  }
}

@media only screen and (max-width: 767px) {
  .ui.container {
    width: auto !important;
    margin-left: 0.5em !important;
    margin-right: 0.5em !important;
  }
}

.nhpannel_desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.four-lines {
  -webkit-line-clamp: 4;
  /* word-break: break-all; */

}

.five-lines {
  -webkit-line-clamp: 5;
  /* word-break: break-all; */

}

.three-lines {
  -webkit-line-clamp: 3;
  /* word-break: break-all; */

}

.personal_bar_txt {
  text-align: center;
  padding: 0 30px;
  max-width: 540px;
  margin: 0 auto;
}

.pagination_see_full_list {
  text-align: center;
  top: -15px;
  font-weight: bold;
  cursor: pointer;
  margin: 0 50px;
  border: none;
  border-radius: 5px;
  padding: 10px 22px;
  user-select: none;
  background-color: #c02e26;
  display: inline-block;
}

.ui.secondary.menu .item {
  border: 1px solid grey !important;
  border-radius: 5px !important;
  padding: 0px !important;
}

.ui.header .icon:only-child {
  display: inline-block;
  padding: 0;
  margin-right: 0.30rem !important;
  margin-left: 0.30rem !important;
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  .b-none-mb {
    display: none !important;
  }

  .b-block-mb {
    display: block !important;
  }

  .min_width_cls .ui.menu .item {
    width: 12% !important;
    margin-bottom: 8px !important;
  }

  .map-wrapper .scroll-to-right {
    top: 42px !important;
    right: 20px !important;
    width: 30px !important;
    height: 57px !important;
  }

  .map-wrapper .scroll-to-left {
    top: 42px !important;
    left: 20px !important;
    width: 30px !important;
    height: 57px !important;
  }

  #menu_item_six {
    margin-left: 5px !important;
  }
  .top_left_panes .ui.menu {
    margin: unset !important;
    max-width: 100% !important;
  }

  .top_txt_main {
    max-width: 1000px !important;
  }

  .map-wrapper .min_width_cls .ui.menu .elementry_cls {
    top: 50px !important;
  }

  .map-wrapper .min_width_cls .ui.menu .middle_cls {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }

  .map-wrapper .min_width_cls .ui.menu .high_cls {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    top: 115px !important;
  }

  .map-wrapper .min_width_cls .ui.menu .allschool_cls {
    top: 148px !important;
  }

  .map-wrapper .school-data-close {
    top: 0px;
    bottom: 0px;
  }
}

.video-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90vw;
  max-width: 700px;
  aspect-ratio: 16/9;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  background-color: #000;
}

.video-container video {
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 8px;
  background-color: #000;
}

.play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.6);
  border: none;
  border-radius: 50%;
  padding: 20px;
  cursor: pointer;
  color: #fff;
  font-size: 20px;
  transition: background 0.3s ease;
}

.play-button:hover {
  background: rgba(0, 0, 0, 0.8);
}
/* ✅ Chrome, Safari, Edge (WebKit) */
.no-center-play::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

/* ✅ Firefox */
.no-center-play::-moz-media-controls-play-button {
  display: none !important;
}

/* ✅ Optional: disable pointer events on the overlay if still visible */
.no-center-play::cue {
  pointer-events: none;
}
/* .nh_popup:hover .item{
  pointer-events: auto !important;
} */
 .mls_number,.listing_sources{text-align: left !important;margin: 10px 0px !important;}
 .listing_sources_nh{font-size: 12px; margin-bottom: 5px !important;}
.mls_logo, .bayeast_logo{
  max-width: 25px;
}
.footer_middle_sec{display: flex;
  font-size: 9px;
  align-items: center;
  gap: 4px;
  margin-bottom: 10px;
  color: #767676;}
.nh_source_sec{
  margin-left: 30px;
}
.nh_listing_middle{
  margin-bottom: 0px !important;
}
/* .bottom-panel {
  position: fixed;
bottom: 0;
  left: 0;
  right: 0;
  background: white;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  padding: 5px 16px;
  transition: transform 0.3s ease-in-out;
  transform: translateY(70%);
  z-index: 1000;
  text-align: center;
}

.bottom-panel.expanded {
  transform: translateY(0%);
}

.handle-bar {
  width: 40px;
  height: 5px;
  background: #ccc;
  border-radius: 3px;
  margin: 0 auto 3px;
}

.panel-title {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 60px;
}
.expanded .panel-title {
  margin-bottom: 0px;
}
.panel-content {
  color: gray;
  margin-top: 8px;
} */
.mobile-drawer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  height: calc(100dvh - 70px);
  z-index: 999;
  display: flex;
  flex-direction: column;
  will-change: transform;
  transition: transform 0.3s ease;
   box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.2);
touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  pointer-events: auto;
  border: 1px solid #666;
}

.mobile-drawer.collapsed {
  transform: translateY(calc(100% - 50px)) !important; /* Only handle-bar visible */
}

.mobile-drawer.expanded {
  transform: translateY(0);
}
.handle-arrow {
  width: fit-content;
  margin: 8px auto;
  cursor: pointer;
  z-index: 9999;
  position: relative;
}

/* Arrow base */
.arrow {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  transition: transform 0.3s ease;
}

/* Arrow Up (when closed) */
.arrow.up {
  border-bottom: 10px solid #666;
}

/* Arrow Down (when open) */
.arrow.down {
  border-top: 10px solid #666;
}

.drawer-inner-scrollable {
  overflow-y: auto;
  flex-grow: 1;
  overflow-x: hidden;
}

.panel-title {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
  text-align: center;
  cursor: pointer;
}

.map_right_title {
  font-size: 14px;
  font-weight: 600;
  /* margin-bottom: 16px; */
}
/* mobile view */
.nhrankingkeywords_mb {
  font-size: 11px;
  margin-top: 10px;
  margin-bottom: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nhrankingDesc_mb {
  font-size: 11px;
  line-height: 1.5;
  margin-top: 5px;
  margin-bottom: 0px !important;
  /* display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; */
}
.nhleft_ranking_txt{
  background: #c02e26;
  border-radius: 50%;
  width: 27px;
  height: 27px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}
.detail_nh_top .top-nh-list, .detailcity_top .top-nh-list{
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15);
    border: none;
    border-radius: .28571429rem;
    -webkit-transition: box-shadow .1s ease, -webkit-transform .1s ease;
    transition: box-shadow .1s ease, -webkit-transform .1s ease;
    transition: box-shadow .1s ease, transform .1s ease;
    transition: box-shadow .1s ease, transform .1s ease, -webkit-transform .1s ease;
    padding: 8px 5px 8px 5px !important;
    margin: 15px 0 !important;
}
.top-nh-list .img-item-desc{
  max-width: 100%;
  overflow: hidden;
}
.detail_nh_top .nh_lists, .detailcity_top .nh_lists{
  padding-right: 0px !important;
  padding-top: 0px !important;
}
.NhrankingTitles{
  font-size: 18px;
}
.ml-5{
  margin-left: 5px;
}
.pagination_section .ui.secondary.menu .item{
  border: none !important;
}
.nh_lists .extra{
  margin-top:0px !important;
}
.nhranking_main .search_welcome_main > div{ 
margin-bottom: 5px !important;
}
.ml-50{
  margin-left: 50%;
}
.ml-23{
  margin-left: 23%;
}
.expert_segment{
  padding-right: 0px !important;
}
.expert_contact_section{
  box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15);
  border: none;
  padding: 25px 50px 33px 50px;
}
.expert_contact_section p{
  color: #c02e26;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.expert_contact_section .ui.fluid.button{
  font-size: 18px;
}
.city_ranking_inner{
  max-width: 800px;
  margin: 0 auto;
}
.nhrankingmap_img .gm-fullscreen-control{
  display: none !important;
}

/** For style of SignIn and SingUp Modal */
.dimmed.dimmable>.ui.visible.dimmer {
  display: flex !important;
}
.dimmed.dimmable>.ui.active.dimmer {
  display: flex !important;
}

  .city_review_sec .review_tab_inner{
    border-bottom: 1px solid rgba(34, 36, 38, .15);
  border-left: 1px solid rgba(34, 36, 38, .15);
  border-right: 1px solid rgba(34, 36, 38, .15);
  padding-bottom: 15px;
  }

  .detailnh_map_right #map{
    padding-right: 0px;
  }

/* Mobile-specific styles for ranking list - Force mobile view on small screens */
@media only screen and (max-width: 767px) {
  /* Hide desktop ranking layout on mobile */
  .nhranking_item {
    display: none !important;
  }

  /* Show mobile ranking layout */
  .nhranking_item_section,
  .nhranking_item_desc {
    display: flex !important;
  }

  /* Hide keywords and description on mobile - mobile should only show basic metrics */
  /* .ranking_wrapper .nhrankingkeywords,
  .ranking_wrapper .nhrankingDesc,
  .ranking_wrapper .nhrankingsummary {
    display: none !important;
  } */

  /* Hide the entire Grid.Row that contains keywords/description (comes after nhranking_item) */
  .nhranking_item ~ .row {
    display: none !important;
  }
}

/* Desktop - ensure mobile view is hidden */
@media only screen and (min-width: 768px) {
  /* Hide mobile ranking layout on desktop */
  .nhranking_item_section,
  .nhranking_item_desc {
    display: none !important;
  }

  /* Show desktop ranking layout */
  .nhranking_item {
    display: flex !important;
  }

  /* Show desktop logo, hide mobile logo on desktop */
  .logo-image-desktop {
    display: block !important;
  }

  .logo-image-mobile {
    display: none !important;
  }
}

/* Mobile horizontal scroll for tabs - only affects mobile view */
@media only screen and (max-width: 767px) {
  .score-tabs-container {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    /* padding-bottom: 10px; */
    scrollbar-width: thin;
    scrollbar-color: #ccc #f5f5f5;
  }

  .score-tabs-container::-webkit-scrollbar {
    height: 6px;
  }

  .score-tabs-container::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 3px;
  }

  .score-tabs-container::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
  }

  .score-tabs-container::-webkit-scrollbar-thumb:hover {
    background: #999;
  }

  .score-tab {
    flex-shrink: 0;
    scroll-snap-align: start;
  }

  /* Show mobile logo, hide desktop logo on mobile */
  .logo-image-desktop {
    display: none !important;
  }

  .logo-image-mobile {
    display: block !important;
    height: 40px !important;
    width: auto !important;
    object-fit: contain !important;
  }
}

/* button radius */
.btn_blue_radius {
  border-radius: 5px !important;
}

/* Neighborhood Tab Styling */
.nh_tab {
  padding-top: 10px;
  padding-bottom: 15px;
  margin: 15px 0 0 7px;
  overflow: visible;
  border: 1px solid rgba(34, 36, 38, 0.15);
}

/* Expert Message Section Styling */
/* .expert-message-section {
  padding: 20px;
} */

.expert-badge-section {
  display: flex;
  gap: 25px;
  padding: 10px 20px;
  justify-content: space-between;
  /* align-items: center; */
}

.expert-message-section h2 {
  color: #d11318;
  font-size: 32px !important;
  font-weight: bold !important;
  margin-bottom: 15px !important;
}

.expert-message-section p {
  font-size: 18px !important;
  color: #4f4f4f !important;
  max-width: 450px !important;
  line-height: 1.4 !important;
}

.expert_message_list {
  display: flex;
  flex-direction: column;
}

.expert_message_list_item {
  display: flex;
  align-items: center;
  gap: 5px;
}

.expert_message_list_item img {
  width: 45px;
}

.expert_message_list_item span {
  font-size: 16px;
  color: #444;
}

/* Keyword Section Styling */
.neighborhood-keywords-container {
  overflow: hidden;
  padding-bottom: 10px;
}

.neighborhood-keywords-container h3 {
  margin: 0 7px 0px 7px !important;
}

/* Share Modal Form Styling */
.share-modal-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.share-form-field {
  display: flex;
  flex-direction: column;
}

.share-form-field input,
.share-form-field textarea {
  width: 100% !important;
  padding: 12px !important;
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
  font-size: 14px !important;
}

.share-form-field textarea {
  min-height: 100px;
}

.share-form-field .field-help {
  font-size: 11px;
  color: #767676;
  margin-top: 5px;
}

.share-form-field .field-error {
  font-size: 11px;
  color: #d11318;
  margin-top: 4px;
  font-weight: 600;
}

.share-form-field input.error-border,
.share-form-field textarea.error-border {
  border-color: #d11318 !important;
}

.share-form-submit {
  background-color: #d11318 !important;
  color: white !important;
  padding: 12px !important;
  border-radius: 6px !important;
  font-size: 18px !important;
  font-weight: bold !important;
  width: 100% !important;
  border: none !important;
  margin-top: 5px !important;
}

/* ====================================
   MOBILE NEIGHBORHOOD PAGE REORDERING
   ==================================== */

.city_nh_imgs {
  width: 175px !important;
}

.city_nh_imgs img {
  width: 95%;
  height: 100px !important;
}

.nh_fulltitle {
  font-size: 14px !important;
}

.nh_fulltitle span:first-child {
  font-size: 18px !important;
}

.cityranking_main  {
  margin-top: 15px !important;
  max-width: 90%;
}

.cityranking_title {
  margin-bottom: 0px !important;
}

.ui.stackable.divided:not(.vertically).grid>.row>.nhranking_content_column {
  padding-top: 10px !important;
}

/* Mobile-only section visibility */
@media screen and (max-width: 767px) {
  /* Hide sections on mobile that are shown via duplicates in different positions */
  .nh-desktop-only {
    display: none !important;
  }

  /* Show mobile-only duplicate sections */
  .nh-mobile-only {
    display: block !important;
  }

  .city_level_txt_mb {
    font-size: 8px !important;
  }

  .pagination_see_full_list {
    margin: 0 40px;
  }

  .city_nh_imgs {
    width: 100% !important;
  }

  .city_nh_imgs img {
    width: 100%;
    height: 85px !important;
  }

  .detailcity_nh_img {
    width: 36.5% !important;
  }

  .img-item-desc {
    padding-top: 0px !important;
    width: 63.5% !important;
  }

  .nh_summary {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  .nh_fulltitle {
    font-size: 14px !important;
  }

  .nh_fulltitle span:first-child {
    font-size: 16px !important;
  }

  .top_nh_title {
    font-size: 16px !important;
  }

  .cityranking_main {
    margin-top: 20px !important;
    width: 100%;
    max-width: 100% !important;
  }

  .nhranking_divider {
    margin: 10px 0 !important;
  }

  .cityranking_title {
    margin-bottom: 10px !important;
  }
}

/* Desktop-only section visibility */
@media screen and (min-width: 768px) {
  /* Show desktop sections */
  .nh-desktop-only {
    display: block !important;
  }

  /* Hide mobile-only duplicate sections on desktop */
  .nh-mobile-only {
    display: none !important;
  }
}

/* Out of Range View Styles */
.out-of-range-container {
  min-height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.out-of-range-card {
  max-width: 600px;
  width: 100%;
  background: #fff;
  border-radius: 12px;
  padding: 40px;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border: 1px solid #eee;
}

.out-of-range-title {
  font-size: 28px;
  font-weight: 700;
  color: #333;
  margin-bottom: 16px;
}

.out-of-range-text {
  font-size: 16px;
  color: #666;
  margin-bottom: 30px;
  line-height: 1.5;
}

.out-of-range-button {
  background: #c02e26;
  color: #fff;
  border: none;
  padding: 12px 32px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

/* Custom styling to make the property/listing page address 75% larger (1.75rem) and bold */
.cust_head.ui.header {
  font-size: 1.5rem !important;
  font-weight: bold !important;
  font-style: normal !important;
  line-height: 1.4 !important;
  color: #1a1a1a !important;
  /*
   * LS-21. The address is its own full-width row now, so it neither grows nor
   * shrinks against a neighbour. See .cust_header_wrap below for why.
   */
  flex: none;
  width: 100%;
  min-width: 0;
  margin-bottom: 0 !important;
}

.cust_head.ui.header .sub.header {
  font-size: 16px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  margin-top: 5px !important;
}

/*
 * BlackTitle always emits a Header.Subheader, so a title given no subhead
 * shipped an empty one carrying a 5px top margin. Nothing ever read it.
 */
.cust_head.ui.header .sub.header:empty {
  display: none !important;
}

/*
 * LS-21 item 2. The address on one line: street at the header size, city,
 * state and ZIP a step down at the same 16px the rest of the header block
 * uses, so no new size enters the scale.
 */
.cust_head .cust_head_addr {
  white-space: nowrap;
}

.cust_head .cust_head_place {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
}

/*
 * LS-21 item 1. The sold/status line, on its own full-width row.
 *
 * It used to sit inside .cust_head, which the old two-column flex row squeezed
 * to 258px of a 730px row — so a 568px sentence wrapped onto three lines with
 * the empty space beside it. Same size, same colour and same weight as before;
 * only the width it is given changed.
 */
.cust_status_line {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.6);
  white-space: nowrap;
}

/*
 * LS-21. Address, then the sold line, then the stats — three full-width rows.
 *
 * The previous layout was address-and-status on the left, stats on the right,
 * nowrap. Measured at 1440px the row is 730px and the five stat tiles take
 * 452px of it, leaving 258px; the longest address in the built set needs 391px
 * and the longest sold line 568px, so neither could ever fit beside the stats
 * at any size the site's type scale contains. Stacking is also SHORTER: the two
 * wrapped blocks measured 122px, three single lines plus the stat row measure
 * less.
 */
.cust_header_wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
  gap: 6px;
}

/* Stats block (price, beds, baths, sqft) — one row beneath the sold line */
.cust_head_blk {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 20px !important;
  margin-top: 4px !important;
  flex-shrink: 0;
  align-self: flex-start;
}

.cust_head_blk .ui.header {
  float: none !important;
  margin: 0 !important;
  font-size: 16px !important;
  font-style: normal !important;
  text-align: left !important;
  min-width: 60px;
}

.cust_head_blk .ui.header .sub.header {
  font-size: 13px !important;
  font-style: normal !important;
  color: #666 !important;
}

@media only screen and (max-width: 767px) {
  .cust_header_wrap {
    flex-wrap: wrap;
    gap: 8px;
  }
  .cust_head_blk {
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 0 !important;
  }
  .cust_head.ui.header {
    font-size: 1.1rem !important;
  }
  /*
   * Mobile is allowed to wrap — a phone has nowhere near 568px, and forcing one
   * line there would mean shrinking the type until it could not be read.
   */
  .cust_head .cust_head_addr,
  .cust_status_line {
    white-space: normal;
  }
  .cust_head .cust_head_place {
    font-size: 13.5px;
  }
  .cust_status_line {
    font-size: 14px;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ------------------------------------------------------------------
   Nhranking card factor tiles (RK-1)
   Six factor scores as labelled gray stat tiles, 3 across x 2 down.
   Same treatment on desktop and mobile. Presentation only.
   ------------------------------------------------------------------ */
.nh-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.nh-stat {
  background: #f5f6f8;
  border-radius: 5px;
  padding: 6px;
  text-align: center;
  overflow: hidden;
}

.nh-stat-lbl {
  display: block;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #777;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 1.2;
}

.nh-stat-val {
  display: block;
  font-size: 13.5px;
  font-weight: 800;
  color: #0f1443;
  white-space: nowrap;
  line-height: 1.25;
}

/* (1) / (2) city-fallback markers, kept small so they never push the value
   out of the tile. */
.nh-stat-sup {
  font-size: 7.5px;
  font-weight: 700;
  margin-left: 2px;
  top: -0.5em;
}

/* Value tile second line: the word, never an arrow. */
.nh-stat-sub {
  display: block;
  font-size: 8.5px;
  font-weight: 700;
  white-space: normal;
  line-height: 1.12;
}

.nh-stat-under .nh-stat-val,
.nh-stat-under .nh-stat-sub {
  color: #21942f;
}

.nh-stat-over .nh-stat-val,
.nh-stat-over .nh-stat-sub {
  color: #c02e26;
}

/* Mobile: same 3-column grid and same colours, one size step down so long
   labels (APPRECIATION) and long prices still fit inside the tile. */
@media only screen and (max-width: 767px) {
  .nh-stats {
    gap: 5px;
  }

  .nh-stat {
    padding: 5px 4px;
  }

  .nh-stat-lbl {
    font-size: 8.5px;
    letter-spacing: 0.03em;
  }

  .nh-stat-val {
    font-size: 12px;
  }
}

/* Narrow phones (iPhone SE and friends): one more step down so the widest
   price we ship ($4,003,570 with a (1) marker) and the longest label
   (APPRECIATION) still fit the tile instead of being clipped. */
@media only screen and (max-width: 360px) {
  .nh-stat {
    padding: 5px 2px;
  }

  .nh-stat-lbl {
    font-size: 8px;
    letter-spacing: 0.02em;
  }

  .nh-stat-val {
    font-size: 10.5px;
  }
}

/* ------------------------------------------------------------------
   Nhranking right-column blocks (RK-2)
   Links card + "All N, ranked" jump list, both server-rendered.
   ------------------------------------------------------------------ */

/* Sticky-map collision fix. .sticky-container (inside RankingMapWrapper) is
   position:sticky and still occupies its normal space, so on a long list it
   slides down over anything that follows it in the column. Making the column
   a flex column and letting the map's scope stretch to fill the space above
   the new blocks confines the sticky travel to that wrapper: the map still
   follows the list, and the blocks below can never be covered. */
/* Specificity has to beat Semantic's ".ui.grid > .row > .column"
   (display:inline-block), or the column stays a block and the scope below
   collapses to the map's own height. */
.ui.grid > .row > .column.nh_map_section {
  display: flex;
  flex-direction: column;
}

/* RK-12: the map is PINNED, and the blocks below scroll up behind it.
   Replaces RK-6's "stick for ~one viewport then release" mechanism entirely.
   RK-6's flex:1 1 auto + max-height stretched this scope to hold the release
   point, which left a block of dead space under the map; both are gone.

   The map block is sticky at top:0 (nothing on the page is position:fixed, so
   no header offset is needed - verified by scrolling and finding no fixed
   element near the viewport top). It keeps an OPAQUE background and a higher
   z-index than .nh_side_blocks so the FAQ, links card and jump list visibly
   pass UNDERNEATH it with a clean edge. Content passing behind the map is now
   the intended behaviour, not the overlap bug RK-2 fixed.

   Desktop only - the mobile stack is untouched (see the max-width rule below). */
.nh_map_sticky_scope {
  position: sticky;
  top: 0;
  z-index: 3;
  background: #fff;
  /* A soft edge so content sliding underneath is cut cleanly rather than
     appearing to collide with the map. */
  box-shadow: 0 6px 10px -6px rgba(0, 0, 0, 0.18);
}

/* The map component ships its own position:sticky wrapper. With the block above
   now doing the pinning, neutralise the inner one so the two do not fight -
   CSS only, RankingMapWrapper itself is untouched. */
.nh_map_sticky_scope .sticky-container {
  position: static;
}

/* Below the map, and explicitly beneath it in the paint order. */
.nh_side_blocks {
  position: relative;
  z-index: 1;
}

/* Mobile keeps the plain stacked flow - no pinning, no shadow, no z-index. */
@media only screen and (max-width: 767px) {
  .nh_map_sticky_scope {
    position: static;
    z-index: auto;
    box-shadow: none;
  }
}

/* RK-6 fix 3: the gap above the map was margin-top:14% on .nhrankingmap_img -
   a percentage margin resolves against the CONTAINING BLOCK'S WIDTH, so in the
   ~400px right-hand column it rendered as ~56px of dead space (the rest of the
   gap is the share button, which is real UI and stays). Scoped to the ranking
   layout so the legacy pages/Nhranking-bkp copy is untouched. */
.nh_map_sticky_scope .nhrankingmap_img {
  margin-top: 8px;
}

.nh_side_blocks {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  /* Blocks start immediately under the map - this 16px is the whole gap. */
  margin-top: 16px;
}

/* --- internal links card --- */
.nh-links-card {
  border: 1px solid #d4d4d5;
  border-radius: 8px;
  padding: 12px 16px;
}

.nh-links-head {
  font-size: 13.5px;
  color: #0f1443;
  font-weight: 700;
  margin: 0 0 6px 0;
  line-height: 1.3;
}

.nh-links-head-2 {
  margin-top: 12px;
}

.nh-links-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nh-links-list li {
  font-size: 13px;
  line-height: 1.5;
  padding: 2px 0;
}

.nh-links-list a {
  color: #1b57a5;
}

/* --- "All N, ranked" jump list --- */
.nh-jumplist {
  border: 1px solid #d4d4d5;
  border-radius: 8px;
  padding: 12px 16px;
}

.nh-jumplist-head {
  font-size: 13.5px;
  color: #0f1443;
  font-weight: 700;
  margin: 0 0 6px 0;
  line-height: 1.3;
}

.nh-jumplist-ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nh-jumplist-li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  padding: 4px 0;
  border-bottom: 1px solid #f0f0f1;
}

.nh-jumplist-li:last-child {
  border-bottom: 0;
}

.nh-jumplist-rank {
  flex: 0 0 24px;
  width: 24px;
  text-align: right;
  color: #777;
  font-weight: 700;
}

/* Long neighborhood names ellipsis rather than pushing the chip out. */
.nh-jumplist-name {
  flex: 1 1 auto;
  min-width: 0;
  color: #1b57a5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nh-jumplist-chip {
  flex: 0 0 auto;
  margin-left: auto;
  font-size: 12px;
  font-weight: 800;
  color: #0f1443;
  background: #f5f6f8;
  border-radius: 4px;
  padding: 1px 8px;
  white-space: nowrap;
}

/* Nearby-cities row in the ranking links card (RK-3). */
.nh-links-nearby {
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
}

.nh-links-nearby a {
  color: #1b57a5;
}

.nh-links-sep {
  color: #999;
}

/* ------------------------------------------------------------------
   Nhranking FAQ accordions (RK-4)
   Native <details>/<summary>, no JavaScript. Sits in the right-hand
   column between the map and the links card, inside .nh_side_blocks,
   so it inherits the RK-2 flex layout and stays clear of the sticky map.
   ------------------------------------------------------------------ */
.nh-faq {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.nh-faq-head {
  font-size: 13.5px;
  color: #0f1443;
  font-weight: 700;
  margin: 0 0 2px 0;
  line-height: 1.3;
}

.nh-faq-item {
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  padding: 8px 12px;
}

.nh-faq-q {
  font-size: 13px;
  font-weight: 700;
  color: #0f1443;
  line-height: 1.35;
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

/* Hide the native disclosure marker in both engines. */
.nh-faq-q::-webkit-details-marker {
  display: none;
}
.nh-faq-q::marker {
  content: "";
}

/* Chevron on the right, flips when the accordion opens. */
.nh-faq-q::after {
  content: "";
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  margin-top: 4px;
  border-right: 2px solid #1b57a5;
  border-bottom: 2px solid #1b57a5;
  transform: rotate(45deg);
  transform-origin: center;
  transition: transform 0.15s ease;
}

.nh-faq-item[open] > .nh-faq-q::after {
  transform: rotate(-135deg);
  margin-top: 7px;
}

.nh-faq-a {
  font-size: 12.5px;
  line-height: 1.55;
  color: #333;
  margin: 6px 0 0 0;
}

/* ------------------------------------------------------------------
   Nhranking answer box (RK-7)
   Sits under the Map/Rankings toggle, above the first card. Kept to
   ~3 lines so it never pushes the first neighborhood card below the
   fold. No data-source line inside the box.
   ------------------------------------------------------------------ */
.nh-answer-box {
  background: #f9fafb;
  border: 1px solid #d4d4d5;
  border-left: 4px solid #0f1443;
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  margin: 0 0 8px 0;
}

/* The "Learn more about {City}, {State}" link, kept outside the box. */
.nh-answer-more {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

/* ------------------------------------------------------------------
   Nhranking card review: full first paragraph in the HTML, clamped (RK-11)
   The whole paragraph ships in the markup (Google indexes visually
   collapsed content at full weight, same as the FAQ accordions); CSS
   clamps it so the card grows by about one line. No JavaScript: a
   hidden checkbox drives the expand.
   ------------------------------------------------------------------ */
.nh-review {
  position: relative;
}

/* Kept focusable for keyboard users - clipped, not display:none. */
.nh-review-toggle {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.nh-review-text {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.nh-review-toggle:checked ~ .nh-review-text {
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
}

.nh-review-more {
  display: inline-block;
  margin-top: 2px;
  color: #1b57a5;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.nh-review-more::after {
  content: "Read more";
}

.nh-review-toggle:checked ~ .nh-review-more::after {
  content: "Show less";
}

/* Set by ReviewClampAssist on cards whose review is not actually overflowing
   its clamp, so the control never appears when there is nothing to expand.

   QW-1: visibility, NOT display:none. The assist runs after first paint, so
   removing the label's box shortened every unclamped card the moment it ran -
   on Oakland that moved 88 of 130 cards and everything below them, a pure
   post-load layout shift. Hiding it in place keeps every card's height fixed
   from first paint, which also keeps the scroll-tracker mirrors honest. */
.nh-review-more--hidden {
  visibility: hidden;
}

.nh-review-toggle:focus-visible ~ .nh-review-more {
  outline: 2px solid #1b57a5;
  outline-offset: 2px;
}

@media only screen and (max-width: 767px) {
  .nh-review-text {
    -webkit-line-clamp: 4;
  }
}

/* Neighborhood names are now H2 for the document outline (H1 city phrase ->
   H2 per neighborhood, like the guides that outrank us). These rules hold the
   VISUAL size exactly where the old h3/h5 had it - semantics only. */
.nh-card-title {
  font-size: 1.28rem;
  font-weight: 700;
  line-height: 1.28571429em;
  margin: calc(2rem - 0.14285714em) 0 1rem;
}

h2.ranking_label {
  font-size: 1.07142857rem;
  font-weight: 700;
  line-height: 1.28571429em;
  margin: 0;
}

/* ------------------------------------------------------------------
   City context block (RK-11) - 60-100 generated words under the answer box.
   ------------------------------------------------------------------ */
.nh-city-context {
  font-size: 13.5px;
  line-height: 1.55;
  color: #444;
  margin: 0 0 8px 0;
}

/* Build-month freshness stamp under the list. */
.nh-updated {
  font-size: 12px;
  color: #777;
  margin: 10px 0 0 0;
}

/* ------------------------------------------------------------------
   SP-2: ONE responsive neighborhood card (.nh-card) instead of two
   copies of the same card in the DOM.

   NhrankingListSSR used to render every neighborhood twice - a mobile
   block (.nhranking_item_section + .nhranking_item_desc) and a desktop
   block (.nhranking_item) - with media queries showing one and hiding
   the other. That doubled the HTML, the DOM and the RSC flight payload
   on pages that carry up to 130 neighborhoods. The markup is now
   rendered once and the two layouts are reproduced from here.

   Mechanism: .nh-card-top is a CSS grid whose template areas change per
   breakpoint. .nh-c-main (title + score + tiles) is a normal block on
   desktop, so the tiles stack under the score line inside the text
   column; on mobile it becomes display:contents, which promotes
   .nh-c-head and .nh-c-stats to grid items in their own right so the
   tiles can take a full-width row of their own. Every track width,
   padding and font step below is a measured match for what the two old
   blocks produced - see the geometry notes on each band.

   All selectors are scoped to .nh-card. .ranking_wrapper by itself is
   still used by Cityranking and by InvisibleScrollTracker's placeholders,
   which must not be touched.

   Base block = the >= 896px (desktop) layout. Semantic's 1rem is 14px,
   which is where every 14px below comes from: the old Semantic columns
   had 1rem side padding and the grid had -1rem margins.
   ------------------------------------------------------------------ */
.nh-card .nh-card-top {
  display: grid;
  /* 1/16, 6/16, 9/16 - the old desktop column widths. The 28px floor is
     what Semantic's own columns bottomed out at on a narrow card.
     QW-1: the third track is 1fr, not 56.25%. Once the first track hits its
     28px floor (any card narrower than 448px, i.e. viewports below ~896px)
     a literal 56.25% pushed the tracks past 100% and the card overflowed by
     ~5px - which is what forced the old tablet workaround. 1fr absorbs the
     remainder, so the tracks always sum to exactly the card width, and above
     ~896px 1fr resolves to 56.25% anyway: identical rendering. */
  grid-template-columns: max(6.25%, 28px) 37.5% 1fr;
  grid-template-areas: "rank photo main";
  align-items: start;
  /* Cancel .ranking_wrapper's 14px side padding so the tracks measure
     against the full card width, exactly like the old Semantic row. */
  margin: 0 -14px;
  padding-bottom: 5px;
}

.nh-card .nh-c-rank {
  grid-area: rank;
  padding: 0 14px;
}

.nh-card .nh-c-photo {
  grid-area: photo;
  padding: 0 14px;
  display: block;
}

.nh-card .nh-c-main {
  grid-area: main;
}

.nh-card .nh-c-head {
  padding: 0 14px;
}

.nh-card .nh-c-stats {
  padding: 14px 14px 0;
}

.nh-card .nh-rank {
  background: #c02e26;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}

.nh-card .nh-rank-sup {
  font-size: 0.5em;
  vertical-align: super;
}

.nh-card .nh-c-photo img {
  height: 185px;
  width: 100%;
  box-shadow: 1px 1px 1px 1.5px rgba(196, 196, 196, 0.5);
}

.nh-card .nh-c-title {
  margin: 0;
  font-size: 1.28rem;
  font-weight: 700;
  line-height: 1.28571429em;
}

/* The score line sat outside the old inner grid's columns, so it starts
   one column-padding to the left of the title. */
.nh-card .nh-c-score {
  display: flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 0 -14px;
}

.nh-card .nh-c-scoretxt {
  line-height: normal;
}

.nh-card .nh-berries {
  margin-left: 5px;
  display: inline-flex;
  align-items: center;
}

.nh-card .nh-berry {
  vertical-align: middle;
  width: 18px;
  height: 18px;
}

.nh-card .nh-c-note {
  margin-top: 0;
  text-align: right;
  font-size: 10px;
}

/* Keywords + review. The empty spacer column the old markup rendered is
   now an empty grid track, so it costs no DOM. */
.nh-card .nh-c-desc {
  display: grid;
  grid-template-columns: max(6.25%, 28px) 1fr;
  margin: 0 -14px;
}

.nh-card .nh-c-desc > * {
  grid-column: 2;
  padding: 0 14px;
}

.nh-card .nh-c-keywords {
  margin-bottom: 2px;
  font-weight: bold;
}

.nh-card .nh-c-review {
  margin: 1px;
}

/* QW-1: the 768-895px band no longer needs a template of its own.
   SP-2 reproduced what these pages actually rendered there - the text column
   wrapped BELOW the photo at 56.25% width, leaving a ~160px empty gutter and
   a card roughly 190px taller than it needed to be - because the old Semantic
   row overflowed its card by ~5px. With the third track now 1fr that overflow
   is gone, so the band simply uses the desktop template: rank badge and photo
   on the left, title/score/tiles beside the photo. Nothing else in the band
   is special-cased. */

/* Mobile: rank | photo | title+score on one row, tiles on their own
   full-width row, then keywords + review. Column widths are the old
   mobile 1/4/10; the 20px on the first track is the gap the old rank
   column carried as an inline margin, and the 4th track absorbs the
   2.3px the three old columns left unused so the tiles can still span
   the whole card. */
@media only screen and (max-width: 767px) {
  .nh-card .nh-card-top {
    grid-template-columns: calc(6.25% + 20px) 25% 62.5% 1fr;
    grid-template-areas:
      "rank photo head ."
      "stats stats stats stats";
    padding-bottom: 0;
  }

  .nh-card .nh-c-main {
    display: contents;
  }

  .nh-card .nh-c-head {
    grid-area: head;
    padding: 0 10px 0 0;
  }

  .nh-card .nh-c-stats {
    grid-area: stats;
    padding: 10px 6px 0 55px;
  }

  .nh-card .nh-c-rank {
    padding: 0 10px 0 0;
  }

  .nh-card .nh-c-photo {
    padding: 0 10px 0 0;
  }

  .nh-card .nh-rank {
    width: 26px;
    height: 26px;
    font-size: 12px;
    margin-left: 10px;
  }

  .nh-card .nh-rank-sup {
    font-size: 0.6em;
  }

  .nh-card .nh-c-photo img {
    height: 70px;
    box-shadow: 1px 1px 1px 1px rgba(196, 196, 196, 0.5);
  }

  .nh-card .nh-c-title {
    font-size: 1.07142857rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
  }

  .nh-card .nh-c-score {
    margin-left: 0;
  }

  .nh-card .nh-c-scoretxt {
    line-height: 1;
    display: flex;
    align-items: center;
  }

  .nh-card .nh-berry {
    width: 14px;
    height: 14px;
  }

  .nh-card .nh-c-note {
    font-size: 8px;
  }

  .nh-card .nh-c-desc {
    grid-template-columns: 20px 1fr;
    padding-top: 4px;
  }

  .nh-card .nh-c-desc > * {
    padding: 0 10px 0 0;
  }

  /* QW-1: 11px -> 12px. Lighthouse flags body copy under 12px as illegible
     on mobile, and these two carry the card's only prose. Nothing else on the
     card is resized. */
  .nh-card .nh-c-keywords {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .nh-card .nh-c-review {
    font-size: 12px;
    line-height: 1.5;
    margin: 5px 0 0;
  }
}

@media only screen and (max-width: 500px) {
  .nh-card .nh-c-photo img {
    height: 60px;
  }
}

/* ------------------------------------------------------------------
   QW-1: reserve the map's box before Google Maps paints.

   RankingMapWrapper used to render a bare "Loading map..." paragraph while it
   resolved coordinates, then replace it with the whole map block - title, a
   300px map and "View Full Map". The right column jumped by roughly the map's
   full height every time the map came in, on every page load. The wrapper now
   renders the SAME chrome in both states and this box stands in for the map
   canvas at exactly the height RankingMap gives it (mapContainerStyle
   height: 300px; the Semantic grid margins and row padding either side cancel
   out), so nothing moves when the real map arrives.
   ------------------------------------------------------------------ */
.map_intial_loader {
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 12px;
  background: #f5f6f8;
  border-radius: 4px;
  color: #777;
}

/* ------------------------------------------------------------------------
 * LS-11b — "Recently Sold in {Neighbourhood}".
 *
 * The track itself needs no rules: the markup reuses .sale_list and
 * .ui.items.sale_track, so it inherits the LS-4 scroll-snap behaviour
 * (one card per swipe, every card in the DOM, content-visibility on the
 * off-screen ones) without a second copy of it. Only the pieces LS-4 has no
 * equivalent for are defined here.
 * --------------------------------------------------------------------- */

.sold_card_date {
  font-size: 12px;
  opacity: 0.9;
}

/* A record with no photo still holds the card's box so the row cannot shift. */
.sold_card_nophoto {
  display: block;
  width: 100%;
  background: #eaeaea;
}

/* The sixteenth card: the way onward to the sold index. */
.sold_more_card {
  height: 300px;
  background: #f7f7f7;
  border: 1px dashed #c8c8c8;
  border-radius: 4px;
}

.sold_more_link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 24px;
  text-align: center;
}

.sold_more_label {
  font-size: 16px;
  font-weight: 700;
  color: #4183c4;
}

.sold_more_note {
  margin-top: 6px;
  font-size: 13px;
  color: #666;
}

/*
 * Arrows are an affordance, not the mechanism — scroll-snap already works by
 * swipe and trackpad with no script at all. They are driven by data attributes
 * so the same markup works on a static page and a dynamic one.
 */
.sold_track_nav {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 10px;
}

.sold_track_arrow {
  width: 32px;
  height: 32px;
  line-height: 1;
  font-size: 20px;
  color: #4183c4;
  background: #fff;
  border: 1px solid #d4d4d5;
  border-radius: 4px;
  cursor: pointer;
}

.sold_track_arrow:hover {
  background: #f2f2f2;
}

/* ------------------------------------------------------------------------
 * LS-11c — the per-neighbourhood sold index page.
 *
 * Rows carry no images on purpose, so the worst case (South Beach, 1,580
 * recorded sales) stays fast on a phone. The table scrolls inside its own
 * container rather than pushing the page sideways.
 * --------------------------------------------------------------------- */

.sold_index_page {
  max-width: 1100px;
  margin: 0 auto;
}

.sold_index_title {
  font-size: 28px;
  font-weight: 700;
  color: #0f1443;
  margin: 0 0 10px;
}

.sold_index_intro {
  max-width: 70ch;
  font-size: 15px;
  line-height: 1.6;
  color: #333;
  margin: 0 0 20px;
}

.sold_index_tiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
}

.sold_index_tile {
  display: flex;
  flex-direction: column;
  padding: 12px 14px;
  background: #f7f8fa;
  border: 1px solid #e4e6ea;
  border-radius: 6px;
}

.sold_index_tile_value {
  font-size: 22px;
  font-weight: 700;
  color: #0f1443;
  line-height: 1.2;
}

.sold_index_tile_label {
  margin-top: 4px;
  font-size: 13px;
  color: #444;
}

.sold_index_tile_note {
  margin-top: 2px;
  font-size: 11px;
  color: #888;
}

.sold_index_year_title {
  font-size: 20px;
  font-weight: 700;
  color: #0f1443;
  margin: 26px 0 8px;
}

/* Wide content scrolls inside itself; the page body never scrolls sideways. */
.sold_index_year {
  overflow-x: auto;
  max-width: 100%;
}

/*
 * A plain table, not a Semantic one. Semantic's .ui.table border pushed the
 * table 3px past a 390px viewport and scrolled the whole page sideways; it also
 * brings stacking rules that make no sense for an archive. Everything the table
 * needs is here.
 */
.sold_index_tbl {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0;
  border-collapse: collapse;
  font-size: 14px;
}

.sold_index_tbl th,
.sold_index_tbl td {
  box-sizing: border-box;
  padding: 8px 10px;
  border-bottom: 1px solid #e4e6ea;
  text-align: left;
}

.sold_index_tbl th {
  font-weight: 700;
  color: #0f1443;
  border-bottom: 2px solid #c9d0e0;
  white-space: nowrap;
}

.sold_index_tbl tbody tr:hover {
  background: #fafbfc;
}

.sold_index_tbl td,
.sold_index_tbl th {
  white-space: nowrap;
}

.sold_index_tbl td:first-child,
.sold_index_tbl th:first-child {
  white-space: normal;
  min-width: 200px;
}

.sold_index_year_list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.sold_index_year_list li {
  padding: 6px 12px;
  border: 1px solid #d4d4d5;
  border-radius: 4px;
}

@media (max-width: 767px) {
  .sold_index_title {
    font-size: 22px;
  }
  .sold_index_tiles {
    grid-template-columns: repeat(2, 1fr);
  }
  .sold_index_tbl {
    font-size: 13px;
  }
}

/* ------------------------------------------------------------------------
 * LS-22 — "Homes sold in {Neighborhood}" on the neighborhood page.
 *
 * The track itself needs no rules: it reuses .sale_list and
 * .ui.items.sale_track, so it inherits the same scroll-snap box the "Homes for
 * Sale in this Neighborhood" carousel directly above it uses, and the same
 * `home_sales_nh` section class.
 *
 * THE PADDING IS THE WHOLE RULE. SaleHomesSectionWrapper sets
 * `paddingLeft: 13px, paddingRight: 0` inline on its own section; a Semantic
 * basic segment otherwise takes 1em on both sides. Measured without this, the
 * sold cards came out 432px wide against the for-sale cards' 447px in the same
 * 474px column. Matching the offsets makes the two boxes identical.
 * --------------------------------------------------------------------- */

.nh_sold_sec.ui.basic.segment {
  padding-left: 13px;
  padding-right: 0;
  /* the archive link sits immediately below, inside the same wrapper */
  padding-bottom: 0;
  margin-bottom: 0;
}

/* aligned to the cards' left edge, which the 13px padding above sets */
.nh_sold_more {
  margin: 8px 0 0 13px;
}

.nh_sold_more_link {
  font-size: 15px;
  font-weight: 600;
  color: #4183c4;
}

.nh_sold_more_link:hover {
  text-decoration: underline;
}

/* ------------------------------------------------------------------------
 * CWV-2 — space reserved for the two client-only search boxes.
 *
 * Both of these render as an EMPTY div in the static HTML (their search
 * component is client-only) and fill in at hydration. Nothing above them
 * changes, but each one sits in a flex row with its page heading, so the row
 * resizes underneath the heading and everything below the header slides. On
 * the ranking pages that is what pushes the score-chips row, the H1 and the
 * whole two-column grid down ~15px a beat after first paint.
 *
 * The reservations below are sized from the hydrated boxes as measured in
 * scripts/measure-cls-scroll.js, and both disappear the instant React puts
 * real content in the div (`:empty` stops matching), so nothing is ever
 * stacked on top of the real search bar.
 * ---------------------------------------------------------------------- */

/*
 * Header search bar. The class is only on headers that actually render a
 * search bar (NhHeader adds it when search={true}), because the reserve is not
 * free: the navbar is a fixed 70px grid row with align-items:center, so growing
 * this div grows `.nav-section-logo` around its centre and lifts the logo's top
 * edge by 5.9px. On a page that fills the div that is exactly the settled
 * layout; on Nhranking / Cityranking, which leave it empty for good, it would
 * be a visible move. `.nav-section-logo` stretches its items, so a plain
 * min-height is enough here - no baseline to match. 45.1px is the hydrated
 * `.ui.input` box.
 */
.map-home-navbar .map-search-bar-reserved {
  min-height: 45.1px;
}

/*
 * Ranking page search bar. `.nhranking_main` is `align-items: baseline`, so a
 * bare min-height would be WORSE than nothing: an empty block takes its bottom
 * margin edge as its baseline, which would drop the H1 further than the real
 * search box does and then yank it back on hydration. The placeholder below
 * therefore reproduces the input's box - 1px border + 10.1786px padding either
 * side of an 18.2143px line box - so the first baseline lands where the input's
 * will. The zero-width space is what creates that line box; it paints nothing.
 */
.nhranking_main .search_welcome_main:empty::before {
  content: "\200b";
  display: block;
  font-size: 15px;
  line-height: 18.2143px;
  padding: 11.1786px 0;
  margin-bottom: 5px;
}