body {
  font-family: "Cabinet Grotesk", sans-serif;
}

:root {
  --relo-bg: #000000;
  --relo-font-family: "Cabinet Grotesk", sans-serif;
  --relo-active-clr: #0066cc;
  --bs-body-font-family: "Cabinet Grotesk", sans-serif !important;
}
div {
  font-family: "Cabinet Grotesk", sans-serif;
}
div.gm-style {
  font-family: var(--relo-font-family);
}
a,
div a {
  text-decoration: none !important;
  color: var(--relo-active-clr);
  font-weight: 500;
}

.relonav-login {
  display: flex;
  align-items: center;
  height: 100vh;
  justify-content: center;
  min-height: 650px;
}

.relonav-login .item {
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
  .otpOptionBtns {
    .btn {
      padding: 9px 20px;
      font-size: 15px;
      margin-bottom: 15px;
    }
    p {
      display: flex;
      align-items: center;
      gap: 10px;
      color: #000000;
      img {
        position: relative;
        top: -2px;
      }
    }
  }

  @media (max-width: 991px) {
    .otpOptionBtns {
      .btn {
        padding: 9px 15px;
      }
    }
  }
}
.relonav-login .item img.logoBanner {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.relonav-login .form-signin {
  max-width: 450px;
  padding: 1rem;
  width: 100% !important;
  margin-left: 20%;
  text-align: left;
  position: absolute;
  top: 30%;
  left: 0px;
  p {
    color: #5d5c5c;
  }
  img.logo {
    width: 400px;
    height: auto;
  }
}
.relonav-login h1 {
  font-size: 50px;
  font-weight: 700;
  margin-top: 45px;
  margin-bottom: 0.5rem !important;
  padding-top: 1.5rem !important;
}
.relonav-login h1 + span {
  font-size: 16px;
  display: block;
  margin-bottom: 15px;
  margin-top: 20px;
}
.relonav-login .input-group {
  width: 100%;
}
.relonav-login .input-group .form-control {
  height: 50px;
  font-size: 14px;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 0;
}

.relonav-login .btn.btn-dark {
  line-height: 1;
  padding: 0.85rem;
  background: #000000;
  font-size: 17px;
  border: 2px solid #000000;
}
.relonav-login .btn.btn-dark:hover {
  background: #ffffff;
  color: #000000;
}
.relonav-login .alert {
  background: #e6ffdb;
  color: #227100;
  border: 1px solid #227100;
  margin-bottom: 1.5rem;
  &.danger {
    background: #ffe2e2;
    color: red;
    border-color: red;
  }
}

.modal.new_modal_pop .modal-content .mapboxgl-popup-content h6 {
  text-align: left;
}
.relomap-height .mapboxgl-popup {
  z-index: 9999;
}

.relomap-height {
  .mapboxgl-popup-content {
    padding: 25px;
    border-radius: 15px;
    .mapboxgl-popup-close-button {
      font-size: 30px;
      top: 8px;
      right: 5px;
      color: #333333;
    }
    h6 {
      font-size: 20px;
    }
    p {
      font-size: 15px;
    }
    a {
      font-size: 15px;
    }
  }
}

.nav_bottom_height {
  margin-top: 95px;
}
.dssolonavbar.navbar {
  background: #000000;
  border-bottom: 1px solid #000000;
  box-shadow: none !important;
  padding: 0;
}
ul.navbar-nav li a.homeicon-in-navbar {
  font-size: 24px !important;
}
nav.navbar .icon-uls a.ant-dropdown-link {
  font-size: 26px !important;
  margin-right: 20px;
  margin-left: 20px;
  color: #333;
}

.btn.theme-btn {
  /* background: #ffffff; */
  padding: 7px 20px;
  /* color: #000000; */
  background: #d7c7fa;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  border-radius: 7px;
  margin-right: 15px;
  border: 2px solid #d7c7fa !important;
  text-decoration: none;
}
.btn.theme-btn:hover {
  background: #000000;
  color: #ffffff;
  border-color: #000000 !important;
}
.btn.theme-btn.btn-dark {
  /* background: #000000;
color: #ffffff; */
  background: #d7c7fa;
  color: #000000;
}
.btn.theme-btn.btn-dark:hover {
  background: #000000;
  color: #ffffff;
}
.btn.tabs-btn {
  border: 0px;
  background: #f2f2f2;
  padding: 8px 25px;
  color: #000000;
  font-size: 16px;
  border-radius: 20px;
  margin-right: 15px;
  min-width: 85px;
  text-align: center;
  font-weight: 500;
}
.btn.tabs-btn.active {
  /* background: #0066cc;
color: #ffffff; */
  background: #d7c7fa;
  color: #000000;
}

body ::-webkit-input-placeholder {
  /* Edge */
  color: #cbcbcb !important;
}

body :-ms-input-placeholder {
  /* Internet Explorer */
  color: #cbcbcb !important;
}

body ::placeholder {
  color: #cbcbcb !important;
}

.ant-dropdown ul li {
  border-bottom: 1px solid #cccccc;
  border-radius: 0;
}
.ant-dropdown ul li:last-child {
  border: 0;
}
.ant-dropdown ul li a {
  text-decoration: none;
}
.ant-dropdown ul li a i {
  font-size: 21px;
  margin-right: 10px;
}
.ds-solo-profile .pic img {
  width: 180px;
}
.ds-solo-profile .profile-main-div {
  display: grid;
  grid-template-columns: 380px 600px;
  grid-column-gap: 30px;
  margin: auto;
  justify-content: center;
}
.ds-solo-profile .profile-main-div p.note {
  grid-column: 1 / span 4;
  margin-top: 15px;
  font-weight: 600;
  padding: 20px;
}
.ds-solo-profile .profile-main-div p.note a {
  color: #0066cc;
  cursor: pointer;
}
.ds-solo-profile .pic {
  background: #f4f4f4;
  border-radius: 15px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 50px;
}
.ds-solo-profile .pic h1 {
  font-size: 1.6rem;
  font-weight: 600;
  text-transform: capitalize;
  margin-top: 30px;
}
.ds-solo-profile .pic h6 {
  font-weight: 500;
  color: #000000;
}
.ds-solo-profile .content {
  background: #f4f4f4;
  border-radius: 15px;
  padding: 50px;
}
.ds-solo-profile .content span {
  font-weight: 500;
  font-size: 1rem;
  color: #646464;
}
.ds-solo-profile .content h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #000000;
  margin-top: 5px;
}
.ds-solo-profile .content h2 {
  font-size: 1.4rem;
  color: #000000;
  border-bottom: 1px solid #cccccc;
}

.ds-solo-profile {
  min-height: calc(100vh - 280px);
}
.ds-solo-profile .profile-main-div.notable {
  background: #f5f5f5;
  width: 700px;
  display: flex;
  flex-direction: column;
}
.ds-solo-profile .notable .content {
  padding-top: 0;
}
.ds-solo-profile .notable .accessData .col-md-6:first-child {
  position: relative;
  text-align: right;
}
.ds-solo-profile .notable .accessData .col-md-6:first-child::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 10px;
  height: 75%;
  width: 2px;
  margin: auto;
  background: black;
}
.form-group .phone-flag {
  display: flex;
  align-items: center;
}
.form-group .phone-flag .custom-dropdown {
  width: 80px;
  background: #ffffff;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.relo-dsLanding h1 {
  text-align: center;
  /* text-transform: capitalize; */
  margin: 0;
  padding-top: 30px;
  color: #313131;
}
.relo-dsLanding a.need-help {
  text-align: center;
  display: block;
  width: 120px;
  margin: auto;
  margin-bottom: 25px;
  font-size: 1.25rem;
  font-weight: 500;
}
.relo-dsLanding .grid-view {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  margin-top: 40px;
}
.relo-dsLanding .grid-view .item {
  background: #f5f5f5;
  padding: 25px;
  border-radius: 8px;
}
.relo-dsLanding .grid-view h3 {
  font-size: 22px;
  color: #474646;
  display: flex;
  justify-content: space-between;
  font-weight: 400;
}
.relo-dsLanding .grid-view h3 a {
  font-size: 17px;
  font-weight: 500;
}
.relo-dsLanding .grid-view h1 {
  font-size: 2.25rem;
  text-align: left;
  margin-bottom: 15px;
  padding-top: 5px;
  color: #000000;
}
.relo-dsLanding .grid-view h1 span {
  color: #212529;
  font-size: 1rem;
  font-weight: 400;
  display: block;
}
.relo-dsLanding .grid-view .btn {
  /* background: #000000;
color: #ffffff; */
  background: #d7c7fa;
  color: #000000;
  padding: 7px 30px;
  display: block;
  width: 150px;
  font-weight: 600;
  margin-top: 10px;
  border: 2px solid #d7c7fa;
}
.relo-dsLanding .grid-view .btn:hover {
  color: #000000;
  background: #ffffff;
}
.relo-dsLanding ul.consultant-details {
  list-style-type: none;
  padding: 0;
  margin-top: 30px;
}
.relo-dsLanding ul.consultant-details li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.relo-dsLanding ul.consultant-details li a {
  font-size: 1.15rem;
}
.relo-dsLanding ul.consultant-details li i {
  color: #474646;
  font-size: 2rem;
  font-weight: 400;

  margin-right: 20px;
}
.relo-dsLanding ul.near-cities {
  padding: 0;
  list-style-type: none;
}

.relo-dsLanding ul.near-cities li a {
  background: #ffffff;
  padding: 8px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  cursor: pointer;
}

.modal #timeZone .ant-select-selection-item {
  line-height: 40px;
}

