span,
p,
li,
button,
a,
th,
td,
input,
select,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1f1d2b;
}
p,
li,
a,
th,
td,
input,
select {
  font-size: 14px;
}
.custom-container {
  width: 85%;
  margin: 0 auto;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
}
.no-border {
  border: none;
}
button,
input,
select,
textarea {
  color: #666;
  font-size: 14px;
  height: 46px;
  border: 1px solid #e3e4e8;
  background-color: #fff;
  width: 100%;
  margin-bottom: 10px;
  padding: 0 12px;
  -webkit-transition: border-color 0.3s ease-in-out,
    background-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  line-height: 1.6;
}
.select2-dropdown {
  z-index: 1999;
  top: -4px;
}
.bg-diff {
  background-image: url(../images/BackgroundElement1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.title-wrap {
  background-position: 0% 30%;
  background-size: 2.6%;
  padding: 10px 45px;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 20px;
}

.title-wrap h2 {
  font-weight: 700;
  font-size: 42px;
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1;
  padding-left: 25px;
}
.title-wrap.no-icon {
  padding-left: 0;
}
.title-wrap.no-icon h2 {
  padding-left: 0;
}
.title-wrap span {
  color: #3b9ef9;
  text-transform: uppercase;
  font-size: 20px;
  display: block;
  margin-bottom: 5px;
}
.title-wrap a {
  position: absolute;
  right: 50px;
  top: 40%;
  color: #757575;
  font-weight: 600;
  font-size: 16px;
}
.title-wrap a:after {
  content: ">";
  position: absolute;
  color: #757575;
  right: -15px;
  top: 0;
}
.title-wrap a:hover {
  text-decoration: none;
}
@media screen and (max-width: 1399px) {
  
    
    .title-wrap {
        padding-top: 0;
        padding-left: 35px;
      }
    .title-wrap h2{
      font-size: 35px;
      padding-left: 0;
    }
    
}
.prop-btn {
    display: block;
    text-align: center;
    text-transform: capitalize;
    font-size: 12px;
    /* padding-right: 56px; */
    border-color: #1e1e2b;
    border-style: solid;
    background-color: #1e1e2b;
    border-width: 2px;
    margin: 0px;
    border-radius: 10px;
    padding: 0px 25px;
    color: #727272;
    text-decoration: none;
    white-space: normal;
    width: 176px;
    height: 50px;
    min-height: 0px;
    min-width: 0px;
    line-height: 3;
    font-weight: 500;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    max-height: none;
    max-width: none;
    overflow: hidden;
    opacity: 1;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform-origin: 50% 50% 0px;
            transform-origin: 50% 50% 0px;
  }
  

  
  .prop-btn:hover {
    background-color: white;
    color: #1F1D2B;
    font-weight: 700;
    border: 1px solid #1e1e2b;
  }
  
  
  
  .prop-btn.reverse-button {
    color: #1e1e2b;
    background-color: white;
    border: 1px solid #1e1e2b;
  }
  .title-wrap h2 {
    font-size: 35px;
    padding-left: 0;
  }

.prop-btn {
  display: block;
  text-align: center;
  text-transform: capitalize;
  font-size: 12px;
  /* padding-right: 56px; */
  border-color: #1e1e2b;
  border-style: solid;
  background-color: #1e1e2b;
  border-width: 2px;
  margin: 0px;
  border-radius: 15px;
  padding: 0px 25px;
  color: #727272;
  text-decoration: none;
  white-space: normal;
  width: 176px;
  height: 50px;
  min-height: 0px;
  min-width: 0px;
  line-height: 3;
  font-weight: 500;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  max-height: none;
  max-width: none;
  overflow: hidden;
  opacity: 1;
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  -webkit-transform-origin: 50% 50% 0px;
  transform-origin: 50% 50% 0px;
}

.prop-btn:hover {
  background-color: white;
  color: #1f1d2b;
  font-weight: 700;
  border: 1px solid #1e1e2b;
}

.prop-btn.reverse-button {
  color: #1e1e2b;
  background-color: white;
  border: 1px solid #1e1e2b;
}

.prop-btn.reverse-button:hover {
  background-color: #1e1e2b;
  color: white;
  border: 1px solid #1e1e2b;
}

.controls.row {
  margin: 0;
}
.no-padding {
  padding: 0;
}
span,
p,
li,
button,
a,
th,
td,
input,
select,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1f1d2b;
}
button,
a {
  transition: all 0.5s ease-in-out;
  text-decoration: none;
}
section {
  padding: 60px 0px;
}
h4 {
  font-size: 20px;
}
.select2-container--default
  .select2-search--dropdown
  .select2-search__field:focus-visible {
  outline: none;
}
.select2-container {
  width: 100% !important;
}
.select2-container:focus {
  border: 1px solid #aaa;
}
/* listing search page css */
.listing-wrap {
  background-color: #f6f6f6;
}
.results-show {
  padding: 20px 0px 10px;
}
.results-show .result-show-wrapper {
  background-color: #fff;
  padding: 10px;
  border-radius: 5px;
}
.results-show .result-show-wrapper .result-show-content {
  display: flex;
  align-items: center;
}
.results-show .result-show-wrapper .result-show-content .prev-button {
  padding: 0px 10px;
}
.results-show .result-show-wrapper .result-show-content .prev-button button {
  font-size: 20px;
  padding: 1px 10px;
  border: none;
  border-radius: 50%;
  background-color: #1f1d2b;
  height: 50px;
  width: 50px;
}
.results-show .result-show-wrapper .result-show-content .prev-button button i {
  color: #fff;
}
.results-show .result-show-wrapper .result-show-content .result-show-text {
  padding-left: 10px;
}
.results-show .result-show-wrapper .result-show-content .result-show-text h4 {
  font-weight: 800;
}
.results-show .result-show-wrapper .result-show-content .result-show-text span {
  color: #777;
}
/* search bar css */
.search-bar {
  padding: 10px 0px;
}
.search-bar .search-bar-content {
  background-color: #fff;
  border-radius: 5px;
  padding: 20px;
}
.search-bar .search-bar-content .search-bar-types {
  margin-bottom: 15px;
}
.search-bar .search-bar-content .search-bar-types .nav-tabs {
  border: none;
  margin-left: -10px;
}
.search-bar .search-bar-content .search-bar-types .nav-tabs .nav-item.active {
  background-color: #fff;
  color: #1f1d2b;
  background-color: #f6f6f6;
  border-radius: 5px;
  border: 1px solid #1f1d2b;
}
.search-bar .search-bar-content .search-bar-types .nav-tabs a {
  background-color: transparent;
  color: #777;
  border: 1px solid transparent;
  font-weight: 700;
  font-size: 16px;
  padding: 10px 20px;
  border-radius: 5px;
  transition: all 0.5s ease-in-out;
}
.search-bar .search-bar-content .search-bar-types .nav-tabs li {
  padding: 0px 10px;
  background-color: #f6f6f6;
  transition: all 0.4s linear;
  margin-right: 10px;
}
.search-bar .search-bar-content .search-bar-forms .search-form {
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
  align-items: flex-end;
}
.search-bar .search-bar-content .search-bar-forms .search-form > span {
  padding: 0px 10px;
}
.search-bar .search-bar-content .search-bar-forms .search-form span label {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.search-bar .search-bar-content .search-bar-forms .search-form span input,
.search-bar .search-bar-content .search-bar-forms .search-form span select,
.search-bar .search-bar-content .search-bar-forms .search-form span button {
  width: 100%;
  padding: 10px;
  background-color: #f6f6f6;
  border: none;
  border-radius: 5px;
  font-size: 14px;
  margin-bottom: 0;
}
.search-bar
  .search-bar-content
  .search-bar-forms
  .search-form
  .select2-container--default
  .select2-selection--single {
  height: 46px;
  padding: 6px 0px;
  background-color: #f6f6f6;
  border: none;
  width: 100%;
}
.search-bar
  .search-bar-content
  .search-bar-forms
  .search-form
  .select2-container--default
  .select2-selection--single:focus {
  border: 1px solid #aaa;
}
.search-bar
  .search-bar-content
  .search-bar-forms
  .search-form
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 5px;
  color: #1f1d2b;
}
.search-bar
  .search-bar-content
  .search-bar-forms
  .search-form
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #1f1d2b transparent transparent transparent;
}
.search-bar
  .search-bar-content
  .search-bar-forms
  .search-form
  .select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #1f1d2b transparent;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  font-size: 14px;
  color: #757575;
}
.search-bar
  .search-bar-content
  .search-bar-forms
  .search-form
  span.keyword-search {
  width: 30%;
}
.search-bar
  .search-bar-content
  .search-bar-forms
  .search-form
  span.keyword-search
  input {
  padding: 10px 40px;
  margin-bottom: 0;
}
.search-bar
  .search-bar-content
  .search-bar-forms
  .search-form
  span.keyword-search
  input#rent-keyword,
.search-bar
  .search-bar-content
  .search-bar-forms
  .search-form
  span.keyword-search
  input#buy-keyword {
  background-image: url(../images/equalizer.png);
  background-repeat: no-repeat;
  background-size: 5%;
  background-position: 90% 50%;
}
.search-bar
  .search-bar-content
  .search-bar-forms
  .search-form
  span.location-search {
  width: 25%;
}
.search-bar
  .search-bar-content
  .search-bar-forms
  .search-form
  span.keyword-search
  > span {
  position: relative;
}
.search-bar
  .search-bar-content
  .search-bar-forms
  .search-form
  span.keyword-search
  span.search-icon
  i {
  position: absolute;
  top: 3px;
  left: 10px;
}
.search-bar
  .search-bar-content
  .search-bar-forms
  .search-form
  span.bathroom-number,
.search-bar
  .search-bar-content
  .search-bar-forms
  .search-form
  span.bedroom-number {
  width: 20%;
}
.search-bar
  .search-bar-content
  .search-bar-forms
  .search-form
  span.submit-button {
  width: 5%;
}
.search-bar
  .search-bar-content
  .search-bar-forms
  .search-form
  span.submit-button
  button {
  padding: 10px 5px;
  background-color: #1f1d2b;
  color: #fff;
}