.propertypage .soundscore {
  width: 200px;
  height: 200px;
  box-shadow: 0px 0px 5px #000000;
  border: 2px solid #000000;
  border-radius: 50%;
  text-align: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: center;
}
.propertypage .soundscore .fa-bell {
  color: #000000;
  font-size: 25px;
}
.propertypage .soundscore h1 {
  padding-top: 20px;
  margin: 0px;
  font-size: 16px;
  font-family: roboto;
  color: #071620;
  text-align: center;
  font-weight: 400;
  margin-bottom: 5px;
}
.propertypage .soundscore h1 sup {
  font-size: 8px;
  top: -1.5em;
}
.propertypage .soundscore h2 {
  font-weight: bold;
  font-size: 25px;
  margin: 0px;
  color: #666464;
  background: transparent;
}
.propertypage .soundscore h3 {
  color: #000000;
  font-size: 17px;
  font-weight: 700;
}
.propertypage .soundscore p {
  font-size: 10px;
  color: #acacac;
  font-weight: 400;
  margin-bottom: 10px;
  font-family: roboto;
}
.propertypage .soundscorepro {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  margin-top: 30px;
}
.propertypage .soundscorepro .item {
  margin-right: 30px;
  text-align: center;
}
.propertypage .soundscorepro .item h1 {
  font-size: 15px;
  font-weight: bold;
  color: #858585;
  margin: 0;
}
.propertypage .soundscorepro .item p {
  color: #000000;
  font-size: 12px;
  font-weight: 700;
}
#transferee-preferences-modal .lis-view {
  padding: 0px 0px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  width: 100%;
}
#transferee-preferences-modal .lis-view > div {
  padding: 5px 15px;
  background: #f5f5f5;
  border-radius: 0;
  border: 0;
}
#transferee-preferences-modal .lis-view label {
  font-size: 16px;
  color: #626262;
  margin-bottom: 0px;
  font-weight: 400;
}
#transferee-preferences-modal .lis-view span {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: #000000;
}

.modal ul.appoint_list {
  padding: 0px;
  margin: 0px;
  background: #f3f3f3;
  padding: 10px 25px;
  border-radius: 10px;
}

.modal ul.appoint_list li {
  position: relative;
  list-style-type: none;
}

.modal ul.appoint_list li a {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  text-decoration: none;
  font-weight: 400;
  white-space: nowrap;
  color: #282626;
  font-size: 17px;
  font-family: roboto;
  border-bottom: 1px solid #cccccc;
}
.modal ul.appoint_list li:last-child a {
  border: 0;
}

.modal ul.appoint_list li a span {
  color: #000000;
  font-weight: 600;
}
.modal .modal-content h6.title {
  font-size: 25px;
  font-weight: 700;
}
.appointmentModalView .ul_select_list {
  margin-bottom: 10px;
}
.appointmentModalView .ul_select_list span {
  font-size: 18px;
  color: #282626;
}
.appointmentModalView .ul_select_list span.main_span {
  font-weight: 600;
  color: #000000;
  display: block;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.appointmentModalView .modal-body .ul_select_list:last-child span.main_span {
  margin: 0;
  border: 0;
}

.appointmentModalView .accordion .accordion-button {
  font-size: 18px;
  color: #282626;
  background: #f3f3f3;
  border-radius: 5px !important;
  font-weight: 600;
  outline: 0;
  box-shadow: none;
}

.appointmentModalView .ant-slect-custom .ant-select {
  border: 1px solid #dee2e6;
  width: 100%;
  border-radius: 5px;
  min-height: 43px;
  .ant-select-selector {
    min-height: 43px;
    svg {
      width: 13px;
      margin: 0 5px;
    }
  }
}

.appointmentModalView .ant-select-multiple span.ant-select-selection-item {
  background: #d7c7fa;
  color: #000000;
}

.appointmentModalView i.fa.fa-map-marker {
  position: absolute;
  top: 35px;
  right: 15px;
}

.appointmentModalView .ul_select_list .ant-select span {
  font-weight: 600;
}

.city-landing-page.newOne .tabs-view ul.nav {
  position: fixed;
  top: 50px;
  left: 0px;
  width: 100%;
  background: rgba(255, 255, 255, 0.85);
  z-index: 9;
  padding: 15px 0;
  box-shadow: 0px 0px 5px #959595;
}
.city-landing-page.newOne h1.location {
  position: fixed;
  z-index: 99;
  top: 65px;
  font-size: 18px;
  right: 15px;
  display: flex;
  align-items: center;
  margin: 0;
}

.city-landing-page.newOne h1.location i {
  margin-left: 10px;
}

.newOne h1.location .ant-select-selector {
  /* background: #ffffff; */
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  /* box-shadow: 0px -1px 2px #ebebeb;
  border-bottom: 1px solid #000000 !important; */
  position: relative;
}
.city-landing-page.newOne .relomap-height {
  position: fixed !important;
  left: 0px;
  width: 100%;
  top: 116px;
  height: calc(100vh - 118px);
}

.city-landing-page.newOne .map-right-view {
  position: fixed;
  right: 20px;
  padding: 0;
  border-radius: 15px;
  width: 500px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: 0;
  bottom: 30px;
  height: auto;
  z-index: 999;
}

.city-landing-page.newOne .map-right-view span.toggleArrow {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #000000;
  background: #ffffff;
  padding: 20px;
  cursor: pointer;
  margin: 0;
  border-radius: 10px 10px 0 0;
}
.city-landing-page.newOne {
  .heightGrid {
    height: calc(100vh - 235px);
    background: #ffffff;
    padding: 20px;
    padding-top: 0;
    border-radius: 0 0 10px 10px;
    transition: 0.6s ease-in;
  }
  .single-poi {
    .heightGrid {
      height: calc(100vh - 275px);
    }
  }
}

.city-landing-page.newOne .mapsearchbar + h1 + div .heightGrid {
  height: calc(100vh - 280px);
}
.city-landing-page.newOne .mapsearchbar + h1 + div .full + .heightGrid {
  height: 200px;
}

.modal .city-landing-page.newOne .heightGrid {
  height: calc(100vh - 200px);
}
.city-landing-page.newOne .toggleArrow i {
  transform: rotate(180deg);
}
.city-landing-page.newOne .full.toggleArrow i {
  transform: rotate(0deg);
}
.city-landing-page.newOne .full + .heightGrid {
  height: 200px;
  transition: 0.6s ease-in;
}
.city-landing-page.newOne div.wstt-sheds-menu {
  top: 90px !important;
}
h3.MiddleText {
  font-size: 20px;
  width: 80%;
  margin: auto;
}

.full + div .no-content-msg {
  padding: 0px;
}

.newOne .location span.ant-select-arrow,
.di_E_dropdown span.ant-select-arrow {
  font-size: 18px;
  color: #000000;
}
.newOne .location span.ant-select-arrow::after,
.di_E_dropdown span.ant-select-arrow::after {
  position: absolute;
  top: -5px;
  right: 15px;
  content: "\f0d7";
  font-family: "Font Awesome 6 Pro";
  margin: auto;
  font-weight: 700;
}
.newOne .location span.ant-select-arrow svg,
.di_E_dropdown span.ant-select-arrow svg {
  display: none;
}
.newOne .location .ant-select-selection-item,
.di_E_dropdown .ant-select-selection-item {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
}
.ant-select-selector input {
  height: 100% !important;
}
.ant-select-selector {
  height: 100% !important;
}
:where(.css-17a39f8).ant-select-single
  .ant-select-selector
  .ant-select-selection-item,
:where(.css-17a39f8).ant-select-single
  .ant-select-selector
  .ant-select-selection-placeholder {
  line-height: 43px;
}

.ant-select-item-option-content {
  font-weight: 500;
  font-size: 15px;
}
.newOne .tab-content .slider .item a {
  border: 0px;
  background: #f2f2f2;
  padding: 8px 13px;
  color: #000000;
  font-size: 14px;
  border-radius: 20px;
  text-align: center;
  font-family: var(--relo-font-family);
  font-weight: 500;
  text-decoration: none;
  display: block;
  margin-right: 10px;
}
.tabSlider.slider .item a {
  border: 0px;
  background: #f2f2f2;
  padding: 8px 12px;
  color: #000000;
  font-size: 14px;
  border-radius: 20px;
  text-align: center;
  font-family: var(--relo-font-family);
  font-weight: 500;
  text-decoration: none;
  display: block;
  margin-right: 10px;
}
.newOne .tab-content .slider .item a i,
.tabSlider.slider .item a i {
  margin-right: 10px;
}
.newOne .tab-content .slider .item .nav-item.active,
.tabSlider.slider .item .nav-item.active {
  background: #0066cc;
  color: #ffffff;
}

.react-confirm-alert .react-confirm-alert-button-group > button {
  padding: 6px 25px !important;
  font-size: 16px !important;
  font-weight: 500;
}
.explore-nearby-view {
  position: relative;
}
.explore-nearby-view.mapsearchbar form {
  position: absolute;
  left: 0;
  top: 45px;
  z-index: 99;
  width: 500px;
  right: 0;
}
#propertymap .city-landing-page.newOne .relomap-height,
#comparemap .city-landing-page.newOne .relomap-height {
  top: 0px;
  min-height: calc(100vh - 2px);
}

#comparemap .tabs-view ul.nav .nav-link,
#propertymap .tabs-view ul.nav .nav-link {
  box-shadow: 1px 1px 5px #959494;
  background: #ffffff;
}
#comparemap .tabs-view ul.nav .nav-link.active,
#propertymap .tabs-view ul.nav .nav-link.active {
  /* color: #ffffff;
  background: #0066cc; */
  background: #d7c7fa;
  color: #000000;
}
#propertymap.modal.new_modal_pop .pointer.close,
#comparemap.modal.new_modal_pop .pointer.close {
  background: #ffffff;
  opacity: 1;
  color: #000000;
  padding: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding-bottom: 3px;
  font-size: 25px !important;
  font-weight: 300;
  box-shadow: 1px 1px 5px #959494;
}

#propertymap .city-landing-page.newOne .tabs-view ul.nav,
#comparemap .city-landing-page.newOne .tabs-view ul.nav {
  position: fixed;
  top: 12px;
  left: 12px;
  width: auto;
  background: transparent;
  z-index: 9;
  padding: 0;
  box-shadow: none;
}
#propertymap .tabs-view ul.nav .nav-link i,
#comparemap .tabs-view ul.nav .nav-link i {
  margin-right: 10px;
}
.city-landing-page .tail-view.active h1 {
  color: #000000;
}

.heightGrid .transit-tabview ul li {
  padding: 15px;
}
.heightGrid .transit-tabview ul li.active {
  background: #d7c7fa;
}
.heightGrid .transit-tabview ul li.active span,
.heightGrid .transit-tabview ul li.active span.main b {
  color: #000000;
}
.transit-tabview ul li {
  border-radius: 8px;
}
h6.editprofileheading {
  margin-top: -20px;
  padding-bottom: 15px;
}
span.ant-select-selection-item {
  line-height: 43px !important;
}
.ant-select-item-option-content {
  font-size: 16px;
}

.city-landing-page.newOne .slider + .point-tails {
  height: calc(100% - 75px);
}

.city-landing-page.newOne #school .slider + .point-tails {
  height: calc(100% - 75px);
  /* background: red; */
}
.city-landing-page.newOne #school h2.schoolData {
  position: absolute;
  bottom: 0px;
  background: #f2f2f2;
  left: 0px;
  right: 0px;
  margin: 0;
  padding: 5px 0;
}
.city-landing-page.newOne #school h2.schoolData a {
  font-size: 13px;
  color: #000000;
}
.city-landing-page #school .point-tails .tail-view ul {
  display: flex;
  width: 100%;
}
.city-landing-page #school .point-tails .tail-view ul li:first-child {
  width: 45px;
  min-width: 45px;
  margin-right: 15px;
  display: block;
  display: none;
  img {
    width: 100%;
  }
}

.city-landing-page #school ul li.ratingView span:last-child {
  font-size: 12px;
  background: #000000;
  color: #ffffff;
  padding: 5px 12px;
  border-radius: 6px;
  position: relative;
  top: 4px;
  &.Average {
    background: #ffedb1;
    color: #ab8300;
  }
  &.Above.average {
    background: #c7ffdb;
    color: #007a2d;
  }
  &.Below.average {
    background: #ffd5c7;
    color: #9f2800;
  }
  &.noRating {
    display: none;
  }
}

.di_E_main .ant-select-selector {
  padding: 0px !important;
}

.fc .fc-daygrid-day.fc-day-today {
  height: 85px;
}

.city-landing-page .mobileView {
  display: none;
}

.location select.form-control {
  background: url(../newImages/sort-down.svg);
  background-repeat: no-repeat;
  background-position: 95% 3px;
  background-size: 13px;
  border: 0px;
  text-transform: capitalize;
  width: 100% !important;
  max-width: 500px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 30px;
}

.location select.form-control option {
  padding: 8px 5px;
  font-size: 14px;
  font-weight: normal;
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 480px;
}
.city-landing-page.newOne .tabs-view.schollView ul.nav {
  background: transparent;
  box-shadow: none;
  border: 0px;
  justify-content: flex-start;
  position: relative;
  top: 0px;
}
.city-landing-page.newOne ul li.schoollogo {
  position: absolute;
  right: 0;
}

.min-height-50vh {
  min-height: 50vh !important;
}

h1.backBtn button {
  position: fixed;
  z-index: 99;
  top: 70px;
  font-size: 18px;
  left: 15px;
  align-items: center;
  margin: 0;
  /* background: #cccccc; */
  padding: 5px 15px;
  line-height: 1.2;
  font-size: 15px;
  color: #000;
  border-radius: 4px;
  /* border: 2px solid #cccccc; */
  display: none;
}
h1.backBtn button:hover {
  background: #000000;
  color: #ffffff;
}
h1.backBtn button i {
  font-size: 23px;
}

.sharlotte-help-page h1 button.backBtn {
  position: absolute;
  left: 0px;
  font-size: 18px;
  padding: 5px 15px;
  line-height: 1.2;
  font-size: 15px;
  display: none;
}
.sharlotte-help-page h1 button.backBtn i {
  font-size: 23px;
}
.sharlotte-help-page h1 button.backBtn:hover {
  background: #000000;
  color: #ffffff;
}
.mobileCitylist {
  display: none;
}

.die-dataview .relomap-height .gmnoprint.gm-style-mtc-bbw {
  top: 70px !important;
}
.die-dataview .relomap-height button.gm-control-active.gm-fullscreen-control {
  top: 120px !important;
}

body.modal-open.modal-open-two {
  overflow: initial !important;
  padding: 0px !important;
}

.tabSliders .owl-carousel {
  position: fixed;
  top: 50px;
  left: 0px;
  width: 100%;
  background: rgba(255, 255, 255, 0.85);
  z-index: 9;
  padding: 15px 0;
  box-shadow: 0px 0px 5px #959595;
}

.tabSliders .owl-carousel a.nav-item {
  border: 0px;
  background: #eaeaea;
  padding: 8px 25px;
  color: #000000;
  font-size: 15px;
  border-radius: 20px;
  min-width: 85px;
  text-align: center;
  font-family: var(--relo-font-family);
  font-weight: 600;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
  display: inline-block;
}
.tabSliders .owl-carousel a.nav-item.active {
  color: #ffffff;
  background: #0066cc;
}

.cityLandingHeading {
  position: fixed;
  top: 0;
  z-index: 9999;
  left: 0px;
  right: 0px;
  background: #ffffff;
  padding: 15px 0;
  display: none;
}

i.fa-regular.fa-circle-question {
  font-weight: 300;
  font-size: 26px;
  position: relative;
  top: 1px;
}

h1.pageHeader {
  display: none;
}

.corporateHousing_Updates {
  .nav_bottom_height {
    margin-top: 50px;
  }
  .p-request-form {
    .form-horizontal {
      width: 710px;
      margin: auto;
      background: #f5f5f5;
      padding: 50px 80px;
      margin-top: 10px;
      border-radius: 15px;
      h1 {
        color: #000000;
        font-size: 23px;
        font-weight: bold;
        text-align: center;
      }
      p {
        font-size: 16px;
        text-align: center;
        color: #333333;
      }
      .control-label {
        padding-bottom: 10px;
        font-weight: 400;
        font-size: 15px;
        color: #333333;
        text-align: left;
      }
      select.dropdown-select.form-control {
        font-size: 14px;
        padding-right: 60px;
      }
      .securityMessage p {
        font-size: 13px;
        text-align: center;
        color: #b0aeae;
      }
    }
  }
}

#PackingRecommendations,
#myModalMovingTips {
  .modal-content .tails-row {
    display: block;
    column-count: 2;
    .tails {
      break-inside: avoid-column;
    }
  }
}

.map-right-view .slider .item a {
  min-width: 143px;
}

.home_sharloote_img .ant-select.ant-select-multiple {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

.isochronestyles {
  z-index: 999;
  background: #ffffff;
  padding: 15px 20px;
  position: absolute;
  top: 50px;
  left: 20px;
  border-radius: 20px;

  h4 {
    font-size: 20px;
  }
}

.city-landing-page:has(.mapsearchbar) .isochronestyles {
  top: 190px;
}

.toggle-group .toggle {
  cursor: pointer;
  color: #000000;
  font-size: 13px;
  padding: 3px 14px;
  border-radius: 30px;
  background-color: #f2f2f2;
  transition:
    color 0.125s,
    background-color 0.125s;
  font-weight: 500;
  margin-right: 10px;
}
.toggle-group .toggle-container {
  max-width: 100%;
}

.toggle-group .toggle-container > input {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.toggle-group input:checked + .toggle {
  /* background: #0066cc;
  color: #fff; */
  background: #d7c7fa;
  color: #000000;
}

#duration-slider.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 8px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  border-radius: 13px;
}

#duration-slider.slider:hover {
  opacity: 1;
}

#duration-slider.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 8px;
  height: 16px;
  background: #0066cc;
  cursor: pointer;
  border-radius: 12px;
}

#duration-slider.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #04aa6d;
  cursor: pointer;
}

.tabs-view.schollView ul.nav.nav-tabs {
  z-index: 1 !important;
}

#nav-tabContent {
  .owl-carousel {
    .item {
      box-shadow: 0px 0px 10px #cccccc;
      background: #f5f5f5;
      padding: 2rem;
      width: 90%;
      margin: 0.25rem auto;
      min-height: 30rem;
      border-radius: 0.5rem;
      position: relative;

      .caption {
        p {
          font-weight: 800;
          min-height: 5rem;
          span {
            font-size: 1.08rem;
            font-weight: 500;
            display: inline-block;
          }
          a {
            font-weight: 800;
            font-size: 1.333rem;
            color: var(--colors);
          }
        }
      }
    }

    button.owl-prev,
    button.owl-next {
      position: relative;
      width: 2rem;
      height: 2rem;
      border: 2px solid #000000 !important;
      border-radius: 50%;
      line-height: 1.9 !important;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      span {
        display: none;
      }
    }
    button.owl-prev::after {
      content: "\f284";
      font-family: bootstrap-icons !important;
      font-style: normal;
      font-weight: 600 !important;
      position: absolute;
      top: 1px;
      left: -1px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      font-size: 13px;
    }
    button.owl-next::after {
      content: "\f285";
      font-family: bootstrap-icons !important;
      font-style: normal;
      font-weight: 600 !important;
      position: absolute;
      top: 1px;
      left: -1px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      font-size: 13px;
    }
  }

  .no_data_found {
    min-height: 30rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f3f3f3;
    border-radius: 10px;
    margin-bottom: 15px;
    font-size: 20px;
    color: #ff0000cc;
  }

  span.school-copy-right {
    display: block;
    text-align: center;
  }

  ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 2rem;
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    li {
      font-size: 0.98rem;
      display: flex;
      align-items: center;
      color: var(--blackColor);
      padding: 1rem 2rem;
      &:last-child {
        font-weight: 800;
        border-top: 2px solid #cacaca;
        margin-top: 10px;
      }
      i {
        margin-right: 20px;
        font-size: 20px;
        padding-left: 10px;
      }
    }
    img.rating-image {
      width: 37px;
      margin: 0px 10px 0px 0px;
      height: auto;
    }
  }
}

.listViewOnMap {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  z-index: 9;
  padding: 10px 0px;
  left: 25px;
  top: 0px;
  right: 0px;
  .item {
    background: #ffffff;
    padding: 7px 15px;
    border-radius: 50px;
    box-shadow: 1px 1px 5px #959494;
    margin-right: 20px;
    margin-bottom: 10px;
    &:has(.active) {
      background: #0066cc;
    }
    a {
      font-size: 14px;
      color: #000000;
      font-weight: 600;
      display: flex;
      align-items: center;
      &.active {
        color: #ffffff;
      }

      i {
        font-size: 13px;
        margin-right: 10px;
      }
    }
  }

  #multi-rest {
    background: #ffffff;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 1px 1px 5px #959494;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 8px;
    &::after {
      content: "";
      position: absolute;
      left: 20px;
      right: 0px;
      width: 10px;
      top: -7px;
      border-bottom: 10px solid #ffffff;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
    }
    &::before {
      content: "";
      position: absolute;
      left: 20px;
      right: 0px;
      width: 10px;
      top: -11px;
      border-bottom: 11px solid #a7a7a7;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
    }
    label {
      font-weight: 600;
      font-size: 14px;
    }
    .ant-select {
      margin: 0 !important;
      border: 1px solid #cccccc;
      border-radius: 5px;
    }
  }
}