/* Itemlisting */
.listing-wrapper .listing-single {
  transition: all 0.5s ease-in-out;
  border-radius: 5px;
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
}
.listing-wrapper .listing-single:hover {
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2);
}
.listing-wrapper .listing-single .listing-text .listing-title span {
  font-size: 20px;
  font-weight: 700;
}
.listing-wrapper .listing-single .listing-text .listing-title span span {
  font-size: 14px;
  color: #777;
  font-weight: 500;
}
.listing-wrapper .listing-single .listing-text .listing-house-type span {
  font-size: 14px;
  font-weight: 500;
}
.listing-wrapper .listing-single .listing-text .listig-house-location span {
  font-size: 14px;
  color: #777;
}
.listing-wrapper .listing-single .listing-text .listing-house-detail ul {
  padding: 5px 0px;
  margin: 0;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
  list-style: none;
  justify-content: space-between;
}
.listing-wrapper .listing-single .listing-text .listing-house-detail ul li {
  padding: 0px 5px;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.listing-wrapper
  .listing-single
  .listing-text
  .listing-house-detail
  ul
  li
  .listing-detail-image {
  position: relative;
  width: 25px;
  height: 25px;
  background-color: #f6f6f6;
  border-radius: 50%;
  margin-right: 5px;
}
.listing-wrapper
  .listing-single
  .listing-text
  .listing-house-detail
  ul
  li
  .listing-detail-image
  img {
  width: 30px;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* listing section css */
.listing-header {
  text-align: right;
  margin-bottom: 20px;
}
.listing-header .sort-listing {
  display: flex;
  justify-content: flex-end;
}
.listing-header .sort-listing select {
  width: 15%;
  background-color: #fbf7ff;
  margin-bottom: 0;
  padding-left: 40px;
  float: left;
  background-image: url(../images/equalizer.png);
  background-position: 4% 50%;
  background-size: 10%;
  background-repeat: no-repeat;
}
.layout-select {
  display: flex;
  padding: 0px 5px;
}
.layout-select div {
  padding: 0px 5px;
}
.layout-select div button {
  border: 1px solid transparent;
  border-radius: 5px;
  height: 100%;
  background-color: #f6f6f6;
}
.layout-select div button i {
  color: #1f1d2b;
}
.layout-select div button.active {
  border: 1px solid #1f1d2b;
}
.listing-section {
  padding-bottom: 20px;
}
.listing-section .listing-content {
  background-color: #fff;
  padding: 30px;
  border-radius: 5px;
}
.listing-section .listing-content.index-listing-content .listing-middle {
  display: table;
}
.listing-section
  .listing-content.index-listing-content
  .listing-middle
  .listing-wrapper.multiple {
  display: table-cell;
}
.listing-section .listing-content .listing-top {
  display: flex;
  padding: 15px 0px;
  align-items: center;
  justify-content: space-between;
}
.listing-section .listing-content .listing-top .listing-number span {
  font-size: 22px;
  font-weight: 700;
}
.listing-section .listing-content .listing-top .sorting-options {
  width: 20%;
  display: flex;
  text-align: right;
  align-items: center;
}
.listing-section .listing-content .listing-top .sorting-options .sort-select {
  padding: 0px 5px;
  width: 75%;
  display: flex;
  align-items: center;
}
.listing-section
  .listing-content
  .listing-top
  .sorting-options
  .sort-select
  label {
  padding-right: 5px;
  width: 50%;
}
.listing-section
  .listing-content
  .listing-top
  .sorting-options
  .sort-select
  select {
  padding: 2px 5px;
  width: 80%;
  margin-bottom: 0;
  border: 1px solid #e5e5e5;
}
.listing-section .listing-content .listing-top .sorting-options .layout-select {
  display: flex;
  padding: 0px 5px;
  width: 25%;
}
.listing-section
  .listing-content
  .listing-top
  .sorting-options
  .layout-select
  div {
  padding: 0px 5px;
}
.listing-section
  .listing-content
  .listing-top
  .sorting-options
  .layout-select
  div
  button {
  border: 1px solid transparent;
  border-radius: 5px;
  height: 100%;
  background-color: #f6f6f6;
}
.listing-section
  .listing-content
  .listing-top
  .sorting-options
  .layout-select
  div
  button
  i {
  color: #1f1d2b;
}
.listing-section
  .listing-content
  .listing-top
  .sorting-options
  .layout-select
  div
  button.active {
  border: 1px solid #1f1d2b;
}
.listing-section .listing-content .listing-middle {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.listing-section .listing-content .listing-middle .listing-wrapper * {
  transition: all 0.5s ease-in-out;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper.single
  .listing-text
  .listing-content-wrap {
  width: 60%;
  padding: 0px 10px;
  float: left;
}
.listing-section .listing-content .listing-middle .listing-wrapper.multiple {
  padding: 25px;
  width: 25%;
}

.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper
  .listing-single {
  transition: all 0.5s ease-in-out;
  background-color: white;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper
  .listing-single:hover {
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper
  .listing-single
  .listing-text
  .listing-title {
  margin-bottom: 10px;
  line-height: 1;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper
  .listing-single
  .listing-text
  .listing-title
  span {
  font-size: 28px;
  font-weight: 700;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper
  .listing-single
  .listing-text
  .listing-title
  span
  span {
  font-size: 20px;
  color: #777;
  font-weight: 500;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper
  .listing-single
  .listing-text
  .listing-house-type
  span {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
  display: block;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper
  .listing-single
  .listing-text
  .listig-house-location
  span {
  font-size: 14px;
  color: #777;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper
  .listing-single
  .listing-text
  .listing-house-detail
  ul {
  padding: 10px 0px 5px;
  margin: 0;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
  list-style: none;
  justify-content: space-between;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper
  .listing-single
  .listing-text
  .listing-house-detail
  ul
  li {
  padding: 0px 5px;
  font-size: 14px;
  display: flex;
  align-items: center;
  font-weight: 700;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper
  .listing-single
  .listing-text
  .listing-house-detail
  ul
  li
  .listing-detail-image {
  position: relative;
  width: 25px;
  height: 25px;
  background-color: #f6f6f6;
  border-radius: 50%;
  margin-right: 5px;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper
  .listing-single
  .listing-text
  .listing-house-detail
  ul
  li:last-child
  .listing-detail-image {
  width: 35px;
  height: 35px;
}

.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper
  .listing-single
  .listing-text
  .listing-house-detail
  ul
  li
  .listing-detail-image
  img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.listing-wrapper.multiple .listing-single a {
  text-decoration: none;
}
.listing-wrapper.multiple .listing-single .listing-image {
  height: 150px;
}
.listing-wrapper.multiple .listing-single .listing-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 5px 5px 0px 0px;
}
.listing-wrapper.multiple .listing-single .listing-text {
  padding: 15px;
}
/* for multiple listing */
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper.multiple
  .listing-single {
  box-shadow: 0px 0px 5px 3px #0000001a;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper.multiple
  .listing-single:hover {
  box-shadow: 4px 2px 15px 4px #cbcbcb;
}

.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper.multiple
  .listing-single
  a {
  text-decoration: none;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper.multiple
  .listing-single
  .listing-image {
  height: 200px;
}
@media screen and (max-width: 1399px) {
  .listing-section .listing-content .listing-middle .listing-wrapper.multiple {
    padding: 15px;
  }
  .listing-section
    .listing-content
    .listing-middle
    .listing-wrapper.multiple
    .listing-single
    .listing-image {
    height: 160px;
  }
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper.multiple
  .listing-single
  .listing-image
  img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 5px 5px 0px 0px;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper.multiple
  .listing-single
  .listing-text {
  padding: 15px;
}

/* for single listing */
.listing-section .listing-content .listing-middle .listing-wrapper.single {
  width: 50%;
  padding: 10px 15px;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper.single
  .listing-single
  a {
  display: flex;
  flex-wrap: nowrap;
  text-decoration: none;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper.single
  .listing-image {
  width: 40%;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper.single
  .listing-image
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper.single
  .listing-text {
  display: block;

  align-items: center;
  width: 60%;
  padding: 20px 15px;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper.single
  .listing-text
  .listing-title {
  padding: 0px 10px;

  text-align: left;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper.single
  .listing-text
  .listing-house-type {
  padding: 0px 10px;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper.single
  .listing-text
  .listig-house-location {
  padding: 0px 10px;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper.single
  .listing-text
  .listing-house-detail {
  width: 40%;
  display: inline-block;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper.single
  .listing-text
  .listing-house-detail
  ul {
  margin: 0;
  padding: 0;
  list-style: none;

  display: block;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper.single
  .listing-text
  .listing-house-detail
  ul
  li {
  margin-bottom: 10px;
}
/* .listing-section .listing-content .listing-middle .listing-wrapper .listing-single .listing-text .listing-house-detail ul{
    justify-content: center;
} */
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper.single
  .listing-single
  .listing-text
  .listing-house-detail
  ul
  li {
  margin: 20px 10px;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper.single
  .listing-single
  .listing-text
  .listing-house-detail
  ul
  li
  .listing-detail-image {
  width: 40px;
  height: 40px;
}
.listing-section
  .listing-content
  .listing-middle
  .listing-wrapper.single
  .listing-single
  .listing-text
  .listing-house-detail
  ul
  li
  .listing-detail-image
  img {
  width: 16px;
  margin-right: 10px;
}
.listing-section .listing-content .listing-bottom {
  padding: 5px 0px;
}
.pages {
  display: flex;
  justify-content: center;
}
.pages span {
  padding: 3px 5px;
  min-width: 30px;
  margin: 0px 10px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  font-size: 14px;
  border-radius: 5px;
  color: #1e1e2b;
}
.pages .pagination li.active span {
  border: 1px solid #000;
  background-color: transparent;
  color: #1f1d2b;
}
.pages .pagination li span:hover {
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.pages .pagination ul {
  padding: 0;
  margin: 0;
}
.pages ul li {
  display: inline-block;
}
.pages ul li.disabled span {
  background-color: #ddd;
}

.pages ul li a {
  color: #1f1d2b;
}
.search-bar .search-bar-content .search-bar-forms .search-form span.keyword-search span.search-icon i{
    position: absolute;
    top: -3px;
    left: 10px;
    font-size: 20px;
}
header .top-bar .burger-naivigaion button:hover .menu-bars div.bar2,
header .top-bar .burger-naivigaion button:hover .menu-bars div.bar3 {
  width: 80%;
}
header .top-bar .home-logo {
  width: 10%;
  padding: 0px 5px;
}
header .top-bar .home-logo span a {
  font-size: 20px;
  color: #fff;
}
header .top-bar .top-navigation {
  width: 55%;
}
header .top-bar .top-navigation ul {
  margin: 0;
}
header .top-bar .top-navigation ul li {
  display: inline-block;
}
header .top-bar .top-navigation ul li.menu-item-has-children {
  position: relative;
}
header .top-bar .top-navigation ul li.menu-item-has-children .dropdown {
  position: absolute;
  top: 4px;
  right: -6px;
  color: #999;
}
header .top-bar .top-navigation ul li.menu-item-has-children .dropdown i {
  font-size: 15px;
  color: white;
}
header .top-bar .top-navigation ul li a {
  color: #fff;
  font-weight: 600;
  padding: 15px;
  font-size: 16px;
}
header .top-bar .top-navigation ul li a:hover {
  text-decoration: none;
}
header .top-bar .logger {
  width: 23%;
  display: flex;
  align-items: center;
  padding: 0px 10px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
header .top-bar .logger .notification {
  width: 15%;
}
header .top-bar .logger .notification button {
  background-color: transparent;
  border: none;
  color: #fff;
}
header .top-bar .logger .notification button i {
  font-size: 20px;
}
header .top-bar .logger .log-checker {
  width: 75%;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
header .top-bar .logger .log-checker .user-image {
  width: 40px;
  height: 40px;
}
header .top-bar .logger .log-checker .user-image img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
header .top-bar .logger .log-checker .user-text {
  width: 90%;
}
header .top-bar .logger .log-checker .logged-as span {
  color: #fff;
  font-size: 12px;
  padding-left: 5px;
}
header .top-bar .logger .log-checker .login-user span {
  color: #fff;
  font-size: 14px;
  padding-left: 5px;
  font-weight: 500;
}
header .top-bar .logger .log-toggle {
  width: 10%;
  color: #fff;
}
header .top-bar .logger .log-toggle i {
  font-size: 12px;
  color: #999;
}
header .top-bar .language {
  width: 7%;
  padding-left: 10px;
  display: flex;
  align-items: center;
}
header .top-bar .language .image {
  width: 20%;
  color: #fff;
}
header .top-bar .language .image i {
  font-size: 20px;
}
header .top-bar .language .current-language {
  font-size: 16px;
  color: #fff;
  padding-left: 15px;
}
header .top-bar .language .language-toggle {
  color: #fff;
  font-size: 12px;
  padding-left: 10px;
}
header .top-bar .language .language-toggle i {
  color: #999;
}
header .top-bar button {
  background: transparent;
  color: #fff;
  border: none;
}
/* footer css */
footer {
  background-color: #1f1d2b;
}
footer ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
footer span,
footer a,
footer li,
footer h4 {
  color: #fff;
  text-decoration: none;
}
footer .footer-top {
  padding: 40px 0px 20px;
  border-bottom: 1px solid #fff;
}
footer .footer-top .footer-title {
  margin-bottom: 20px;
}
footer .footer-top .footer-title h4 {
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 700;
}
footer .footer-top ul li {
  padding: 5px 0px;
}
footer .footer-top .footer-text span {
  font-size: 20px;
  text-align: justify;
  color: #b8b8b8;
}
footer .footer-bottom {
  padding: 10px 0px;
  display: flex;
  justify-content: space-between;
  margin-left: -10px;
}
footer .footer-bottom ul li {
  display: inline-block;
  padding: 0px 10px;
}
footer .footer-bottom ul li i {
  font-size: 18px;
}
footer .footer-bottom .copyright span {
  font-size: 16px;
  text-transform: capitalize;
  color: #b8b8b8;
}
footer .footer-menu ul li {
  margin-bottom: 20px;
}
footer .footer-menu ul li a {
  font-size: 18px;

  color: #b8b8b8;
}
footer .footer-menu ul li a:hover {
  text-decoration: none;
}
.item-image-holder {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 80%;
  margin-bottom: 20px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.item-image-holder img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
/* burger-menu css */
header .top-bar .burger-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 400px;
}
header .top-bar .burger-menu.active .main-navigation {
  animation: slideInLeft 0.5s linear 1;
}
header .top-bar .burger-menu.not-active .main-navigation {
  animation: slideOutLeft 0.5s linear 1;
}
header .top-bar .burger-menu .main-navigation {
  background-color: #2b2839;
  height: 100vh;
  z-index: 50;
  position: relative;
}
header .top-bar .burger-menu .main-navigation ul {
  margin: 0;
  padding: 20px 0px;
}
header .top-bar .burger-menu .main-navigation ul li {
  padding: 0px 30px;
  border-left: 1px solid #2b2839;
  transition: all 0.5s ease-in-out;
}
header .top-bar .burger-menu .main-navigation ul li a {
  padding: 20px 0px;
  color: #bbb;
  font-weight: 700;
  color: white;
  display: flex;
  font-size: 18px;
  align-items: center;
}
header .top-bar .burger-menu .main-navigation ul li a:hover {
  text-decoration: none;
}
header .top-bar .burger-menu .main-navigation ul li:not(:last-child) a {
  border-bottom: 1px solid #bbb;
}
header .top-bar .burger-menu .main-navigation ul li:not(:last-child) a:hover {
  border-bottom: 1px solid transparent;
  border-top: 1px solid #2b2839;
}
header .top-bar .burger-naivigaion button.active .menu-bars .bar1 {
  top: 50%;
  transform: rotate(45deg);
}
header .top-bar .burger-naivigaion button.active .menu-bars .bar2 {
  width: 80%;
  transform: rotate(-45deg);
}
header .top-bar .burger-naivigaion button.active .menu-bars .bar3 {
  transform: rotate(45deg);
  width: 80%;
  top: 50%;
  opacity: 0;
}
header .top-bar .burger-naivigaion button.active {
  position: relative;
  z-index: 100;
}
header .top-bar .burger-menu .menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 30;
  background-color: rgba(0, 0, 0, 0.5);
}
header .top-bar .burger-menu .main-navigation ul li:hover {
  border-left: 2px solid #3b9ef9;
  background-color: #1f1d2b;
}
header .top-bar .burger-menu .main-navigation ul li a span {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #faf7ff;
  position: relative;
  border-radius: 5px;
  margin-right: 40px;
}
header .top-bar .burger-menu .main-navigation ul li a span img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 45px;
  object-fit: cover;
}
@keyframes slideInLeft {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes slideOutLeft {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    opacity: 0;
  }
}
/* listing-section media queries */
@media (min-width: 1600px) {
  header .top-bar .burger-menu .main-navigation ul li a {
    padding: 25px 0px;
  }
}
@media (max-width: 1199px) {
  .listing-section .listing-content .listing-top .sorting-options {
    width: 40%;
  }
  .listing-section .listing-content .listing-middle .listing-wrapper.multiple {
    padding: 10px;
  }
  .listing-section .listing-content .listing-middle {
    margin-left: -10px;
    margin-right: -10px;
  }
  .listing-section
    .listing-content
    .listing-middle
    .listing-section
    .listing-content
    .listing-middle {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (max-width: 991px) {
  .listing-section .listing-content .listing-middle .listing-wrapper.multiple {
    flex: calc(100% / 3);
  }
  .listing-wrapper.multiple {
    flex: calc(100% / 3);
  }
}
.bg-icons {
  background-image: url(../images/BackgroundElement4.png);
  background-position: 95% 95%;
  background-repeat: no-repeat;
}

.banner-wrap-section {
  background-color: #1e1e2b;
  background-position: bottom;
  background-size: cover;
  height: 90vh;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1399px) {
  .banner-wrap-section {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .banner-wrap-section {
    height: 75vh;
    margin-top: 0px;
  }
}
.banner-wrap-section .banner-wrap {
  width: 100%;
  align-items: center;
  display: flex;
  background-size: 50% 100%;
  background-repeat: no-repeat;
  position: relative;
  background-position: 100% 50%;
  height: 100%;
}
.banner-wrap-section .banner-wrap:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  background-color: #000;
  opacity: 0.3;
  right: 0;
  top: 0;
}

.banner-wrap-section .banner-wrap .drop-wrap {
  width: 100%;
  text-align: left;
  position: relative;

  margin: 0 auto;
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents {
  width: 85%;
}
@media screen and (max-width: 1399px) {
  .banner-wrap-section .banner-wrap .drop-wrap .search-contents {
    width: 85%;
  }
}
@media screen and (max-width: 767px) {
  .banner-wrap-section .banner-wrap .drop-wrap {
    width: auto;
  }
}
.banner-wrap-section .banner-wrap .drop-wrap .drop-text {
  width: 40%;
  margin-bottom: 60px;
}
.banner-wrap-section .banner-wrap .drop-wrap .drop-text h3 {
  text-transform: capitalize;
  font-weight: 900;
  color: white;
  font-size: 70px;
}

.banner-wrap-section .banner-wrap .drop-wrap .drop-text p {
  color: white;
  font-size: 22px;
}
@media screen and (max-width: 1399px) {
  .banner-wrap-section .banner-wrap .drop-wrap .drop-text h3 {
    text-transform: capitalize;
    font-weight: 900;
    color: white;
    font-size: 40px;
  }
  .banner-wrap-section .banner-wrap .drop-wrap .drop-text p {
    color: white;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .banner-wrap-section .banner-wrap .drop-wrap h3 {
    font-size: 22px;
  }
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .nav-tabs {
  border-bottom: 0;

  margin-left: 0;
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .nav-tabs
  li {
  width: 250px;
  background-color: #f5f5f6;
  border-bottom: 1px solid #757575;
  border-top-left-radius: 10px;
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .nav-tabs
  li:nth-child(2) {
  border-top-left-radius: 0px;
  border-top-right-radius: 10px;
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .nav-tabs
  li.active {
  background-color: white;
}

.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .nav-tabs
  li
  a {
  background-color: white;
  color: #1e1e2b;
  text-transform: capitalize;
  font-size: 24px;
  margin-right: 0%;
  background-position: 20% 50%;
  background-size: 20%;
  font-weight: 800;
  padding-left: 10px;
  padding: 10px;
  border-radius: 0;
  background-repeat: no-repeat;
  align-items: center;
  justify-content: center;
  height: auto;
  transition: all 0.3s linear;

  opacity: 0.2;
  align-items: center;
  vertical-align: middle;
  padding: 20px 25px;

  border-top-left-radius: 10px;
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .nav-tabs
  li:nth-child(2)
  > a {
  border-top-right-radius: 10px;
  border-top-left-radius: 0px;
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .nav-tabs
  li:hover
  a {
  opacity: 1;
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .nav-tabs
  li.active
  a {
  color: #1e1e2b;
  background-color: white;

  opacity: 1;
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .nav-tabs
  li
  a {
  margin-bottom: 0;
  text-align: center;
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .nav-tabs
  li:first-child
  a {
  background-size: 30%;
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .tab-content
  form
  .form-bottom {
  width: 100%;
  display: inline-block;
}

@media screen and (max-width: 1399px) {
  .banner-wrap-section
    .banner-wrap
    .drop-wrap
    .search-contents
    .search-tab
    .nav-tabs
    li
    a {
    font-size: 18px;
    background-size: 15%;
    padding: 15px 20px;
  }
}
/* .banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .nav-tabs li button older{
    width: 20%;
    display: flex;
    text-align: right;
    align-items: center;
}
.listing-section .listing-content .listing-top .sorting-options .sort-select{
    padding: 0px 5px;
    width: 75%;
    display: flex;
    align-items: center;
}
.listing-section .listing-content .listing-top .sorting-options .sort-select label{
    padding-right: 5px;
    width: 50%;
    font-size: 16px;
}
.listing-section .listing-content .listing-top .sorting-options .sort-select select{
    padding: 2px 5px;
    width: 80%;
    margin-bottom: 0;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    font-weight: 700;
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .tab-content
  form
  select.selectWithIcon
  + .select2-container
  .selection
  .select2-selection {
  padding-left: 30px;
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .tab-content
  form
  select.selectWithIcon
  + .select2-container
  .selection
  .select2-selection
  .select2-selection__rendered {
  font-size: 18px;
  color: #757575;
  height: 100%;
  padding: 10px;
}

@media screen and (max-width: 1399px) {
  .banner-wrap-section
    .banner-wrap
    .drop-wrap
    .search-contents
    .search-tab
    .tab-content
    form
    select.selectWithIcon
    + .select2-container
    .selection
    .select2-selection
    .select2-selection__rendered {
    font-size: 15px;
    line-height: 1.4;
  }
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .tab-content
  form
  .form-bottom
  p
  .select2-container--default
  .select2-selection--single {
  border-color: #ddd;
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .tab-content
  form
  p
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  font-size: 12px;
  padding: 10px 0 10px 15px;
  border-radius: 0;
  height: 100%;
  color: #1e1e2b;
  font-size: 18px;
  font-weight: 500;
  line-height: 2;
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .tab-content
  form
  p
  .select2-container--default
  .select2-selection--single:focus {
  border: 1px solid #aaa;
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .tab-content
  form
  p
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  right: 25px;
  height: 35px;
  border-radius: 0;
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .tab-content
  form
  p
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-left: 2px solid #1e1e2b;
  border-top: 2px solid #1e1e2b;
  border-bottom: none;
  border-right: none;
  width: 10px;
  height: 10px;
  transform: rotate(-135deg);
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .tab-content
  form
  p
  input {
  margin-bottom: 0px;
  border-radius: 0;
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .tab-content
  form
  p
  text-area {
  margin-bottom: 15px;
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .tab-content
  form
  .prop-btn {
  color: white;
  font-size: 16px;
  border-radius: 5px;
  height: 55px;
  width: 100%;
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .tab-content
  form
  .prop-btn:hover {
  color: #1e1e2b;
  height: 55px;
}
@media screen and (max-width: 1399px) {
  .banner-wrap-section
    .banner-wrap
    .drop-wrap
    .search-contents
    .search-tab
    .tab-content
    form
    .prop-btn {
    line-height: 2;
    height: 45px;
  }
  .banner-wrap-section
    .banner-wrap
    .drop-wrap
    .search-contents
    .search-tab
    .tab-content
    form
    .prop-btn:hover {
    color: #1e1e2b;
    height: 45px;
  }
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .tab-content.active
  form {
  animation: fadeInRight 0.4s linear;
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .tab-content
  form
  .form-bottom
  p {
  margin-bottom: 40px;
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .tab-content
  form
  .controls
  .form-bottom
  .filter-icon {
  transition: all 0.4s linear;
  width: 60%;
  margin: 0 auto;
  padding: 10px;
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .tab-content
  form
  .controls
  .form-bottom
  .filter-icon
  .icon-holder {
  padding-bottom: 100%;
  margin-bottom: 0;
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .tab-content
  form
  .controls
  .form-bottom
  .filter-icon:hover {
  background-color: #ddd;
}
/* .banner-wrap-section:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #000;
    opacity: 0.5;
} */
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .tab-content
  .search-tab-pane.active {
  animation: fadeIn 0.6s 1 linear;
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .tab-content
  .search-tab-pane {
  animation: fadeOut 0.2s 1 linear;
}
.form-filter .filter-modal.in {
  opacity: 1;
}

.filter-modal .modal-dialog {
  width: 80%;
  max-width: 80%;
}

/* detail css */
.detail-wrap {
  background-color: #f6f6f6;
}
.detail-options {
  padding: 10px 0px;
}
.detail-options .detail-option-content {
  background-color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
}
.detail-options .detail-option-content .detail-toggle ul {
  border: none;
  margin-left: -10px;
  margin-right: -10px;
}
.detail-options .detail-option-content .detail-toggle ul li {
  padding: 10px;
}
.detail-options .detail-option-content .detail-toggle ul li a {
  border: none;
  text-transform: capitalize;
  color: #1f1d2b;
  font-weight: 700;
  border-radius: 5px;
  transition: 0.5s all ease-in-out;
}
.detail-options .detail-option-content .detail-toggle ul li.active a,
.detail-options .detail-option-content .detail-toggle ul li:hover a {
  background-color: #1f1d2b;
  color: #fff;
}
.detail-section {
  padding-top: 15px;
}
.detail-section .summary-wrapper .summary-content {
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
  align-items: center;
}
.detail-section .summary-wrapper .summary-content .summary-top {
  display: flex;
  justify-content: space-between;
}
.detail-section .summary-wrapper .summary-content .summary-top .user-wrap {
  display: flex;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-top
  .user-wrap
  .user-image {
  width: 40px;
}

.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-results__options {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

.select2-container--default .select2-results__options::-webkit-scrollbar {
  width: 5px;
}

.select2-container--default .select2-results__options::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.select2-container--default .select2-results__options::-webkit-scrollbar-thumb {
  background: #1e1e2b;
}
.listing-section .listing-content .listing-middle .listing-wrapper .listing-single .listing-text .listing-house-type span{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    display: block;
    text-transform: capitalize;
}

.select2-container--default
  .select2-results__options
  .select2-results__option--highlighted[aria-selected] {
  background-color: #1e1e2b;
  color: white;
  border-radius: 10px;
}

.select2-container--default .select2-results__options .select2-dropdown--below {
  width: 300px !important;
  border-radius: 10px;
  border: none;
  top: 0px;
}

.recommend-section,
.near-by-section {
  padding-bottom: 60px;
}
.recommend-section .listing-content,
.near-by-section .listing-content {
  padding: 0;
  background-color: transparent;
}
.near-by-section .title-wrap {
  background-image: url(../images/mapblue.png);
}

.recommend-section .title-wrap {
  background-image: url(../images/like.png);
}
.types-section .type-wrap {
  position: relative;
}
.types-section .type-wrap .item-image-holder {
  padding-bottom: 80%;
  border-radius: 10px;
}
.types-section .type-wrap::before {
  content: "";
  width: 65px;
  height: 65px;
  position: absolute;
  background-color: #fbf7ff;
  z-index: 1;
  border-radius: 10px;
  top: -20px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: -20px;
}
.types-section .type-wrap .types-content {
  width: 80%;
  float: right;
}
.types-section .type-wrap .types-content p,
.choose-section .choose-wrap .choose-single p {
  color: #757575;
  font-size: 18px;
}
.types-section .type-wrap .title-wrap {
  padding-left: 0;
}
.types-section .type-wrap .title-wrap h2 {
  padding-left: 0;
}
.types-section .type-wrap .types-content ul li {
  position: relative;
  padding-left: 45px;
  background-image: url(../images/checked.png);
  background-position: 0% 50%;
  background-size: 3%;
  color: #1e1e2b;
  font-size: 22px;
  line-height: 2;
  background-repeat: no-repeat;
}

.types-section .type-wrap .types-content {
  color: #777;
}
.choose-section.bg-diff {
  background-size: 100% 100%;
}
.choose-section .choose-wrap {
  padding: 20px 0px;
}
.choose-section .choose-wrap .choose-single {
  padding: 20px;
  background-color: white;
  border-radius: 15px;
  box-shadow: 0 3px 2px -2px #0000001a;
}
.choose-section .choose-wrap .choose-single .content-title {
  display: flex;
  margin-bottom: 20px;
}
.choose-section .choose-wrap .choose-single .content-title .icon-container {
  width: 25%;

  border-radius: 15px;
}
.choose-section
  .choose-wrap
  .choose-single
  .content-title
  .icon-container
  .icon-holder {
  padding-bottom: 100%;
  margin-bottom: 0;
}
.choose-section .choose-wrap .choose-single .content-title h3 {
  text-transform: capitalize;
  width: 75%;
  padding: 10px 25px;
  margin-top: 0;
  font-weight: 900;
  margin-bottom: 0;
  font-size: 24px;
}
.exp-section {
  position: relative;
}
.exp-section::after {
  content: "";
  position: absolute;
  background-image: url(../images/BackgroundElement5.png);
  right: 0;
  bottom: 0px;
  width: 235px;
  z-index: -1;
  height: 235px;
  background-repeat: no-repeat;
}

.exp-section .exp-whole-wrap {
  background-image: url(../images/BackgroundElement3.png);
  background-position: center;
  background-size: 100% 100%;
  display: flex;
  border-radius: 15px;
  width: 95%;
  margin: 0 auto;
  align-items: center;
  padding: 70px 70px;
}
@media screen and (max-width: 1399px) {
    .listing-section .listing-content .listing-middle .listing-wrapper.multiple{
        padding: 15px;
    }
    .listing-section .listing-content .listing-middle .listing-wrapper.multiple .listing-single .listing-image{
        height: 160px;
    }
}
.listing-section .listing-content .listing-middle .listing-wrapper.multiple .listing-single .listing-image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 5px 5px 0px 0px;
    
}
.listing-section .listing-content .listing-middle .listing-wrapper.multiple .listing-single .listing-text{
    padding: 15px;
}

/* for single listing */
.listing-section .listing-content .listing-middle .listing-wrapper.single{
    width: 50%;
    padding: 10px 15px;
}
.listing-section .listing-content .listing-middle .listing-wrapper.single .listing-single a{
    display: flex;
    flex-wrap: nowrap;
    text-decoration: none;
}
.listing-section .listing-content .listing-middle .listing-wrapper.single .listing-image{
    
    width: 40%;
}
.listing-section .listing-content .listing-middle .listing-wrapper.single .listing-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.listing-section .listing-content .listing-middle .listing-wrapper.single .listing-text{
    display: block;
    
    align-items: center;
    width: 60%;
    padding: 20px 15px;
    
}
.listing-section .listing-content .listing-middle .listing-wrapper.single .listing-text .listing-title{
    padding: 0px 10px;
    
    text-align: left;
}
.listing-section .listing-content .listing-middle .listing-wrapper.single .listing-text .listing-house-type{
    
    padding: 0px 10px;
}
.listing-section .listing-content .listing-middle .listing-wrapper.single .listing-text .listig-house-location{
    
    padding: 0px 10px;
}
.listing-section .listing-content .listing-middle .listing-wrapper.single .listing-text .listing-house-detail{
    width: 40%;
    display: inline-block;
}
.listing-section .listing-content .listing-middle .listing-wrapper.single .listing-text .listing-house-detail ul{
    margin: 0;
    padding: 0;
    list-style: none;
    
    display: block;
}
.listing-section .listing-content .listing-middle .listing-wrapper.single .listing-text .listing-house-detail ul li{
    margin-bottom: 10px;
}
/* .listing-section .listing-content .listing-middle .listing-wrapper .listing-single .listing-text .listing-house-detail ul{
    justify-content: center;
} */
.listing-section .listing-content .listing-middle .listing-wrapper.single .listing-single .listing-text .listing-house-detail ul li{
    margin: 20px 10px;
}
.listing-section .listing-content .listing-middle .listing-wrapper.single .listing-single .listing-text .listing-house-detail ul li .listing-detail-image{
    width: 40px;
    height: 40px;
}
.listing-section .listing-content .listing-middle .listing-wrapper.single .listing-single .listing-text .listing-house-detail ul li .listing-detail-image img{
    width: 30px;
    margin-right: 10px;
}
.listing-section .listing-content .listing-bottom{
    padding: 5px 0px;
}
.pages{
    display: flex;
    justify-content: center;
}
.pages span{
    padding: 3px 5px;
    min-width: 30px;
    margin: 0px 10px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    border-radius: 5px;
    color: #1e1e2b;
}
.pages .pagination li.active span{
    border: 1px solid #000;
    background-color: transparent;
    color: #1F1D2B;
}
.pages .pagination li span:hover{
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .1);
}
.pages .pagination ul{
    padding: 0;
    margin: 0;
}
.pages ul li{
    display: inline-block;
}
.pages ul li.disabled span{
    background-color: #ddd;
}

.pages ul li a{
    color: #1F1D2B;
}
/* header css */
header{
    position: sticky;
    background-color: #1F1D2B;
    padding: 15px 0px;
    top: 0;
    z-index: 100;
}
header .top-bar{
    display: flex;
    align-items: center;
}
header .top-bar .burger-naivigaion{
    width: 5%;
}
header .top-bar .burger-naivigaion button{
    width: 100%;
}
header .top-bar .burger-naivigaion button .menu-bars{
    width: 100%;
    height: 20px;
    position: relative;
}
header .top-bar .burger-naivigaion button .menu-bars div{
    position: absolute;
    height: 4px;
    background-color: #fff;
    left: 0;
    border-radius: 50px;
    transition: all .5s linear;
}
header .top-bar .burger-naivigaion button .menu-bars div.bar1{
    width: 80%;
    top: 0;
}
header .top-bar .burger-naivigaion button .menu-bars div.bar2{
    width: 60%;
    top: 50%;
}
header .top-bar .burger-naivigaion button .menu-bars div.bar3{
    width: 40%;
    top: 100%;
}
header .top-bar .burger-naivigaion button:hover .menu-bars div.bar2,
header .top-bar .burger-naivigaion button:hover .menu-bars div.bar3{
    width: 80%;
}
header .top-bar .home-logo{
    width: 10%;
    padding: 0px 5px;
}
header .top-bar .home-logo span a{
    font-size: 20px;
    color: #fff;
}
header .top-bar .top-navigation{
    width: 55%;
}
header .top-bar .top-navigation ul{
    margin: 0;
}
header .top-bar .top-navigation ul li{
    display: inline-block;
    
}
header .top-bar .top-navigation ul li.menu-item-has-children{
    position: relative;
}
header .top-bar .top-navigation ul li.menu-item-has-children .dropdown{
    position: absolute;
    top: 4px;
    right: -6px;
    color: #999;
}
header .top-bar .top-navigation ul li.menu-item-has-children .dropdown i{
    font-size: 15px;
    color: white;
}
header .top-bar .top-navigation ul li a{
    color: #fff;
    font-weight: 600;
    padding: 15px;
    font-size: 16px;
}
header .top-bar .top-navigation ul li a:hover{
    text-decoration: none;
}
header .top-bar .logger{
    width: 23%;
    display: flex;
    align-items: center;
    padding: 0px 10px;
    border-right: 1px solid rgba(255, 255,255, .5);
}
header .top-bar .logger .notification{
    width: 15%;
}
header .top-bar .logger .notification button{
    background-color: transparent;
    border: none;
    color: #fff;
}
header .top-bar .logger .notification button i{
    font-size: 20px;
}
header .top-bar .logger .log-checker{
    width: 75%;
    display: flex;
    align-items: center;
    padding-left: 10px;
}
header .top-bar .logger .log-checker .user-image{
    width: 40px;
    height: 40px;
}
header .top-bar .logger .log-checker .user-image img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
header .top-bar .logger .log-checker .user-text{
    width: 90%;
}
header .top-bar .logger .log-checker .logged-as span{
    color: #fff;
    font-size: 12px;
    padding-left: 5px;
}
header .top-bar .logger .log-checker .login-user span{
    color: #fff;
    font-size: 14px;
    padding-left: 5px;
    font-weight: 500;
}
header .top-bar .logger .log-toggle{
    width: 10%;
    color: #fff;
}
header .top-bar .logger .log-toggle i{
    font-size: 12px;
    color: #999;
}
header .top-bar .language{
    width: 7%;
    padding-left: 10px;
    display: flex;
    align-items: center;
}
header .top-bar .language .image{
    width: 20%;
    color: #fff;
}
header .top-bar .language .image i{
    font-size: 20px;
}
header .top-bar .language .current-language{
    font-size: 16px;
    color: #fff;
    padding-left: 15px;
}
header .top-bar .language .language-toggle{
    color: #fff;
    font-size: 12px;
  }
  .exp-section .exp-whole-wrap {
    width: 100%;
    padding: 35px;
  }

.exp-section .exp-whole-wrap .exp-wrap {
  width: 40%;
}
.exp-section .exp-whole-wrap .exp-wrap h3,
.exp-section .exp-whole-wrap .exp-wrap p {
  color: white;
}
.exp-section .exp-whole-wrap .exp-wrap p {
  font-size: 18px;
}
.exp-section .exp-whole-wrap .exp-wrap h3 {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (max-width: 1399px) {
  .exp-section .exp-whole-wrap .exp-wrap p {
    font-size: 13px;
  }
  .exp-section .exp-whole-wrap .exp-wrap h3 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 20px;
  }
}
.exp-section .exp-whole-wrap .join-wrap {
  width: 55%;
}
.exp-section .exp-whole-wrap .join-wrap a {
  color: #311c3f;
  background-color: white;
  background-image: url(../images/buttoncheb.png);
  background-size: 9%;
  background-position: 85% 50%;
  background-repeat: no-repeat;
  width: 250px;
  float: right;
  height: 80px;
  font-size: 18px;
  line-height: 3;
  font-weight: 900;
  font-size: 24px;
  transition: all 0.3s linear;
}
.exp-section .exp-whole-wrap .join-wrap a:hover {
  background-color: #1f1d2b;
  color: white;
  background-image: url(../images/chevron2.png);
}
@media screen and (max-width: 1399px) {
  .exp-section .exp-whole-wrap .exp-wrap p {
    font-size: 13px;
  }
  .exp-section .exp-whole-wrap .exp-wrap h3 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .exp-section .exp-whole-wrap .join-wrap a {
    height: 65px;
    line-height: 2.5;
  }
}
.filter-modal .modal-dialog .modal-content .modal-header .close {
  position: absolute;
  background-color: #fbf7ff;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  float: right;
  z-index: 2;
  right: 0;
  opacity: 1;
}
.filter-modal .modal-dialog .modal-content .modal-header {
  border-bottom: 0;
  display: block;
  padding: 15px 0px 0px;
}
.filter-modal .modal-dialog .modal-content .modal-header .close span {
  content: "";
  width: 40px;
  display: block;
  height: 2px;
  background-color: #1e1e2b;
  left: 10px;
  transform: rotate(40deg);
  position: absolute;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-header
  .close
  span:nth-child(2) {
  content: "";
  width: 40px;
  height: 2px;
  background-color: #1e1e2b;
  transform: rotate(-40deg);
}

.filter-modal .modal-dialog .modal-content {
  padding: 0px 40px;
}

.filter-modal .modal-dialog .modal-content .modal-body .filter-title {
  padding-left: 40px;
  background-image: url(../images/equalizer-white.png);
  background-position: 0% 10%;
  background-size: 2%;
  font-weight: 800;
  text-transform: uppercase;
  background-repeat: no-repeat;
  border-bottom: 1px solid #ddd;
}

.filter-modal .modal-dialog .modal-content .modal-body .filter-title h3 {
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .nav-tabs {
  border: none;
  padding: 30px 0px 0px;
}

.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .nav-tabs
  .nav-link.active {
  background-color: #fff;
  color: #1f1d2b;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .nav-tabs
  .nav-link {
  background-color: #f6f6f6;
  color: #777;
  border: 1px solid transparent;
  font-weight: 700;
  font-size: 16px;
  padding: 20px 20px;
  border-radius: 5px;
  transition: all 0.5s ease-in-out;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .nav-tabs
  li {
  padding: 0px 10px;
  background-color: white;
  border-bottom: 0;

  padding: 0;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .nav-tabs
  li {
  box-shadow: 2px 2px 10px 2px #ddd;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .nav-tabs
  li:nth-child(2) {
  box-shadow: 7px 2px 12px -1px #dddddd;
}

.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .nav-tabs
  li:nth-child(2)
  > button {
  opacity: 0.8;
  border-top-right-radius: 10px;
  border-top-left-radius: 0px;
}

.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content {
  box-shadow: 2px 2px 10px 2px #ddd;
  z-index: 2;
  position: relative;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane {
  padding: 20px 50px;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec {
  padding-bottom: 30px;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec
  .sub-title
  h3 {
  text-transform: capitalize;
  font-weight: 900;
  margin-bottom: 15px;
  font-size: 25px;
}

.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec.ppty-type-sec
  .pr-types-list
  ul {
  display: flex;
  flex-wrap: wrap;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec.ppty-type-sec
  .pr-types-list
  ul
  li {
  width: 16.6%;
  padding: 15px;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec.ppty-type-sec
  .pr-types-list
  ul
  li
  .pr-type-contents {
  box-shadow: 2px 2px 10px 2px #ddd;
  padding: 20px 25px;
  cursor: pointer;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec.ppty-type-sec
  .pr-types-list
  ul
  li
  .icon-content {
  border-radius: 50%;
  background-color: #f5f5f5;
  padding: 15px;
  width: 65%;
  margin: 10px auto 10px;
}

.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec.ppty-type-sec
  .pr-types-list
  ul
  li
  .pr-type-contents
  .icon-content
  .icon-holder {
  padding-bottom: 100%;
  margin-bottom: 0;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec.ppty-type-sec
  .pr-types-list
  ul
  li
  .pr-type-contents
  h5 {
  text-transform: capitalize;
  text-align: center;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec.ppty-type-sec
  .pr-types-list
  ul
  li.active
  .pr-type-contents {
  border: 1px solid #000;
  border-radius: 5px;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec.ppty-type-sec
  .pr-types-list
  ul
  li
  .pr-type-contents:hover {
  border: 1px solid #000;
  border-radius: 5px;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec
  .range-fltr {
  width: 50%;
  padding: 20px 30px 0px 0px;
  float: left;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec
  .range-fltr
  .price-range-slider
  p
  input {
  height: auto;
  font-size: 20px;
  color: #727272;
  border: 0;
  font-weight: 700;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec
  .range-fltr
  .price-range-slider
  p
  input:focus {
  outline: 0;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec
  .range-fltr
  .price-range-slider
  .ui-slider-horizontal {
  margin-top: 200px;
  background-color: #d3e9ff;
  height: 10px;
  border: 0;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec
  .range-fltr
  .price-range-slider
  .ui-slider-horizontal
  .ui-slider-range {
  background-color: #000;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec
  .range-fltr
  .price-range-slider
  .ui-slider-horizontal
  .ui-slider-range:before {
  content: "";
  position: absolute;
  background-image: url(../images/zigzag.jpg);
  width: 100%;
  height: 170px;
  left: 0;
  top: -170px;
}
@media screen and (max-width: 1399px) {
  .filter-modal .modal-dialog .modal-content {
    padding: 0px 20px;
  }
  .filter-modal
    .modal-dialog
    .modal-content
    .modal-body
    .filter-tabs
    .nav-tabs
    .nav-link {
    padding: 15px 10px;
  }
  .filter-modal
    .modal-dialog
    .modalf-content
    .modal-body
    .filter-tabs
    .tab-content
    .filter-tab-pane {
    padding: 20px 20px;
  }
  .filter-modal
    .modal-dialog
    .modal-content
    .modal-body
    .filter-tabs
    .tab-content
    .filter-tab-pane
    .fltr-sub-sec.ppty-type-sec
    .pr-types-list
    ul
    li {
    width: 16.6%;
    padding: 5px;
  }
  .filter-modal
    .modal-dialog
    .modal-content
    .modal-body
    .filter-tabs
    .tab-content
    .filter-tab-pane
    .fltr-sub-sec.ppty-type-sec
    .pr-types-list
    ul
    li
    .pr-type-contents
    h5 {
    font-size: 14px;
  }
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec
  .range-fltr
  .price-range-slider
  .ui-slider-horizontal
  .ui-slider-handle {
  border: 5px solid #fff;
  background-color: #000;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 2px 2px 10px 2px #ddd;
  top: -8px;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec.fac-fltr-sec {
  width: 40%;
}

.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec.fac-fltr-sec
  .fac-types-list
  ul {
  columns: 2;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec.fac-fltr-sec
  .fac-types-list
  ul
  li
  p {
  display: flex;
  position: relative;
  margin-bottom: 20px;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec.fac-fltr-sec
  .fac-types-list
  ul
  li
  p
  input[type="checkbox"] {
  width: 25px;
  height: 25px;
  opacity: 0;
  position: relative;
  cursor: pointer;
  z-index: 2;
}

.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec.fac-fltr-sec
  .fac-types-list
  ul
  li
  p
  label {
  color: #ddd;
  transition: all 0.3s linear;
  font-weight: 600;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec.fac-fltr-sec
  .fac-types-list
  ul
  li
  p
  input[type="checkbox"]:checked {
  background-color: black;
}
@media screen and (max-width: 1399px) {
  .filter-modal
    .modal-dialog
    .modal-content
    .modal-body
    .filter-tabs
    .tab-content
    .filter-tab-pane
    .fltr-sub-sec.fac-fltr-sec {
    width: 55%;
  }
  .filter-modal
    .modal-dialog
    .modal-content
    .modal-body
    .filter-tabs
    .tab-content
    .filter-tab-pane
    .fltr-sub-sec.fac-fltr-sec
    .fac-types-list
    ul
    li
    p
    label {
    font-size: 12px;
  }
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec.fac-fltr-sec
  .fac-types-list
  ul
  li
  p
  input[type="checkbox"]:checked
  ~ label {
  color: #000;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec.fac-fltr-sec
  .fac-types-list
  ul
  li
  p
  label {
  padding: 0px 10px;
}

.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec.fac-fltr-sec
  .fac-types-list
  ul
  li
  p
  .checkbox-custom {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 24px;
  width: 24px;
  background-color: transparent;
  opacity: 0.4;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  border: 2px solid #000;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec.fac-fltr-sec
  .fac-types-list
  ul
  li
  p
  .checkbox-custom:after {
  position: absolute;
  content: "";
  left: 12px;
  top: 12px;
  height: 0px;
  width: 0px;
  border-width: 0 2px 2px 0;
  border: solid #000;

  -webkit-transform: rotate(0deg) scale(0);
  -ms-transform: rotate(0deg) scale(0);
  transform: rotate(0deg) scale(0);
  opacity: 1;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec.fac-fltr-sec
  .fac-types-list
  ul
  li
  p
  input[type="checkbox"]:checked
  ~ .checkbox-custom {
  background-color: #000;
  border-radius: 5px;
  -webkit-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
  opacity: 1;
  border: 2px solid #000;
}

.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .filter-tabs
  .tab-content
  .filter-tab-pane
  .fltr-sub-sec.fac-fltr-sec
  .fac-types-list
  ul
  li
  p
  input[type="checkbox"]:checked
  ~ .checkbox-custom:after {
  -webkit-transform: rotate(45deg) scale(1);
  -ms-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
  opacity: 1;
  left: 8px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  background-color: transparent;
  border-radius: 0;
}

.prp-room-sec .prop-room-wrap {
  width: 40%;
}
.prp-room-sec .prop-room-wrap .prop-room-list h5 {
  color: #b8b8b8;
  padding-left: 15px;
  font-size: 18px;
}
.prp-room-sec .prop-room-wrap .prop-room-list ul {
  display: flex;
}
.prp-room-sec .prop-room-wrap .prop-room-list ul li {
  padding: 10px;
  text-align: center;
  cursor: pointer;
}
.prp-room-sec .prop-room-wrap .prop-room-list ul li span {
  border: 1px solid #ddd;
  padding: 15px 25px;
  display: inline-block;
  width: 100%;
  border-radius: 5px;
  transition: all 0.5s linear;
}

.prp-room-sec .prop-room-wrap .prop-room-list ul li.active span {
  border: 1px solid #1f1d2b;
}

@media screen and (max-width: 1399px) {
   
    .banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .nav-tabs li a {
        font-size: 18px;
        background-size: 15%;
        padding: 15px 20px;
       
    }
}
/* .banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .nav-tabs li button older{
    width: 20%;
    padding-bottom: 20%;
    margin-right: 10px;
    margin-bottom: 0;
} */
/* .banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .nav-tabs li a span{
    width: 70%;
} */
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content {
    background-color: white;
    text-align: left;
    border-radius: 5px;
    
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form {
    border: none;
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form select{
    animation: fadeOut 0.3s linear;
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form select:focus{
    border: 1px solid #aaa;
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form select.selectWithIcon + .select2-container{
    background-position: 2% 50%;
    background-repeat: no-repeat;
    background-size: 5%;
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form input#selecterAddress{
    background-position: 2% 50%;
    background-repeat: no-repeat;
    background-size: 5%;
    border: 1px solid #ddd;
    font-weight: 500;
    height: 55px;
    padding-left: 8%;
    border-radius: 5px;
    
    background-color: transparent;
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form input#selecterAddress::placeholder{
    font-size: 18px;
    color: #757575;
    height: 100%;
    padding: 10px;
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form input#selecterAddress{
    background-image: url(../images/maps-and-flags.png);
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form select#selectorPrice + .select2-container{
    background-image: url(../images/dollar.png);
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form select#selecterAddressbuy + .select2-container{
    background-image: url(../images/maps-and-flags.png);
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form select#selectorPricebuy + .select2-container{
    background-image: url(../images/dollar.png);
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form p .select2-container--default .select2-selection--single {
    height: 55px;
    border-color: transparent;
    border-radius: 0;
    background-color: transparent;
    border-radius: 5px;    
}

@media screen and (max-width: 1399px) {
   
    .banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form p .select2-container--default .select2-selection--single {
        height: 45px;
        
        
    }
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form select.selectWithIcon + .select2-container .selection .select2-selection{
    padding-left:30px ;
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form select.selectWithIcon + .select2-container .selection .select2-selection .select2-selection__rendered{
    font-size: 18px;
    color: #757575;
    height: 100%;
    padding: 10px;
}

@media screen and (max-width: 1399px) {
    .banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form select.selectWithIcon + .select2-container .selection .select2-selection .select2-selection__rendered{
        font-size: 15px;
        line-height: 1.4;
    }
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form .form-bottom p .select2-container--default .select2-selection--single {
    border-color: #ddd;
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form .form-bottom .filter-modal .advance-search-wrap .adv-search-contents .field-selection-wrap.field-dates .fltr-option-input-content .fltr-option-input-single p:last-child{
    margin-left: 15px;
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form .form-bottom .filter-modal .advance-search-wrap .field-selection-wrap.field-dates .fltr-option-input-content .fltr-option-input-single p:last-child input[type=text]{
    background-image:url(../images/calendar.png);
    background-position:95% 50%;
    background-size: 5%;
    background-repeat: no-repeat;
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form p .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
    padding: 10px 0 10px 15px;
    border-radius: 0;
    height: 100%;
    color: #1e1e2b;
    font-size: 18px;
    font-weight: 500;
    line-height: 2;
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form p .select2-container--default .select2-selection--single:focus{
    border: 1px solid #aaa;
    
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form p .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 25px;
    height: 35px;
    border-radius: 0;       
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form p .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-left: 2px solid #1e1e2b;
    border-top: 2px solid #1e1e2b;
    border-bottom: none;
    border-right: none;
    width: 10px;
    height: 10px;
    transform: rotate(-135deg);
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form p input {
    margin-bottom: 0px;
    border-radius: 0;
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form p text-area {
    margin-bottom: 15px;
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form .prop-btn {
    color: white;
    font-size: 16px;
    border-radius: 5px;
    height: 55px;
    width: 100%
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form .prop-btn:hover {
    color: #1e1e2b;
    height: 55px;
}
@media screen and (max-width: 1399px) {
    .banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form .prop-btn {
        line-height: 2;
        height: 45px;
    }
    .banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form .prop-btn:hover {
        color: #1e1e2b;
        height: 45px;
    }
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content.active form {
    animation: fadeInRight 0.4s linear;
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form .form-bottom p{
    margin-bottom: 40px;
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form .controls .form-bottom .filter-icon {
    transition: all 0.4s linear;
    width: 70%;
    
    padding: 7px;
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form .controls .form-bottom .filter-icon .icon-holder{
    padding-bottom: 100%;
    margin-bottom: 0;
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content form .controls .form-bottom .filter-icon:hover{
    background-color: #ddd;
}
/* .banner-wrap-section:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #000;
    opacity: 0.5;
} */
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content .search-tab-pane.active {
    animation: fadeIn 0.6s 1 linear;
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content .search-tab-pane {
    animation: fadeOut 0.2s 1 linear;
}

.filter-modal .modal-dialog{
    width: 80%;
    max-width: 80%;
}
.form-filter .filter-modal.in{
    opacity: 1;
}
/* detail css */
.detail-wrap{
    background-color: #F6F6F6;
}
.detail-options{
    padding: 10px 0px;
}
.detail-options .detail-option-content{
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
}
.detail-options .detail-option-content .detail-toggle ul{
    border: none;
    margin-left: -10px;
    margin-right: -10px;
}
.detail-options .detail-option-content .detail-toggle ul li{
    padding: 10px;
}
.detail-options .detail-option-content .detail-toggle ul li a{
    border: none;
    text-transform: capitalize;
    color: #1F1D2B;
    font-weight: 700;
    border-radius: 5px;
    transition: .5s all ease-in-out;
}
.detail-options .detail-option-content .detail-toggle ul li.active a,
.detail-options .detail-option-content .detail-toggle ul li:hover a{
    background-color: #1F1D2B;
    color: #fff;
}
.detail-section{
    padding-top: 15px;
}
.detail-section .summary-wrapper .summary-content{
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    align-items: center;
}
.detail-section .summary-wrapper .summary-content .summary-top{
    display: flex;
    justify-content: space-between;
}
.detail-section .summary-wrapper .summary-content .summary-top .user-wrap{
    display: flex;
}
.detail-section .summary-wrapper .summary-content .summary-top .user-wrap .user-image{
    width: 40px;
}


.select2-container {
    width: 100% !important;
  }
  
  .select2-container--default .select2-results__options {
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
  }
  
  .select2-container--default .select2-results__options::-webkit-scrollbar {
    width: 5px;
  }
  
  .select2-container--default .select2-results__options::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  .select2-container--default .select2-results__options::-webkit-scrollbar-thumb {
    background: #1e1e2b;
  }
  
  .select2-container--default .select2-results__options::-webkit-scrollbar-thumb:hover {
    background: #1e1e2b;
  }
  
  .select2-container--default .select2-results__options .select2-results__option--highlighted[aria-selected] {
    background-color: #1e1e2b;
    color: white;
    border-radius: 10px;
  }
  
  .select2-container--default .select2-results__options .select2-dropdown--below {
    width: 300px !important;
    border-radius: 10px;
    border: none;
    top: 0px;
  }

 .recommend-section,
 .near-by-section{
     padding-bottom: 60px;
 }
.recommend-section .listing-content,
.near-by-section .listing-content{
    padding: 0;
    background-color: transparent;
}
  .near-by-section  .title-wrap{
    background-image: url(../images/mapblue.png);
  }

  .recommend-section  .title-wrap{
    background-image: url(../images/like.png);
  }
  .types-section .type-wrap{
      position: relative;
  }
  .types-section .type-wrap .item-image-holder{
      padding-bottom: 80%;
      border-radius: 10px;
  }
  .types-section .type-wrap::before{
    content: "";
    width: 65px;
    height: 65px;
    position: absolute;
    background-color: #fbf7ff;
    z-index: 1;
    border-radius: 10px;
    top: -20px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    left: -20px;
  }
  .types-section .type-wrap .types-content{
      width: 80%;
      float: right;
  }
  .types-section .type-wrap .types-content p,
  .choose-section .choose-wrap .choose-single p{
      color: #757575;
      font-size: 18px;
  }
  .types-section .type-wrap .title-wrap{
      padding-left: 0;
  }
  .types-section .type-wrap .title-wrap h2{
      padding-left: 0;
  }
  .types-section .type-wrap .types-content ul li{
      position: relative;
      padding-left: 45px;
      background-image: url(../images/checked.png);
      background-position: 0% 50%;
      background-size: 3%;
      color: #1e1e2b;
      font-size: 22px;
      line-height: 2;
      background-repeat: no-repeat;

  }
 
  .types-section .type-wrap .types-content{
      color: #777;
  }
  .choose-section.bg-diff{
      background-size:100% 100%;
  }
  .choose-section .choose-wrap{
      padding: 20px 0px;
  }
  .choose-section .choose-wrap .choose-single {
      padding: 20px ;
      background-color: white;
      border-radius: 15px;
      box-shadow: 0 3px 2px -2px #0000001a;
  }
  .choose-section .choose-wrap .choose-single .content-title{
      display: flex;
      margin-bottom: 20px;
  }
  .choose-section .choose-wrap .choose-single .content-title .icon-container{
    width: 25%;
    
    border-radius: 15px;
    
  }
  .choose-section .choose-wrap .choose-single .content-title .icon-container .icon-holder{
      padding-bottom: 100%;
      margin-bottom: 0;
  }
  .choose-section .choose-wrap .choose-single .content-title h3{
    text-transform: capitalize;
    width: 75%;
    padding: 10px 25px;
    margin-top: 0;
    font-weight: 900;
    margin-bottom: 0;
    font-size: 24px;
}
.exp-section{
    position: relative;
}
.exp-section::after{
    content: "";
    position: absolute;
    background-image: url(../images/BackgroundElement5.png);
    right: 0;
    bottom: 0px;
    width: 235px;
    z-index: -1;
    height: 235px;
    background-repeat: no-repeat;
}

.exp-section .exp-whole-wrap{
    background-image: url(../images/BackgroundElement3.png);
    background-position: center;
    background-size: 100% 100%;
    display: flex;
    border-radius: 15px;
    width: 95%;
    margin: 0 auto;
    align-items: center;
    padding: 70px 70px;
}
@media screen and (max-width: 1399px) {
  
    .choose-section .choose-wrap .choose-single .content-title h3{
        font-size: 18px;
        padding: 10px;
    }
    .choose-section .choose-wrap .choose-single .content-title .icon-container{
        width: 30%;
        padding:5px;
     
      }
      .types-section .type-wrap .types-content p,
      .choose-section .choose-wrap .choose-single p{
          color: #757575;
          font-size: 12px;
      }
      .exp-section .exp-whole-wrap{
       width: 100%;
       padding: 35px;
    }
}
.exp-section .exp-whole-wrap .exp-wrap {
   width: 40%;    
}
.exp-section .exp-whole-wrap .exp-wrap h3,
.exp-section .exp-whole-wrap .exp-wrap p{
    color: white;

}
.exp-section .exp-whole-wrap .exp-wrap p{
    font-size: 18px;
}
.exp-section .exp-whole-wrap .exp-wrap h3{
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 20px;

}
@media screen and (max-width: 1399px) {
    .exp-section .exp-whole-wrap .exp-wrap p{
        font-size: 13px;
    }
    .exp-section .exp-whole-wrap .exp-wrap h3{
        font-size: 25px;
        font-weight: 700;
        margin-bottom: 20px;
    
    }
  
}
.exp-section .exp-whole-wrap .join-wrap{
    width: 55%;
}
.exp-section .exp-whole-wrap .join-wrap a{
    color: #311c3f;
    background-color: white;
    background-image: url(../images/buttoncheb.png);
    background-size: 9%;
    background-position: 85% 50%;
    border-radius: 8px;
    background-repeat: no-repeat;
    width: 250px;
    float: right;
    height: 80px;
    font-size: 18px;
    line-height: 3;
    font-weight: 900;
    font-size: 24px;
    transition: all 0.3s linear;
}
.exp-section .exp-whole-wrap .join-wrap a:hover{
    background-color: #1F1D2B;
    color: white;
    background-image: url(../images/chevron2.png);
}
@media screen and (max-width: 1399px) {
    .exp-section .exp-whole-wrap .exp-wrap p{
        font-size: 13px;
    }
    .exp-section .exp-whole-wrap .exp-wrap h3{
        font-size: 25px;
        font-weight: 700;
        margin-bottom: 20px;
    
    }
    .exp-section .exp-whole-wrap .join-wrap a{
       height: 65px;
       line-height: 2.5;
    }
  
}
.filter-modal .modal-dialog .modal-content .modal-header .close{
    position: absolute;
    background-color: #fbf7ff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    float: right;
    z-index: 2;
    right: 0;
    opacity: 1;
}
.filter-modal .modal-dialog .modal-content .modal-header{
    border-bottom: 0;
    display: block;
    padding: 15px 0px 0px;
}
.filter-modal .modal-dialog .modal-content .modal-header .close span{
    content: "";
    width: 40px;
    display: block;
    height: 2px;
    background-color: #1e1e2b;
    left: 10px;
    transform: rotate(40deg);
    position: absolute;
}
.filter-modal .modal-dialog .modal-content .modal-header .close span:nth-child(2){
    content: "";
    width: 40px;
    height: 2px;
    background-color: #1e1e2b;
    transform: rotate(-40deg);
}

.filter-modal .modal-dialog .modal-content{
    padding:0px  40px;
}

.filter-modal .modal-dialog .modal-content .modal-body .filter-title{
    padding-left: 40px;
    background-image: url(../images/equalizer-white.png);
    background-position: 0% 10%;
    background-size: 2%;
    font-weight: 800;
    text-transform: uppercase;
    background-repeat: no-repeat;
    border-bottom: 1px solid #ddd;
}

.filter-modal .modal-dialog .modal-content .modal-body .filter-title h3{
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .nav-tabs{
    border: none;
    padding: 30px 0px 0px;
    
}



.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .nav-tabs .nav-link.active{
    background-color: #fff;
    color: #1F1D2B;
    
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .nav-tabs .nav-link{
    background-color: #F6F6F6;
    color: #777;
    border: 1px solid transparent;
    font-weight: 700;
    font-size: 16px;
    padding: 20px 20px;
    border-radius: 5px;
    transition: all .5s ease-in-out;
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .nav-tabs li{
    padding: 0px 10px;
    background-color: white;
    border-bottom: 0;
    
    padding: 0;
    
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .nav-tabs li{
    box-shadow: 2px 2px 10px 2px #ddd;
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .nav-tabs li:nth-child(2){
    box-shadow: 7px 2px 12px -1px #dddddd;
    
}

.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .nav-tabs li:nth-child(2)>button{
    opacity: 0.8;
    border-top-right-radius: 10px;
    border-top-left-radius: 0px;
}

.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content {
    box-shadow: 2px 2px 10px 2px #ddd;
    z-index: 2;
    position: relative;
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane{
    padding:20px 50px;
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec{
        padding-bottom: 30px;
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec .sub-title h3{
    text-transform: capitalize;
    font-weight: 900;
    margin-bottom: 15px;
    font-size: 25px;
}

.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec.ppty-type-sec .pr-types-list ul {
    display: flex;
    flex-wrap: wrap;

}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec.ppty-type-sec .pr-types-list ul li{
    width: 16.6%;
    padding: 15px;
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec.ppty-type-sec .pr-types-list ul li .pr-type-contents{
    box-shadow: 2px 2px 10px 2px #ddd;
    padding: 20px 25px;
    cursor:pointer;
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec.ppty-type-sec .pr-types-list ul li .icon-content{
    border-radius: 50%;
    background-color: #f5f5f5;
    padding: 15px;
    width: 65%;
    margin: 10px auto 10px;
    
}

.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec.ppty-type-sec .pr-types-list ul li .pr-type-contents .icon-content .icon-holder{
    padding-bottom: 100%;
    margin-bottom: 0;
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec.ppty-type-sec .pr-types-list ul li .pr-type-contents h5{
    text-transform: capitalize;
    text-align: center;
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec.ppty-type-sec .pr-types-list ul li.active .pr-type-contents{
    border: 1px solid #000;
    border-radius: 5px;
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec.ppty-type-sec .pr-types-list ul li .pr-type-contents:hover{
    border: 1px solid #000;
    border-radius: 5px;
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec .range-fltr{
    width: 50%;
    padding: 20px 30px 0px 0px;
    float: left;
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec .range-fltr .price-range-slider p input{
    height:auto;
    font-size: 20px;
    color: #727272;
    border: 0;
    font-weight: 700;
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec .range-fltr .price-range-slider p input:focus{
    outline: 0;
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec .range-fltr .price-range-slider .ui-slider-horizontal{
    margin-top: 200px;
    background-color: #d3e9ff;
    height: 10px;
    border: 0;
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec .range-fltr .price-range-slider .ui-slider-horizontal .ui-slider-range{
    background-color: #000;
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec .range-fltr .price-range-slider .ui-slider-horizontal .ui-slider-range:before{
    content: "";
    position: absolute;
    background-image: linear-gradient(-2deg,#d3e9ff,#fff);
    width: 100%;
    height: 170px;
    border-top-left-radius: 50px;
    
    border-top-right-radius: 50px;
    left: 0;
    top: -170px;
}
@media screen and (max-width: 1399px) {
    .filter-modal .modal-dialog .modal-content{
        padding: 0px 20px;
    }
    .filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .nav-tabs .nav-link{
      padding: 15px 10px;
    }
    .filter-modal .modal-dialog .modalf-content .modal-body .filter-tabs .tab-content .filter-tab-pane{
        padding:20px 20px;
    }
    .filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec.ppty-type-sec .pr-types-list ul li{
        width: 16.6%;
        padding: 5px;
    }
    .filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec.ppty-type-sec .pr-types-list ul li .pr-type-contents h5{
        font-size: 14px;
    }
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec .range-fltr .price-range-slider .ui-slider-horizontal .ui-slider-handle{
    border: 5px solid #fff;
    background-color: #000;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    box-shadow: 2px 2px 10px 2px #ddd;
    top: -8px;
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec.fac-fltr-sec {
    width: 40%;
}

.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec.fac-fltr-sec .fac-types-list ul {
    columns: 2;

}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec.fac-fltr-sec .fac-types-list ul li p{
    display: flex;    
    position: relative;
    margin-bottom: 20px;
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec.fac-fltr-sec .fac-types-list ul li p input[type="checkbox"]{
    width: 25px;
    height: 25px;
    opacity: 0;
    position: relative;
  cursor: pointer;
  z-index: 2;
  
}

.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec.fac-fltr-sec .fac-types-list ul li p  label{
    color: #ddd;
    transition: all 0.3s linear;
    font-weight: 600;
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec.fac-fltr-sec .fac-types-list ul li p input[type="checkbox"]:checked {
    background-color: black;
}
@media screen and (max-width: 1399px) {
    .filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec.fac-fltr-sec {
        width: 55%;
    }
    .filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec.fac-fltr-sec .fac-types-list ul li p  label{
        font-size: 12px;
    }
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec.fac-fltr-sec .fac-types-list ul li p input[type="checkbox"]:checked ~ label{
    color: #000;
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec.fac-fltr-sec .fac-types-list ul li p label{
    padding: 0px 10px;
        
}

.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec.fac-fltr-sec .fac-types-list ul li p  .checkbox-custom {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 24px;
    width: 24px;
    background-color: transparent;
    opacity: 0.4;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    border: 2px solid #000;
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec.fac-fltr-sec .fac-types-list ul li p  .checkbox-custom:after{
    position: absolute;
    content: "";
    left: 12px;
    top: 12px;
    height: 0px;
    width: 0px;
    border-width: 0 2px 2px 0;
    border: solid #000;
    
    -webkit-transform: rotate(0deg) scale(0);
    -ms-transform: rotate(0deg) scale(0);
    transform: rotate(0deg) scale(0);
    opacity:1;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec.fac-fltr-sec .fac-types-list ul li p input[type="checkbox"]:checked ~ .checkbox-custom {
    background-color: #000;
    border-radius: 5px;
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    opacity:1;
    border: 2px solid #000;
  }

  .filter-modal .modal-dialog .modal-content .modal-body .filter-tabs .tab-content .filter-tab-pane .fltr-sub-sec.fac-fltr-sec .fac-types-list ul li p input[type="checkbox"]:checked ~ .checkbox-custom:after {
    -webkit-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
    opacity:1;
    left: 8px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    background-color: transparent;
    border-radius: 0;
  }

  .prp-room-sec .prop-room-wrap {
      width: 40%;
  }
  .prp-room-sec .prop-room-wrap .prop-room-list h5{
    color: #b8b8b8;
    padding-left: 15px;
    font-size: 18px;
  }
  .prp-room-sec .prop-room-wrap .prop-room-list ul {
    display: flex;
}
.prp-room-sec .prop-room-wrap .prop-room-list ul li{
    
    padding: 10px;
    text-align: center;
    cursor: pointer;    
}
.prp-room-sec .prop-room-wrap .prop-room-list ul li span{
    border: 1px solid #ddd;
    padding: 15px 30px;
    display: inline-block;
    width: 100%;
    font-weight: 700;
    border-radius: 5px;
    transition: all 0.5s linear;
}

.prp-room-sec .prop-room-wrap .prop-room-list ul li.active span{
    border: 1px solid #1F1D2B;
}

.prp-room-sec .prop-room-wrap .prop-room-list ul li:hover span{
    border: 1px solid #1F1D2B;
}

.furn-sec .prop-furn-list ul {
    display: flex;
}
.furn-sec .prop-furn-list ul li{
    
    padding: 10px;
    text-align: center;
    cursor: pointer;        
}
.furn-sec .prop-furn-list ul li span{
    border: 1px solid #ddd;
    padding: 15px 30px;
    display: inline-block;
    width: 100%;
    transition:  all 0.4s linear;
    border-radius: 5px;
}

@media screen and (max-width: 1399px) {
   
    .prp-room-sec .prop-room-wrap {
      width: 55%;
    }
    .furn-sec .prop-furn-list ul li span{
        font-size: 12px;
    }

}
.furn-sec .prop-furn-list ul li.active span{
    border: 1px solid #1F1D2B;
}


.furn-sec .prop-furn-list ul li:hover span{
    border: 1px solid #1F1D2B;
}

.advance-search-wrap {
    padding: 30px 0px 15px;
    border-bottom: 2px solid #ddd;
}
.filter-modal .modal-dialog .modal-content .modal-body .advance-search-wrap .filter-title.advance-fltr-title{
    background-image: url(../images/wrench.png);
}
.advance-search-wrap .adv-search-contents{
    padding: 40px 10px 20px;
}
.advance-search-wrap .opt-title-match {
    width: 50%;
    display: flex;
    margin-bottom: 30px;
    position: relative;
}
.advance-search-wrap .opt-title-match p{
    color:#1F1D2B ;
    font-weight: 600;
    padding:0px 10px;
    margin-bottom: 10px!important;
    font-size: 20px;
}
.advance-search-wrap .opt-title-match input[type="checkbox"]{
    width: 30px;
    height: 25px;
    float: left;
    opacity: 0;
    position: relative;
    cursor: pointer;
    z-index: 2;
}
.advance-search-wrap .opt-title-match input[type="checkbox"]:checked{
    background-color: #000;
}
.advance-search-wrap .opt-title-match .checkbox-custom{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 24px;
    width: 24px;
    background-color: transparent;
    opacity: 1;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    border: 2px solid #000;
}
.advance-search-wrap .opt-title-match .checkbox-custom:after{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 24px;
    width: 24px;
    background-color: transparent;
    opacity: 0.4;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    border: 2px solid #000;

}
.advance-search-wrap .opt-title-match input[type="checkbox"]:checked ~ .checkbox-custom {
    background-color: #000;
    border-radius: 5px;
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    opacity:1;
    border: 2px solid #000;
  }

  .advance-search-wrap .opt-title-match input[type="checkbox"]:checked ~ .checkbox-custom:after {
    -webkit-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
    opacity:1;
    left: 8px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    background-color: transparent;
    border-radius: 0;
  }
.advance-search-wrap .opt-title-match select{
    width: 20%;
    height: 30px;
    background-color: #fbf7ff;
}
.fltr-footer{
    padding: 40px 0px;
}
.banner-wrap-section .banner-wrap .drop-wrap .search-contents .search-tab .tab-content .search-tab-pane  .field-selection-wrap .prop-btn.add-btn{
    width: 60px;
    height: 60px;
    font-size: 50px;
    font-weight: 100;
    padding: 0;
    line-height: 1;
}
.field-selection-wrap{
    margin-bottom: 15px;
}
.field-selection-wrap .sub-adv-title{
    margin-bottom:20px;
}
.field-selection-wrap .sub-adv-title h5{
    font-weight: 900;
    color:#1F1D2B ;
    font-size: 20px;
    margin-bottom: 0;
}
.field-selection-wrap .fltr-options-input-contents{
    width: 65%;
}



.field-selection-wrap .fltr-options-input-contents .fltr-option-input-single{
    display: flex;
    flex-wrap: wrap;
}
.field-selection-wrap .fltr-options-input-contents .fltr-option-input-single p{
    margin-bottom: 10px!important;
    width: 30%;
    margin-right: 10px;
}

.field-selection-wrap .fltr-options-input-contents .fltr-option-input-single p  .select2-container--default .select2-selection--single,
.field-selection-wrap .fltr-options-input-contents .fltr-option-input-single p input {
    height: 55px;
    border: 1px solid #ddd;
    border-radius: 5px!important;
}
@media screen and (max-width: 1399px) {
   
    .field-selection-wrap .fltr-options-input-contents{
        width: 85%;
    }
    .field-selection-wrap .fltr-options-input-contents .fltr-option-input-single p{
        margin-bottom: 10px!important;
        width: 28%;
        margin-right: 10px;
    }
    .field-selection-wrap .fltr-options-input-contents .fltr-option-input-single p  .select2-container--default .select2-selection--single,
.field-selection-wrap .fltr-options-input-contents .fltr-option-input-single p input {
    height: 3 5px;
    border: 1px solid #ddd;
    border-radius: 5px!important;
}

  }
.field-selection-wrap .fltr-options-input-contents .fltr-option-input-single button{
    width: 50px;
    height: 55px;
    color: #ff5f3d;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 0;
}

.field-selection-wrap .fltr-options-input-contents .fltr-option-input-single p .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 3.5;
}
.field-dates .fltr-option-input-content{
    width: 65%;
}
.field-dates .fltr-option-input-content .fltr-option-input-single p{
    width: 30%;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 10px!important;
}
.field-dates .flter-option-input-content .fltr-option-input-single .input[type="date"]{
    background-image: url(../images/calendar.png);
    background-position: 95% 50%;
    background-size: 2%;
    opacity: 0.7;
}
.fltr-footer .clear-btn{
    font-size: 20px;
    color: #727272;
    font-weight: 700;
}
.fltr-footer .clear-btn.clear-btn-left{
    width: 25%;
    text-align: left;
}
.fltr-footer .cancel-sub-wrap{
    width: 75%;
    text-align: right;
    float: right;
}
.form-filter .filter-modal .modal-dialog .modal-content  .fltr-footer .cancel-sub-wrap button.clear-btn,
.form-filter .filter-modal .modal-dialog .modal-content  .fltr-footer .cancel-sub-wrap button.prop-btn{
    width: 100px;
    margin-left: 10px;
    display: inline-block;
}

/* Detailpage added css */

.detail-section .summary-wrapper .summary-content .summary-top .buttons{
    display: flex;
    align-items: center;
}
.detail-section .summary-wrapper .summary-content .summary-top .buttons button{
    margin: 0px 5px;
    background-color: transparent;
    border: none;
}
.detail-section .summary-wrapper .summary-content .summary-top .buttons .follow-button button{
    border: 1px solid #40A4F9;
    color: #40A4F9;
    height: 40px;
    padding: 5px 30px;
    border-radius: 20px;
}
.detail-section .summary-wrapper .summary-content .summary-top .buttons .follow-button button:hover{
    background-color: #40A4F9;
    color: #fff;
}
.detail-section .summary-wrapper .summary-content .summary-top .user-wrap .user-image{
    width: 50px;
    height: 50px;
    margin-right: 10px;
}
.detail-section .summary-wrapper .summary-content .summary-top .user-wrap .user-image img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.detail-section .summary-wrapper .summary-content .user-text .user-name span{
    font-weight: 500;
}
.user-level span{
    background-color: #FEBD0B;
    font-size: 12px;
    color: #fff;
    padding: 2px 5px;
    border-radius: 2px;
}
.detail-section .summary-wrapper .summary-content .summary-body{
    padding-left: 60px;
    padding-top: 20px;
    position: relative;
}
.upvote-downvote{
    position: absolute;
    left: 20px;
    top: 10px;
}
.upvote-downvote button{
    background-color: transparent;
    border: none;
    padding: 0px 5px;
}
.upvote-downvote span{
    font-size: 16px;
    font-weight: 700;
}
.upvote-downvote button i{
    font-size: 30px;
}
.detail-section .summary-wrapper .summary-content .summary-body .summary-text .summary-title{
    margin-bottom: 20px;
}
.detail-section .summary-wrapper .summary-content .summary-body .summary-text .summary-title h4{
    position: relative;
    margin-bottom: 0;
    font-size: 25px;
    font-weight: 600;
}
.detail-section .summary-wrapper .summary-content .summary-body .summary-text .summary-title h4 span{
    font-size: 14px;
    margin-left: 10px;
    background-color: #3B9EF9;
    border-radius: 50px;
    padding: 10px 15px;
    color: #fff;
    position: relative;
    bottom: 0;
    display: inline-block;
}
.detail-section .summary-wrapper .summary-content .summary-body .proprty-details ul{
    padding: 0;
    margin: 0;
    list-style: none;
    margin-left: -5px;
    margin-right: -5px;
    padding-bottom: 20px;
    border-bottom: 2px solid #F6F6F6;
}
.detail-section .summary-wrapper .summary-content .summary-body .proprty-details ul li{
    display: inline-block;
    margin: 5px;
    height: auto;
    margin-bottom: 10px;
    padding: 10px 25px;
    border: 1px solid #aaa;
    border-radius: 20px
}
.detail-section .summary-wrapper .summary-content .summary-body .proprty-details ul li.more{
    padding: 0;
    border: none;
}
.detail-section .summary-wrapper .summary-content .summary-body .proprty-details ul li.more button{
    padding: 10px 25px;
    background-color: #1F1D2B;
    color: #fff;
    height: auto;
    border: none;
    border-radius: 20px;
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body{
    padding: 20px 0px 20px 60px;
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body .property-price{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0px;
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body .property-price .price-show h4{
    font-size: 35px;
    font-weight: 800;
    display: none;
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body .property-price .price-show h4.active{
    display: block;
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body .property-price .price-toggle{
    display: flex;
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body .property-price .price-toggle ul li a{
    padding: 10px 20px;
    margin: 0px 5px;
    background-color: transparent;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body .property-price .price-toggle ul{
    border-bottom: 0;
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body .property-price .price-toggle li a:hover{
    background-color:#1F1D2B;
    color: white;
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body .property-price .price-toggle li.active a{
    background-color: #1F1D2B;
    color: #fff;
    border-color: #1F1D2B;
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body .property-show ul{
    margin: 10px 0px;
    padding: 10px 0px;
    background-color: #fbf7ff;
    border-radius: 5px;
    list-style: none;
    display: flex;
    align-items: center;
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body .property-show ul li{
    width: 25%;
    padding: 10px;
    display: flex;
    align-items: center;
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body .property-show ul li:not(:last-child){
    border-right: 1px solid #aaa;
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body .property-show ul li .property-show-image{
    min-width: 40px;
    min-height: 40px;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body .property-show ul li .property-show-image img{
    top: 50%;
    left: 50%;
    position: absolute;
    width: 24px;
    object-fit: contain;
    transform: translate(-50%,-50%);
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body .property-show ul li .property-show-text .property-show-title span{
    font-size: 12px;
    font-weight: 500;
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body .property-show ul li .property-show-text .property-show-number span{
    font-size: 16px;
    font-weight: 700;
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body .property-facilities{
    padding: 20px 0px;
    border-bottom: 2px solid #F6F6F6;
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body .property-facilities .facilities-title h5{
    font-size: 22px;
    font-weight: 800;
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body .property-facilities .facilities-listing{
    padding: 10px 0px;
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body .property-facilities .facilities-listing ul{
    padding: 0px;
    margin: 0px;
    display: flex;
    list-style: none;
    align-items: center;
    flex-wrap: wrap;
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body .property-facilities .facilities-listing ul li{
    width: 50%;
    display: flex;
    align-items: center;
    padding: 10px 0px;
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body .property-facilities .facilities-listing ul li .facilities-image{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #F6F6F6;
    margin-right: 10px;
    position: relative;
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body .property-facilities .facilities-listing ul li .facilities-image img{
    top: 50%;
    left: 50%;
    position: absolute;
    width: 24px;
    object-fit: contain;
    transform: translate(-50%,-50%);
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body .property-facilities .facilities-listing ul li .facilities-text span{
    font-size: 16px;
    font-weight: 500;
}
.detail-section .summary-wrapper .summary-content .summary-bottom{
    padding-left: 60px;
    padding-top: 10px;
}
.detail-section .summary-wrapper .summary-content .summary-bottom .location .location-title h5{
    font-size: 22px;
    font-weight: 800;
}
.detail-section .summary-wrapper .summary-content .summary-bottom .location-text{
    display: flex;
    align-items: center;
    padding: 10px 0px 20px;
}
.detail-section .summary-wrapper .summary-content .summary-bottom .location-text .location-image{
    width: 40px;
    height: 40px;
    background-color: #F6F6F6;
    border-radius: 50%;
    margin-right: 20px;
    position: relative;
}
.detail-section .summary-wrapper .summary-content .summary-bottom .location-text .location-image img{
    top: 50%;
    left: 50%;
    position: absolute;
    width: 24px;
    object-fit: contain;
    transform: translate(-50%,-50%);
}
.detail-section .summary-wrapper .summary-content .summary-bottom .location-text div span{
    font-weight: 500;
    font-size: 18px;
}
.detail-section .summary-wrapper .summary-content .summary-bottom .location-map{
    height: 400px;
    margin-bottom: 20px;
}
.detail-section .summary-wrapper .summary-content .summary-bottom .location-map iframe{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.detail-section .summary-wrapper .summary-content .summary-bottom .features{
    padding: 10px 0px;
    border-bottom: 2px solid #F6F6F6;
}
.detail-section .summary-wrapper .summary-content .summary-bottom .features .features-toggle{
    display: flex;
    border-bottom: 2px solid #bbb;
    margin-bottom: 20px;
}
.detail-section .summary-wrapper .summary-content .summary-bottom .features .features-toggle button{
    width: calc(100%/3);
    font-size: 18px;
    border: none;
    background-color: transparent;
    padding: 10px 0px;
    font-weight: 700;
    margin-bottom: 0;
    text-align: left;
    height: auto;
    color: #bbb;
    position: relative;
}
.detail-section .summary-wrapper .summary-content .summary-bottom .features .features-toggle button:not(:last-child){
    margin-right: 10px;
}
.detail-section .summary-wrapper .summary-content .summary-bottom .features .features-toggle button.active{
    color: #1F1D2B;
}
.detail-section .summary-wrapper .summary-content .summary-bottom .features .features-toggle button::after{
    content: "";
    position: absolute;
    background-color: transparent;
    bottom: -2px;
    left: 0;
    height: 2px;
    transition: all .5s ease-in-out;
    width: 100%;
}
.detail-section .summary-wrapper .summary-content .summary-bottom .features .features-toggle button.active::after{
    background-color: #1F1D2B;
    left: 0;
}
.detail-section .summary-wrapper .summary-content .summary-bottom .features .features-content ul{
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    flex-wrap: wrap;
    padding-bottom: 20px;
}
.detail-section .summary-wrapper .summary-content .summary-bottom .features .features-content ul li{
    width: 50%;
    padding: 10px 0px;
}
.detail-section .summary-wrapper .summary-content .summary-bottom .features .features-content ul li .features-title span{
    font-size: 18px;
    font-weight: 700;
}
.detail-section .summary-wrapper .summary-content .summary-bottom .features .features-content ul li .features-text span{
    font-weight: 700;
}
.detail-section .summary-wrapper .summary-content .summary-end{
    padding: 10px 0px;
    padding-left: 60px;
    display: flex;
    justify-content: space-between;
}
.detail-section .summary-wrapper .summary-content .summary-end img{
    width: 30px;
}
.detail-section .summary-wrapper .summary-content .summary-end .summary-time{
    display: flex;
    width: 30%;
    justify-content: space-between;
}
.detail-section .summary-wrapper .summary-content .summary-end .summary-time .time span{
    color: #D6D6D6;
    padding-left: 10px;
}
.detail-section .summary-wrapper .summary-content .summary-end .summary-time .share span,
.detail-section .summary-wrapper .summary-content .summary-end .summary-time i{
    font-size: 24px;
    font-weight: 700;
}
.detail-section .summary-wrapper .similar-properties{
    padding: 20px 20px 40px;
    margin-top: 20px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
}

.furn-sec .prop-furn-list ul {
  display: flex;
}
.furn-sec .prop-furn-list ul li {
  padding: 10px;
  text-align: center;
  cursor: pointer;
}
.furn-sec .prop-furn-list ul li span {
  border: 1px solid #ddd;
  padding: 15px 30px;
  display: inline-block;
  width: 100%;
  transition: all 0.4s linear;
  border-radius: 5px;
}

@media screen and (max-width: 1399px) {
  .prp-room-sec .prop-room-wrap {
    width: 55%;
  }
  .furn-sec .prop-furn-list ul li span {
    font-size: 12px;
  }
}
.furn-sec .prop-furn-list ul li.active span {
  border: 1px solid #1f1d2b;
}

.furn-sec .prop-furn-list ul li:hover span {
  border: 1px solid #1f1d2b;
}

.advance-search-wrap {
  padding: 30px 0px;
}
.filter-modal
  .modal-dialog
  .modal-content
  .modal-body
  .advance-search-wrap
  .filter-title.advance-fltr-title {
  background-image: url(../images/wrench.png);
}
.advance-search-wrap .adv-search-contents {
  padding: 40px 10px 20px;
}
.advance-search-wrap .opt-title-match {
  width: 50%;
  display: flex;
  margin-bottom: 30px;
  position: relative;
}
.advance-search-wrap .opt-title-match p {
  color: #1f1d2b;
  font-weight: 600;
  padding: 0px 10px;
  margin-bottom: 10px !important;
  font-size: 20px;
}
.advance-search-wrap .opt-title-match input[type="checkbox"] {
  width: 30px;
  height: 25px;
  float: left;
  opacity: 0;
  position: relative;
  cursor: pointer;
  z-index: 2;
}
.advance-search-wrap .opt-title-match input[type="checkbox"]:checked {
  background-color: #000;
}
.advance-search-wrap .opt-title-match .checkbox-custom {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 24px;
  width: 24px;
  background-color: transparent;
  opacity: 1;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  border: 2px solid #000;
}
.advance-search-wrap .opt-title-match .checkbox-custom:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 24px;
  width: 24px;
  background-color: transparent;
  opacity: 0.4;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  border: 2px solid #000;
}
.advance-search-wrap
  .opt-title-match
  input[type="checkbox"]:checked
  ~ .checkbox-custom {
  background-color: #000;
  border-radius: 5px;
  -webkit-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
  opacity: 1;
  border: 2px solid #000;
}

.advance-search-wrap
  .opt-title-match
  input[type="checkbox"]:checked
  ~ .checkbox-custom:after {
  -webkit-transform: rotate(45deg) scale(1);
  -ms-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
  opacity: 1;
  left: 8px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  background-color: transparent;
  border-radius: 0;
}
.advance-search-wrap .opt-title-match select {
  width: 20%;
  height: 30px;
  background-color: #fbf7ff;
}
.banner-wrap-section
  .banner-wrap
  .drop-wrap
  .search-contents
  .search-tab
  .tab-content
  .search-tab-pane
  .field-selection-wrap
  .prop-btn.add-btn {
  width: 60px;
  height: 60px;
  font-size: 50px;
  font-weight: 100;
  padding: 0;
  line-height: 1;
}
.field-selection-wrap {
  margin-bottom: 30px;
}
.field-selection-wrap .sub-adv-title {
  margin-bottom: 30px;
}
.field-selection-wrap .sub-adv-title h5 {
  font-weight: 900;
  color: #1f1d2b;
}
.field-selection-wrap .fltr-options-input-contents {
  width: 65%;
}

.field-selection-wrap .fltr-options-input-contents .fltr-option-input-single {
  display: flex;
  flex-wrap: wrap;
}
.field-selection-wrap .fltr-options-input-contents .fltr-option-input-single p {
  margin-bottom: 10px !important;
  width: 30%;
  margin-right: 10px;
}

.field-selection-wrap
  .fltr-options-input-contents
  .fltr-option-input-single
  p
  .select2-container--default
  .select2-selection--single,
.field-selection-wrap
  .fltr-options-input-contents
  .fltr-option-input-single
  p
  input {
  height: 55px;
  border: 1px solid #ddd;
  border-radius: 5px !important;
}
@media screen and (max-width: 1399px) {
  .field-selection-wrap .fltr-options-input-contents {
    width: 85%;
  }
  .field-selection-wrap
    .fltr-options-input-contents
    .fltr-option-input-single
    p {
    margin-bottom: 10px !important;
    width: 28%;
    margin-right: 10px;
  }
  .field-selection-wrap
    .fltr-options-input-contents
    .fltr-option-input-single
    p
    .select2-container--default
    .select2-selection--single,
  .field-selection-wrap
    .fltr-options-input-contents
    .fltr-option-input-single
    p
    input {
    height: 3 5px;
    border: 1px solid #ddd;
    border-radius: 5px !important;
  }
}
.field-selection-wrap
  .fltr-options-input-contents
  .fltr-option-input-single
  button {
  width: 50px;
  height: 55px;
  color: #ff5f3d;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-bottom: 0;
}

.field-selection-wrap
  .fltr-options-input-contents
  .fltr-option-input-single
  p
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 3.5;
}
.field-dates .fltr-option-input-content {
  width: 65%;
}
.field-dates .fltr-option-input-content .fltr-option-input-single p {
  width: 30%;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 10px !important;
}
.field-dates
  .flter-option-input-content
  .fltr-option-input-single
  .input[type="date"] {
  background-image: url(../images/calendar.png);
  background-position: 95% 50%;
  background-size: 2%;
  opacity: 0.7;
}
.fltr-footer .clear-btn {
  font-size: 20px;
  color: #727272;
  font-weight: 700;
}
.fltr-footer .clear-btn.clear-btn-left {
  width: 25%;
  text-align: left;
}
.fltr-footer .cancel-sub-wrap {
  width: 75%;
  text-align: right;
  float: right;
}
.form-filter
  .filter-modal
  .modal-dialog
  .modal-content
  .fltr-footer
  .cancel-sub-wrap
  button.clear-btn,
.form-filter
  .filter-modal
  .modal-dialog
  .modal-content
  .fltr-footer
  .cancel-sub-wrap
  button.prop-btn {
  width: 100px;
  margin-left: 10px;
  display: inline-block;
}

/* Detailpage added css */

.detail-section .summary-wrapper .summary-content .summary-top .buttons {
  display: flex;
  align-items: center;
}
.detail-section .summary-wrapper .summary-content .summary-top .buttons button {
  margin: 0px 5px;
  background-color: transparent;
  border: none;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-top
  .buttons
  .follow-button
  button {
  border: 1px solid #40a4f9;
  color: #40a4f9;
  height: 40px;
  padding: 5px 30px;
  border-radius: 20px;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-top
  .buttons
  .follow-button
  button:hover {
  background-color: #40a4f9;
  color: #fff;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-top
  .user-wrap
  .user-image {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-top
  .user-wrap
  .user-image
  img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.detail-section .summary-wrapper .summary-content .user-text .user-name span {
  font-weight: 500;
}
.user-level span {
  background-color: #febd0b;
  font-size: 12px;
  color: #fff;
  padding: 2px 5px;
  border-radius: 2px;
}
.detail-section .summary-wrapper .summary-content .summary-body {
  padding-left: 60px;
  padding-top: 20px;
  position: relative;
}
.upvote-downvote {
  position: absolute;
  left: 20px;
  top: 10px;
}
.upvote-downvote button {
  background-color: transparent;
  border: none;
  padding: 0px 5px;
}
.upvote-downvote span {
  font-size: 16px;
  font-weight: 700;
}
.upvote-downvote button i {
  font-size: 30px;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-body
  .summary-text
  .summary-title {
  margin-bottom: 20px;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-body
  .summary-text
  .summary-title
  h4 {
  position: relative;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 600;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-body
  .summary-text
  .summary-title
  h4
  span {
  font-size: 14px;
  margin-left: 10px;
  background-color: #3b9ef9;
  border-radius: 50px;
  padding: 10px 15px;
  color: #fff;
  position: relative;
  bottom: 0;
  display: inline-block;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-body
  .proprty-details
  ul {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-left: -5px;
  margin-right: -5px;
  padding-bottom: 20px;
  border-bottom: 2px solid #f6f6f6;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-body
  .proprty-details
  ul
  li {
  display: inline-block;
  margin: 5px;
  height: auto;
  margin-bottom: 10px;
  padding: 10px 25px;
  border: 1px solid #aaa;
  border-radius: 20px;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-body
  .proprty-details
  ul
  li.more {
  padding: 0;
  border: none;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-body
  .proprty-details
  ul
  li.more
  button {
  padding: 10px 25px;
  background-color: #1f1d2b;
  color: #fff;
  height: auto;
  border: none;
  border-radius: 20px;
}
.detail-section .summary-wrapper .summary-content .summary-bottom-body {
  padding: 20px 0px 20px 60px;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom-body
  .property-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0px;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom-body
  .property-price
  .price-show
  h4 {
  font-size: 35px;
  font-weight: 800;
  display: none;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom-body
  .property-price
  .price-show
  h4.active {
  display: block;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom-body
  .property-price
  .price-toggle {
  display: flex;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom-body
  .property-price
  .price-toggle
  ul
  li
  a {
  padding: 10px 20px;
  margin: 0px 5px;
  background-color: transparent;
  border: 1px solid #e5e5e5;
  border-radius: 20px;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom-body
  .property-price
  .price-toggle
  ul {
  border-bottom: 0;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom-body
  .property-price
  .price-toggle
  li
  a:hover {
  background-color: #1f1d2b;
  color: white;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom-body
  .property-price
  .price-toggle
  li.active
  a {
  background-color: #1f1d2b;
  color: #fff;
  border-color: #1f1d2b;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom-body
  .property-show
  ul {
  margin: 10px 0px;
  padding: 10px 0px;
  background-color: #fbf7ff;
  border-radius: 5px;
  list-style: none;
  display: flex;
  align-items: center;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom-body
  .property-show
  ul
  li {
  width: 25%;
  padding: 10px;
  display: flex;
  align-items: center;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom-body
  .property-show
  ul
  li:not(:last-child) {
  border-right: 1px solid #aaa;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom-body
  .property-show
  ul
  li
  .property-show-image {
  min-width: 40px;
  min-height: 40px;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom-body
  .property-show
  ul
  li
  .property-show-image
  img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 24px;
  object-fit: contain;
  transform: translate(-50%, -50%);
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom-body
  .property-show
  ul
  li
  .property-show-text
  .property-show-title
  span {
  font-size: 12px;
  font-weight: 500;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom-body
  .property-show
  ul
  li
  .property-show-text
  .property-show-number
  span {
  font-size: 16px;
  font-weight: 700;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom-body
  .property-facilities {
  padding: 20px 0px;
  border-bottom: 2px solid #f6f6f6;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom-body
  .property-facilities
  .facilities-title
  h5 {
  font-size: 22px;
  font-weight: 800;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom-body
  .property-facilities
  .facilities-listing {
  padding: 10px 0px;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom-body
  .property-facilities
  .facilities-listing
  ul {
  padding: 0px;
  margin: 0px;
  display: flex;
  list-style: none;
  align-items: center;
  flex-wrap: wrap;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom-body
  .property-facilities
  .facilities-listing
  ul
  li {
  width: 50%;
  display: flex;
  align-items: center;
  padding: 10px 0px;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom-body
  .property-facilities
  .facilities-listing
  ul
  li
  .facilities-image {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f6f6f6;
  margin-right: 10px;
  position: relative;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom-body
  .property-facilities
  .facilities-listing
  ul
  li
  .facilities-image
  img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 24px;
  object-fit: contain;
  transform: translate(-50%, -50%);
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom-body
  .property-facilities
  .facilities-listing
  ul
  li
  .facilities-text
  span {
  font-size: 16px;
  font-weight: 500;
}
.detail-section .summary-wrapper .summary-content .summary-bottom {
  padding-left: 60px;
  padding-top: 10px;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom
  .location
  .location-title
  h5 {
  font-size: 22px;
  font-weight: 800;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom
  .location-text {
  display: flex;
  align-items: center;
  padding: 10px 0px 20px;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom
  .location-text
  .location-image {
  width: 40px;
  height: 40px;
  background-color: #f6f6f6;
  border-radius: 50%;
  margin-right: 20px;
  position: relative;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom
  .location-text
  .location-image
  img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 24px;
  object-fit: contain;
  transform: translate(-50%, -50%);
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom
  .location-text
  div
  span {
  font-weight: 500;
  font-size: 18px;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom
  .location-map {
  height: 400px;
  margin-bottom: 20px;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom
  .location-map
  iframe {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.detail-section .summary-wrapper .summary-content .summary-bottom .features {
  padding: 10px 0px;
  border-bottom: 2px solid #f6f6f6;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom
  .features
  .features-toggle {
  display: flex;
  border-bottom: 2px solid #bbb;
  margin-bottom: 20px;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom
  .features
  .features-toggle
  button {
  width: calc(100% / 3);
  font-size: 18px;
  border: none;
  background-color: transparent;
  padding: 10px 0px;
  font-weight: 700;
  margin-bottom: 0;
  text-align: left;
  height: auto;
  color: #bbb;
  position: relative;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom
  .features
  .features-toggle
  button:not(:last-child) {
  margin-right: 10px;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom
  .features
  .features-toggle
  button.active {
  color: #1f1d2b;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom
  .features
  .features-toggle
  button::after {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: -2px;
  left: 0;
  height: 2px;
  transition: all 0.5s ease-in-out;
  width: 100%;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom
  .features
  .features-toggle
  button.active::after {
  background-color: #1f1d2b;
  left: 0;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom
  .features
  .features-content
  ul {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  flex-wrap: wrap;
  padding-bottom: 20px;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom
  .features
  .features-content
  ul
  li {
  width: 50%;
  padding: 10px 0px;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom
  .features
  .features-content
  ul
  li
  .features-title
  span {
  font-size: 18px;
  font-weight: 700;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-bottom
  .features
  .features-content
  ul
  li
  .features-text
  span {
  font-weight: 700;
}
.detail-section .summary-wrapper .summary-content .summary-end {
  padding: 10px 0px;
  padding-left: 60px;
  display: flex;
  justify-content: space-between;
}
.detail-section .summary-wrapper .summary-content .summary-end img {
  width: 30px;
}
.detail-section .summary-wrapper .summary-content .summary-end .summary-time {
  display: flex;
  width: 30%;
  justify-content: space-between;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-end
  .summary-time
  .time
  span {
  color: #d6d6d6;
  padding-left: 10px;
}
.detail-section
  .summary-wrapper
  .summary-content
  .summary-end
  .summary-time
  .share
  span,
.detail-section .summary-wrapper .summary-content .summary-end .summary-time i {
  font-size: 24px;
  font-weight: 700;
}
.detail-section .summary-wrapper .similar-properties {
  padding: 20px 20px 40px;
  margin-top: 20px;
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 10px;
}

.detail-section .summary-wrapper .similar-properties .similar-properties-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.detail-section
  .summary-wrapper
  .similar-properties
  .similar-properties-top
  .more-button {
  font-size: 18px;
}
.detail-section
  .summary-wrapper
  .similar-properties
  .similar-properties-top
  .more-button:hover {
  text-decoration: none;
}
.detail-section
  .summary-wrapper
  .similar-properties
  .similar-properties-top
  .title
  h4 {
  font-size: 22px;
  font-weight: 800;
}
/* .detail-section .summary-wrapper .similar-properties .similar-properties-body{
  
    overflow-x: scroll;
} */
.detail-section
  .summary-wrapper
  .similar-properties
  .similar-properties-body
  .listing-wrapper.multiple {
  float: left;
  margin-right: 10px;
  width: 32%;
}
.detail-section
  .summary-wrapper
  .similar-properties
  .similar-properties-body::-webkit-scrollbar {
  height: 5px;
}
.detail-section
  .summary-wrapper
  .similar-properties
  .similar-properties-body::-webkit-scrollbar-track {
  border-radius: 10px;
}
.detail-section
  .summary-wrapper
  .similar-properties
  .similar-properties-body::-webkit-scrollbar-thumb {
  background: #1f1d2b;
  border-radius: 10px;
}
.more-button a {
  color: #bbb;
  font-weight: 500;
  font-size: 16px;
}
.more-button a:hover {
  text-decoration: none;
}
.detail-section .user-profile {
  background-color: #fff;
  border-radius: 5px;
}
.detail-section .user-profile .user-top .user-back-image {
  height: 100px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/shutterstock_495741667.jpg");
  background-position: center;
  border-radius: 5px 5px 0px 0px;
}
.detail-section .user-profile .user-top .user-detail {
  display: flex;
  padding: 0px 20px;
  margin-top: -30px;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 20px;
}
.detail-section .user-profile .user-top .user-detail .user-image {
  height: 90px;
  width: 90px;
}
.detail-section .user-profile .user-top .user-detail .user-image img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.detail-section .user-profile .user-top .user-detail .user-text {
  width: 50%;
}
.detail-section .user-profile .user-top .user-detail .user-text .user-name {
  font-weight: 700;
  font-size: 16px;
}
.detail-section .user-profile .user-top .user-detail .more-button {
  padding-bottom: 20px;
}
.detail-section .user-profile .user-content-wrapper {
  padding: 0px 20px;
}
.detail-section .user-profile .user-content {
  display: flex;
  padding: 20px 0px;
  justify-content: space-between;
  border-bottom: 2px solid #f6f6f6;
  border-top: 2px solid #f6f6f6;
}
.detail-section .user-profile .user-content span {
  display: block;
  font-size: 18px;
  font-weight: 700;
}
.detail-section .user-profile .user-content span.text {
  font-size: 14px;
  color: #777;
  font-weight: 500;
}
.detail-section .user-profile .follow-user {
  padding: 20px;
}
.detail-section .user-profile .follow-user .follow-top {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.detail-section .user-profile .follow-user .follow-top .follow-image {
  width: 40px;
  height: 40px;
  background-color: #1f1d2b;
  position: relative;
  border-radius: 5px;
  margin-right: 10px;
}
.detail-section .user-profile .follow-user .follow-top .follow-image img {
  width: 24px;
  top: 50%;
  left: 50%;
  object-fit: contain;
  position: absolute;
  transform: translate(-50%, -50%);
}
.detail-section .user-profile .follow-user .follow-top .follow-text span {
  display: block;
}
.detail-section
  .user-profile
  .follow-user
  .follow-top
  .follow-text
  span:first-child {
  font-weight: 700;
  font-size: 16px;
}
.detail-section .user-profile .follow-user .follow-body ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  padding: 20px;
  margin-left: -10px;
  margin-right: -10px;
  background-color: #f6f6f6;
  border-radius: 5px;
  justify-content: space-between;
  margin-bottom: 20px;
}
.detail-section .user-profile .follow-user .follow-body ul li {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
}
.detail-section .user-profile .follow-user .follow-body ul li img {
  width: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.detail-section .user-profile .follow-user .follow-button {
  width: 100%;
}
.detail-section .user-profile .follow-user .follow-button button {
  background-color: transparent;
  color: #40a4f9;
  width: 100%;
  text-align: center;
  border: 1px solid #40a4f9;
  padding: 5px;
  border-radius: 20px;
  font-size: 18px;
  font-weight: 700;
}
.detail-section .user-profile .follow-user .follow-button button i {
  padding-right: 10px;
}
.detail-section .user-profile .follow-user .follow-button button:hover {
  background-color: #40a4f9;
  color: #fff;
}
.detail-section .suggested-forum {
  margin-top: 20px;
  background-color: #fff;
  padding: 20px 0px 60px;
  border-radius: 5px;
}
.detail-section .suggested-forum .suggested-forum-top {
  display: flex;
  justify-content: space-between;
  padding: 0px 20px;
}
.detail-section .suggested-forum .suggested-forum-top h5 {
  font-size: 24px;
  font-weight: 800;
}
.detail-section .suggested-forum .suggested-forum-top h5 img {
  width: 35px;
  margin-right: 10px;
}
.detail-section .suggested-forum .user-detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 20px;
}
.detail-section .suggested-forum .user-detail .user-picture {
  width: 40px;
  height: 40px;
}
.detail-section .suggested-forum .user-detail .user-picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.detail-section .suggested-forum .user-detail .user-text {
  width: calc(80% - 40px);
  padding-left: 5px;
}
.detail-section .suggested-forum .user-detail .user-text .user-name {
  font-weight: 500;
  font-size: 16px;
}
.detail-section .suggested-forum .user-detail .user-buttons {
  display: flex;
  width: 20%;
  justify-content: space-between;
}
.detail-section .suggested-forum .user-detail button {
  background-color: transparent;
  border: none;
}
.detail-section .suggested-forum .user-detail button:first-child {
  border-radius: 50%;
  border: 1px solid #40a4f9;
  color: #40a4f9;
  padding: 12px;
  font-size: 20px;
  position: relative;
}
.detail-section .suggested-forum .user-detail button:first-child span {
  position: absolute;
  color: #40a4f9;
  font-size: 16px;
  font-weight: 100;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.detail-section .suggested-forum-body {
  padding: 20px 0px;
  border-top: 2px solid #f6f6f6;
  border-bottom: 2px solid #f6f6f6;
  margin-top: 20px;
  position: relative;
}
.suggested-forum-body .upvote-downvote {
  top: 90px;
  left: 30px;
}
.detail-section .suggested-forum-body .property-preview {
  padding: 20px 20px 0px 70px;
}
.detail-section .suggested-forum-body .property-preview span {
  font-size: 12px;
}
.detail-section .suggested-forum-body .property-preview {
  line-height: 1.2;
}
.detail-section .suggested-forum-body .preview-end {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-top: 10px;
}
.detail-section .suggested-forum-body .preview-end .total-views {
  width: 30%;
}
.detail-section .suggested-forum-body .preview-end img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  display: inline-block;
}
.detail-section .suggested-forum-body .preview-end .total-comment img {
  width: 20px;
}
.detail-section .suggested-forum-body .preview-end .total-comment {
  padding-right: 15px;
}
.detail-section .suggested-forum-body .preview-end .message {
  display: flex;
  align-items: center;
}
.detail-section .suggested-forum-body .preview-end i {
  font-size: 20px;
  cursor: pointer;
}
.detail-section .suggestion-slider .slick-next,
.detail-section .suggestion-slider .slick-prev {
  top: auto;
  bottom: -70px;
  left: auto;
  right: auto;
  border: 1px solid #d6d6d6;
  padding: 12px;
  border-radius: 5px;
}
.suggestion-slider .slick-track {
  width: 100%;
}
.detail-section .suggestion-slider .suggestion-slide {
  width: 100%;
}
.detail-section .suggestion-slider .slick-disabled {
  background-color: #d6d6d6;
}
.detail-section .suggestion-slider .slick-disabled::before {
  color: #fff;
  opacity: 1;
}
.detail-section .suggestion-slider .slick-next {
  right: 20px;
}
.detail-section .suggestion-slider .slick-prev {
  right: 60px;
}
.slick-prev:before,
.slick-next:before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #1f1d2b;
  transform: translate(-5px, -10px);
}
.slick-prev:before {
  content: "\f104";
}
.slick-next:before {
  content: "\f105";
}
.detail-section .policy {
  background-color: #fff;
  border-radius: 5px;
  margin-top: 20px;
}
.detail-section .policy .policy-top {
  padding: 20px;
  border-bottom: 2px solid #f6f6f6;
}
.detail-section .policy .policy-top ul {
  padding: 0;
  list-style: none;
  display: flex;
  margin: 0;
  flex-wrap: wrap;
}
.detail-section .policy .policy-top ul li {
  padding: 5px 5px 5px 0px;
  width: 50%;
}
.detail-section .policy .policy-top ul li a,
.detail-section .policy .policy-bottom span {
  font-weight: 500;
  font-size: 16px;
}
.detail-section .policy .policy-top ul li a:hover {
  text-decoration: none;
  font-size: 18px;
}
.detail-section .policy .policy-bottom {
  padding: 20px;
}
/* gallery css */
.gallery-wrapper {
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.gallery-wrapper .gallery-top {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.gallery-wrapper .gallery-pages {
  padding-top: 10px;
}
.gallery-wrapper .gallery-top .sort-options select {
  padding: 5px 10px 5px 35px;
  background-color: #faf7fe;
  border: none;
  border-radius: 5px;
  color: #1f1d2b;
  font-weight: 500;
  -moz-appearance: none;
  -webkit-appearance: none;
  position: relative;
}
.gallery-wrapper .gallery-top .sort-options .select {
  position: relative;
}
.gallery-wrapper .gallery-top .sort-options .select .filter img {
  width: 25px;
  height: 25px;
  left: 10px;
  top: 10px;
  position: absolute;
  z-index: 10;
  object-fit: contain;
}
.gallery-wrapper .gallery-top .sort-options select:focus {
  outline: none;
}
.gallery-wrapper .gallery-top .sort-options select option {
  color: #1f1d2b;
}
.gallery-wrapper .gallery-top .sort-options {
  padding: 0px 10px;
  width: 20%;
}
.gallery-wrapper .gallery-top .layout-select {
  display: flex;
}
.gallery-wrapper .gallery-body {
  margin-left: -10px;
  margin-right: -10px;
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
}
.gallery-wrapper .gallery-body .gallery-content {
  padding: 10px;
}
.gallery-wrapper .gallery-body .gallery-content .gallery-single {
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  transition: all 0.5s ease-in-out;
  position: relative;
}
.gallery-wrapper .gallery-body .gallery-content .gallery-single:hover {
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2);
}
.gallery-wrapper .gallery-body .gallery-content .gallery-text .poster-image {
  width: 50px;
  height: 50px;
}
.gallery-wrapper
  .gallery-body
  .gallery-content
  .gallery-text
  .poster-image
  img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.gallery-wrapper .gallery-body .gallery-content .gallery-text span {
  color: #fff;
}
.gallery-wrapper
  .gallery-body
  .gallery-content
  .gallery-text
  .poster-text
  .poster-name
  span {
  font-weight: 500;
}
.gallery-wrapper
  .gallery-body
  .gallery-content
  .gallery-text
  .poster-text
  .post-date
  span {
  font-size: 12px;
  color: #777;
}
.gallery-wrapper .gallery-body .gallery-content .more-button {
  position: absolute;
  right: 10px;
  top: 10px;
}
.gallery-wrapper .gallery-body .gallery-content .more-button button {
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  height: auto;
  border: none;
  padding: 0px 10px;
}
/* multiple gallery css */
.gallery-wrapper .gallery-body .gallery-content.multiple {
  width: 25%;
}
.gallery-wrapper .gallery-body .gallery-content.multiple .gallery-image {
  height: 200px;
}
.gallery-wrapper .gallery-body .gallery-content.multiple .gallery-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 5px 5px 0px 0px;
}
.gallery-wrapper .gallery-body .gallery-content.multiple .gallery-text {
  padding: 10px;
  display: flex;
  background-color: #1f1d2b;
  border-radius: 0px 0px 5px 5px;
  align-items: center;
}
.gallery-wrapper
  .gallery-body
  .gallery-content.gallery-content.multiple
  .gallery-text
  .poster-text {
  padding-left: 10px;
}
/* gallery single css */
.gallery-wrapper .gallery-body .gallery-content.single {
  width: 100%;
}
.gallery-wrapper .gallery-body .gallery-content.single .gallery-single {
  display: flex;
}
.gallery-wrapper
  .gallery-body
  .gallery-content.single
  .gallery-single
  .gallery-image {
  height: 300px;
  width: 80%;
}
.gallery-wrapper
  .gallery-body
  .gallery-content.single
  .gallery-single
  .gallery-image
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px 0px 0px 5px;
}
.gallery-wrapper
  .gallery-body
  .gallery-content.single:nth-child(2n)
  .gallery-single {
  flex-direction: row-reverse;
}
.gallery-wrapper
  .gallery-body
  .gallery-content.single:nth-child(2n)
  .gallery-single
  .gallery-image
  img {
  border-radius: 0px 5px 5px 0px;
}
.gallery-wrapper
  .gallery-body
  .gallery-content.single:nth-child(2n + 1)
  .gallery-single
  .gallery-image
  img {
  border-radius: 5px 0px 0px 5px;
}
.gallery-wrapper
  .gallery-body
  .gallery-content.single
  .gallery-single
  .gallery-text {
  width: 20%;
  padding: 40px 20px;
  background-color: #1f1d2b;
  text-align: center;
}
.gallery-wrapper
  .gallery-body
  .gallery-content.single
  .gallery-text
  .poster-image {
  margin: 0 auto;
}
.agents-wrap {
  background-color: white;
  padding: 15px;
}
.agents-wrap .agent-search-wrap {
  margin-bottom: 20px;
}
.agents-wrap .agent-search-wrap p {
  position: relative;
  margin-bottom: 0;
}
.agents-wrap .agent-search-wrap p input[type="text"] {
  border: 1px solid #ddd;
  background-image: url(../images/loupe.png);
  background-position: 0.5% 50%;
  background-size: 2%;
  padding-left: 50px;
  background-color: #ececec52;
  height: 50px;
  background-repeat: no-repeat;
}
.agents-wrap .agent-search-wrap p input[type="text"]:focus {
  outline: none;
}
.agents-wrap .agent-search-wrap p input[type="text"]:placeholder-shown {
  font-weight: 800;
  color: #666;
  font-size: 16px;
}

.agents-wrap .agent-search-wrap input[type="submit"] {
  width: 50px;
  right: 0;
  position: absolute;
  top: 0;
  background-image: url(../images/navigation.png);
  background-position: 50% 50%;
  background-size: 60%;
  border: none;
  background-repeat: no-repeat;
  background-color: transparent;
  top: 0;
}
.agents-wrap .agents-listing .agent-table-list table thead {
}
.agents-wrap .agents-listing .agent-table-list table thead tr th {
  font-weight: 800;
  color: #1f1d2b;
  font-size: 22px;
  padding: 20px 20px;
  text-transform: uppercase;
  border-color: #d5d5d5;
}
.agents-wrap .agents-listing .agent-table-list table tbody tr td {
  padding: 20px 35px;
  width: 33%;
}
.agents-wrap
  .agents-listing
  .agent-table-list
  table
  tbody
  tr
  td
  .profile-table-wrap {
  display: flex;
}
.agents-wrap
  .agents-listing
  .agent-table-list
  table
  tbody
  tr
  td
  .profile-table-wrap
  .img-profile {
  border-radius: 50%;
  padding-bottom: 20%;
  width: 20%;
  margin-bottom: 0;
  float: left;
}
.dotted-btn {
  border: none;
  width: 10%;
}
.agents-wrap
  .agents-listing
  .agent-table-list
  table
  tbody
  tr
  td
  .profile-table-wrap
  .profile-content {
  padding: 10px 15px;
}
.agents-wrap
  .agents-listing
  .agent-table-list
  table
  tbody
  tr
  td
  .profile-table-wrap
  .profile-content
  h4 {
  color: #1f1d2b;
  font-size: 24px;
  font-weight: 800;
}
.agents-wrap
  .agents-listing
  .agent-table-list
  table
  tbody
  tr
  td
  .profile-table-wrap
  .profile-content
  span {
  font-size: 20px;
}
.agents-wrap
  .agents-listing
  .agent-table-list
  table
  tbody
  tr
  td
  .mid-agent-detail-wrap {
  display: flex;
}
.agents-wrap
  .agents-listing
  .agent-table-list
  table
  tbody
  tr
  td
  .mid-agent-detail-wrap
  .agent-detail-single {
  padding: 5px 20px;
}
.agents-wrap
  .agents-listing
  .agent-table-list
  table
  tbody
  tr
  td
  .mid-agent-detail-wrap
  .agent-detail-single
  h6 {
  color: #666;
  font-size: 22px;
}
.agents-wrap
  .agents-listing
  .agent-table-list
  table
  tbody
  tr
  td
  .mid-agent-detail-wrap
  .agent-detail-single
  p {
  color: #1f1d2b;
  font-size: 24px;
  font-weight: 800;
}
.agents-wrap
  .agents-listing
  .agent-table-list
  table
  tbody
  tr
  td
  .action-button-whole-wrap {
  padding: 20px 0px;
}
.agents-wrap
  .agents-listing
  .agent-table-list
  table
  tbody
  tr
  td
  .action-btn-wrap {
  display: flex;
}
.agents-wrap
  .agents-listing
  .agent-table-list
  table
  tbody
  tr
  td
  .action-btn-wrap
  .prop-btn {
  margin-right: 10px;
  color: white;
  border: none;
  width: 100%;
  font-size: 16px;
  border-radius: 5px;
  text-transform: capitalize;
}
.agents-wrap
  .agents-listing
  .agent-table-list
  table
  tbody
  tr
  td
  .action-btn-wrap
  .prop-btn.follow-btn {
  background-color: #3a9ff9;
  background-image: url(../images/plus.png);
  background-repeat: no-repeat;
  background-size: 15%;
  background-position: 12% 50%;
}
.agents-wrap
  .agents-listing
  .agent-table-list
  table
  tbody
  tr
  td
  .action-btn-wrap
  .prop-btn.msg-btn {
  background-color: #474363;
  background-image: url(../images/speech-bubble.png);
  background-repeat: no-repeat;
  background-size: 15%;
  background-position: 12% 50%;
}

/* .comment-wrap{
    
    padding: 20px;

} */
.comment-wrap .comment-review-tab {
  background-color: white;
  padding: 15px;
}
.comment-wrap .comment-review-tab .review-tabs-wrap {
  border-bottom: 2px solid #ddd;
  margin-bottom: 20px;
}
.comment-wrap .comment-review-tab .review-tabs-wrap .sort-wrap {
  width: 20%;
  display: flex;
  float: right;
  align-items: center;
}
.comment-wrap .comment-review-tab ul {
  border-bottom: none;
  float: left;
  width: 60%;
}
.comment-wrap .comment-review-tab .review-tabs-wrap .sort-wrap span{
    font-weight: 500;
    width: 40%;
    font-size: 16px;
}
.comment-wrap .comment-review-tab .review-tabs-wrap .sort-wrap select{
    margin-bottom: 0;
    font-weight: 700;
}

.comment-wrap .comment-review-tab ul li button {
  background-color: transparent;
  opacity: 0.6;
  color: #495057;
  transition: all 0.3s linear;
  font-size: 16px;
  border: none;
  padding: 10px 20px;
  margin-bottom: 0;
  height: 70px;
}
.comment-wrap .comment-review-tab ul li button.active {
  font-weight: 900;
  opacity: 1;
  border-bottom: 3px solid #000;
}
.rating-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  border-bottom: 2px solid #ddd;
}
.rating-wrap .review-rating {
  width: 30%;
  text-align: center;
}
.rating-wrap .review-rating h2 {
  font-size: 70px;
  font-weight: 900;
}
.rating-wrap .review-rating ul {
  width: 100%;
  margin-bottom: 0;
}
.rating-wrap .review-rating ul li {
  display: inline-block;
}
.rating-wrap .review-rating ul li i {
  color: #727272;
  font-size: 20px;
}
.rating-wrap .review-rating ul li.active i {
  color: #ffbf00;
}

.rating-wrap .review-rating h4 {
  font-size: 24px;
  font-weight: 700;
}
.rating-wrap .review-bar {
  width: 70%;
  padding: 20px;
}
.rating-wrap .review-bar ul {
  margin-bottom: 0;
}
.rating-wrap .review-bar ul li {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
}
.rating-wrap .review-bar ul li span {
  font-size: 20px;
  font-weight: 800;
  color: #1f1d2b;
  padding-right: 20px;
}
.rating-wrap .review-bar ul li .rating-bar {
  height: 50px;
  padding-left: 20px;
}
.rating-wrap .review-bar ul li .rating-bar.bar5 {
  background-color: #78c9a1;
  width: 80%;
}
.rating-wrap .review-bar ul li .rating-bar.bar4 {
  background-color: #afd989;
  width: 50%;
}
.rating-wrap .review-bar ul li .rating-bar.bar3 {
  background-color: #ffd934;
  width: 30%;
}
.rating-wrap .review-bar ul li .rating-bar.bar2 {
  background-color: #ffb334;
  width: 10%;
}
.rating-wrap .review-bar ul li .rating-bar.bar1 {
  background-color: #ff8d5a;
  width: 20%;
}

.suggested-forum-body {
  padding: 20px 0px;
  border-top: 2px solid #f6f6f6;
  border-bottom: 2px solid #f6f6f6;
  margin-top: 20px;
  position: relative;
}
.suggested-forum-body .upvote-downvote {
  top: 90px;
  left: 30px;
}
.suggested-forum-body .property-preview {
  padding: 20px 20px 0px 70px;
}
.suggested-forum-body .property-preview span {
  font-size: 12px;
}
.suggested-forum-body .property-preview {
  line-height: 1.2;
}
.suggested-forum-body .preview-end {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-top: 10px;
}
.suggested-forum-body .preview-end .total-views {
  width: 30%;
}
.suggested-forum-body .preview-end img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  display: inline-block;
}
.suggested-forum-body .preview-end .total-comment img {
  width: 20px;
}
.suggested-forum-body .preview-end .total-comment {
  padding-right: 15px;
}
.suggested-forum-body .preview-end .message {
  display: flex;
  align-items: center;
}
.suggested-forum-body .preview-end i {
  font-size: 20px;
  cursor: pointer;
}

.summary-content {
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
  align-items: center;
}
.summary-content .summary-top {
  display: flex;
  justify-content: space-between;
}
.summary-content .summary-top .user-wrap {
  display: flex;
}
.summary-content .summary-top .user-wrap .user-image {
  width: 40px;
}
.summary-content .summary-top .user-wrap .user-image {
  width: 100%;
}

.summary-content .summary-top .buttons {
  display: flex;
  align-items: center;
}
.summary-content .summary-top .buttons button {
  margin: 0px 5px;
  background-color: transparent;
  border: none;
}
.summary-content .summary-top .buttons .follow-button button {
  border: 1px solid #40a4f9;
  color: #40a4f9;
  padding: 5px 10px;
  border-radius: 20px;
}
.summary-content .summary-top .buttons .follow-button button:hover {
  background-color: #40a4f9;
  color: #fff;
}
.summary-content .summary-top .user-wrap .user-image {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
.summary-content .summary-top .user-wrap .user-image img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.summary-content .summary-top button.option-img {
  border: none;
  width: 50px;
  float: right;
  height: 30px;
}
.summary-content .summary-top button img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.summary-content .user-text .user-name span {
  font-weight: 800;
  font-size: 20px;
}
.user-level span {
  background-color: #febd0b;
  font-size: 12px;
  color: #fff;
  padding: 2px 5px;
  border-radius: 2px;
}
.summary-content .summary-body {
  padding-left: 60px;
  padding-top: 20px;
  position: relative;
}
.upvote-downvote {
  position: absolute;
  left: 20px;
  top: 10px;
}
.upvote-downvote button {
  background-color: transparent;
  border: none;
  padding: 0px 5px;
}
.upvote-downvote span {
  font-size: 16px;
  font-weight: 700;
}
.upvote-downvote button i {
  font-size: 30px;
}
.summary-content .summary-body .summary-text .summary-title {
  margin-bottom: 20px;
}
.summary-content .summary-body .summary-text .summary-title h4 {
  position: relative;
  margin-bottom: 0;
}
.summary-content .summary-body .summary-text .summary-title h4 span {
  font-size: 14px;
  margin-left: 10px;
  background-color: #3b9ef9;
  border-radius: 50px;
  padding: 10px 15px;
  color: #fff;
  position: relative;
  bottom: 0;
  display: inline-block;
}
.review-rating ul {
  width: 100%;
  padding: 15px 0px;
}
.review-rating ul li {
  display: inline-block;
}
.review-rating ul li i {
  color: #727272;
  font-size: 20px;
}
.review-rating ul li.active i {
  color: #ffbf00;
}
.comment-single {
  margin-bottom: 30px;
}
.comment-top .user-wrap {
  width: 100%;
}
.comment-top .user-text {
  width: 80%;
  float: left;
}
.comment-top .user-wrap .user-text .review-rating {
  display: flex;
  align-items: center;
}
.comment-top .user-wrap .user-text .review-rating ul {
  width: auto;
  margin-bottom: 0;
}

.comment-top .user-wrap .user-text .review-rating span.rating-comments {
  font-weight: 700;
  font-size: 20px;
  color: #757575;
  margin-left: 15px;
}

.comment-body .comment-next .comment-text-content {
  overflow: hidden;
  transition: all 0.3s linear;
  position: relative;
}

.comment-body .comment-next .comment-text-content .more-comment-link {
  color: #757575;
  padding-left: 40px;
}
.comment-body .comment-next .comment-text-content .truncate-text a {
  width: 100px;
  padding: 10px;
  height: 35px;
  text-transform: capitalize;
  color: #777;
  line-height: 1;
  display: block;
  border: 1px solid #ddd;
  text-align: center;
}
.comment-body .comment-next .moreellipses {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px;
  left: 0;
  background-color: white;
}
.comment-body .comment-next .moreellipses a {
  width: 100px;
  padding: 10px;
  text-align: center;
  height: 35px;
  text-transform: capitalize;
  color: #777;
  line-height: 1;
  display: block;
  border: 1px solid #ddd;
}
.comment-body .comment-next .comment-text-content.expanded {
  height: auto;
}
.comment-reply-content {
  padding: 20px 20px;
  background: #f5f5f5;
}
.comment-reply-content .comment-top .user-wrap .user-image {
  position: relative;
}
.comment-reply-content .comment-top .user-wrap .user-image span {
  background-color: #000;
  border-radius: 30px;
  color: white;
  padding: 2px 10px;
  font-size: 10px;
  position: absolute;
  bottom: -15px;
  left: 0px;
}
.comment-reply-text {
  padding-left: 50px;
}
.comment-body .comment-reply-text .moreellipses {
  background-color: #f5f5f5;
}
.comment-box-wrap {
  margin-top: 20px;
  padding: 20px;
}
.comment-box-wrap .comment-box-holder p textarea {
  background: #f5f5f5;
  height: 200px;
}
.comment-box-wrap .comment-box-holder .comment-box-icons ul {
  width: 50%;
  float: left;
}
.comment-box-wrap .comment-box-holder .comment-box-icons ul li {
  float: left;
  margin-left: 25px;
}

.comment-box-wrap .comment-box-holder .comment-box-icons ul li a img {
  width: 40px;
  height: 40px;
  opacity: 0.7;
  transition: all 0.3s linear;
  filter: grayscale(1);
}
.comment-box-wrap .comment-box-holder .comment-box-icons ul li a img:hover {
  opacity: 1;
  filter: none;
}
.comment-box-wrap .comment-box-holder .comment-box-icons .prop-btn {
  float: right;
  text-transform: uppercase;
  color: white;
  border-radius: 5px;
  font-size: 16px;
}
.comment-box-wrap .comment-box-holder .comment-box-icons .prop-btn:hover {
  color: #1f1d2b;
}
.comment-pages .pages {
  margin-top: 30px;
}
.comment-single .comment-body .more-comment-link {
  position: relative;
  color: #777;
  padding-left: 60px;
  padding: 10px 40px;
  display: block;
  font-size: 18px;
  font-weight: 500;
  margin-top: 15px;
}
.comment-single .comment-body .more-comment-link:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  background-size: cover;
  left: 0;
  background-image: url(../images/enter.png);
}

.comment-text-content a {
  color: #4b76fb;
  font-weight: 700;
}
.comment-text-content .comment-link-thumbnail {
  display: flex;
  padding: 10px;
  box-shadow: 2px 2px 10px 2px #ddd;
  margin: 10px;
  width: 60%;
}

.comment-text-content .comment-link-thumbnail .item-image-holder {
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 25%;
}
.comment-text-content .comment-link-thumbnail .comment-link-content {
  padding: 10px;
}
.comment-text-content .comment-link-thumbnail .comment-link-content h3 {
  font-size: 22px;
  margin-bottom: 10px;
  font-weight: 700;
  color: #1f1d2b;
}
.comment-text-content .comment-link-thumbnail .comment-link-content a {
  color: #777;
  font-weight: 700;
  margin-bottom: 15px;
}
.comment-text-content .comment-link-thumbnail .comment-link-content p {
  margin-bottom: 0;
}
.search-page-content {
  padding: 60px 0px;
}

.search-result-wrap .search-result-top .result-count {
  font-size: 25px;
  color: #1f1d2b;
  font-weight: 500;
  margin-bottom: 15px;
  text-transform: capitalize;
}
.search-result-wrap .search-result-top .search-input-wrap p {
  position: relative;
  margin-bottom: 0;
}
.search-result-wrap .search-result-top .search-input-wrap {
  padding-bottom: 15px;
  border-bottom: 2px solid #ddd;
  position: relative;
  display: flex;
}
.search-result-wrap .search-result-top .search-input-wrap h2 {
  color: #ddd;
  display: inline-block;
  font-size: 40px;
  font-weight: 900;
}
.search-result-wrap .search-result-top .search-input-wrap p input {
  color: #1f1d2b;
  border: none;
  line-height: 1;
  height: auto;
  font-size: 40px;
  font-weight: 900;
}
.search-result-wrap .search-result-top .search-input-wrap p input:focus {
  outline: none;
}
.search-result-wrap .search-result-top .search-input-wrap input.prop-btn {
  background-image: url(../images/loupe.png);
  padding: 15px;
  background-position: 50% 50%;
  background-size: 60%;
  border-radius: 5px;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0;
}

.search-tags .sort-wrap {
  float: right;
  width: 15%;
}

.search-tags .sort-wrap .sort-listing {
  width: 100%;
}

.search-tags .sort-wrap .sort-listing select {
  width: 100%;
  background-color: #fbf7ff;
  margin-bottom: 0;
  padding-left: 40px;
  float: left;
  background-image: url(../images/equalizer.png);
  background-position: 4% 50%;
  background-size: 10%;
  background-repeat: no-repeat;
}

.search-tags {
  display: flex;
  margin: 10px 0px;
}
.search-tags ul {
  width: 85%;
}
.search-tags ul li {
  display: inline-block;
  border-radius: 30px;
  background-color: #f6edff;
  margin-right: 5px;
  margin-bottom: 10px;
  font-weight: 700;
  padding: 10px 20px;
  text-transform: capitalize;
}

.search-tags ul li button {
  width: auto;
  margin-bottom: 0;
  border: 0;
  background-color: transparent;
  padding: 0;
  height: auto;
}

.search-result-bottom {
  padding: 20px;
}
.highlighted-match-word {
  color: #3a9ff9;
  padding: 0px 5px;
}
.search-result-bottom .search-result-wrap .search-result-single {
  margin-bottom: 15px;
  padding: 15px 0px;
  border-bottom: 2px solid #ddd;
}
.search-result-bottom .search-result-wrap .search-result-single .location {
  position: relative;
  padding-left: 35px;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
  display: block;
  color: #757575;
  font-weight: 500;
}
.search-result-bottom
  .search-result-wrap
  .search-result-single
  .location:before {
  content: "";
  position: absolute;
  background-image: url(../images/mapgray.png);
  width: 30px;
  height: 30px;
  background-size: cover;
  left: 0;
  top: -4px;
}

.search-result-bottom
  .search-result-wrap
  .search-result-single
  .search-result-content
  h2 {
  font-weight: 800;
  line-height: 1;
  margin-bottom: 20px;
}
.search-result-bottom
  .search-result-wrap
  .search-result-single
  .search-result-content
  p {
  font-size: 16px;
  color: #1f1d2b;
  font-weight: 500;
}
.search-result-bottom
  .search-result-wrap
  .search-result-single
  .search-result-tags
  ul
  li {
  display: inline-block;
  margin-right: 10px;
  border: 1px solid #ddd;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 500;
  border-radius: 30px;
  padding: 5px 25px;
}
.search-result-bottom
  .search-result-wrap
  .search-result-single
  .search-result-tags
  ul
  li.searched-item {
  background-color: #3a9ff9;
  color: white;
}
.side-bar-widget {
  padding: 20px 40px;
}
.side-bar-widget .side-search-widget .related-widget {
  padding: 25px;
  box-shadow: 2px 2px 10px 2px #ddd;
  margin-bottom: 30px;
  border-radius: 10px;
}
.side-bar-widget .side-search-widget .related-widget .related-widget-title {
  padding-left: 30px;
  font-weight: 700;

}
.side-bar-widget .side-search-widget .related-widget{
    padding: 25px;
    box-shadow: 2px 2px 10px 2px #ddd;
    margin-bottom: 30px;
    border-radius: 10px;
}
.side-bar-widget .side-search-widget .related-widget  .related-widget-title{
    padding-left: 40px;
    font-weight:700;

    background-position: 0% 0%;
    background-size: 8%;
    background-repeat: no-repeat;
    margin-bottom: 15px;
    padding-bottom: 20px;
    border-bottom: 2px solid #ddd;
}
.side-bar-widget .side-search-widget .related-widget  .related-widget-title h3{
    font-weight: 700;
}
.side-bar-widget .side-search-widget .related-widget.search-tags-widget  .related-widget-title{
    background-image:url(../images/loupeblack.png) ;
}
.related-widget-slider .slick-dots li.slick-active button {
  border: 1px solid #000;
  background-color: transparent;
}
.related-widget-slider .slick-dots li button:before {
  content: "";
}

.related-widget.sponsored-sidebar-widget
  .sponsored-item-list
  .sponsored-single
  a {
  display: flex;
  align-items: center;
}
.related-widget.sponsored-sidebar-widget
  .sponsored-item-list
  .sponsored-single
  a
  .sponsored-image {
  width: 50%;
  margin-bottom: 0;
  padding-bottom: 50%;
}

.related-widget.sponsored-sidebar-widget
  .sponsored-item-list
  .sponsored-single
  a
  .sponsored-widget-content {
  width: 50%;
  padding: 15px;
}
.related-widget.sponsored-sidebar-widget
  .sponsored-item-list
  .sponsored-single
  a
  .sponsored-widget-content
  h6 {
  font-weight: 800;
  font-size: 18px;
}

.listing-inner-section {
  padding-top: 10px;
}