.listViewOnMap_school {
  position: absolute;
  z-index: 9;
  padding: 10px 0px;
  left: 25px;
  right: 0px;
  top: 0px;
  width: 380px;
  background: #ffffff;
  padding: 15px;
  border-radius: 6px;
  box-shadow: 1px 1px 5px #959494;
  .ant-select {
    margin: 0 !important;
    border: 1px solid #cccccc;
    border-radius: 5px;
  }
  .subnew {
    display: flex;
    justify-content: space-between;
    margin-top: 11px;
    .item {
      a {
        background: #eaeaea;
        display: inline-block;
        padding: 5px 17px;
        color: #000000;
        border-radius: 30px;
        font-size: 14px;
        font-weight: 600;
        &.active {
          /* background: #0066cc;
          color: #ffffff; */
          background: #d7c7fa;
          color: #000000;
        }
      }
    }
  }
}

.listViewOnMap_poi {
  position: absolute;
  z-index: 9;
  left: 25px;
  top: 0px;
  right: 25px;

  ul {
    display: flex;
    align-items: center;
    list-style-type: none;
    padding: 0;
    flex-wrap: wrap;
    li {
      border: 0px;
      background: #ffffff;
      padding: 7px 16px;
      color: #000000;
      font-size: 14px;
      font-weight: 600;
      border-radius: 20px;
      margin-right: 15px;
      margin-bottom: 15px;
      box-shadow: 1px 1px 5px #959494;
      cursor: pointer;
      text-align: center;
      &.active {
        /* color: #ffffff;
        background: #0066cc; */
        background: #d7c7fa;
        color: #000000;
      }
    }
  }

  .owl-carousel.owl-theme .owl-nav button.owl-next {
    top: -8px;
    right: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    i {
      font-size: 15px;
      font-weight: 600;
    }
  }

  .owl-carousel.owl-theme .owl-nav button.owl-prev {
    top: -8px;
    left: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    i {
      font-size: 15px;
      font-weight: 600;
    }
  }
}

.explore-the-area-tab {
  .listViewOnMap_poi {
    /* right: auto; */
    .owl-item {
      &:first-child {
        position: relative;
        /* height: 260px; */
      }
    }
    ul {
      li {
        box-shadow: none;
        background: transparent;
        padding: 0;
        margin: 0;
        border-radius: 0px;
        span.li {
          border: 0px;
          background: #ffffff;
          padding: 7px 16px;
          color: #000000;
          font-size: 14px;
          font-weight: 600;
          border-radius: 20px;
          margin-right: 15px;
          margin-bottom: 15px;
          box-shadow: 1px 1px 5px #959494;
          cursor: pointer;
          text-align: center;
          display: block;
          i {
            margin-right: 10px;
          }
        }

        &.active {
          span.li {
            /* color: #ffffff;
              background: #0066cc; */
            background: #d7c7fa;
            color: #000000;
          }
        }

        #multi-rest {
          position: absolute;
          left: 0px;
          top: 50px;
          z-index: 999;
          background: #ffffff;
          color: #000000;
          border-radius: 10px;
          padding: 15px;
          width: 300px;
          text-align: left;
          .ant-select {
            border: 1px solid #cccccc;
          }
        }
      }
    }
    @media (max-width: 767px) {
      .owl-carousel.owl-theme {
        width: 89%;
        margin: auto;
        margin-left: 20px;
        .owl-nav button.owl-prev {
          left: -45px;
        }
        .owl-nav button.owl-next {
          right: -45px;
        }
      }
    }
  }
}

.explore-the-area-tab
  .map-right-view
  .slider:has(.select-dropdown)
  + .point-tails {
  max-height: calc(100% - 100px);
}

.relomap-height .mapboxgl-ctrl-top-right {
  right: auto !important;
  top: auto !important;
  left: 11px;

  bottom: 155px;
}

@media (max-width: 767px) {
  .listViewOnMap_school {
    max-width: 357px;
    left: 8px;
    top: 8px;

    .item {
      a {
        padding: 5px 15px !important;
      }
    }
  }
  .propertyDetails {
    .listViewOnMap_school {
      top: 25px;
    }
  }

  .city-landing-page h1.backBtn {
    display: none;
  }

  .relomap-height .mapboxgl-ctrl-top-right {
    right: 0px !important;
    bottom: auto;
    top: 125px !important;
  }

  .relomap-height .mapboxgl-ctrl-bottom-left {
    right: 10px !important;
    bottom: auto;
    top: 25px !important;
    left: auto !important;
    .mapboxgl-ctrl {
      &:last-child {
        display: none !important;
      }
    }
  }
  .single-poi {
    .relomap-height .mapboxgl-ctrl-top-right {
      top: 175px !important;
    }
    .relomap-height .mapboxgl-ctrl-bottom-left {
      top: 75px !important;
    }
  }

  .religious_mainView {
    .relomap-height {
      .mapboxgl-ctrl-top-right {
        top: 65px !important;
      }
      .mapboxgl-ctrl-bottom-left {
        top: 150px !important;
      }
    }
  }
  #propertymap.modal {
    .relomap-height {
      .mapboxgl-ctrl-bottom-left {
        top: 170px !important;
      }
    }
  }
  .propertyDetails {
    .relomap-height {
      .mapboxgl-ctrl-bottom-left {
        top: 110px !important;
      }
      .mapboxgl-ctrl-top-right {
        top: 25px !important;
      }
    }
    #school,
    #transit {
      .relomap-height {
        .mapboxgl-ctrl-bottom-left {
          top: 25px !important;
        }
      }
    }
    .listViewOnMap_poi {
      top: 30px;
    }
  }

  .listViewOnMap_poi {
    top: 10px;
  }

  .modal ul.appoint_list li a span {
    display: block;
  }
  .modal ul.appoint_list li a {
    display: block;
  }
  div.appointmentModalView .modal-dialog.modal-lg {
    width: 90%;
    max-width: initial;
    margin-left: auto;
    margin-right: auto;
  }

  #PackingRecommendations,
  #myModalMovingTips {
    .modal-content .tails-row {
      display: block;
      column-count: 1;
    }
  }
}

[data-aos="fade-up"] {
  transform: translate3d(0, 20px, 0) !important;
}
[data-aos="fade-down"] {
  transform: translate3d(0, -20px, 0) !important;
}

[data-aos^="fade"][data-aos^="fade"].aos-animate {
  opacity: 1;
  transform: translateZ(0) !important;
}

.custommultiCheckBox .formrow {
  position: relative;
  width: 100%;
}
.custommultiCheckBox .checklabel {
  border: 0px;
  background: #ffffff;
  padding: 7px 16px;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  border-radius: 20px;
  margin-right: 15px;
  margin-bottom: 15px;
  box-shadow: 1px 1px 5px #959494;
  cursor: pointer;
  text-align: center;
  display: block;
}
.custommultiCheckBox .checklabel:hover {
  background: #ddd;
}
.custommultiCheckBox .checkbox {
  position: absolute;
  right: 10px;
  top: 15px;
  width: 2.2em;
  height: 2.2em;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border: none;
  padding: 0;
  border-radius: 0;
  vertical-align: middle;
  transition: 0.3s ease;
  outline: 0;
}
.custommultiCheckBox .checkbox:focus + label {
  border-color: blue;
}
.custommultiCheckBox .checkbox:active + label {
  background-color: #ddd;
}
.custommultiCheckBox .checkbox:checked + label {
  background: #d7c7fa;
  color: #000000;
}
.custommultiCheckBox .customItems {
  display: flex;
  gap: 30px;
}
.custommultiCheckBox .customItems .item {
  width: 30%;
}
.custommultiCheckBox #multi-rest {
  position: absolute;
  left: 0px;
  top: 50px;
  z-index: 999;
  background: #ffffff;
  color: #000000;
  border-radius: 10px;
  padding: 15px;
  width: 300px;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  .filterIcon {
    display: none;
  }
}
.custommultiCheckBox #multi-rest .ant-select {
  width: 100% !important;
  margin-top: 0px;
  margin-bottom: 15px;
  border: 1px solid #cccccc;
}
.explore-the-area-tab {
  .map-right-view {
    .slider {
      ul {
        list-style-type: none;
        padding: 0;
        display: flex;
        width: 100%;
        /* overflow: auto; */
        gap: 10px;
        /* padding-bottom: 5px; */
        li {
          span {
            cursor: pointer;
            background: #f2f2f2;
            color: #000000;
            font-size: 14px;
            font-weight: 600;
            padding: 5px 15px;
            display: flex;
            align-items: center;
            border-radius: 18px;
            white-space: nowrap;
          }

          i {
            font-size: 13px;
            padding-left: 8px;
            position: relative;
            top: 0px;
            cursor: pointer;
          }
          &.active {
            span {
              background: #d7c7fa;
              cursor: pointer;
            }
          }
        }
      }
      .select-dropdown {
        display: flex;
        gap: 10px;
        .ant-select {
          min-width: 110px;
          width: auto;
        }
      }
    }
  }

  /* width */
  ::-webkit-scrollbar {
    width: 5px;
    height: 3px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #333333;
  }
}

/* .trashDelete button.mapbox-gl-draw_ctrl-draw-btn.mapbox-gl-draw_trash{
  display: none;
} */

button.custom-trash-btn {
  background-image: url(../images/trashdelete.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.fc-v-event .fc-event-main-frame,
.fc .fc-daygrid-event {
  cursor: pointer;
}

.map-right-view .owl-carousel .owl-stage-outer {
  overflow-x: scroll;
  padding-bottom: 5px;
}
.map-right-view .owl-carousel .owl-stage-outer li {
  margin-right: 10px;
}

.relo-aiAssistant {
  height: 100vh;
  padding-bottom: 10px;
  padding-top: 70px;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;

  h2 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 25px;
  }
  .textHere {
    position: relative;
    max-width: 900px;
    width: 90%;
    margin: 0 auto;
    textarea {
      background: #ffffff;
      border: 0;
      margin: auto;
      box-shadow: 0px 0px 10px #cccccc;
      width: 100%;
      padding: 30px;
      padding-right: 60px;
      border-radius: 15px;
      min-height: 150px;
      outline: 0;
    }
    .btn {
      position: absolute;
      right: 15px;
      bottom: 15px;
      background: #d7c7fa;
      color: #000000;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      font-size: 15px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
  &.withChat {
    justify-content: flex-start;
    .textHere {
      position: fixed;
      left: 0px;
      right: 0;
      bottom: 28px;
      background: #ffffff;
    }
    textarea {
      height: 55px !important;
      min-height: initial;
      border-radius: 5px;
      padding: 10px 15px;
      padding-right: 60px;
      background: #f4f4f4;
      box-shadow: none;
    }
    .btn {
      right: 15px;
      top: 9px;
    }
    .historyScroll {
      width: 100%;
      height: calc(100vh - 165px);
      overflow: auto;
    }
    .chatHistory {
      max-width: 900px;
      width: 90%;
      margin: 0 auto 65px;

      display: flex;
      flex-direction: column;
      padding-top: 15px;

      .chatView {
        position: relative;
        margin: 10px 20px;
        margin-bottom: 35px;
        padding: 10px 15px;
        border-radius: 5px;
        background-color: #f4f4f4;
        width: fit-content;
        max-width: 80%;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        p {
          margin: 0;
        }
        span {
          position: absolute;
          left: 0px;
          width: 100%;
          top: -25px;
          display: block;
          font-size: 13px;
          font-weight: 600;
          min-width: 120px;
        }
        &.sender {
          align-self: flex-end;
          border-right: 5px solid #d7c7fa;
          span {
            left: auto;
            right: 0;
            text-align: right;
          }
        }
        &.receiver {
          align-self: flex-start;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          border-left: 5px solid #d7c7fa;
          span {
            img {
              width: 20px;
              margin-left: -20px;
              margin-right: 5px;
            }
          }
        }
      }
    }
    h2 {
      display: none;
    }
  }

  .prompts-list {
    margin-top: 15px;
    width: 90%;
    max-width: 900px;
    .owl-carousel .owl-stage {
      display: flex;
      flex-wrap: nowrap;
    }
    .tail {
      padding: 7px 25px;
      background: #e8e8e8;
      border-radius: 30px;
      font-size: 14px;
      cursor: pointer;

      i {
        padding-right: 10px;
        font-size: 15px;
      }
      span {
        font-weight: 500;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        white-space: nowrap;
      }
    }
    .tail.active {
      background: #d7c7fa;
      color: black;
    }
  }
  .tab-active-list {
    width: 90%;
    max-width: 900px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 25px;
    margin-top: 15px;
    cursor: pointer;
    .view {
      background: #f7f7f7;
      padding: 20px;
      border-radius: 10px;
      h2 {
        font-size: 20px;
        font-weight: 600;
        margin: 10px 0;
      }
    }
  }

  span.aiNote {
    position: fixed;
    bottom: 5px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 13px;
  }

  .owl-carousel.owl-theme div.owl-nav button {
    height: 35px;
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    background: #000000;
    border-radius: 50%;
    top: -5px;
  }
  @media (max-width: 991px) {
    & {
      padding-top: 90px;
      height: auto;
      min-height: 100vh;
    }
  }
  @media (max-width: 767px) {
    .tab-active-list {
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 20px;
      margin-bottom: 75px;
    }
    &.withChat {
      .historyScroll {
        height: calc(100vh - 210px);
      }
      .textHere {
        bottom: 45px;
      }
    }
    span.aiNote {
      bottom: 0px;
      background: #fff;
      padding: 10px;
    }
  }
}

#recommend-edit-rental .ant-select-selector input {
  padding-left: 15px;
}
.new-drag-drop.onlyGetStarted {
  max-width: 400px;
  .list-priority-view-heading {
    margin-bottom: 30px;
  }
}
.new-drag-drop.onlyGetStarted .list-priority-view .drag + .drag {
  width: 100%;
}
#preference-modal .demo-drag-drop {
  margin-top: 0px !important;
}
#preference-modal {
  .new-drag-drop .list-priority-view {
    max-width: 400px;
    margin: auto;
    .item {
      margin: auto;
    }
    .drag + .drag {
      width: 100%;
    }
  }
}

#comparemap {
  .owl-carousel.owl-theme .owl-nav button.owl-prev,
  .owl-carousel.owl-theme .owl-nav button.owl-next {
    font-size: 20px;
    top: -8px;
    outline: 0px;
    padding: 15px !important;
    width: 40px;
    height: 40px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }

  .owl-carousel.owl-theme .owl-nav button.owl-prev.disabled,
  .owl-carousel.owl-theme .owl-nav button.owl-next.disabled {
    display: none;
  }
}
#propertymap {
  .owl-carousel.owl-theme .owl-nav button.owl-prev,
  .owl-carousel.owl-theme .owl-nav button.owl-next {
    font-size: 20px;
    top: -8px;
    outline: 0px;
    padding: 15px !important;
    width: 40px;
    height: 40px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }

  .owl-carousel.owl-theme .owl-nav button.owl-prev.disabled,
  .owl-carousel.owl-theme .owl-nav button.owl-next.disabled {
    display: none;
  }
}

table.fc-scrollgrid {
  border: 1px solid #dddddd !important;
}

#propertymap.modal.new_modal_pop,
#comparemap.modal.new_modal_pop {
  .only_close {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  .pointer.close {
    position: relative;
    right: 0;
  }
  .city-landing-page {
    min-height: 90vh;
    height: 100%;
  }
  .city-landing-page .owl-carousel {
    width: 95%;
    position: absolute;
    top: 25px;
  }
}

/* .nav_bottom_height,
.dssolonavbar.navbar,
.footer_main {
  display: none !important;
} */

.modal-title {
  color: #000000 !important;
}

button.mapboxgl-popup-close-button {
  right: 10px !important;
  top: 10px !important;
}

.appStoreIcons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  img {
    width: 140px;
    height: 46px;
    border-radius: 10px;
  }
}
img.stepsImage {
  border-radius: 20px;
  box-shadow: 0px 0px 10px #cccccc;
}

/* .tab-modal .item-view .list-unstyled {
  padding-left: 20px;
} */

#myModalDriversLicense.tab-modal .tails-row {
  margin: 30px 0;
}
#myModalDriversLicense.tab-modal .item-view {
  margin-bottom: 0;
  height: 100%;
}
.ant-select-selection-wrap {
  position: static !important;
}

.city-landing-page {
  position: relative;
  .spiritualSelectBtn {
    position: absolute;
    top: 0px;
    left: 30px;
    z-index: 1;
    min-width: 200px;
    @media (max-width: 1199px) {
      top: 40px;
      left: 20px;
    }
    .ant-select {
      height: auto;
    }
    .ant-select-selector {
      border: 0px;
      padding: 0px 29px;
      color: #000000;
      font-size: 14px;
      font-weight: 600;
      border-radius: 30px;
      box-shadow: 1px 1px 5px #959494;
      cursor: pointer;
      .ant-select-selection-item {
        color: #000;
        padding-inline-end: 10px;
      }
    }
    .ant-select-arrow {
      color: #000000;
      inset-inline-end: 15px;
    }
  }
}
.ant-select-dropdown {
  .rc-virtual-list {
    .ant-select-item {
      &.ant-select-item-option-selected {
        background-color: #d7c7fa;
      }
    }
  }
}

.mAppView {
  .dssolonavbar.navbar {
    display: none;
  }
  .nav_bottom_height {
    margin-top: 65px;
  }
  h1.pageHeader {
    font-size: 30px;
    font-weight: 600;
    padding: 15px 15px;
    margin: 0;
    display: block;
    background: #ffffff;
  }
}

.mAppView + div div.city-landing-page.newOne .tabs-view ul.nav,
.mAppView + div.city-landing-page.newOne .tabs-view ul.nav {
  box-shadow: none;
}

.mAppView + div.die-dataview .full + .heightGrid {
  height: calc(100vh - 110px);
}

.mAppView
  + div
  .city-landing-page.newOne
  .mapsearchbar
  + h1
  + h1
  + div
  .heightGrid {
  height: calc(100vh - 200px);
}
.mAppView
  + div
  .city-landing-page.newOne
  .mapsearchbar
  + h1
  + h1
  + div
  .full
  + .heightGrid {
  height: 150px;
}

.mAppView + div {
  .tabSliders {
    top: 0;
  }
  div.city-landing-page.newOne .relomap-height {
    top: 0px;
    height: calc(100vh - 0px);
    margin: 0;
  }
  .tabSliders .owl-carousel {
    top: 0;
  }
  .city-landing-page {
    margin-top: 35px;
  }
  .city-landing-page.newOne h1.location {
    top: 15px;
  }
  .city-landing-page.newOne h1.backBtn button {
    top: 18px;
  }

  .header:has(.backtoLocation) {
    position: sticky;
    top: 0px;
    z-index: 99;
    background: #ffffff;
    padding-top: 20px;
    margin-top: -90px;
    margin-bottom: 15px;
    h1.backtoLocation {
      position: absolute;
      left: -10px;
      & + span {
        background: #ffffff;
        z-index: 99;
        padding: 0px 20px;
        width: calc(100% - 30px);
        display: block;
        padding-top: 15px;
        margin: auto;
        p {
          margin-top: 10px;
          margin-bottom: 0;
          i {
            display: none;
          }
        }
      }
    }
  }

  #propertymap.modal.new_modal_pop,
  #comparemap.modal.new_modal_pop {
    .city-landing-page .owl-carousel {
      top: 0;
    }
  }
  .newHomeFingindtabs {
    .my_properties_lists {
      padding-top: 0;
      margin-right: 10px !important;
      margin-left: 10px !important;
      .relo_pro_search_view {
        .item {
          max-width: initial;
        }
      }
    }
  }

  .religious_mainView div#mapus {
    top: 45px;
  }

  .ds-profile-page {
    margin-top: -25px;
  }
  .ds-profile-page .tabs-view ul.nav {
    background: #fff;
    box-shadow: none;
  }
  .relomap-height .mapboxgl-ctrl-top-right {
    top: 160px !important;
  }
  &.relo-aiAssistant {
    &.withChat {
      .historyScroll {
        height: calc(100vh - 120px);
      }
      .chatHistory {
        margin-bottom: 0;
      }
    }
  }
  .listViewOnMap_poi {
    top: 0px;
  }
  .appartmentView {
    .explore-the-area-tab {
      margin: 0;
    }
    .tabs-view:has(.backtoLocation) {
      padding-top: 5px;
    }
  }

  .explore-the-area-tab {
    .listViewOnMap_poi {
      top: 15px;
    }
    &.single-poi {
      .listViewOnMap_poi {
        top: 30px;
      }
    }
  }
  .cityLandingHeading {
    display: block;
  }
  .listViewOnMap_school {
    top: 30px;
  }
  .propertyDetails {
    .tabs-view ul.nav {
      top: 30px !important;
    }
  }
  .relo-dsLanding h1 {
    padding-top: 20px;
  }
  .main_getStartedPage .bannerpart {
    padding-top: 30px;
  }
  .locatonSearchBar {
    .relomap-height .mapboxgl-ctrl-top-right {
      top: 225px !important;
    }
  }
  .relomap-height .mapboxgl-ctrl-top-right {
    top: 165px !important;
  }
  .cityListDesclimber {
    padding-top: 20px;
  }
  .check-list-page {
    padding-top: 30px;
  }
  &.relo-dsLanding h1 {
    padding-top: 15px;
  }
  &.relo-dsLanding {
    .my_properties_lists {
      padding-top: 0;
    }
  }
  &.sharlotte-help-page {
    padding-top: 25px;
    .view h2 {
      font-size: 23px;
      font-weight: 700;
      padding-left: 10px;
      padding-top: 12px;
    }
  }
  .my_properties_lists {
    padding-top: 25px;
  }
  &.r-a-c-view.pt-5 {
    padding-top: 0px !important;
  }
  .r-a-c-view.rental-faq {
    padding-top: 30px !important;
  }
  &.die-dataview {
    padding-top: 20px;
    .tabs-view ul.nav {
      top: 65px !important;
      background: #ffffff;
      padding-top: 17px !important;
    }
  }

  .cityLandingHeading {
    z-index: 999;
    padding-top: 10px;
    padding-bottom: 8px;
    top: 17px;
  }

  &.city-landing-page {
    & .spiritualSelectBtn {
      top: 70px;
      left: 20px;
    }
  }
}

/* Sep-10 changes */

.rentTrendsView {
  padding-top: 20px;
  .boxView {
    max-width: 800px;
    width: 85%;
    margin: auto;
    .inputView {
      background: #f9f9f9;
      border-radius: 15px;
      padding: 30px 40px;
      .btn {
        padding: 10px 35px;
        border-radius: 30px !important;
      }
    }
    h6 {
      font-size: 25px;
      text-align: center;
    }
    h5 {
      color: #8e8e8e;
      text-align: center;
      font-size: 16px;
      margin-bottom: 30px;
    }
    label {
      display: inline-block;
      font-size: 18px;
      font-weight: 500;
      text-align: left;
      margin-bottom: 10px;
    }
    ul {
      &.comments {
        display: flex;
        list-style-type: none;
        justify-content: center;
        gap: 15px;
        flex-wrap: wrap;
        padding: 0;
        li {
          border-right: 2px solid #000000;
          line-height: 1;
          padding-right: 15px;
          font-size: 17px;
          color: #000000;
          font-weight: 400;
          &:last-child {
            border: 0px;
          }
          span {
            font-weight: 600;
          }
        }
      }
      &.values {
        display: grid;
        list-style-type: none;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        margin-bottom: 0;
        padding-left: 0px;
        li {
          background: #d7c8fa;
          padding: 10px 15px;
          border-radius: 7px;
          font-weight: 600;
          font-size: 20px;
          min-width: 175px;
          strong {
            font-weight: 400;
            display: block;
            color: #090909;
            font-size: 14px;
            margin-bottom: 0px;
          }
        }
      }
    }

    .emptyresults {
      background: #f9f9f9;
      padding: 30px 40px;
      height: 300px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 10px;
      border-radius: 10px;
      p {
        max-width: 450px;
        margin: auto;
        font-size: 16px;
        color: #000000;
        font-weight: 500;
      }
    }

    .pic {
      position: relative;
      img {
        width: 180px;
      }
      span {
        position: absolute;
        bottom: 25px;
        left: 0px;
        right: 0px;
        margin: auto;
        text-align: center;
        color: #000000;
        font-size: 17px;
        font-weight: 600;
      }
    }
    p {
      color: #8e8e8e;
      text-align: center;
    }

    .overview {
      background: #f9f9f9;
      border-radius: 10px;
      padding: 26px;
      margin-top: 10px;
    }
    @media (max-width: 767px) {
      width: 95%;
      .inputView {
        padding: 20px;
        .btn {
          padding: 6px 25px;
        }
      }
      ul {
        &.values {
          li {
            min-width: 100px;
          }
        }
        &.comments {
          li {
            font-size: 15px;
            font-weight: 500;
          }
        }
      }
    }
  }
  .btn {
    padding: 7px 20px;
    margin-bottom: 15px;
    margin-right: 5px;
    color: #000000;
    font-weight: 300;
    text-transform: capitalize;
    font-size: 15px;
    border-radius: 7px !important;
    font-weight: 600;
    outline: 0px;
    background: #f1f1f1;
    text-align: center;
    position: relative;
    &.btn-clr {
      background: #d7c7fa;
      color: #000000;
    }
  }
}
.rentMeter.customTooltip {
  padding: 15px;
  h1 {
    font-size: 17px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 7px;
  }
  span {
    display: block;
    margin-bottom: 10px;
  }
}

.relo_pro_search_view_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -30px;
  margin-bottom: 15px;
  margin-left: 1rem;
  .tail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    position: relative;
    .form-group {
      display: flex;
      align-items: center;
      margin-bottom: 0;
    }
  }
  label {
    color: #000000;
    font-weight: 500;
    font-size: 1rem;
    margin-right: 1rem;
    white-space: nowrap;
  }
  input {
    border: 1px solid #cccccc;
    height: 43px;
    padding: 6px 15px;
    border-radius: 4px;
    box-shadow: none !important;
    outline: 0px !important;
    &.form-control {
      padding: 6px 15px;
    }
  }
  .btns {
    min-width: 395px;
    button {
      background: #f2f2f2;
      border: 1px solid #f2f2f2;
      color: #000000;
      margin-right: 10px;
      border-radius: 5px;
      padding: 7px 13px;
      font-size: 1rem;
      font-weight: 500;
      &.active {
        background: #d7c7fa;
      }
    }
    .btn-reset {
      background: #cccccc;
      padding: 5px 15px;
    }
  }

  img {
    width: 200px;
    position: relative;
    top: 0px;
    margin: 0 0 0px auto;
  }
  span.poweredBy {
    position: absolute;
    color: #000000;
    top: -4px;
    left: 16px;
    font-size: 15px;
    color: #747474;
  }
  @media (max-width: 1199px) {
    align-items: flex-start;
    .tail {
      flex-wrap: wrap;
      justify-content: flex-start;
      .form-group {
        &:first-child {
          flex: 2;
          min-width: 200px;
        }
      }
      .btns {
        min-width: initial;
      }
    }
  }
  @media (max-width: 991px) {
    margin-top: -20px;
    img {
      max-width: 150px;
    }
    .react-datepicker__input-container {
      max-width: 150px;
    }
    .tail {
      .form-group {
        min-width: 150px;
      }
    }
  }
  @media (max-width: 767px) {
    margin-left: 0;
    padding: 0px 15px;
    label {
      display: none;
    }
  }
  @media (max-width: 575px) {
    display: block;
    .react-datepicker__input-container {
      max-width: 100%;
    }
    .tail {
      display: block;
      &:last-child {
        margin-top: 20px;
      }
      .form-group {
        margin-bottom: 10px;
      }
      .btns {
        margin: 10px 0;
      }
    }
  }
}

.relo_pro_search_view {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  width: calc(100% - 2rem);
  margin: auto;
  .item {
    width: 100%;
    border-radius: 10px;

    max-height: calc(100vh - 155px);

    overflow: auto;
    &.relomap-height {
      height: calc(100vh - 155px);
    }

    &:first-child {
      width: 730px;
      min-width: 730px;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 1rem;
      padding-bottom: 3rem;
    }
    &.noDataFound {
      display: flex;
      justify-content: center;
      align-items: center;
      height: calc(100vh - 155px);
      background: #f5f5f5;
      flex-direction: column;
      p {
        font-size: 17px;
        max-width: 600px;
        a {
          color: var(--relo-active-clr);
        }
      }
    }
    .tail {
      box-shadow: 0px 0px 5px #d7d7d7;
      border-radius: 10px;
      position: relative;
      background: #f7f7f7;
      cursor: pointer;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      span.addedByYou {
        display: inline-block;
        background: #f1f1f1;
        color: #434343;
        position: absolute;
        font-weight: 600;
        font-size: 14px;
        padding: 8px 20px;
        border-radius: 31px;
        top: 7px;
        left: 10px;
        &:has(img) {
          padding: 2px 15px;
        }
        img {
          height: auto;
          margin: 0;
          width: 100px;
        }
      }

      img {
        border-radius: 10px 10px 0 0;
        height: 180px;
        width: 100%;
        object-fit: cover;
      }
      h3 {
        padding: 1rem 1rem 0.25rem;
        font-size: 1.25rem;
        font-weight: 600;
        color: #000000;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        i {
          font-size: 1.25rem;
          &.bi-heart-fill {
            color: #9e8cc3;
          }
        }
        a {
          font-size: 1.1rem;
          font-weight: 700;
          color: #000000;
        }
        & + p {
          color: #707070;
          font-weight: 500;
          min-height: 2.75rem;
          margin-top: 0;
        }
      }
      p {
        padding: 0 1rem;
        font-size: 0.9rem;
        color: #000000;
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 6px 0;
        &:last-child {
          margin-bottom: 1rem;
        }
        .bi-buildings {
          font-size: 1.25rem;
          & + span {
            min-height: 2.75rem;
          }
        }
        span {
          display: flex;
          flex-direction: column;
          span {
            display: inline-block;
          }
        }
      }
      button {
        border-radius: 0px 0px 7px 7px;
      }
    }
  }
  @media (max-width: 1199px) {
    .item {
      &:first-child {
        width: 650px;
        min-width: 650px;
      }
    }
  }
  @media (max-width: 1099px) {
    .item {
      &:first-child {
        width: 600px;
        min-width: 600px;
      }
    }
  }
  @media (max-width: 991px) {
    .item {
      &:first-child {
        width: 320px;
        min-width: 320px;
        grid-template-columns: repeat(1, 1fr);
      }
    }
  }
  @media (max-width: 767px) {
    display: block;
    .item {
      width: 100%;
      &:first-child {
        width: 100%;
        min-width: initial;
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 30px;
      }
    }
  }
  @media (max-width: 575px) {
    .item {
      width: 100%;
      &:first-child {
        width: 100%;
        min-width: initial;
        grid-template-columns: repeat(1, 1fr);
      }
    }
  }
}

.tabs-view .tab-content.newHomeFingindtabs {
  padding-top: 35px;

  .shResultspageimages .shr_textmain {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    & > span {
      color: #ffffff;
      display: flex;
      align-items: center;
      min-width: 24px;
      font-size: 15px;
      line-height: 1;
      justify-content: center;
      height: 42px;
      border-radius: 5px;
      font-weight: 700;
      background-image: url(../images/mapNew.png);
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: top;
    }
  }

  #rentalSitesModal {
    .modal-dialog {
      max-width: 1000px;
      width: 95%;
      .homefinding-bottom-view ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0 2rem;
        /* li {
          &:last-child {
            grid-column: 2 span;
          }
        } */
        li a {
          img {
            width: 100%;
          }
        }
      }
      @media (max-width: 991px) {
        .homefinding-bottom-view ul {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      @media (max-width: 575px) {
        .homefinding-bottom-view ul {
          grid-template-columns: repeat(1, 1fr);
        }
      }
    }
  }
}

.city-landing-page {
  &.appartmentView {
    .header {
      h1 {
        text-align: center;
        margin-bottom: 0px;
        font-size: 25px;
      }
      p {
        text-align: center;
        font-size: 16px;
        color: #8e8e8e;
        font-weight: 400;
        margin-bottom: 35px;
        i {
          font-size: 21px;
          position: relative;
          top: 2px;
          margin-right: 7px;
        }
      }
    }
    .backtoLocation {
      display: none;
      text-align: left !important;
      position: fixed;
      width: 100%;
      height: 40px;
      top: 30px;
      z-index: 999;
      .btn {
        /* background: #cccccc; */
        padding: 7px 25px 5px;
        /* display: block; */
        font-weight: 200;
        font-size: 26px;
        margin-bottom: 20px;
        line-height: 1;
        border: 0;
      }
    }
    @media (max-width: 767px) {
      .backtoLocation {
        display: block;
      }
      .city-bg:has(.linkVIew) {
        position: relative;
        .linkVIew {
          position: absolute;
          right: 0px;
          top: 27px;
        }
      }
    }
    h1 {
      font-size: 20px;
    }
    .linkVIew {
      color: var(--relo-active-clr);
      border: 0;
      background: transparent;
      box-shadow: none;
      font-size: 15px;
      font-weight: 500;
      i {
        margin-left: 5px;
      }
    }
    .owl-carousel .owl-stage-outer {
      border-radius: 10px;
    }
    .image {
      img {
        height: 450px;
        object-fit: cover;
        border-radius: 10px;
      }
      .owl-carousel.owl-theme .owl-nav button {
        top: 50%;
        transform: translateY(-50%);
        right: -20px;
        width: 40px;
        height: 40px;
        border-radius: 5px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000000;
        font-size: 18px;
        &.owl-prev {
          right: auto;
          left: -25px;
        }
      }
    }

    .city-bg {
      &:has(.property-info) {
        height: 100%;
      }
      &:has(.tab-content) {
        height: 100%;
      }
    }

    .property-info {
      .info-item {
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;
        &:last-child {
          margin-bottom: 0;
        }
        strong {
          text-transform: capitalize;
          text-align: right;
        }
      }
    }
    div#nav-tab {
      border: 0;
      gap: 15px;
      button.nav-link {
        background: #ffffff;
        padding: 8px 25px;
        color: #000000;
        font-size: 15px;
        border-radius: 20px;
        font-weight: 500;
        &.active {
          background: #d7c7fa;
          color: #000000;
        }
        @media (max-width: 575px) {
          padding: 6px 15px;
          font-size: 14px;
        }
      }
    }
    .modal {
      div#nav-tab {
        button.nav-link {
          background: #f5f5f5;
          color: #000000;
          &.active {
            background: #d7c7fa;
            color: #000000;
          }
        }
      }
      .accordion {
        max-height: 65vh;
        overflow: auto;
        .accordion-item {
          border: 1px solid #ececec;

          .accordion-button {
            background: #f9f9f9;
          }
        }
      }
    }

    .plan-summary {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      color: #767676;
      font-size: 14px;
      b {
        color: #000000;
      }
    }
    .accordion {
      .accordion-item {
        border: 1px solid #d2d2d2;
        border-radius: 10px;
        margin-bottom: 15px;
        .accordion-header {
          margin-bottom: 0;
          border-radius: 10px;
        }
        .accordion-button {
          border-radius: 10px;

          background: #ffffff;
          box-shadow: none;
        }
      }
      .accordion-body {
        display: flex;
        flex-direction: row-reverse;
        gap: 20px;
      }
      .units-list {
        min-width: 400px;

        .unit-item {
          background: #f5f5f5;
          padding: 15px;
          border-radius: 10px;
          margin-bottom: 15px;
          h6 {
            display: flex;
            justify-content: space-between;
            font-size: 16px;
            font-weight: 700;
          }
          .unit-details {
            display: flex;
            justify-content: space-between;
            align-items: center;
            p {
              margin-bottom: 0;
              &:last-child {
                background: #afffc2;
                color: #155724;
                padding: 5px 20px;
                border-radius: 43px;
                font-size: 12px;
                font-weight: 700;
                text-transform: capitalize;
              }
            }
          }
        }
      }
    }
    .heightGrid {
      height: 510px;
    }
    .map-right-view {
      bottom: 15px;
    }
    .amenities ul {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr);
      li {
        font-weight: 400;
        min-width: initial;
        width: 100%;
      }
      &.unit {
        img {
          width: 22px;
        }
      }
    }
    .listViewOnMap_poi {
      top: 20px;
    }
    .btnAllAmenities {
      background: #d7c7fa;
      color: #000000;
      padding: 7px 30px;
      display: block;
      font-weight: 600;
      margin-top: 10px;
      border: 2px solid #d7c7fa;
    }

    .newOne .map-right-view {
      position: absolute;
    }

    @media (max-width: 1199px) {
      .amenities ul {
        grid-template-columns: repeat(1, 1fr);
      }
      .accordion {
        .units-list {
          min-width: 300px;
        }
      }
    }
    @media (max-width: 991px) {
      .amenities ul {
        grid-template-columns: repeat(2, 1fr);
      }
      .accordion {
        .accordion-body {
          display: block;
        }
        .accordion-button::after {
          top: 15px;
          right: 20px;
          position: absolute;
        }
        .units-list {
          min-width: initial;
        }
      }
    }
    @media (max-width: 767px) {
      .property-info {
        .info-item {
          font-size: 16px;
        }
      }

      #myTabContent {
        .map-right-view {
          bottom: 16px;
        }
        .full + .heightGrid {
          height: 500px;
        }
      }
      .city-bg {
        margin-bottom: 0px;
      }
    }

    @media (max-width: 575px) {
      .image {
        img {
          height: 250px;
        }
        .owl-carousel.owl-theme .owl-nav button {
          right: 0px;
          &.owl-prev {
            left: 0px;
          }
        }
      }

      .accordion {
        .units-list {
          .unit-item {
            padding: 10px 10px;
            .unit-details {
              font-size: 15px;
              p {
                font-size: 12px;
                &:last-child {
                  padding: 5px 15px;
                  font-size: 11px;
                }
              }
            }
          }
        }
      }
    }
  }
}
.ShowAllamenities {
  ul#myTab {
    border: 0;
    gap: 15px;
    margin-bottom: 30px;
    button.nav-link {
      background: #f5f5f5;
      padding: 8px 25px;
      color: #000000;
      font-size: 15px;
      border-radius: 20px;
      font-weight: 500;
      &.active {
        background: #d7c7fa;
        color: #000000;
      }
    }
  }
  .tab-pane {
    .amenities {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      width: 100%;
      grid-gap: 20px;
      margin: auto;
      padding-bottom: 3rem;
      .amenity-item {
        img {
          max-width: 100%;
        }
        span {
          font-size: 16px;
          font-weight: 500;
        }
      }
    }
  }

  @media (max-width: 991px) {
    .tab-pane {
      .amenities {
        grid-template-columns: repeat(2, 1fr);
      }
    }
  }
  @media (max-width: 767px) {
    margin: -10px;
    ul#myTab {
      gap: 10px;
      button.nav-link {
        padding: 6px 15px;
        font-size: 13px;
      }
    }
  }
}

#propertyRequestModal {
  .modal-content {
    h1 {
      display: flex;
      align-items: center;
      gap: 1rem;
      border-bottom: 1px solid #cccccc;
      padding-bottom: 1rem;
      margin-bottom: 1rem;
      img {
        width: 130px;
        max-height: 100px;
        overflow: hidden;
        border-radius: 7px;
      }
      p {
        font-size: 15px;
        color: #777777;
        margin-bottom: 0;
        b {
          display: block;
          font-size: 18px;
          color: #000000;
        }
      }
    }
    p {
      font-size: 16px;
      color: #777777;
    }
    input {
      width: 100%;
      border: solid 1px rgba(0, 0, 0, 0.2);
      margin-bottom: 1rem;
      padding: 8px 15px;
      border-radius: 6px;
      &::placeholder {
        color: #000000 !important;
      }
      &.is-invalid {
        border-color: #dc3545;
      }
    }
    .date {
      display: flex;
      grid-template-columns: repeat(2, 1fr);

      .phone-flag {
        width: 50%;
        margin-right: 1rem;
        border: solid 1px rgba(0, 0, 0, 0.2);
        margin-bottom: 1rem;
        padding: 0px 15px;
        border-radius: 6px;
        display: flex;
        align-items: center;
        &:has(.is-invalid) {
          border-color: #dc3545;
        }
        input {
          border: 0;
          margin: 0;
          padding: 0;
          height: 42px;
        }
        .custom-dropdown {
          min-width: 50px;
        }
      }
      .react-datepicker-wrapper {
        max-width: calc(50% - 1rem);
      }
    }
  }
}

.newHomeFingindtabs {
  .modalPowerBy {
    position: relative;
    width: 150px;
    margin: auto;
    margin-top: 20px;
    span {
      position: absolute;
      left: 11px;
      top: -2px;
      font-size: 11px;
      margin: 0;
      width: auto;
    }
    img {
      width: 150px;
    }
  }
}

/* div#root:has(.appartmentView) {
  margin-bottom: 5px !important;
} */

.resourcpageBckBtn.btn {
  display: none;
  i:before {
    font-weight: 700 !important;
    font-size: 25px;
  }
}
.city-landing-page header h1 {
  &:has(.pdOverViewBackBtn) {
    .pdOverViewBackBtn {
      display: none;
    }
  }
}
.mAppView + div {
  h2:has(.resourcpageBckBtn) {
    font-size: 23px;
    font-weight: 500;
    display: flex;
    align-items: center;
    text-align: left;
    position: relative;
    margin: 20px 0;
    padding-top: 15px;
    .resourcpageBckBtn {
      display: inline-block;
      background: transparent;
      padding: 8px 15px;
      border: 0 !important;
    }
  }
  .city-landing-page.newOne {
    .heightGrid {
      height: 170px;
    }
    .full + .heightGrid {
      height: calc(100vh - 190px);
    }
  }
  .city-landing-page.newOne .map-right-view span.toggleArrow {
    padding-bottom: 10px;
  }
  .appartmentView {
    margin-bottom: -50px;
    .city-bg:has(.linkVIew) {
      position: relative;
      .linkVIew {
        position: absolute;
        right: 0px;
        top: 26px;
      }
    }
  }
  .single-poi {
    .relomap-height .mapboxgl-ctrl-bottom-left {
      display: none;
    }
  }
  .city-landing-page header h1 {
    &:has(.pdOverViewBackBtn) {
      text-align: left;
      padding-left: 50px;
      .pdOverViewBackBtn {
        display: block;
        .bi-chevron-left {
          position: absolute;
          left: 20px;
          top: 52px;
          &::before {
            content: "\f284";
            font-weight: 600 !important;
            font-size: 16px;
          }
        }
      }
    }
  }
}

/* selected and hover theme color for location search and in date picker */

.react-datepicker-popper {
  .react-datepicker__header {
    background: transparent;
  }

  .react-datepicker__current-month,
  .react-datepicker-time__header {
    margin-top: 0;
    color: #000;
    font-weight: bold;
    font-size: 16px;
    font-family: var(--f-family);
    padding: 7px 0;
  }

  .react-datepicker__day-name,
  .react-datepicker__day,
  .react-datepicker__time-name {
    color: #000;
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    margin: 0px;
    padding: 0;
    font-size: 15px;
    font-family: var(--f-family);
    font-weight: 600;
    &.react-datepicker__day--outside-month {
      opacity: 0.2;
    }
  }

  .react-datepicker__day--disabled {
    cursor: default;
    color: #ccc;
    font-weight: 500;
  }
  .react-datepicker__navigation {
    top: 15px;
  }

  .react-datepicker__day--selected,
  .react-datepicker__day--in-selecting-range,
  .react-datepicker__day--in-range {
    background-color: #d7c8fa;

    font-weight: 600;
  }

  .react-datepicker__day {
    cursor: pointer;
    font-weight: 600;
  }

  .react-datepicker__day:hover {
    background-color: #d7c8fa;
  }

  .react-datepicker__day--today {
    font-weight: 600;
    background: transparent;
    color: #000000;
  }

  .react-datepicker__day--today.react-datepicker__day--selected {
    background-color: #d7c8fa;
  }

  .react-datepicker__day--keyboard-selected {
    background-color: #d7c8fa;
  }
}

.ant-select-dropdown {
  .rc-virtual-list {
    .ant-select-item {
      &.ant-select-item-option-selected {
        background-color: #d7c7fa;
      }
    }
  }
}
.ant-select {
  span.ant-select-arrow {
    .anticon-down {
      display: none;
    }
    &::after {
      content: "\f282";
      font-family: bootstrap-icons !important;
      font-weight: 600 !important;
      right: -5px;
      top: -1px;
      font-size: 16px;
      color: #a3a3a3;
    }
  }
}

.main_getStartedPage {
  .form-control:focus {
    border-color: #d7c7fa;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(245 205 255 / 25%);
  }
}
.explore-nearby-view form .btn.btn-default {
  background: #d7c7fa;
}
.pac-container {
  z-index: 9999999 !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;

  &.hdpi {
    border: 1px solid #d5d5d5;

    &::after {
      display: none;
    }
    .pac-icon.pac-icon-marker {
      background: initial;
      position: relative;
      height: auto;
      padding: 0;
      margin-top: 0;
      margin-right: 10px;
      color: #000000;
      &::before {
        content: "\f3e8";
        position: absolute;
        left: 0px;
        top: 0px;
        font-size: 19px;
        font-weight: 600 !important;
        font-family: bootstrap-icons !important;
      }
    }
    .pac-item {
      border: 0;
      padding: 7px 15px;
      font-size: 13px;

      .pac-item-query {
        font-size: 14px;
        span {
          font-size: 14px;
        }
      }
      &:hover {
        background: #d7c7fa;
        color: #000000;
        .pac-item-query {
          color: #000000;
          span {
            color: #000000;
          }
        }
        .pac-icon.pac-icon-marker {
          color: #000000;
        }
      }
    }
  }
}
div.react-datepicker__day--keyboard-selected {
  background: #d7c7fa;
  color: #000000;
}
div.react-datepicker__day--keyboard-selected:hover {
  background-color: #c0ade9;
}

.antDropdownView {
  .ant-select {
    border: 1px solid #cccccc;
    text-align: left;
    border-radius: 7px;
    height: 40px;

    * {
      line-height: 1 !important;
    }
    .ant-select-selector {
      padding: 2px 40px 2px 15px;

      min-width: 180px;
    }

    span.ant-select-selection-placeholder {
      padding-inline-end: 0;
      display: flex;
      align-items: center;
    }
    span.ant-select-arrow::after {
      content: "\f282";
      font-family: bootstrap-icons !important;
      font-weight: 600 !important;
      right: 0px;
      top: -1px;
      font-size: 16px;
    }
  }
}

input#address {
  box-shadow: none;
  border-color: #dee2e6;
  & + .input-group-btn.searchBtnonMap {
    background: #d7c7fa;
    color: #000000;
    height: 100%;
    border-radius: 0px 7px 7px 0px;
    position: relative;
  }
}

/* Jan 22 search changes */

.city-landing-page.newOne {
  .tabSearchContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    position: absolute;
    top: 15px;
    right: 0px;
    z-index: 9;

    .input-group {
      width: auto;
    }
    .headerWeather {
      display: flex;
      gap: 2px;
      align-items: center;
      margin-right: 10px;
      white-space: nowrap;
      .fa-light {
        font-weight: 500 !important;
      }
    }
    @media (max-width: 1199px) {
      position: static;
    }
  }
}

.weatherTabView {
  display: flex;
  background: rgba(255, 255, 255, 0.85);
  z-index: 9;
  padding: 15px 0;
  box-shadow: 0px 0px 5px #959595;
  position: fixed;
  top: 48px;
  left: 0;
  right: 0;
  .nav {
    position: static !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  .tabSearchContainer {
    min-width: 315px;
  }
  @media (max-width: 991px) {
    top: 55px;
  }
}

@media (max-width: 520px) {
  .tab-gap {
    padding-top: 100px !important;
  }
  div#overview.cityListOverview {
    margin-top: -30px !important;
  }
  .explore-the-area-tab {
    .listViewOnMap_poi {
      margin-top: -25px;
    }
  }
}
@media (min-width: 521px) and (max-width: 1199px) {
  .tab-gap {
    padding-top: 60px !important;
  }
}
@media (max-width: 1199px) {
  .city-landing-page.newOne .ulSlider {
    margin-left: auto !important;
  }
  div.city-landing-page.newOne .tabs-view ul.nav {
    flex-direction: column;
    gap: 12px;
  }
  div.city-landing-page.newOne {
    .CityListPage {
      &.tabs-view {
        ul.nav {
          /* flex-direction: row;
          flex-wrap: nowrap; */
          justify-content: space-between;
          .cccc {
            flex: 1;
            min-width: 300px;
          }
        }

        @media (max-width: 1199px) {
          ul.nav {
            flex-direction: column;
            flex-wrap: wrap;
            justify-content: center;
          }
          .isochronestyles {
            top: 100px;
          }
          #transit {
            .heightGrid {
              height: calc(100vh - 285px);
            }
            .full + .heightGrid {
              height: 200px;
            }
          }
          .relomap-height .mapboxgl-ctrl-bottom-left {
            top: 65px !important;
          }
        }
      }
    }
  }

  .tabs-view.poiDropDownView {
    .ulSlider {
      .owl-carousel {
        .owl-item {
          margin-bottom: 4px;
        }
      }
    }
  }
  .tabs-view.poiDropDownView {
    .ulSlider {
      .owl-carousel .owl-stage-outer {
        /* display: flex !important; */
        justify-content: center;
      }
    }
  }
  .weatherTabView {
    flex-direction: column;
    gap: 15px;
    .nav {
      flex-direction: row !important;
    }
    .tabSearchContainer {
      min-width: auto;
    }
  }

  .city-landing-page.newOne {
    .religious_mainView {
      .heightGrid {
        height: calc(100vh - 270px);
      }
      .full + .heightGrid {
        height: 200px;
      }
    }
  }
}

span.footerNote {
  font-size: 13px;
  font-weight: 600;
  color: #000000;
  position: relative;
  top: -4px;
}

.relo_pro_search_view_top .form-group {
  min-width: 220px;
  flex: 1 1 220px;
}

.relo_pro_search_view_top .poweredBy,
.relo_pro_search_view_top img {
  margin-left: auto;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .relo_pro_search_view_top {
    row-gap: 16px;
  }

  .relo_pro_search_view_top .poweredBy,
  .relo_pro_search_view_top img {
    margin-left: 0;
  }
}