/* 
Template Name : Lucas Landing Page
Template URL  : https://:lucas.com
Author Name   : creativeitem
Description   : HTML Bootstrap Template  

Type of Content
===============
Import Google fonts
Default Css
1.Header Area css
2.Bannar Area css
3.Feature Area css
4.City Area css
6.Real State Area Css
7.Resturent Area Css
8.Hotel Area Css
9.Vedio Area css
10.Testimonials Area Css
11.Blog Area css
12.Client Area Css
13.Footer Area Css
*/

/******** Import Google Fonts 
/*************************************************/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Poppins:ital,wght@0,500;0,600;1,300;1,400;1,500;1,600&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Poppins:wght@100;300;400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/****** Default Css  
/***********************************************/
:root {
  --font-family: "Lato", sans-serif;
  --font-family-popins: "Poppins", sans-serif;
  --font-family-inter: "Inter", sans-serif;
  --color-1: #0b162d;
  --color-2: #007bff;
  --primary-color: #007bff;
}
html {
  font-size: 62.5%;
}
body {
  font-size: 16px;
  font-weight: 400;
  font-family: var(--font-family);
  overflow-x: hidden;
}
.container {
  max-width: 1140px;
  width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
p,
a {
  margin: 0;
}
h2 {
  font-size: 56px;
  line-height: 70px;
  font-weight: 700;
}
ul {
  padding: 0;
  list-style: none;
}
a {
  text-decoration: none;
}
a:hover {
  color: inherit;
}
img {
  display: block;
  max-width: 100%;
}
.pt-80 {
  padding-top: 80px;
}
.section-padding {
  padding-top: 60px;
}
.title {
  margin-bottom: 80px !important;
  max-width: 750px;
}
.mb-7 {
  margin-bottom: 70px !important;
}
.title-btn {
  padding: 15px 26px;
  color: var(--primary-color) !important;
  border-radius: 5px;
  font-size: 18px;
  display: inline-block;
  margin-bottom: 16px;
}
.title p {
  font-size: 36px;
  line-height: 50px;
  font-weight: 700;
  max-width: 650px;
  margin: auto;
  margin-top: 8px;
}
.title-btn i {
  margin-right: 5px;
}
.mb-50 {
  margin-bottom: 50px !important;
}

.social-link li:nth-child(3) a:hover img {
    width: 23px;
    height: auto;
}

/************** New Header Css  ****************/
.header_new {
  /* Rolex Sir !!  */
  /* background-color: rgba(11, 22, 45, 1); */
  /* padding: 20px 0; */
  padding: 8px !important;
  padding-bottom: 0;
}
.new_header_left ul li {
  margin-right: 30px;
}
.new_header_left ul li a {
  color: #fff;
  font-size: 14px;
}
.new_header_left ul li a i {
  color: var(--primary-color-1);
  margin-right: 10px;
}
.new_header_right ul {
  justify-content: flex-end;
  /* gap: 1rem; */
}
.new_header_right ul li a i {
  /* color: #fff; */
  margin-left: 24px;
  font-size: 17px;
}
.new_header_right ul li a:hover {
  color: #ffffff;
}
.mt-50 {
  margin-top: 50px;
}
.f-social-links ul {
  justify-content: flex-end;
}
.f-social-link li a {
  margin-left: 15px;
}
.text-left {
  text-align: left !important;
}
.rel-side-wiget .rl-title {
  margin-bottom: 10px;
  line-height: 48px;
}


@media all and (max-width: 576px) {

  .manage-for-mob-search-price-badge {
    display: flex;
    flex-direction: column !important;
}
  .mb-header__main__postproperty > a{
    width: 170px !important;
  }

  .same-for-this {
    font-size: 14px!important;
}

.name-same-us {
    font-family: Lato;
    font-size: 12px;
    font-weight: 400;
}

.for-location-type-budget{
    
    border-bottom:0px!important;
}

body .pqrs {
    padding: 10px 10px!important;
}

.name-same-us{
    font-size:12px!important;
}

 .sk {
    margin-top: 15px!important;
}

.first-slot-properties .ssmds.hwf {
    
    padding: 15px 15px!important;
}

.second-slot-properties .ssmds.hwf {
   
    padding: 15px 15px!important;
}

.product-entry {
  padding: 15px!important;
}

.grid_list_p .product-location {
  margin-top: 10px !important;
  margin-bottom: 10px!important;
}

.first-slot-properties .Dimension-names.name-same-us {
  text-align: left!important;
}

.grid_list_p .product-location {
  margin-top: 1px !important;
  margin-bottom: 10px!important;
}
  /* Listing Page Start  */

  label.dropdown-label.type-label {
    width: 100% !important;
}

  .first-slot-properties.sm {
    width: 100% !important;
}

.hwf {
  /* width: 187px !important; */
  height: auto !important;
  margin: 2px !important;
}
.second-slot-properties {
    width: 100% !important;
}

  .main-ss.product-entry {
    flex-direction: column;
}

.pqrs {
    flex-direction: column;
}

.first-slot-properties.sm {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.second-slot-properties {
    display: flex;
    flex-direction: column !important; 
    justify-content: center;
}

.product-entry .product-details {
    padding: 0 0px 5px;
}

.name-same-us {
    text-align: center !important;
}

.product-entry .product-details {
  padding: 0 0px 5px!important;
}

.product-entry {
  flex-direction: column!important;
}

#filter_form .dropdown {
  width: 100%!important;
  padding: 0px;
}

#filter_form .dropdown label.dropdown-label {
  width: 100% !important;
  margin: 6px 0px;
}

.filter-header .dropdown-content {
  width: 100%!important;
}

.accordion-flush .accordion-item .accordion-button {
  border-radius: 0;
  font-size: 16px!important;
  height: 38px;
}

.main-ss.product-entry {
    flex-direction: column;
}


.main-ss.product-entry {
    padding-top: 25px;
}

button.btn-1-lap-view-owner-detail {
    width: 100%!important;
}


.pqrs {
    flex-direction: column;
}

.first-slot-properties.sm {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.second-slot-properties {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.name-same-us {
    text-align: center;
}

.owner-all-details-mob-v {
    display: flex!important;
    flex-direction: row!important;
    margin: 0px;
}

.owner-contact-btn {
    flex-direction: column;
}

.property-owner-details {
    flex-direction: column;
}

.for-locations.ssmds {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.location-txt-with-names {
    text-align: center;
}

.for-location-type-budget {
    height: auto;
}

.for-type-of-properties.ssmds {
    flex-direction: column;
}

.for-budgets.ssmds {
    flex-direction: column;
    justify-content: center;
}

.budgets-txt-with-names {
    text-align: center;
}

  /* listing Page end  */

  .section-padding {
    padding-top: 25px !important;
}
  .agents-Testimonials {
    font-size: 30px !important;
    font-weight: 900!important;
    font-family: 'Lato', sans-serif;
}

 body .agents-Testimonials > .last_text {
    font-size: 30px !important;
}
  .slider-section-for-agent {
    height: 200px!important;
}
.for-set-slidebar .slider{
    height:200px!important;
  }
  
  .slider .slide {
      background-size: 100%!important;
      background-repeat: no-repeat!important;
  }
  
  .slider-content-agent {
      line-height: 30px!important;
  }
  
  .last_text {
      font-size: 28px!important;
  }
  
  span.last_text {
      display: inline;
      line-height: 35px!important;
      font-size: 28px!important;
  }
  
  .slider-content-agent {
     top: 1% !important;
      left: 14px!important;
      font-size: 28.38px!important;
    }
  .new_header_right > ul > li {
    padding: 5px 4px !important;
} 
body .map-city-dropdown > li {
  width: 100% !important;
}
  .new_header_left ul {
    justify-content: center;
  }
  .new_header_right ul {
    justify-content: center;
    margin-top: 9px;
  }
}


@media all and (max-width: 400px) {
  .mb-header__main__postproperty > a{
    width: 155px !important;
  }

}
.schedule-date h3 {
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 28px !important;
  color: #1c2446 !important;
  margin-bottom: 16px !important;
}
/************** New Header Css  ****************/
.no_data_pos img {
  height: 320px;
}
/************ Header Area Start   
*************************************************************/
.entry_header_control {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  /* z-index: -1; */
  padding-bottom: 50px;
  margin-bottom: 240px;
}
.entry_header_control:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0b162d;
  opacity: 0.8;
  z-index: -1;
}
.global_header {
  background: transparent !important;
  box-shadow: none !important;
}
.global_header .primary-menu li a {
  transition: all 0.3s ease !important;
  /* color: #fff !important; */
}
.new_header_left svg {
  margin-right: 5px;
}
.global_header .login-btn {
  color: #fff !important;
}
.header-area {
  padding: 10px 0;
  background-color: #fff;
  height:56px;
}



.header-area .row.align-items-center {
    height: 100%;
}

.logo img {
  height: 30px;
}
.header-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.primary-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-menu .primary-menu li a {
  font-size: 15px;
  margin: 0 5px;
  display: inline-block;
  color: var(--color-1);
  position: relative;
  padding: 6px 17px;
  border-radius: 33px;
  transition: 0.5s;
}
.active a {
  background-color: none !important;
  color: var(--primary-color-1) !important;
}
.header-menu .primary-menu li a:hover {
  background-color: #187acd;
  color: #ffffff;
}
.entry_header_control .header-menu .primary-menu li a:hover {
  background-color: #187acd !important;
  color: #ffffff !important;
}
.homeactive a {
  /* background-color: #3a4c68; */
  color: #fff;
}
.bd_top {
  /* border-top: 1px solid #505c64; */
}

span.select2-selection.select2-selection--single {
    position: relative;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.social-link ul li:last-child img.not-hover-logo-footer {
    width: 30px;
}

span.select2-selection.select2-selection--single:after {
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid #000;
    content: "";
    right: 9px;
    top: 12px;
    border-top: 0px;
    border-left: 0px;
    transform: rotate(45deg);
}

.header-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-bg .header-btn a {
  color: #fff;
}
.header-btn a {
  font-size: 15px;
}
.login-btn {
  margin-right: 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: var(--color-1);
}
.login-btn:hover {
  color: var(--primary-color);
}
.listing-btn {
  background: #187acd;
  padding: 5px 15px;
  border-radius: 10px;
  color: #ffffff !important;
  font-weight: 500;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.listing-btn span {
  font-size: 15px;
  font-weight: 600;
  margin-right: 5px;
}
.listing-btn:hover {
  background-color: #007bff;
}
.listing-btn {
  background: #187acd;
  /*padding: 5px;*/
  /*border-radius: 4px;*/
  color: #ffffff !important;
  /* width: 100%; */
  max-width: 117px;
  line-height: 25px;
  display: block;
  height: 38px;
  font-size: 15px;
  text-align: center;
  font-family: 'Lato', sans-serif;
  font-weight: 500;
}

.agents-Testimonials {
  font-size: 40px;
  font-weight: 900!important;
  font-family: 'Lato', sans-serif;
}

.agents-Testimonials > .last_text {
  font-size: 40px !important;
}
.toggle-icon,
.crose-icon {
  display: none;
  font-size: 23px !important;
  height: 48px;
  width: 48px;
  line-height: 48px;
  text-align: center;
  background-color: var(--primary-color);
  color: #fff;
  border-radius: 10px;
  margin-left: 10px;
  cursor: pointer;
}
/* User Profile */
.user-profile {
  margin-right: 5px;
}
.user-profile img {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  position: relative;
  left: -4px;
  object-fit: cover;
}
.user-profile li {
  margin: 5px;
}
.us-btn {
  position: relative;
  width: 74px;
  height: 45px;
  border-radius: 30px;
  background-color: #f5f6f8;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.us-btn:after {
  margin-right: 5px;
  vertical-align: middle;
  border: 6px solid #69696a;
  border-right: 6px solid transparent;
  border-bottom: 0;
  border-left: 6px solid transparent;
  border-radius: 3px;
}
.user-profile .btn-check:focus + .btn,
.btn:focus {
  box-shadow: none;
}
.user-profile .dropmenu-end a {
  padding: 8px 10px;
  font-size: 14px !important;
  font-weight: 400;
  color: var(--color-1);
  border-radius: 5px;
}
.user-profile .dropmenu-end a i {
  margin-right: 7px;
}
.user-profile .dropmenu-end {
  padding: 0;
  border: none;
  border-top: 2px solid var(--primary-color);
  border-radius: 1px 1px 5px 5px;
  background-color: #fff;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  width: 100%;
  max-width: 170px;
  margin-top: 8px !important;
}
.user-profile .dropdown-item.active,
.user-profile .dropdown-item:active {
  background-color: transparent;
  color: var(--primary-color);
}
.sm-show-btn {
  display: none !important;
}
.primary-menu .sm-show-btn:after {
  display: none;
}
/************ Header Area End   
*************************************************************/
/************ Bannar Area Start   
*************************************************************/
.bannar-area {
  padding: 120px 0;
}
.inner-col {
  padding: 0 9%;
}
.bannar-content h2 {
  /* color: #fff; */
}
.bannar-content p {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  max-width: 720px;
  text-align: center;
  margin: auto;
  line-height: 26px;
  margin-top: 10px;
  font-family: var(--font-family-inter);
}
.bannar-content p a {
  color: #007bff;
  text-decoration: underline;
}
.bannar-search {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
  border-radius: 10px;
}
.bannar-search .nice-select::after {
  display: none;
}
.bannar-search .nice-select .option {
  font-size: 15px;
}
.ban-col {
  position: relative;
}
.ban-col::before {
  position: absolute;
  content: "";
  top: 5px;
  right: 6px;
  width: 1px;
  height: 30px;
  background-color: #c1c1c1;
}
.bannar-area .bannar-search {
  margin: auto;
  padding: 0px 0px 0 20px;
}
.single-search .form-control::placeholder {
  color: #939393;
  font-size: 8px !important;
}
.border-none {
  border: none;
}
.single-search .form-select {
  font-size: 15px;
  border: none;
  color: var(--color-1);
  background-position: 75px 13px;
  background-size: 13px 9px;
  width: 145px;
  background-color: transparent;
}
.single-search .cate {
  background-position: 81px 13px !important;
}
.single-search .form-control:focus,
.single-search .form-select:focus {
  box-shadow: none;
}
.single-search .form-control {
  font-size: 15px;
  padding: 10px 12px;
  border: none;
  color: var(--color-1);
}
.bannar-search button {
  border: none;
  width: 124px;
  float: right;
  padding: 18px 3px;
  /* border-radius: 8px; */
  border-radius: 0 10px 10px 0;
  font-size: 15px;
  font-weight: 600;
  background: #187acd;
}
.single-search button svg {
  margin-right: 5px;
}
.single-search span {
  font-size: 15px;
}
.main-btn {
  background: linear-gradient(
    90deg,
    rgba(45, 128, 255, 1) 0%,
    rgba(45, 128, 255, 1) 35%,
    rgba(45, 128, 255, 1) 100%
  );
  padding: 16px 27px;
  border-radius: 12px;
  color: #fff !important;
  display: inline-block;
}
.main-btn i {
  margin-right: 10px;
}
.form-control::-webkit-input-placeholder {
  color: var(--color-1);
}
.form-control::-moz-placeholder {
  color: var(--color-1);
}
.form-control:-ms-input-placeholder {
  color: var(--color-1);
}
.form-control::placeholder {
  color: var(--color-1);
}
.bannar-content span {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  /* letter-spacing: 4px; */
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 8px;
}
.single-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.single-search p {
  font-size: 14px;
  font-weight: 600;
  color: #0b162d;
}
.single-search span {
  font-size: 15px;
  font-family: var(--font-family-inter);
  font-weight: 400;
  color: #9098a4;
}
.gallary_btn {
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
}
.gallary_btn svg {
  margin-left: 5px;
}
/************ Bannar Area End   
*************************************************************/
/******************* Building Area Start  ***********************************/
.building-area {
  margin-top: -53px;
  z-index: 1;
  position: absolute;
  width: 100%;
}
.single-building {
  background-color: transparent;
  transition: 0.5s;
  box-shadow: none !important;
  position: relative;
  border-radius: 50%;
  opacity: 1;
  transform: translate(0, 0);
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.single-building h4 {
  font-size: 20px;
  font-weight: 600;
  color: white;
  margin-bottom: 10px;
  text-transform: capitalize;
  position: absolute;
  left: 43%;
  top: 47%;
  transform: translate(-50%, -50%);
}

/******************* Building Area End **************************************/

/******************* New Gallary Area Start **************************************/
.mapboxgl-ctrl-group button {
  width: inherit !important;
}
.new_antrygallary {
  padding: 40px 0;
  margin-top: 60px;
}
.title_gallary span {
  color: #007bff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 4px;
  line-height: 16px;
  display: inline-block;
  margin-bottom: 7px;
  text-transform: uppercase;
}
.title_gallary h4 {
  font-size: 36px;
  line-height: 42px;
  color: #0b162d;
  margin-bottom: 27px;
  font-weight: 600;
}

.overly,
.gallar-img {
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.5s;
}
.overly:after,
.gallar-img::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  border-radius: 20px;
  background-image: linear-gradient(
    to bottom,
    #040404,
    #0b0b0b,
    #1e2020,
    #000,
    #000
  );
}
.overly:after {
  background-color: #0e0714;
  opacity: 0.8;
}

.gallary_text span {
  font-size: 26px;
  font-weight: 600;
  color: #fff;
}
.gallary_text p {
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  font-family: var(--font-family-inter);
}
.gallary_text {
  position: absolute;
  z-index: 999;
  bottom: 30px;
  left: 30px;
}

.new_antrygallary .see-btn {
  background-color: var(--primary-color);
}
.small_gallary img {
  height: 270px !important;
}

.Egallary {
  position: relative;
  padding: 4px;
}
.mb-10 {
  margin-bottom: 10px;
}
.egallary_count {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  height: 100%;
  cursor: pointer;
}
.egallary_count span {
  font-size: 23px;
  padding: 15px 16px;
  border: 1px solid #9098a4;
  border-radius: 12px;
  color: #fff;
  font-weight: 600;
}
.modal_gallary .gallar-img img {
  height: 270px;
}
.new_g_modal .modal-header {
  border-bottom: 0;
}
.new_g_modal .modal-header .btn-close {
  margin-right: 2px;
  margin-top: -2px;
  height: 28px;
  width: 30px;
  border: 1px solid #9098a4;
}
.btn-close:focus {
  box-shadow: none;
}
.new_g_modal .gallary_text p {
  font-size: 13px;
}
.new_g_modal .gallary_text span {
  font-size: 15px;
}
.Egallary:hover .gallar-img::after {
  border-radius: 20px;
}
/*******************New Gallary Area End **************************************/
/******************* Counter Area Start  **************************************/
.counter_area {
  background-color: #e4f1ff;
  padding: 80px 0;
  margin-top: 60px;
}
.counter_left {
  padding-right: 11px;
}
.counter_left h3 {
  color: #0b162d;
  font-size: 32px;
  font-weight: 700;
}
.counter_right h4 {
  font-size: 46px;
  color: #007bff;
  font-weight: 700;
}
.counter_right p {
  color: #0b162d;
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
  font-family: var(--font-family-inter);
}
.l_text {
  font-family: var(--font-family-inter);
  font-weight: 500;
}
.real_title {
  max-width: 100%;
  text-align: center;
}
.real_title .title-btn {
  padding: 0 !important;
  color: var(--primary-color);
  text-transform: uppercase;
  letter-spacing: 4px;
  margin-bottom: 0 !important;
  font-size: 16px;
  font-weight: 700;
}

section.testimonials-area {
  background: linear-gradient(180deg, #EAF4FF 0%, rgba(234, 244, 255, 0) 100%);
}
/******************* Counter Area End **************************************/

/************ Feature Area Start   
*************************************************************/
.single-feature {
  padding: 34px 25px;
  border-radius: 5px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  margin: 15px;
  height: 188px;
}
.feature-icon {
  border-radius: 10px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  margin: auto;
}
.f-color-1 {
  background-color: #efecff;
  color: #6346fa !important;
}
.f-color-2 {
  color: #ff9502;
  background-color: #fff4e5;
}
.f-color-3 {
  color: #ef255c !important;
  background-color: #fee8ee;
}
.f-color-4 {
  color: #00aa6c !important;
  background-color: #e5f6f0;
}
.single-feature h3 {
  margin: 7px 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
}
.single-feature p {
  font-size: 12px;
  color: #929292;
}
.all-feature .owl-dots .owl-dot span {
  width: 20px;
  height: 3px;
  margin: 0 2px;
  background-color: var(--primary-color);
  border-radius: 3px;
}
/************ Feature Area End   
*************************************************************/
/************ gallary Area Start   
*************************************************************/
.galalry-items {
  margin-top: 100px;
}
.gallar-img img {
  border-radius: 20px;
  height: 410px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.save-img {
  position: relative;
}
.save-img:before {
  content: "";
  position: absolute;
  bottom: -34px;
  right: -10px;
  background: #f5d3ff;
  width: 77px;
  height: 75px;
  border-radius: 10px;
  z-index: -1;
}
/************ gallary Area End   
*************************************************************/
/************ City Area Start   
*************************************************************/
.city-area {
  margin-top: 109px;
  background: url(../images/bg-safe.png) no-repeat scroll center center / cover;
  padding: 114px 0;
  position: relative;
  z-index: 1;
}
.city-area:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: -1;
}
.city-area .title {
  max-width: 750px;
  margin: auto;
  color: #fff;
  text-align: center;
}
.city-area .title-btn {
  padding: 5px 18px !important;
}
.card-img-top {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.single-city-card .card {
  border: none;
  position: relative;
}
.single-city-card img {
  height: 240px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.city-over-text {
  position: absolute;
  top: 15px;
  left: 20px;
}
.city-over-text a {
  padding: 6px 18px;
  border-radius: 5px;
  background-color: var(--primary-color);
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.single-city-card h5 {
  font-size: 18px;
  color: var(--color-1);
  margin-top: 10px;
}
.single-city-card p {
  font-size: 18px;
}
.single-city-card p a {
  color: var(--primary-color);
  margin-right: 5px;
}
.single-city-card .card-body {
  padding: 18px 20px;
}
.city-card-group .owl-nav .owl-prev,
.city-card-group .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  height: 60px;
  width: 60px;
  line-height: 60px;
  background-color: #fff !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.city-card-group .owl-nav .owl-prev {
  left: 0;
}
.city-card-group .owl-nav .owl-next {
  right: -57px;
}
.city-card-group .owl-nav .owl-prev:hover,
.city-card-group .owl-nav .owl-next:hover {
  background-color: var(--primary-color) !important;
  color: #fff;
}
/************ City Area End   
*************************************************************/
/************ Real State Area Start  
*************************************************************/
.slider-controls {
  height: 100%;
}
.product-entry {
  background-color: #fff;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  height: 100%;
}
.item-price-1 {
  font-size: 20px;
  font-weight: 600;
  line-height: 18px;
  color: var(--color-2);
}
.product-entry .product-img {
  position: relative;
}
.product-entry .product-img img {
  width: 100% !important;
  height: 295px;
  -o-object-fit: cover;
  object-fit: cover;
}
.product-entry .product-img span {
  position: absolute;
  top: 15px;
  left: 20px;
  padding: 6px 18px;
  font-size: 12px;
  font-weight: 500;
  background-color: #fff;
  border-radius: 2px;
  z-index: 999;
}
.product-entry .product-img span.featured {
  background-color: var(--color-2);
  color: #fff !important;
  font-size: 12px;
  font-family: var(--font-family-inter);
  font-weight: 500;
}
.product-entry .product-details {
  padding: 17px;
}
.product-entry .product-title a,
.product-entry .product-title {
  font-size: 16px;
  font-weight: 600;
  color: #0b162d;
  display: inline-block;
  /* margin: 15px 0; */
}
.product-entry .product-title {
  font-size: 22px !important;
}
.product-entry .product-title a:hover,
.product-entry .product-title:hover {
  color: var(--color-2);
}
.product-entry .product-meta {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 0.625px solid #d4d4d4;
  border-bottom: 0.625px solid #d4d4d4;
  border-bottom: 0.0625rem solid #d4d4d4;
  padding-top: 4px;
}
.wishlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 32px;
  height: 32px;
  background: rgba(248, 21, 44, 0.12);
  border-radius: 50%;
  cursor: pointer;
}

.product-entry .product-meta-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  color: #929292;
  margin: 0 6px;
}
.product-meta-item img {
  height: 14px;
  width: 14px !important;
}
.product-meta-item .bed {
  height: 18px !important;
  width: 18px !important;
}
.product-entry .product-meta-item div {
  font-size: 15px;
  font-weight: 400;
  color: #9098a4;
  font-family: var(--font-family-inter);
}
.mb-70 {
  margin-bottom: 70px;
}
.product-entry .product-meta-item div {
  font-weight: 500;
  font-family: var(--font-family-inter);
  font-size: 15px;
}
.product-entry .product-location {
  color: var(--color-2);
}
.product-entry .product-location p {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  color: #0b162d;
}
.product-location svg,
.product-location i {
  margin-right: 6px;
}
.slider-controls .owl-nav .owl-prev,
.slider-controls .owl-nav .owl-next {
  position: absolute;
  top: -90px;
  height: 60px;
  width: 60px;
  line-height: 60px;
  background-color: #fff !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.slider-controls .owl-nav .owl-prev {
  right: 80px;
}
.slider-controls .owl-nav .owl-next {
  right: 0;
}
.estate-product .owl-nav .owl-prev:hover,
.estate-product .owl-nav .owl-next:hover {
  background-color: var(--primary-color) !important;
  color: #fff;
}

.estate-product .latest_antry {
}
.estate-product .latest_antry .product-entry {
  margin: 10px;
}
.product-entry .product-img img {
}
.estate-product .latest_antry .product-img img {
  height: 216px;
}
.see-btn-group {
  text-align: center;
  margin-top: 50px;
}
.see-btn {
  text-align: center;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 5px;
  background-color: #0b162d;
  color: #fff !important;
}
.rel-color {
  background-color: var(--color-2) !important;
}
.res-color {
  background-color: #ef255c !important;
}
.hot-color {
  background-color: var(--primary-color) !important;
}
.ld_add .dis-like i,
.ld_add .dis-like p,
.ld_add .like i,
.ld_add .like p {
  color: var(--primary-color) !important;
}
/************ Real State Area End   
*************************************************************/
/************ Resturent  Area State 
*************************************************************/
.grid-img {
  position: relative;
}
.grid-hero-feature p {
  left: 15px;
  position: absolute;
  top: 15px;
  background-color: #fff;
  color: #0b162d;
  padding: 6px 20px;
  border-radius: 20px;
  font-size: 15px;
  font-size: 15px;
  font-size: 15px;
  font-size: 1.5rem;
}
.grid-hero-feature .active-color {
  background: #ef255c;
  color: #fff;
}
.grid-hero-feature span {
  right: 15px;
  position: absolute;
  top: 15px;
  display: inline-block;
  height: 32px;
  width: 32px;
  line-height: 32px;
  text-align: center;
  background-color: #ffffff;
  color: #929292;
  border-radius: 50%;
}
.grid-hero-feature:hover span {
  cursor: pointer;
}
.grid-hero-feature .active {
  color: #ef255c;
}
.grid-content {
  padding: 15px;
}
.grid-content h3 {
  color: #0b162d;
  font-size: 20px;
  font-weight: 500;
}
.single-grid-post {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  border-radius: 10px;
  margin: 10px;
}
.grid-img img {
  max-width: 100%;
  width: 320px;
  -o-object-fit: cover;
  object-fit: cover;
  height: 218px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.grid-content .location-text {
  font-size: 15px;
  margin-top: 9px;
  margin-bottom: 17px;
}
.grid-content .location-text i {
  margin-right: 10px;
  color: #ef255c;
}
.grid-post-opening {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #d1d4dc;
  padding-bottom: 18px;
  margin-bottom: 14px;
}
.color-1 {
  color: var(--color-2);
}
.color-2 {
  color: #ef255c;
}
.grid-at {
  font-size: 15px;
}
.grid-post-opening .grid-at span {
  margin-right: 17px;
  position: relative;
}
.grid-at span:after {
  position: absolute;
  content: "";
  top: 10px;
  right: -8px;
  height: 3px;
  width: 3px;
  border-radius: 50%;
  background: #a8adbb;
}
.grid-post-opening .grid-review {
  font-size: 20px;
  font-size: 20px;
  font-size: 20px;
  font-size: 2rem;
  color: #0b162d;
}
.grid-post-opening .grid-review i {
  color: #ffd43b;
  font-size: 14px;
}
.grid-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.grid-list ul li {
  position: relative;
  font-size: 13px;
}
.grid-list li:after {
  position: absolute;
  content: "";
  top: 10px;
  right: -33px;
  height: 3px;
  width: 3px;
  border-radius: 50%;
  background-color: #a8adbb;
}
.grid-list li:last-child:after {
  display: none;
}
.resturent-product .owl-nav .owl-prev:hover,
.resturent-product .owl-nav .owl-next:hover {
  background-color: #ef255c !important;
  color: #fff;
}
/************ Resturent Area End   
*************************************************************/
/************ Hotel  Area Start   
*************************************************************/
.card-item {
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  margin: 10px;
  cursor: pointer;
}
.card-head-img {
  position: relative;
}
.card-head-img img {
  height: 218px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
}
.card-head-info {
  position: absolute;
  top: 15px;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.card-head-info p {
  font-size: 15px;
  padding: 6px 24px;
  background-color: #fff;
  border-radius: 20px;
  color: #0b162d;
  margin-left: 20px;
}
.card-head-info .heart-icon {
  height: 32px;
  width: 32px;
  line-height: 32px;
  text-align: center;
  background: #fff;
  color: #6d7487;
  border-radius: 50%;
  margin-right: 25px;
  cursor: pointer;
}
.active-red {
  background-color: #2449ff !important;
  color: #fff !important;
}
.active-icon {
  color: #ef255c !important;
}
.card-body-content {
  padding: 16px;
}
.grid-text h3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: #0b162d;
}
.grid-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.grid-text span {
  font-size: 18px;
  font-weight: 500;
  background-color: #0b162d;
  color: #fff;
  padding: 4px 13px;
  border-radius: 5px;
  display: inline-block;
}
.card-body-content p {
  font-size: 14px;
  color: #0b162d;
}
.card-body-content p i {
  color: #2449ff;
  margin-right: 5px;
}
.card-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 16px;
  padding-bottom: 18px;
  border-bottom: 1px solid #ddd;
}
.card-rating h5 {
  font-size: 14px;
  font-weight: 500;
  color: #0b162d;
  margin-right: 5px;
}
.card-rating span {
  font-size: 14px;
  margin-left: 3px;
  color: #d1d4dc;
}
.card-rating p {
  font-size: 13px;
  margin-left: 5px;
  color: #6d7487;
}
.star-color {
  color: #ffd43b !important;
}
.single-card-feature img {
  width: 14px !important;
  margin-right: 5px;
}
.single-card-feature,
.card-feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.card-feature {
  margin-top: 15px;
}
.single-card-feature i {
  color: #6d7487;
  font-size: 12px;
  margin-right: 5px;
}
.single-card-feature p {
  font-size: 12px;
  color: #6d7487;
}
.hotel-product .owl-nav .owl-prev:hover,
.hotel-product .owl-nav .owl-next:hover {
  background-color: #2449ff !important;
  color: #fff;
}
/************ Hotel Area End   
*************************************************************/
/************ Hero Area Start 
*************************************************************/
.hero-area {
  margin-top: 100px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 127px 0;
  position: relative;
  z-index: 1;
}
.hero-area::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(11, 22, 45, 1);
  z-index: -1;
  opacity: 0.8;
}
.hero-icon-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.hero-icon {
  height: 120px;
  width: 120px;
  border-radius: 50%;
  border: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.hero-icon a {
  height: 95px;
  width: 95px;
  line-height: 95px;
  text-align: center;
  background-color: #fff;
  display: inline-block;
  color: #007bff;
  border-radius: 50%;
  font-size: 24px;
}
.hero-content h4 {
  font-size: 66px;
  font-weight: 700;
  line-height: 80px;
  color: #fff;
  margin-bottom: 18px;
}
.hero-content p {
  line-height: 26px;
  color: #fff;
  font-family: var(--font-family-inter);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 30px;
}
.bussines-btn {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: var(--primary-color) !important;
  margin-bottom: 15px;
  display: inline-block;
}
.read-more-btn {
  padding: 17px 41px;
  background-color: var(--primary-color);
  border-radius: 5px;
  color: #fff !important;
  display: inline-block;
}
.hero-icon-control .hero-icon a {
  background-color: rgba(255, 107, 136, 1);
  color: #fff;
}
/************ Hero Area End   
*************************************************************/
/************ Testimonials  Area Start   
*************************************************************/
.section-intro {
  /* max-width: 750px; */
  margin: auto;
  text-align: center;
  margin-top: 20px;
}
section.pricing {
  padding: 40px 0px;
}
.section-intro p {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: var(--primary-color);
  font-weight: 700;
}
.section-intro h4 {
  font-size: 36px;
  font-weight: 700;
  line-height: 60px;
}
.testimonials-carousel {
  margin-bottom: 85px;
}
.review-card {
  padding: 30px 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin: 50px 15px;
  padding-top: 20px;
  border-radius: 12px !important;
  height: 475px;
}
.review-card.slick-current .avatar .quote-img svg path {
  opacity: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=NaN)";
}
.review-card .avatar {
  margin-bottom: 30px;
}
.review-card .avatar .quote-img svg path {
  opacity: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=NaN)";
}
.review-card span.rating-point {
  font-size: 18px;
  color: #0b162d;
}
.review-card .ratings {
  position: relative;
}
.review-card .ratings:before {
  content: "";
  width: 1px;
  left: -9px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #e6e6e6;
  height: 30px;
  position: absolute;
}
.review-card .ratings span {
  color: #ffd43b;
}
.rounded-image {
  height: 80px;
  width: 80px !important;
  border-radius: 12px;
  margin-right: 20px !important;
  object-fit: cover;
}
.testimonials-area .ratings span i {
  color: #ffd43b;
}
.review-card p {
  font-size: 15px;
  color: #9098a4;
  line-height: 23px;
  font-family: var(--font-family-popins);
  font-weight: 400;
}
.time_add {
  font-size: 14px !important;
}
.review-card .ratings::before {
  display: none;
}
.time_add {
  color: #9098a4;
  font-size: 14px;
}
.avatar-info h5 {
  font-size: 18px;
  font-weight: 600;
  color: #0b162d;
  margin-bottom: 5px;
}
.color_hide i {
  color: #dee0e4 !important;
}
.testimonials-carousel .owl-dots .owl-dot span {
  background-color: #d2d4d7;
}
.testimonials-carousel .owl-dots .owl-dot.active span,
.testimonials-carousel .owl-dots .owl-dot:hover span {
  background-color: var(--primary-color);
}
.testimonials-carousel .owl-nav.disabled + .owl-dots {
  margin-top: -15px;
}
/************ Testimonials Area End   
*************************************************************/
/************ Faq Area Area Start   
*************************************************************/
.faq-area {
  margin-bottom: 20px;
}
.accordion_antry {
  margin-top: 50px;
}
.accordion_antry .accordion-button:not(.collapsed) {
  color: #0b162d;
  background-color: transparent;
  box-shadow: none;
}
.accordion_antry .accordion-button:focus {
  border-color: transparent;
  box-shadow: none;
}
.accordion_antry .accordion-button {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}
.accordion_antry .accordion-item {
  border: none;
  border-bottom: 1px solid #838b9545;
  padding-bottom: 18px;
  margin-top: 12px;
}
.accordion-button,
.accordion-body {
  padding-left: 0;
}
.accordion_antry .accordion-body p {
  line-height: 30px;
  color: #838b95;
  font-size: 15px;
  font-family: var(--font-family-inter);
  font-weight: 400;
}
.accordion_antry .accordion-item:last-child {
  border-bottom: none;
}
.rate i {
  margin: 0 !important;
}
.faq-area h4 {
  font-size: 34px !important;
}

/************ Faq Area Area End   
*************************************************************/
/************ Blog Area Start 
*************************************************************/
.all-post-items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  margin-top: 50px;
}
.post-image a img {
  height: 338px;
  width: 100%;
  border-radius: 5px;
  -o-object-fit: cover;
  object-fit: cover;
}
.post-image a {
  display: block;
}
.post-meta ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  margin: 15px 0 15px 0;
}
.post-meta li {
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
}
.post-meta li {
  color: #69696a;
}
.post-meta li i {
  margin-right: 5px;
  color: #69696a;
}
.post-meta li svg {
  margin-right: 5px;
}
.post-meta li span {
  display: inline-block;
  color: #0b162d;
  text-transform: capitalize;
}
.post-meta li .color-2 {
  padding: 0 23px;
  margin: 0 6px;
  font-weight: 500;
  color: var(--primary-color) !important;
}
.blog_metas {
  margin-top: 20px !important;
  margin-bottom: 19px !important;
}
.blog_lest p {
  margin-top: 12px !important;
}
.blog_lest .read-more {
  margin-top: 8px !important;
}
.post-content h3 a {
  color: #0b162d;
  font-size: 20px;
  font-weight: 600 !important;
  margin-bottom: 15px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.post-content h3 a:hover {
  color: var(--primary-color);
}
.post-content p {
  color: #9098a4;
  font-size: 15px;
  font-weight: 500;
  font-family: var(--font-family-inter);
  line-height: 30px;
  margin-top: 12px;
}
.post-content {
  margin-top: 50px;
}
.post-meta {
  position: absolute;
  bottom: -31px;
  left: 0;
  right: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  border-radius: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
.post-image {
  position: relative;
}

.post-meta {
  position: inherit;
  background: transparent;
  bottom: 0;
  box-shadow: none;
  margin: 0;
}
.post-meta li,
.post-meta li i,
.post-meta li span {
  color: #9098a4;
}
.post-meta {
  display: inherit;
}
.antry-blog-post {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  background-color: #fff;
  border-radius: 12px;
  transition: 0.5s;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.antry-blog-post .post-content {
  padding: 0 20px 20px 20px;
  display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: start;
}
.post-image a img {
  /* border-radius: 12px 12px 0 0; */
}
.read-more {
  padding-top: 12px;
  border-top: 1px solid #d4d4d4;
  color: #0d0a08;
  font-weight: 600;
  font-size: 15px;
  width: 100%;
  display: block;
  margin-top: 8px;
  line-height: 25px;
}
.read-more i,
.read-more svg {
  margin-left: 6px;
}
.post-content h3 a {
  font-size: 20px;
  line-height: 27px;
}
.post-content p {
  font-size: 15px;
}
.post-item:hover .read-more {
  color: var(--primary-color-1);
}
.blog-area .antry-blog-post .post-image img {
  /* height: 265px; */
}
.post-item:hover .read-more svg path {
  fill: var(--primary-color-1);
}
.antry-blog-post:hover {
  box-shadow: rgba(11, 47, 244, 0.21) 11px 14px 27px 2px;
}
/************ Blog Area End   
*************************************************************/
/************ Client Area Start   
*************************************************************/
.client-area {
  margin-bottom: 120px;
}
.single-client img {
  width: 100%;
  height: 37px;
  -o-object-fit: contain;
  object-fit: contain;
}
/************ Client Area End   
************************************************************/
/************ Pricing Page Area Start   
************************************************************/
.pricing-area {
  margin-bottom: 90px;
  margin-top: 50px;
}
.price-list {
  background-color: #fff;
}
.packageBox {
  background-color: #fff;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 12px;
  color: #0b162d;
  padding: 30px;
  position: relative;
  overflow: hidden;
  transition: 0.5s;
  border: none;
  height: 100%;
}

.packageBox:hover .packageTitle {
  background-color: #fff;
  color: #0b162d;
}
.packageBox:hover .packageSubs_btn {
  background-color: #fff;
  color: #007bff;
}
.packageBox:hover {
  background-color: var(--primary-color);
  color: var(--primary-color);
}
.packageBox:hover span,
.packageBox:hover .packagePrice,
.packageBox:hover .mainFeature {
  color: #fff;
}
.packageTitle {
  display: inline-block;
  background-color: var(--primary-color);
  border-radius: 22px;
  padding: 7px 24px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 12.5px;
  margin-bottom: 1.25rem;
}
.packagePrice {
  font-size: 12px;
  font-weight: 400;
  line-height: 10.625px;
  line-height: 1.0625rem;
  color: #0b162d;
  margin-bottom: 22.5px;
  margin-bottom: 2.25rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.packagePrice span {
  font-size: 30px;
  font-weight: 600;
  color: #0b162d;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-top: 20px;
  display: inline-block;
}
.packageFeatures {
  margin-bottom: 21.875px;
  margin-bottom: 2.1875rem;
  height: 140px;
}
.packageFeatures li {
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  color: #0b162d;
  padding-bottom: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.packageFeatures li svg {
  margin-right: 8px;
}
.packageBox:hover .packageFeatures li svg path {
  fill: #fff;
}
.packageFeatures li:last-child {
  padding-bottom: 0;
}
.packageFeatures li.price-muted {
  color: rgba(255, 255, 255, 0.1333333333);
}
.packageSubs_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  border-radius: 12px;
  font-size: 15px;
  font-weight: 700;
  line-height: 30px;
  color: #fff;
  padding: 8px 60px;
  margin-top: 10px;
  transition: 0.5s;
  width: 100%;
}
.packageSubs_btn:hover {
  color: #fff;
}
.price_icon {
  height: 66px;
  width: 66px;
  border-radius: 50%;
  border: 1px solid #007bff;
  display: inline-block;
  line-height: 66px;
  text-align: center;
  margin-bottom: 32px;
}
.price_icon svg {
  height: 30px;
  width: 28px;
}
.packageBox h4 {
  font-size: 22px;
  font-weight: 700;
  color: #040404;
  margin-bottom: 16px;
}
.packageBox p {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #9098a4;
  font-family: var(--font-family-inter);
}
.Eprice {
  display: flex;
  align-items: center;
  gap: 7px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(138, 144, 151, 0.3);
  margin-bottom: 20px;
}
.Eprice h3 {
  font-size: 48px;
  font-weight: 700;
  color: #151d27;
}
.Eprice p {
  font-size: 15px;
  color: #9098a4;
}
.packageBox:hover svg path,
.packageBox:hover p,
.packageBox:hover li,
.packageBox:hover h4,
.packageBox:hover h3 {
  color: #fff;
  fill: #007bff;
  transition: 0.5s;
}

.packageBox:hover .Eprice {
  border-color: #fff;
}
.packageBox:hover .price_icon {
  background-color: #fff;
  border-color: #fff;
}
.pricing_plan {
  margin-bottom: 100px;
}
.packageBox .card-body {
  padding: 0;
}
.packageBox .card-head {
  margin-bottom: 23px;
}
/************ Pricing Page Area End   
*****************************************************/
/***** Contact Page Css Start
**************************************************/
.contactUs-area {
  margin-top: 47px;
  margin-bottom: 120px;
}
.contact-title {
  text-align: center;
  margin-bottom: 50px;
}
.contactUs-area .contact-title h3 {
  font-size: 26px;
  font-weight: 700;
}
.contact-title h3 {
  font-size: 24px;
  font-weight: 600;
  color: #0b162d;
  line-height: 36px;
  margin-bottom: 20px;
}
.contactUs-area .contact-title p {
  color: #69696a;
  max-width: 600px;
  margin: auto;
  font-size: 18px;
}
.contact-icon-box {
  padding: 35px 38px;
  background-color: #fff;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 10px;
  height: 100%;
}
.contact-icon-box i {
  font-size: 50px;
  color: var(--primary-color);
  margin-bottom: 20px;
}
.icon-content p {
  color: #69696a;
  line-height: 28px;
}
.contact-icon-box p a {
  color: #69696a;
}
.send-message-box {
  margin-top: 35px;
  background-color: #fff;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 30px;
  border-radius: 15px;
  border: none !important;
}
.send-message-box h3 {
  font-size: 24px;
  margin-bottom: 30px;
  line-height: 42px;
  text-align: center;
}
.mb-33 {
  margin-bottom: 30px !important;
}
.group-form {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}
.send-message-box .form-control {
  padding: 19px 30px;
  border-radius: 10px;
  font-size: 16px;
  color: #69696a;
}
.send-message-box .form-control::-webkit-input-placeholder {
  color: #69696a;
}
.send-message-box .form-control::-moz-placeholder {
  color: #69696a;
}
.send-message-box .form-control:-ms-input-placeholder {
  color: #69696a;
}
.send-message-box .form-control::placeholder {
  color: #69696a;
}
.send-message-box .form-control:focus {
  border-color: var(--primary-color) !important;
  box-shadow: none;
}
.send-message-box textarea {
  height: 200px;
  resize: none;
}
.send-message-box .form-check-input {
  margin-right: 15px;
  height: 20px;
  width: 20px;
}
.send-message-box .form-check-input:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.send-message-box .form-check-input:focus {
  box-shadow: none;
  border-color: var(--primary-color);
}
.send-message-box .btn {
  padding: 17px 47px;
  background-color: var(--primary-color);
  font-size: 16px;
  text-transform: uppercase;
  border-color: var(--primary-color);
  border-radius: 10px;
}
.form-check label {
  color: #676c7d;
  font-size: 16px;
}
/* Responsive Code */
@media all and (max-width: 767px) {

  .group-form {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
  }
}
/***** Contact Page Css End
**************************************************/
/***** Blog Grid Page Css Start
**************************************************/
.sec-margin {
  margin-top: 30px;
  margin-bottom: 100px;
}
.mb-40 {
  margin-bottom: 40px;
}
.blog-grid-area .post-image a img {
  height: 340px;
}
/* Pagination area */
.pagination-items {
  margin-top: 20px;
}
.page-link {
  padding: 0;
  margin-right: 12px;
  border-radius: 10px;
  color: #6d7487;
  border: 1px solid #d1d4dc !important;
  font-size: 15px;
  font-weight: 700;
  height: 37px;
  width: 37px;
  line-height: 34px;
  text-align: center;
}
.pagination .active {
  color: #fff;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd !important;
}
.page-item:last-child .page-link,
.page-item:first-child .page-link {
  border-radius: 10px;
  border: none;
  color: #fff;
  border-color: #fff;
}
.page-item:last-child:hover .page-link svg path,
.page-item:first-child:hover .page-link svg path {
  fill: #fff;
}
.page-link:focus {
  box-shadow: none;
  color: #6d7487;
  background-color: transparent;
}
.page-link:hover {
  z-index: 2;
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color) !important;
}
/* Pagination End */
/* Sidebar Blog */
.l_sidebar-items {
  background-color: #fff;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 20px 20px 2px 23px;
  border-radius: 10px;
}
.wiget-items {
  margin-bottom: 30px;
}
.l_sidebar-items .widget-titles {
  color: #0b162d;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
  line-height: 48px;
}
.l-search-area form {
  position: relative;
}
.l-search-area .form-control {
  padding: 2px 4px;
  font-size: 14px;
  border-radius: 10px;
  font-weight: 500;
  line-height: 28px;
  font-family: var(--font-family-inter);
  color: #808697;
}
.l-search-area .form-control::-webkit-input-placeholder {
  color: #808697;
}
.l-search-area .form-control::-moz-placeholder {
  color: #808697;
}
.l-search-area .form-control:-ms-input-placeholder {
  color: #808697;
}
.l-search-area .form-control::placeholder {
  color: #808697;
}
.l-search-area .form-control:focus {
  box-shadow: none;
  border-color: var(--primary-color);
}
.l-search-area button {
  position: absolute;
  top: 12px;
  right: 10px;
  background-color: transparent;
  border: none;
  color: #69696a;
  font-size: 20px;
}
.recent-posts-entry .ttr-post-info,
.recent-posts-entry .ttr-post-media {
  display: table-cell;
  vertical-align: middle;
}
.recent-posts-entry .ttr-post-media img {
  border-radius: 12px;
  -o-object-fit: cover;
  object-fit: cover;
  height: 104px;
  width: 113px;
}
.recent-posts-entry .ttr-post-media {
  padding-right: 15px;
}
.ttr-post-info {
  width: 169px;
}
.wiget-items .post-titles {
  margin-bottom: 16px;
  color: #0b162d;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  transition: 0.5s;
}
.wiget-items .post-titles:hover {
  color: var(--primary-color);
}
.media-posts li {
  display: inline-block;
  font-size: 13px;
}
.media-posts li {
  color: #69696a;
}
.media-posts i {
  margin-right: 7px;
  color: var(--primary-color);
}

.widget-post-bx {
  margin-bottom: 15px;
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 15px;
}
.widget-post-bx:last-child {
  border-bottom: none;
}
.categories li {
  margin-bottom: 15px;
}
.categories li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--color-1);
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}
.categories li a:hover span,
.categories li a:hover {
  color: var(--primary-color);
}

.categories li a span {
  color: #808697;
}
.tags-area li {
  display: inline-block;
}
.tags-area li a {
  font-size: 14px;
  padding: 8px 17px;
  margin: 0 6px 10px 0;
  border-radius: 5px;
  background-color: #eff1f2;
  display: inline-block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: 500;
  line-height: 17px;
  color: #9098a4;
}
.tags-area li a:hover {
  background-color: var(--primary-color);
  color: #fff;
}
.pagination-items ul {
  justify-content: center;
}
/* Responsive Code */



  .post-item {
    max-width: 500px;
    margin: auto;
  }
  .pagination-items .pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .pagination-items {
    margin-bottom: 40px;
    margin-top: 30px;
  }
}
@media all and (max-width: 576px) {
  .post-meta {
    margin-left: 0;
    margin-right: 0;
  }
}
/***** Blog Grid Page Css End
**************************************************/
/***** Blog Details Page Css Start
**************************************************/
.l-blog-img img {
  height: 400px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px 8px 0 0;
}
.l-blog-text {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  padding: 30px;
  border-radius: 8px;
}
.l-blog-text h4 {
  margin-bottom: 17px;
  color: #212534;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}
.l-meta-top {
  margin-bottom: 30px;
}
.l-meta-top ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.l-meta-top li {
  padding-right: 30px;
  margin-right: 30px;
  position: relative;
  line-height: 28px;
}
.l-meta-top li i {
  color: #69696a;
  margin-right: 6px;
}
.l-meta-top li img {
  margin-right: 6px;
  width: 18px;
}
.l-meta-top li a {
  color: #69696a;
}
.l-meta-top li:before {
  position: absolute;
  content: "";
  top: 8px;
  right: 0;
  width: 1px;
  height: 15px;
  background-color: #ddd;
}
.l-meta-top li:last-child:before {
  display: none;
}
.l-meta-top li svg {
  font-size: 16px;
  margin-right: 8px;
  line-height: 0;
}
.l-blog-text .small-text {
  margin-bottom: 30px;
  color: #69696a;
  line-height: 28px;
  font-size: 17px !important;
}
.l-blog-text p{
  font-size: 17px !important;
}
.l-blog-text .big-text {
  font-size: 20px;
  line-height: 35px;
  color: #0b162d;
  margin-bottom: 60px;
}
.social-shares li {
  margin-right: 20px;
}
.social-shares li a {
  color: #69696a !important;
}
.client-review-area {
  margin: 50px 0;
  background-color: #fff;
  /* background-color: #007cc924; */
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 30px;
  border: none;
  border-radius: 15px;
}
.cl-review-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cl-review-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cl-review-title span {
  display: inline-block;
  margin-left: 25px;
  margin-top: 3px;
}
.cl-review-head a {
  background-color: var(--primary-color);
  padding: 12px 20px;
  font-size: 15px;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-weight: 700;
}
.avator-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.left-avator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.left-avator img {
  height: 52px;
  width: 52px;
  border-radius: 50%;
}
.avator-content {
  margin-left: 10px;
}
.avator-content h4 {
  font-size: 16px;
  font-weight: 700;
  color: #0b162d;
  margin-bottom: 4px;
  text-transform: capitalize;
}
.avator-content span {
  font-size: 16px;
}
.avator-content span i {
  color: var(--color-2);
  margin: 0 7px;
}
.avator-content strong {
  font-size: 20px;
  font-weight: 700;
  color: #0b162d;
}
.right-icon-dot {
  position: relative;
}
.right-icon-dot .dot-icon {
  height: 33px;
  width: 33px;
  border-radius: 50%;
  background: #d1d4dc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #6d7487;
  cursor: pointer;
}
.right-icon-dot .dot-icon svg {
  font-size: 16px;
  margin-right: -5px;
}
.right-icon-dot ul {
  border: none;
  padding: 0;
  margin: 0;
}
.right-icon-dot a {
  font-size: 15px;
  background-color: #fff;
  color: #0b162d;
  padding: 8px 15px;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.author-reveiw {
  margin-top: 10px;
  padding-top: 20px;
  border-top: 1px solid #d1d4dc;
}
.author-reveiw p {
  font-size: 16px;
  margin-top: 22px;
  line-height: 26px;
  color: #69696a;
}
.right-icon-dot .dropdown-toggle:after {
  display: none;
}
.cl-social-share ul {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cl-social-share ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px;
}
.cl-social-share p {
  margin-top: 0;
  margin-left: 10px;
  font-size: 14px;
  color: #6d7487;
}
.cl-social-share ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cl-social-share ul li a i {
  color: #6d7487;
}
.reply,
.dis-like,
.like {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px;
}

.cl-social-share ul li span {
  padding: 1.5px 17px;
  line-height: 20px;
  border-radius: 20px;
  display: inline-block;
  text-align: center;
  background-color: #e6e8ec;
  font-size: 14px;
  color: #0b162d;
}
.h-design {
  position: relative;
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
}
.h-design:after {
  position: absolute;
  bottom: -10px;
  content: "";
  width: 100%;
  height: 2px;
  background-color: var(--primary-color);
  left: 0;
}
.b-review-form label {
  color: #0b162d;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 500;
}
.b-review-form .form-select,
.b-review-form .form-control {
  padding: 14px 30px;
  border-radius: 5px;
  font-size: 14px;
}
.b-review-form .form-select:focus {
  box-shadow: none;
  border-color: var(--primary-color) !important;
}
.b-review-form .form-select {
  color: #929292;
  background-image: url("../images/arrow.png");
  background-size: 13px 10px;
  margin-bottom: 28px;
}
.mb-30 {
  margin-bottom: 30px;
}
.antrys .btn2 {
  padding: 15px 28px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 8px;
}
.b-review-form .send-message-box {
  border: 1px solid #d4d4d4;
}
.b-review-form .btn2 {
  padding: 14px 21px;
  font-size: 14px;
  text-transform: capitalize;
  border-radius: 8px;
}
.sidebar-items h4 {
  font-weight: 600;
}
.left-select .form-label {
  font-weight: 600;
}
.left-select .form-select {
  color: #9098a4;
}
/* Responsive css*/
@media all and (max-width: 576px) {
  .l-blog-img img {
    height: 250px;
  }
  .l-blog-text .big-text {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 30px;
  }
  .l-blog-text .small-text {
    margin-bottom: 20px;
  }
  .btnForAllSecLanding-agent{
    left: 3% !important;
  }
  .btnForAllSecLanding{
    left: 3% !important;
  }
}
@media all and (max-width: 422px) {
  .cl-review-head {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .cl-review-head a {
    margin-top: 15px;
  }
}
/***** Blog Details Page Css End
**************************************************/
/***** Real State Page Css Start
**************************************************/
/* Sub Header Area Css Start */
.sub-header {
  border-top: 1px solid #d1d4dc61;
  padding: 30px 0;
  padding: 30px 0;
  padding: 3rem 0;
  background-color: #ffffff;
  /* box-shadow: -6px 5px 5px rgba(0, 0, 0, 0.05); */
}
.show-search {
  position: relative;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.show-search.active {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}
.mobile-search {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.mobile-search .form-control {
  width: 100%;
  padding: 10px;
  box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px 0px;
  background: #fff;
}
.mobile-search .form-control:focus {
  box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px 0px !important;
}
.tab-crose,
.tablet-search {
  display: none;
}
.search-control {
  position: relative;
}
.search-control .form-control,
.mobile-search .form-control {
  border: none;
  padding-left: 40px;
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #6d7487;
}
.search-control .form-control:focus,
.mobile-search .form-control:focus {
  box-shadow: none;
}
.search-control .search-icon {
  position: absolute;
  top: 2px;
  left: 5px;
  font-size: 19px;
  font-size: 19px;
  font-size: 1.9rem;
  color: #6d7487;
  cursor: pointer;
  border: none;
  background: transparent;
}
.header-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.single-header-bar {
  margin-right: 14px;
}
.single-header-bar {
  position: relative;
  cursor: pointer;
}
.single-header-bar:after {
  position: absolute;
  content: "";
  top: 15px;
  left: 12px;
  background: url(../images/short-wide-solid.png);
  width: 21px;
  height: 17px;
  background-size: contain;
  background-repeat: no-repeat;
}
.single-header-bar .form-select {
  font-size: 15px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  color: #6d7487;
  background-color: #fff;
  background-image: url("../images/arrow.png");
  border: 1px solid #d1d4dc61;
  background-size: 12px;
  padding: 12px 38px;
  border-radius: 8px;
  cursor: pointer;
}
.single-header-bar .nice-select:after {
  display: none;
}
.search-control .form-control::-webkit-input-placeholder {
  color: #69696a;
}
.search-control .form-control::-moz-placeholder {
  color: #69696a;
}
.search-control .form-control:-ms-input-placeholder {
  color: #69696a;
}
.search-control .form-control::placeholder {
  color: #69696a;
}
.single-header-bar .form-select:focus {
  border-color: none;
  outline: 0;
  box-shadow: none;
}
.single-header-filter .filter-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 14px;
  margin-right: 14px;
  margin-right: 1.4rem;
  border: 1px solid #d1d4dc61;
  padding: 12px 25px;
  border-radius: 8px;
  cursor: pointer;
}
.single-header-filter .filter-item.active,
.single-header-filter .filter-item.active span {
  background-color: #007bff;
  border-color: #007bff;
  color: #fff;
  position: relative;
}
.single-header-filter .filter-item.active:before {
  content: "";
  position: absolute;
  background: url(../images/white-primary.png) no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  top: 13px;
  left: 24px;
}
.filter-item img {
  height: 20px;
  height: 20px;
  height: 2rem;
  margin-right: 8px;
}
.filter-item span {
  font-size: 15px;
  font-size: 15px;
  font-size: 1.5rem;
  color: #6d7487;
}
.grid-tab ul {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.grid-tab li .nav-link {
  height: 38px;
  width: 120px;
  border-radius: 7px;
  border: 1px solid #080e81;
  color: #202f3d;
}
.grid-tab .nav-pills .nav-link svg path {
  fill: #0b162d;
}
.grid-tab .nav-pills .nav-link.active,
.grid-tab .nav-pills .show > .nav-link {
  background-color: #007bff;
  border-color: transparent;
}
.grid-tab .nav-pills .nav-link.active svg path,
.grid-tab .nav-pills .nav-link.active svg rect {
  fill: #fff;
}
.grid-tab li:first-child {
  margin-right: 15px;
}
/* Sub Header Area Css End */
/* Property Grid Post Css  Start*/
.product-grid-post {
  margin-top: 60px;
  margin-bottom: 70px;
}
.real-pagi .page-link:hover {
  border-color: var(--primary-color-1);
  background-color: var(--primary-color-1);
}
.product-map iframe {
  height: 600px;
  width: 100%;
}
.real-pagi .product-entry {
  margin: 0;
  padding: 20px 10px 10px 10px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
/* Property Grid Post Css End */
/* Mega Filter Area Css Start */
.mega-menu-toggle.active {
  position: relative;
}
.mega-menu-toggle.active:before {
  content: "";
  position: absolute;
  background: url(../images/white-primary.png) no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  top: 13px;
  left: 24px;
}
.single-header-filter {
  position: relative;
}
.form-check-input:focus {
  box-shadow: none;
}
.mega-filter-area {
  position: absolute;
  width: 560px;
  right: 0;
  top: 60px;
  z-index: 999;
  background: #fff;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px,
    rgba(17, 17, 26, 0.05) 0px 8px 32px;
  border-radius: 10px;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.mega-filter-area.active {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.mega-head {
  padding: 30px 0;
  text-align: center;
  background-color: #f1f1f1;
  border-radius: 10px 10px 0 0;
  position: relative;
}
.mega-head h4 {
  font-size: 24px;
  font-weight: 500;
  color: #0b162d;
}
.mega-crose {
  position: absolute;
  top: 28px;
  right: 20px;
  height: 34px;
  width: 34px;
  line-height: 34px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  background-color: #dbdbdb;
  color: #69696a;
  cursor: pointer;
}
.mega-form-control {
  padding: 25px 30px;
}
.real-search .form-check-label {
  font-size: 15px;
  cursor: pointer;
}
.real-search .form-check {
  margin-top: 12px;
}
.real-search .form-check-input {
  height: 17px;
  width: 17px;
  border-radius: 5px;
  cursor: pointer;
}
.mega-form-control .form-check-input:checked {
  background-color: var(--color-2);
  border-color: var(--color-2);
}
.filter-tab-content {
  margin-top: 30px;
}
.filter-tab-content .nav-pills {
  margin-bottom: 28px;
  border-bottom: 2px solid #d4d4d4;
}
.filter-tab-content .nav-link {
  font-size: 16px;
  font-weight: 400;
  color: #0b162d;
  padding: 0 100px;
  border-radius: 0;
  padding-bottom: 6px;
}
.filter-tab-content .nav-pills .nav-link.active,
.filter-tab-content .nav-pills .show > .nav-link {
  background: transparent;
  color: #0b162d;
  border-bottom: 2px solid var(--color-2);
  margin-bottom: -2px;
}
.tab-item-box h4 {
  font-size: 18px;
  font-weight: 600;
  color: #0b162d;
}
.antry-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.antry-type li a {
  display: inline-block;
  font-size: 14px;
  border: 1px solid #d4d4d4;
  padding: 6px 23px;
  border-radius: 20px;
  margin: 0 10px 10px 0;
  color: #69696a;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.antry-type li a:hover {
  background-color: #e2fef4;
  border-color: var(--color-2);
  color: var(--color-2);
}
.tab-item-box .sidebar-items {
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 20px;
}
.sl-box-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}
.left-select {
  width: 100%;
}
.left-select .form-label {
  font-size: 14px;
}
.left-select .form-select {
  font-size: 14px;
  background-image: none;
  padding: 10px;
  border-radius: 5px;
}
.left-select .form-select:focus {
  box-shadow: none;
  border-color: #d4d4d4;
}
.nice-select .list,
.nice-select.open .list {
  width: 200px;
}
.nice-select {
  height: inherit;
}
.nice-select .list {
  border-radius: 8px;
  z-index: 9999;
}
.nice-select:after {
  height: 7px;
  width: 7px;
}
.nice-select .option.selected {
  font-weight: inherit;
}
.list-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.list-flex li {
  display: inherit;
  margin-bottom: 6px;
  margin-right: 35px;
}
.tab-btn-box {
  margin-top: 24px;
}
.tab-btn-box .tab-reset {
  background: transparent;
  color: #0b162d;
  font-size: 15px;
  font-weight: 600;
  border: transparent;
}
.tab-btn-box .tab-filter {
  font-size: 15px;
  background-color: var(--primary-color-1);
  border: none;
  border-radius: 8px;
  color: #fff;
  padding: 15px 27px;
  font-weight: 500;
}
/* Mega Filter Area Css End */
/* Sidebar Area */
.sidebar-area {
  background-color: #fff;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px,
    rgba(17, 17, 26, 0.05) 0px 8px 32px;
  border-radius: 5px;
  padding-bottom: 30px;
}
.filter-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(75, 167, 112, 0.16);
  border-bottom: 1px solid #d1d4dc;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 9px 30px;
  box-sizing: border-box;
}
.sidebar-area h4 {
  font-size: 18px;
  font-weight: 500;
  color: #0b162d;
}
.filter-area i {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.sidebar-content {
  padding: 0 20px;
}
.sidebar-items h4 {
  margin-bottom: 18px;
  margin-top: 23px;
}
.select-control {
  position: relative;
}
.select-control .form-select {
  font-size: 15px;
  font-weight: 500;
  color: #6d7487;
  background-color: #fff;
  background-image: url("../images/sidebar/arrow.png");
  border: 1px solid #d1d4dc61;
  background-size: 12px;
  padding: 12px 38px;
  border-radius: 5px;
  cursor: pointer;
  box-sizing: border-box;
}
.select-control .form-select:focus,
.real-search .form-control:focus {
  border-color: none;
  outline: 0;
  box-shadow: none;
}
.select-control:after {
  position: absolute;
  content: "";
  top: 15px;
  left: 12px;
  background: url(../images/sidebar/short-wide-solid.png);
  width: 21px;
  height: 17px;
  background-size: contain;
  background-repeat: no-repeat;
}
.real-search {
  position: relative;
}
.real-search .mag-icon {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 16px;
  color: #6d7487;
  cursor: pointer;
}
.real-search .form-control {
  padding: 12px 38px;
  font-size: 15px;
  color: #6d7487;
  border-color: #e6e6e6;
  border-radius: 5px;
}
.real-search .form-control:focus {
  border-color: #e6e6e6;
}
.real-search .form-control::-webkit-input-placeholder {
  color: #6d7487;
}
.real-search .form-control::-moz-placeholder {
  color: #6d7487;
}
.real-search .form-control:-ms-input-placeholder {
  color: #6d7487;
}
.real-search .form-control::placeholder {
  color: #6d7487;
}
.product-grid-sidebar .real-search {
  margin-top: 10px;
}
.side-mega-check .form-check-input {
  height: 14px;
  width: 14px;
}
.side-mega-check li {
  margin-bottom: 15px;
}
.side-mega-check li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
  cursor: pointer;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  font-family: var(--font-family-inter);
  color: #9098a4;
}
.show_text {
  font-size: 14px;
  font-weight: 400;
  color: var(--primary-color-1);
  font-family: var(--font-family-inter);
  text-decoration: underline;
  margin-bottom: 15px;
  display: inline-block;
}
.side-mega-check li label,
.side-mega-check li .form-check input {
  cursor: pointer;
}
.side-mega-check li a label:hover,
.side-mega-check li a:hover {
  color: var(--primary-color);
}
.side-mega-check li .form-check-input:focus {
  box-shadow: none;
}
.side-mega-check .form-check-input:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.more-items-btn {
  border: none;
  outline: none;
  background: transparent;
  color: var(--color-2);
  font-size: 16px;
  margin-top: 4px;
}
.grid_list_p .product-location p {
  font-size: 11px !important;
  font-weight: 600 !important;
}
.grid_list_p .product-location {
  margin-top: 15px !important;
}
.grid_list_p .product-meta-item div {
  font-size: 11px !important;
}
.grid_list_p .product-title {
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  margin-top: 7px !important;
  /* margin-bottom: 10px !important; */
}
.grid_list_p .list_loc {
  margin-top: 0 !important;
}
.listing-wrap .new_meta .product-meta-item {
  margin-right: 0 !important;
}
.listing-wrap .new_meta .product-meta-item div {
  margin-right: 17px;
}
.grid_list_p .item-price-1 {
  font-size: 19px !important;
}
.maptext {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0b162d !important;
}
.grid_list_p .l_text {
  font-size: 12px;
}

.price-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.price-area span {
  color: #9098a4;
  font-size: 14px;
  font-weight: 500;
  font-family: var(--font-family-inter);
  margin-top: 7px;
}
/************ Property List Page Area Css ***********/
.property-listing-area {
  margin-top: 60px;
  margin-bottom: 70px;
}
.listing-wrap .product-entry {
  margin: 0;
}
.real-pagi .product-img img {
  height: 235px;
}
.listing-wrap .dl-rating-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.card-head-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.listing-wrap .card-head-title .item-price-1 {
  font-size: 24px;
  margin-right: 40px;
}
.listing-wrap .product-entry .dl-rating-2 span {
  color: #0b162d;
  font-size: 16px;
  margin-right: 2px;
}
.product-entry button {
  border: none;
}
.listing-wrap .product-entry .dl-rating-2 i {
  color: var(--color-2);
  font-size: 15px;
}
.listing-wrap .product-entry .dl-rating-2 p {
  font-size: 15px;
  color: #6d7487;
}
.listing-wrap .product-title a {
  font-size: 18px;
}
.listing-wrap .product-meta {
  padding-bottom: 18px;
  margin-bottom: 18px;
}
.listing-wrap .product-meta .product-meta-item {
  margin-right: 22px;
}
.listing-wrap .product-link {
  color: var(--color-2);
  text-decoration: underline;
}
.l-intro-text {
  color: #69696a;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 30px;
}
/*************** No Data Page Css ***************/
.no-data-img {
  margin: auto;
  text-align: center;
}
.no-data-img img {
  width: 625px;
  height: 253px;
  margin: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
.no-data-img a {
  margin-top: 30px;
  padding: 15px 26px;
  display: inline-block;
  background-color: #2e3d5c;
  border-radius: 5px;
  color: #fff;
  font-size: 15px;
}
.no-data-img a i {
  margin-right: 5px;
}
/******** Agent Details Page Css **************/
.agentInfo-area {
  margin-top: 60px;
}
.agent-info {
  background: #fff;
  border: 1px solid #e6e6e6;
}
.agent-img img {
  border-radius: 5px;
  min-height: 432px;
  -o-object-fit: cover;
  object-fit: cover;
}
.agent-content {
  padding-left: 10px;
}
.agent-content-top {
  gap: 30px 70px;
  padding-bottom: 30px;
}
.agent-name h3 {
  font-size: 30px;
  font-weight: 700;
  line-height: 20px;
  color: var(--color-1);
  padding-bottom: 21px;
  text-transform: capitalize;
  
}
.rl-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.rl-rating span {
  font-size: 20px;
  color: var(--color-1);
  font-weight: 500;
}
.rl-rating i {
  color: var(--primary-color);
  font-size: 14px;
  line-height: 18px;
}

.rl-rating p {
  font-size: 15px;
  line-height: 18px;
  color: #69696a;
}
.info {
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  color: var(--color-1);
  padding-top: 14px;
}
.l-32 {
  line-height: 32px !important;
}
.link-green {
  font-size: 30px;
  font-weight: 700;
  line-height: 18px;
  color: var(--color-2) !important;
}
.color_p {
  color: var(--primary-color) !important;
}
.agent-logo img {
  width: 160px;
  /* height: 60px; */
}
.agent-content-bottom {
  padding-top: 30px;
  border-top: 1px solid #d4d4d4;
}
.agent-de-table {
  padding-bottom: 30px;
}
.agent-de-table li {
  padding-bottom: 16px;
}
.agent-de-table li p {
  font-size: 15px;
  line-height: 18px;
}
.agent-de-table li p span {
  font-size: 17px;
  color: #0b162d;
  display: inline-block;
  font-weight: 500;
  min-width: 300px;
}
.agent-call {
  gap: 20px;
}
.agent-call a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 118px;
  height: 49px;
  background-color: #fff;
  border: 1px solid var(--primary-color);
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  color: rgb(0 138 252);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.agent-call .ag-btn:hover {
  background-color: var(--primary-color) !important;
  color: #fff;
}
.agent-call .ag-btn-outline {
  background: transparent !important;
  color: var(--primary-color);
}
.agent-call .ag-btn-outline:hover {
  background-color: var(--primary-color) !important;
  color: #fff;
}
/* Agent Property Area */
.agent-property-area {
  margin: 50px 0;
}
.agent-poperty {
  background-color: #f5f5f5;
  /* background-color: #007cc924 !important; */
  padding: 35px 70px;
  border-radius: 15px;
}
.agent-pro-item {
  background-color: #007cc924;
  padding: 24px 30px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.031372549);
  width: 300px;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: 10px;
}
.agent-top-item {
  gap: 10px;
  padding-bottom: 14px;
}
.ag-icon {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--primary-color);
}
.agent-property-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  height: 160px;
  padding-right: 8px;
}


.agent-property-list::-webkit-scrollbar {
  width: 5px;
  border-radius:20px;
  
}

.agent-property-list::-webkit-scrollbar-track {
  background: transparent;
}

.agent-property-list::-webkit-scrollbar-thumb {
  background: #007cc924;
  border-radius:20px;
}

.agent-property-list::-webkit-scrollbar-thumb:hover {
  background: #555;
}


.agent-property-list li {
  width: 100%;
  background-color: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 4px 20px;
  border-radius: 5px;
}
.agent-property-list li .numbers {
  font-size: 19px;
  font-weight: 600;
  color: #0b162d;
}
.agent-property-list li .names {
  font-size: 15px;
  display: inline-block;
  line-height: 30px;
  color: #69696a;
}
/* Agent About Area Css */
.agent-about-area {
  margin: 50px 0;
}
.agent-about h3 {
  font-size: 20px;
  font-weight: 600;
  color: #0b162d;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--primary-color);
  display: inline-block;
  margin-bottom: 20px;
}
.agent-descrip p {
  color: #9098a4;
  line-height: 28px;
  margin-bottom: 10px;
  font-size: 15px;
  font-family: var(--font-family-inter);
  padding-bottom: 28px;
  border-bottom: 1px solid #dee2e6;
}
/* Listing Review Area CSS */
.pt-15 {
  margin-top: 15px !important;
}
.agentListing-review {
  margin: 50px 0;
}
.agentListing-review .h-design {
  font-size: 30px;
  font-weight: 700;
  line-height: 48px;
}
.agentList-tab .nav-pills {
  margin-bottom: 20px;
}
.agentList-tab .nav-item {
  margin-bottom: 20px !important;
}
.agentList-tab .nav-link {
  width: 350px;
  height: 55px;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  margin-right: 20px;
}
.agentList-tab .nav-pills .nav-link.active,
.agentList-tab .nav-pills .show > .nav-link {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
}
.listings-filter {
  margin-bottom: 40px;
}
.listings-filter .form-select {
  background-image: none;
  padding: 12px 45px;
}
.bar-2:after {
  background: url(../images/house.png) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
.listings-wrap .product-entry {
  margin: 0;
}
.radius-15 {
  border-radius: 15px;
}
/* Review Comments */
.review-comments .h-design:after {
  background-color: var(--primary-color);
}
.review-comments .cl-review-head a {
  background-color: var(--color-2) !important;
  border-radius: 8px;
}

.review-comments .b-review-form .form-select:focus,
.review-comments .send-message-box .form-control:focus {
  border-color: var(--color-2);
}
.review-comments .b-review-form .btn2 {
  background-color: var(--color-2);
  border-color: var(--color-2);
}
.review-comments .nice-select:after {
  display: none;
}
.review-comments .dropdown-item.active,
.review-comments .dropdown-item:active {
  background: var(--primary-color);
}

/* New Agent Css */
.agent_antry_area .agent-info {
  border: none;
}
.agent_social ul {
  display: flex;
  flex-direction: column;
  align-items: start;
  flex-wrap: wrap;
  gap: 16px;
}
.agent_social ul li a {
  color: #0b162d;
  font-size: 15px;
  font-family: var(--font-family-inter);
  font-weight: 500;
}
.agent_social ul li a svg,
.agent_social ul li a i {
  height: 41px;
  width: 41px;
  line-height: 38px;
  border: 1px solid #0b162d;
  border-radius: 50%;
  color: #0b162d;
  font-size: 19px;
  text-align: center;
  margin-right: 18px;
}
.border-bottom {
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 30px;
}
.agent_social ul li a svg {
  height: 19px;
  width: 19px;
}
.agent_social ul li a svg path {
  fill: #0b162d;
}
/* Agent Details Page Css End */
/****************  Details Page Css Start ***********/
.hotel-veiw-area {
  margin-top: 30px;
}
.veiw-title-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.veiw-right-item {
  float: right;
}
.veiw-title-text h5 {
  font-size: 24px;
  font-weight: 500;
  color: #0b162d;
  margin-right: 39px;
}
.hotel-btn {
  margin-bottom: 19px;
}
.hotel-btn .dl-outline-btn {
  margin-right: 20px;
  padding: 6px 26px;
  background-color: #2448ff15;
  border-radius: 4px;
  color: var(--color-2);
  font-size: 14px;
}
.hotel-btn .dl-inline-btn {
  padding: 6px 26px !important;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  background-color: var(--color-2);
}
.veiw-left-item p svg {
  margin-right: 7px;
}
.veiw-left-item p svg path {
  fill: var(--primary-color);
}
.veiw-right-item .bg-out-btn {
  display: inline-block;
  padding: 15px 30px;
  font-size: 15px;
  border: 1px solid #9098a452;
  border-radius: 5px;
  color: #6d7487;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.veiw-right-item .bg-out-btn i {
  margin-right: 5px;
}
.veiw-right-item .bg-out-btn:hover {
  background-color: var(--color-2);
  color: #fff;
  border-color: var(--color-2);
}
.veiw-right-item .bg-out-btn:hover svg path {
  fill: #fff;
}
.veiw-right-item .bg-out-btn svg {
  margin-right: 5px;
}
.share-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 16px;
}
.s-link {
  background-color: var(--color-2);
  color: #9098a4;
}
.s-heart,
.s-link {
  display: inline-block;
  height: 34px;
  width: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 5px;
  color: #0b162d;
}
.s-heart {
  background-color: #2448ff15;
  margin-right: 10px;
}
.active-color {
  color: var(--primary-color) !important;
}
.bg-active {
  background-color: var(--primary-color) !important;
  color: #fff !important;
  border-color: var(--primary-color) !important;
}
.all-property-btn {
  color: #000000 !important;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 19px;
}
.mfp-bottom-bar {
  display: none;
}
.veiw-map iframe {
  width: 100%;
  height: 511px;
  border-radius: 10px;
}
.mt-40 {
  margin: 40px 0 30px 0;
}
.large-single-slide img {
  width: 100%;
  height: 450px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
}

.single-small-slide img {
  width: 200px;
  height: 130px;
}
.large-single-slide.slick-slide,
.single-small-slide.slick-slide {
  cursor: pointer;
  margin: 0 7px;
}
.veiw-large-slide .slick-next:before {
  content: "➜";
}
.veiw-large-slide .slick-prev:before {
  content: "➜";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.veiw-large-slide .slick-next {
  right: 70px;
  display: none !important;
}
.veiw-large-slide .slick-prev {
  left: 40px;
  position: absolute;
  z-index: 999;
  display: none !important;
}
.veiw-large-slide .slick-next:before,
.veiw-large-slide .slick-prev:before {
  font-family: "Font Awesome 5 Free";
  font-size: 20px;
  font-weight: 900;
  display: inline-block;
  border-radius: 50%;
  width: 50px;
  line-height: 50px;
  height: 50px;
  text-align: center;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  position: relative;
  z-index: 9999;
}
.feature-nav {
  position: relative;
  z-index: 1;
  margin-top: 30px;
}
.more-slide {
  position: absolute;
  right: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff !important;
  background: rgba(11, 22, 45, 0.57);
  max-width: 180px;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 44px;
  font-size: 22px;
  font-weight: 600;
  cursor: pointer;
}
.more-slide span {
  border: 1px solid #808697;
  border-radius: 6px;
  display: inline-block;
  padding: 9px;
  font-size: 17px;
  font-weight: 600;
}
/* Over View  */
.p-overview-card {
  border: none;
  padding: 30px 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 15px;
}
.rl-title {
  color: #0b162d;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 24px;
  display: inline-block;
  position: relative;
}
.rl-title:before {
  height: 2px;
  background-color: #00aa6c;
  width: 100%;
  top: 32px;
  position: absolute;
  content: "";
}
.sm-title span {
  border-bottom: 1px solid #0b162d;
  font-size: 16px;
  color: #69696a;
}
.sm-title strong {
  color: #0b162d;
  font-weight: 400;
}
.apart-type {
  margin-top: 33px;
}
.apt-title {
  font-size: 17px !important;
  font-weight: 600 !important;
}
.aprt-info {
  position: relative;
}
.aprt-info h4 i {
  width: 20px;
  color: #69696a;
  font-size: 16px;
  margin-right: 3px;
  height: 20px;
}
.aprt-info::after {
  position: absolute;
  content: "";
  top: 0px;
  right: -34px;
  width: 1px;
  height: 63px;
  background-color: #d4d4d4;
}
.aprt-info:last-child:after {
  display: none;
}
.aprt-info h4 {
  color: #0b162d;
  font-weight: 400;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 9px;
}
.pro_id {
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: var(--font-family-inter);
  color: #9098a4 !important;
}
.aprt-info img {
  width: 20px;
  margin-right: 8px;
}

.aprt-info span {
  font-size: 15px;
  color: #0b162d;
  font-weight: 600;
  display: inline-block;
}
.aprt-info h4 svg {
  height: 30px;
  width: 30px;
}
/* Gallary Modal Start */
.gallary-modal .modal-dialog {
  max-width: 1170px;
}
.g-rate {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
.ratings {
  font-size: 15px;
  color: #69696a;
}
.ratings span {
  font-weight: 500;
  font-size: 20px;
  color: #0b162d;
}
.ratings span i {
  color: var(--primary-color);
  margin: 0 6px;
  font-size: 15px;
}
.g-rate h3 {
  font-size: 24px;
  font-weight: 500;
  color: #0b162d;
  margin-right: 50px;
}
.g-apart {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
.g-apart .aprt-info {
  margin-left: 45px;
}
.g-apart .aprt-info:after {
  display: none;
}
.gallary-modal .btn-close {
  position: relative;
  top: -20px;
  left: 12px;
}
.sing-gallary {
  position: relative;
  z-index: 1;
}
.sing-gallary .gallary-head a {
  position: relative;
  z-index: 1;
  display: inline-block;
}
.sing-gallary .gallary-head a:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(11, 22, 45);
  background: -webkit-linear-gradient(
    top,
    rgba(11, 22, 45, 0) 0%,
    rgb(11, 22, 45) 100%
  );
  background: linear-gradient(
    180deg,
    rgba(11, 22, 45, 0) 0%,
    rgb(11, 22, 45) 100%
  );
  border-radius: 15px;
}
.sing-gallary img {
  height: 300px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  border-radius: 15px;
}
.sing-gallary p {
  position: absolute;
  width: 100%;
  bottom: 17px;
  z-index: 2;
  color: #fff;
  font-weight: 600;
  text-align: center;
}
.gallary-modal .modal-content {
  border-radius: 15px !important;
}
.gallary-modal .modal-header {
  border-radius: 15px 15px 0 0 !important;
}
/* Gallary Modal End */
/* Description */
.section-margin-top {
  margin-top: 50px;
}
.rl-description p {
  line-height: 28px;
  color: #69696a;
  margin-top: 13px;
  font-size: 15px;
  font-weight: 400;
  font-family: var(--font-family-inter);
}
.details-card h3 {
  line-height: 48px;
}
/* Address  */
.btn-direction {
  padding: 15px 31px;
  background-color: var(--color-2);
  border-radius: 8px;
  color: #fff !important;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
}
.address-type {
  border-top: 1px solid #d4d4d4;
}
.address-type ul {
  width: 46%;
  margin-top: 14px;
}
.address-type li {
  color: #0b162d;
  font-weight: 600;
  font-size: 18px;
  padding: 16px 0;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
  line-height: 28px;
}
.f-28 {
  font-size: 28px !important;
  margin-bottom: 0;
}
.address-type li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.address-type li span {
  float: right;
  color: #9098a4;
  font-weight: 400;
  font-size: 15px;
  font-family: var(--font-family-inter);
}
/* Map */
.rl-map iframe {
  border-radius: 0;
  height: 450px;
  width: 100%;
}
/* Details  */
.details-card {
  padding: 20px;
}
/* Amentities */
.real-amentities {
  margin-top: 30px;
}
.antry-amen {
  text-align: center;
  background-color: #f2f2f2;
  padding: 20px;
  border-radius: 6px;
}
.amen-icon {
  width: 78px;
  height: 78px;
  line-height: 78px;
  color: #fff;
  background-color: var(--color-2);
  font-size: 30px;
  display: inline-block;
  border-radius: 50%;
}
.amen-text {
  font-size: 18px;
  font-weight: 600;
  margin: 5px 0 0;
  margin-top: 17px;
}
.more-amentities a {
  color: #0b162d;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.more-amentities span {
  width: auto;
  height: auto;
  line-height: 1.2;
  background-color: transparent;
  color: #0b162d;
  font-size: 22px;
  padding-top: 25px;
  font-weight: 700;
  display: inline-block;
}
.real-amentities .more-amentities {
  background-color: transparent;
  border: 1px solid #e6e6e6;
  height: 100%;
}
.rel-modal .modal-header {
  border-bottom: 1px solid #e6e6e6;
  background: #f1f1f1;
  padding: 18px 30px;
  border-radius: 15px 15px 0 0;
}
.rel-modal .modal-content {
  border-radius: 15px;
}
.rel-modal .modal-title {
  text-align: center;
  width: 100%;
  font-size: 24px !important;
}
.rel-modal .btn-close {
  line-height: 1;
  color: #707070;
  background: #dbdbdb;
  border-radius: 50%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.modal-antry-amen {
  padding: 40px;
}
/* Floor Area */
.floor-area {
  margin-top: 30px;
}
.single-floor {
  background-color: #fff;
  margin: 0 5px 20px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.08);
  padding: 3px;
}
.single-floor img {
  width: auto;
  max-width: 100%;
  height: 123px;
}
.floor-plan .owl-nav .owl-prev,
.floor-plan .owl-nav .owl-next {
  position: absolute;
  top: 47%;
  height: 42px;
  width: 42px;
  line-height: 42px;
  background-color: #fff !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.floor-plan .owl-nav .owl-prev {
  left: 21px;
}
.floor-plan .owl-nav .owl-next {
  right: -22px;
}
.floor-plan .owl-nav .owl-prev:hover,
.floor-plan .owl-nav .owl-next:hover {
  background-color: var(--primary-color) !important;
  color: #fff;
}
.floor-area .owl-nav.disabled {
  display: block !important;
}
/* Vedio Area */
.real-vedio-tab .nav-pills .nav-link.active,
.real-vedio-tab .nav-pills .show > .nav-link {
  background-color: var(--color-2);
}
.real-vedio-tab .nav-pills .nav-link {
  border-radius: 0;
  background-color: #0b162d;
  color: #fff;
  padding: 10px 25px;
}
.antry-real-vedio {
  position: relative;
  z-index: 1;
}
.antry-real-vedio:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 15px;
}
.antry-real-vedio img {
  height: 325px;
  border-radius: 15px;
}
.vedio-link {
  position: absolute;
  background: #fff;
  color: var(--color-2) !important;
  display: inline-block;
  width: 60px;
  text-align: center;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.vedio-link:before {
  width: 80px;
  height: 80px;
  border: 2px solid #fff;
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
/* Near By Area */
.nearby-area h3 {
  margin-bottom: 30px;
}
.map-item {
  background: #e8ffe8;
  border-radius: 10px;
}
.map-resturent {
  background-color: #ffd4d1 !important;
}
.map-hospital {
  background-color: #e8f4ff;
}
.map_a_new {
  text-align: center;
  background-color: #e8f4ff;
}
.map_a_new a {
  text-align: center;
}
.map-item a svg {
  margin-top: 60px;
  margin-bottom: 40px;
}
.map_a_new span svg {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 7px;
}
.map-item img {
  height: 179px;
  width: 100%;
  object-fit: cover;
  padding: 28px;
}
.map-item span {
  display: block;
  background: #00aa6c;
  text-align: center;
  padding: 10px;
  color: #fff;
  font-weight: 600;
  border-radius: 0 0 10px 10px;
}
.map-item:not(:last-child) {
  margin-right: 20px;
}
.map-item:nth-child(2) span {
  background-color: #ff6b24;
}
.map-item:nth-child(3) span {
  background-color: #07bbb5;
}
/* NearBY Tab */
.nearBy-modal .modal-dialog {
  max-width: 840px;
}
.ct-nav-control li .nav-link i,
.nearBy-modal .modal-title i {
  width: 35px;
  height: 35px;
  line-height: 35px;
  background-color: #0064d2;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  border-radius: 50%;
}
.antrytab-manage iframe {
  height: 490px;
  width: 100%;
}
.nearBy-modal .modal-body {
  padding: 0;
}
.tab-wiget li {
  padding: 12px;
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.tab-wiget li:hover {
  background-color: rgba(146, 146, 146, 0.12);
}
.tab-wiget li:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: #0064d2;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.tab-wiget li:hover:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.tab-wiget li.active:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.tab-wiget li.active {
  background-color: rgba(146, 146, 146, 0.12);
}
.tab-wiget li span {
  width: 26px;
  height: 26px;
  line-height: 26px;
  background-color: #0064d2;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-size: 10px;
  border-radius: 50%;
  margin-right: 10px;
}
.ct-nav-control ul {
  border-top: 1px solid #d4d4d4;
  padding-bottom: 5px;
  padding-left: 5px;
}
.ct-nav-control .nav-item {
  border: 1px solid #fff;
  padding: 10px 0;
}
.ct-nav-control .nav-item:hover {
  border: 1px solid var(--primary-color);
}
.ct-nav-control li .nav-link {
  background-color: transparent;
  color: #0b162d;
}
.ct-nav-control li .nav-link span {
  width: 32px;
  height: 32px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
  background-color: #eee;
  font-size: 12px;
  font-weight: 500;
  border-radius: 50%;
  margin-left: 15px;
}
.ct-nav-control .nav-pills .nav-link.active,
.ct-nav-control .nav-pills .show > .nav-link {
  background-color: transparent;
  color: var(--primary-color);
}
.res-colors i {
  background-color: #ff6b24 !important;
}
.hos-color i {
  background-color: #07bbb5 !important;
}
/* Agent Details */
.rel-agent-det {
  margin-top: 27px;
  padding-top: 30px;
  border-top: 1px solid #d4d4d4;
}
.rel-ag-img img {
  height: 147px;
  width: 139px;
  border-radius: 5px;
  object-fit: cover;
}
.rel-ag-text h6 {
  font-size: 16px;
  color: #0b162d;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.ag-ratings {
  font-size: 15px;
  margin-bottom: 20px;
}
.ag-ratings span {
  color: #0b162d;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 18px;
  display: inline-block;
}
.ag-ratings span i {
  font-size: 15px;
  color: var(--color-2);
  margin: 0 6px;
}
.list-clear li {
  color: #0b162d;
  font-size: 15px;
  margin-bottom: 5px;
}
.list-clear li span {
  color: #69696a !important;
}
.ava-brand img {
  margin-left: 40px;
  height: 46px;
}
.property-form {
  margin-top: 40px;
}
.dot-title {
  padding-left: 20px;
  font-weight: 500;
  color: #0b162d;
  position: relative;
}
.dot-title:before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  background-color: #d4d4d4;
  border-radius: 50%;
  top: 9px;
  left: 0;
}
.property-form form {
  margin-top: 20px;
  padding-top: 27px;
  border-top: 1px solid #d4d4d4;
}
.property-form .form-label {
  font-size: 14px;
  margin-bottom: 9px;
  color: #0b162d;
}
.property-form .form-control {
  font-size: 14px;
  padding: 13px 20px;
  color: #929292;
  border-radius: 8px;
}
.property-form .form-control::-webkit-input-placeholder {
  color: #929292;
}
.property-form .form-control::-moz-placeholder {
  color: #929292;
}
.property-form .form-control:-ms-input-placeholder {
  color: #929292;
}
.property-form .form-control::placeholder {
  color: #929292;
}
.property-form .form-control:focus {
  box-shadow: none;
  border-color: var(--color-2);
  background-color: transparent;
}
.property-form textarea {
  resize: none;
}
.property-form .btn2 {
  padding: 13px 30px;
  background-color: var(--color-2);
  font-size: 14px;
  border: transparent;
  border-radius: 6px;
}
/* Review Area */
.attach-photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}
.attach-photo p {
  color: #69696a;
  font-size: 14px;
}
.attach-photo .form-label {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #69696a;
  font-size: 14px;
  padding: 7px 18px;
  background-color: #ececec;
}
.attach-photo .form-label i {
  margin-right: 5px;
}
.vbox-close {
  top: 24px;
  right: 35px;
}
/* Sidebar Date Tour  */
.rel-side-wiget {
  background-color: #fff;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 20px;
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
  left: 0;
  border-radius: 15px;
}
.rel-side-wiget .rl-title {
  margin-bottom: 10px;
}
.rel-side-wiget h3 {
  color: #0b162d;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}
.tour-type h4 {
  color: #0b162d;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 15px;
  margin-top: 30px;
}
.tour-type .nav {
  flex-wrap: nowrap;
  gap: 15px;
  margin-bottom: 5px;
}
.tour-type .nav-item {
  width: 50%;
}
.tour-type .nav-link {
  padding: 14px 24px;
  margin-right: 12px;
  border: 1px solid #c8c8c8;
  color: #0b162d;
  font-size: 15px;
  font-weight: 600;
  width: 100%;
  border-radius: 8px;
}
.tour-type .nav-item i {
  margin-right: 5px;
}

.tour-type .nav-item svg {
  margin-right: 5px;
  margin-top: -2px;
}
.tour-type .nav-pills .nav-link.active,
.tour-type .nav-pills .show > .nav-link {
  border-color: var(--color-2);
  border-radius: 10px;
}
.tour-type .nav-pills .nav-link.active svg path,
.tour-type .nav-pills .show > .nav-link svg path {
  fill: #ffffff;
  stroke: var(--primary-color);
}
.schdule-form .form-control {
  padding: 13px 17px;
  font-size: 14px;
  color: #808697;
  border-radius: 10px;
  margin-bottom: 16px;
  font-family: var(--font-family-inter);
}
.schdule-form .form-control::-webkit-input-placeholder {
  color: #808697;
}
.schdule-form .form-control::-moz-placeholder {
  color: #808697;
}
.schdule-form .form-control:-ms-input-placeholder {
  color: #808697;
}
.schdule-form .form-control::placeholder {
  color: #808697;
}
.schdule-form .form-control:focus {
  box-shadow: none;
  border-color: var(--color-2);
  background-color: transparent;
}
.schdule-form textarea {
  height: 98px;
  resize: none;
}
.schdule-form .submit-btn {
  margin-top: 10px;
  padding: 15px 60px;
  background-color: var(--color-2);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  width: 100%;
  text-align: center;
  border: none;
  font-weight: 500;
  border-radius: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.schdule-form .submit-btn:hover {
  background-color: #0b162d;
  color: #fff;
}
.date-select {
  margin-bottom: 30px;
}
.date-select .form-control {
  padding: 13px 17px;
  font-size: 14px;
  font-weight: 400;
  background: #fff;
  color: #808697;
  border-radius: 10px;
}
.date-select .form-control:focus {
  box-shadow: none;
  border-color: var(--color-2);
  background-color: transparent;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: var(--primary-color);
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: var(--color-2);
  border-color: var(--color-2);
}
.flatpickr-current-month span.cur-month,
.flatpickr-current-month input.cur-year {
  font-size: 14px;
}
.flatpickr-weekdays span.flatpickr-weekday {
  font-size: 12px !important;
}
.related-head h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
.related-pro-area .owl-nav .owl-prev,
.related-pro-area .owl-nav .owl-next {
  position: absolute;
  top: -90px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  background-color: #fff !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.related-pro-area .owl-nav .owl-prev {
  right: 65px;
}
.related-pro-area .owl-nav .owl-next {
  right: 0;
}
.related-pro-area .owl-nav .owl-prev:hover,
.related-pro-area .owl-nav .owl-next:hover {
  background-color: var(--color-2) !important;
  color: #fff;
}
.pb-100 {
  padding-bottom: 100px;
}
/*********  Details Page Css End ***********/
/***** Real State Page Css End
**************************************************/
/************ Footer   Area  Start  
***************************************************/
.footer-area {
  background-color: #0b162d;
  padding-top: 80px;
  padding-bottom: 40px;
}
.contact li a {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #c6c6c8;
  font-family: var(--font-family-popins);
  font-size: 15px;
  font-weight: 500;
}
.contact li {
  margin-bottom: 25px;
}
.contact li i {
  margin-right: 5px;
}
.contact li span {
  margin-top: -4px;
  /* word-wrap: break-word;
  overflow: auto; */
}
.single-footer h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 31px;
  color: #ffffff;
}
.footer-menu-link li a {
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  color: #c6c6c8;
  margin-bottom: 16px;
  display: inline-block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-family: var(--font-family-inter);
}
.footer-menu-link li a:hover {
  color: var(--primary-color);
}
.single-footer p,
.contact-num {
  color: #c6c6c8;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 23px;
  font-family: var(--font-family-popins);
  font-weight: 500;
}
.social-link {
  margin-top: 28px;
  margin-top: 2.8rem;
  
}
.social-link ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.social-link li {
  margin-left: 25px;
}
.social-link li a {
  height: 30px;
  width: 30px;
  line-height: 30px;
  background-color: #515660;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  color: #bec3cc;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.social-link li a:hover {
  background-color: var(--primary-color);
  color: #fff;
}
.single-footer img {
  height: 50px;
  margin-bottom: 23px;
}
.curency-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.curency-area .form-select {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  background-color: #282d38;
  background-image: url("../images/polygon.png");
  background-size: 10px;
  border: none;
}
.curency-area .form-select:focus {
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}
.left-curency {
  position: relative;
}
.left-curency:after {
  position: absolute;
  content: "";
  bottom: 1px;
  right: -8px;
  width: 1px;
  height: 28px;
  background-color: #fff;
}
.right-curency {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.right-curency img {
  height: 18px;
  margin: 0 6px;
}
.right-curency .form-select {
  background-position: 80px;
  cursor: pointer;
}
.footer-bottom-content {
  border-top: 1px solid #68696b;
  margin-top: 70px;
}
.footer-bottom-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 40px;
}
.footer-bottom-link li {
  position: relative;
}
.footer-bottom-link li:after {
  content: "";
  top: 4px;
  right: 0;
  margin: auto;
  position: absolute;
  width: 2px;
  height: 20px;
  background-color: #707070;
}
.footer-bottom-link li:last-child:after {
  display: none;
}
.footer-bottom-link li:last-child {
  border: none;
}
.footer-bottom-link a {
  color: #fff;
  margin: 0 15px;
  font-size: 18px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.footer-bottom-link a:hover {
  color: var(--primary-color);
  text-decoration: underline;
}
.copyright-text {
  text-align: center;
  margin-top: 30px;
}
.copyright-text p {
  font-size: 15px;
  color: #fff;
}
.des {
  max-width: 300px;
}
.copyright-text p a {
  color: #fff;
}
/************ Footer   Area  End   
*************************************************************/

.property-price {
  color: #0b162d;
  font-weight: 600;
  font-size: 24px;
  margin-top: 10px;
}

model-viewer {
  width: 100% !important;
  height: 300px !important;
}

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

/* Listings css start */

.real-pagi .product-entry {
  margin: 0;
  border-radius: 9px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  height: 100%;
}
.estate-product .product-entry {
  border-radius: 15px;
  margin: 4px;
}
.product-entry .product-img span {
  top: 24px;
  left: 24px;
}
.product-details .wishlist {
  position: absolute;
  right: 23px;
  top: -31%;
  background: #f96d6d;
  color: #fff;
}
.product-entry .product-img img,
.real-pagi .product-img img {
  border-radius: 20px;
  padding: 15px;
}

.antry_list_price {
  margin-top: 15px;
  text-align: right;
}
.list_price {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.deltext {
  font-size: 18px;
  font-weight: 600;
  color: #69696a;
  margin-top: 4px;
  display: inline-block;
}
.product-entry .product-details {
  padding: 0 17px 17px 17px;
  position: relative;
}
.product-entry .product-meta {
  margin-bottom: 0;
}
.product-entry .product-location {
  padding: 0 17px 17px 17px;
}
.product-entry .product-meta-item {
  position: relative;
}
.product-entry .product-meta-item:after {
  position: absolute;
  content: "";
  top: 0;
  right: -13px;
  height: 100%;
  width: 1px;
  background: #9f9b9e;
}
.product-entry .product-meta-item:last-child:after {
  display: none;
}
.product-entry .product-meta-item svg {
  width: 20px !important;
  height: 20px !important;
}
/* List View Page */
.list-product-entry .product-details {
  padding: 17px 17px 12px 0 !important;
}
.list-product-entry .product-details .wishlist {
  position: inherit;
}
.list-product-entry .product-location {
  padding: 17px 0 0 0;
}
.sidebar-area .filter-area img {
  width: 21px;
  height: 21px;
}
.sub-header {
  padding: 1rem 0;
}
.title-listing {
  border-bottom: none;
  border-radius: 15px !important;
  box-shadow: none;
  background-color: transparent;
}
.sidebar-area {
  border-radius: 15px;
}
.filter-area {
  border-radius: 0;
  background: #187acd;
}
.map-filter {
  flex-direction: column;
  justify-content: flex-start;
  padding: 0;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  background-color: #fff;
}
.map-filter span {
  padding: 10px 22px;
  width: 100%;
  display: inline-block;
  border-radius: 15px 15px 0 0;
}
#map {
  height: 550px !important;
  border-radius: 0 0 12px 12px;
}
.product-grid-post {
  margin-top: 35px;
}
.single-city-card img {
  padding: 10px;
  border-radius: 20px;
  height: 200px;
}
.single-city-card .card {
  border-radius: 15px;
  background-color: #fff;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.city-over-text {
  top: 20px;
  left: 22px;
}
.single-city-card h5 {
  margin-top: 0;
}

/* Footer Area  Css */
.curency-area .nice-select .list,
.curency-area .nice-select.open .list {
  color: #909090;
  font-size: 14px;
  font-weight: 500;
  width: 82px;
  border-radius: 8px;
}
.curency-area .nice-select {
  background-image: none;
}
.right-curency .nice-select .list,
.right-curency .nice-select.open .list {
  width: 112px !important;
}
.left-curency .form-select {
  width: 75px;
}
.curency-area .nice-select:after {
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  height: 9px;
  right: 10px;
  width: 9px;
}
.right-curency .nice-select:after {
  right: 0;
}
.curency-area {
  gap: 30px;
}
.left-curency:after {
  bottom: 3px;
  right: -13px;
  height: 20px;
  background-color: #939495;
}
.curency-area .nice-select .option {
  line-height: 30px;
  min-height: auto;
  margin: 7px;
  border-radius: 5px;
}
.curency-area .nice-select .option:hover,
.curency-area .nice-select .option.focus,
.curency-area .nice-select .option.selected.focus {
  background-color: #282d38 !important;
  color: #fff;
}
.newslater-form {
  background: #fff;
  border-radius: 10px;
  position: relative;
  padding: 12px 11px;
  margin-top: 20px;
  border-radius: 27px;
}
.newslater-form .n_btn {
  position: absolute;
  top: 0px;
  right: 0;
  border: none;
  background: #007bff;
  padding: 13px 25px;
  margin: 3px 5px;
  border-radius: 50px;
  font-size: 14px;
  color: #fff;
  box-shadow: none !important;
  /* box-shadow: 0px 3px 16px 3px rgba(255, 255, 255, 0.94);
  -webkit-box-shadow: 0px 3px 16px 3px rgba(255, 255, 255, 0.94);
  -moz-box-shadow: 0px 3px 16px 3px rgba(255, 255, 255, 0.94); */
}

.newslater-form .form-control {
  background: none;
  font-size: 15px;
  font-size: 500;
  font-family: var(--font-family-inter);
  border: none;
  color: rgba(144, 152, 164, 1);
}
.newslater-form .form-control::placeholder {
  color: rgba(144, 152, 164, 1);
}
.form-control:focus {
  box-shadow: none;
}
.follow-text {
  color: #fff;
  margin-right: 31px;
  font-weight: 500;
}
.footer-bottom-link li:after {
  display: none;
}
.social-link li a {
  height: inherit;
  width: auto;
  line-height: auto;
  background-color: transparent;
  color: #fff;
}
.social-link li a:hover {
  background: transparent;
  color: #007bff;
}
.footer-bottom-link a {
  font-size: 16px;
}
.single-footer span i,
.single-footer p i {
  margin-right: 5px;
}

/* Header Popular Css */
.single-header-bar .nice-select .option {
  margin: 10px;
  border-radius: 5px;
  font-size: 13px;
  color: #909090;
  line-height: 33px;
  min-height: auto;
}
.single-header-bar .nice-select .option:hover,
.single-header-bar .nice-select .option.focus,
.single-header-bar .nice-select .option.selected.focus {
  background-color: #ededed;
  font-size: 13px;
}

/* Home css */
.bannar-area .nice-select .list,
.bannar-area .nice-select.open .list {
  width: 237px;
  margin-left: -67px;
  padding: 10px 0;
}
.bannar-area .nice-select .list {
  margin-top: 12px;
}
.bannar-search .nice-select .option {
  margin: 0px 10px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 7px;
  line-height: 35px;
}
.bannar_drop {
  margin-top: 36px;
  background-color: #ffffff21;
  padding: 20px;
  border-radius: 10px;
}
.location_h {
  background-position: 79px 13px !important;
}
.bannar-area .bannar-search {
  margin: auto;
}
.bannar-search .nice-select .option:hover {
  background: #007bff17;
  color: #007bff;
}
.bannar-search .nice-select .option:hover,
.bannar-search .nice-select .option.focus,
.bannar-search .nice-select .option.selected.focus {
  background-color: #007bff17;
  color: #007bff;
}
/* Error Page */
.error-parent {
  padding-bottom: 80px;
}
.error_404 img {
  width: 320px;
  margin: auto;
  padding-bottom: 25px;
}
.error_404 h1 {
  font-size: 20px;
  color: #0b162d;
  font-weight: 600;
  margin-bottom: 12px;
}
.error_404 p {
  font-size: 16px;
  color: #939393;
  margin-bottom: 30px;
}
/* New Form Area */
.new_comment {
}
.leave_title {
  font-size: 28px;
  font-weight: 700;
  color: #0b162d;
  line-height: 48px;
}
.leave_title {
}
.new_form_comment {
  box-shadow: none;
  background-color: transparent;
  padding: 0;
  margin-top: 30px;
}
.multiple_antry {
  display: flex;
  gap: 20px;
}
.s_single_antry {
  width: 100%;
}
.s_single_antry label {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 16px;
  font-weight: 500;
  color: #0b162d;
}
.s_single_antry .form-select,
.s_single_antry .form-control {
  font-size: 15px;
  font-weight: 400;
  color: #9098a4;
  font-family: var(--font-family-inter);
  padding: 14px 27px;
  border-radius: 10px;
  margin-bottom: 28px;
}
.s_single_antry .form-select {
}
.submit_btn {
  font-size: 15px;
  border-radius: 8px;
  padding: 15px 31px;
  font-weight: 600;
}
.s_single_antry .form-select {
  background-image: url("../images/arraow.png");
  background-size: 12px 7px;
}

.new_review {
}
.new_review .title-head h4 {
  font-size: 28px;
  font-weight: 700;
  line-height: 48px;
}
.new_review .cl-review-head {
  margin-bottom: 30px;
}
.new_review .title-head span {
}
.new_review .cl-review-head a {
  padding: 15px 26px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 8px;
}
.new_box {
  align-items: flex-start;
}
.new_box img {
}
.new_box .avator-content {
}
.new_box .avator-content h4 {
  font-size: 20px;
  font-weight: 600;
  color: #0b162d;
  line-height: 30px;
  margin-bottom: 0;
}
.new_box .avator-content span {
  font-size: 14px;
  font-family: var(--font-family-inter);
  color: #9098a4;
  font-weight: 400;
  margin-bottom: 10px;
  display: inline-block;
  line-height: 28px;
}
.new_box .avator-content p {
  font-size: 15px;
  font-family: var(--font-family-inter);
  color: #9098a4;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 20px;
}
.new_box .avator-content a {
  font-size: 12px;
  font-weight: 600;
  padding: 8px 12px;
  border-radius: 8px;
  background-color: var(--primary-color);
  color: #fff;
  display: inline-block;
}
.new_box .avator-content {
  margin-left: 20px;
  margin-top: -6px;
}
.b-review-form .form-select,
.b-review-form .form-control {
  padding: 14px 25px;
  border-radius: 10px;
  font-size: 14px;
}
.b-review-form .form-select {
  color: #929292;
  background-image: url("../images/arraow.png");
  background-size: 12px 7px;
}
.active-color i {
  color: var(--primary-color) !important;
}
.agent_product {
}
.agent_product .product-title {
  font-size: 16px !important;
  line-height: 19px !important;
}
.agent_product .product-location {
  margin-bottom: 6px !important;
}
.agent_product .product-location p {
  font-size: 11px;
  font-weight: 500;
}
.agent_product .l_text {
  font-size: 12px;
  line-height: 22px;
  margin-top: 10px !important;
}
.agent_product .product-meta-item div {
  font-size: 11px;
}
.agent_product .product-img img {
  height: 220px;
}
.l-blog-text strong,
.l-blog-text ol,
.l-blog-text p {
  line-height: 30px;
}
/****************** Install Css    *****************/
.card_entry {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  background-color: #ffff;
  border: none;
  border-radius: 5px;
  padding: 10px;
}
.ins-four {
  font-size: 16px;
  margin-bottom: 20px;
}
.panel-body ol li {
  margin-bottom: 10px;
}
.btn_01 {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 7px;
}
.ins .ins-four {
  margin-bottom: 10px;
}
.new_form .form-control {
  padding: 7px 18px;
  font-size: 15px;
  border-radius: 5px;
}
.control-label {
  padding-bottom: 10px;
  font-size: 14px;
}
.f-14 {
  font-size: 14px;
}
.select_con {
  padding: 7px 18px;
  font-size: 15px;
  border-radius: 5px;
}

/* About section CSS  */

.about {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.aboutImg {
  width: 30rem;
  display: flex;
  justify-content: center;
}
.aboutImg > img {
  width: 100%;
}

.aboutText > p {
  width: 100%;
  /* color: rgb(119, 113, 113); */
}
.buttonAbout {
  padding: 10px 20px;
  cursor: pointer;
  transition: background-color 0.3s;
  font-weight: bold;
  border-radius: 0.3rem;
}
.buttonAbout:hover {
  background-color: rgb(116, 116, 207);
  border-radius: 0.3rem;
  color: #ffffff;
}
.buttonAbout:hover  a{
 
  color: #ffffff;
}
.new_header_right ul li a span:hover {
  color: #ffffff;
}

.aboutContent {
  width: 30rem;
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
}
.container {
  display: block;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  height: 100%;
  margin: 0 auto;
}
.contentSection {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  height: 27rem;
  width: 15rem;
}

.SectionPera {
  color: rgb(119, 113, 113);
  font-family: "Fira Sans", sans-serif;
}

.cart {
  background-image: url("https://media.istockphoto.com/id/1402485839/photo/green-blurred-nature-background.webp?b=1&s=612x612&w=0&k=20&c=f4HpyXYygEoZ3lmU6I8OF8RyuWfanZovKTFQNjOIlx4=");
  background-size: cover;
  background-position: center;
  height: 27rem;
  width: 15rem;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: end;

  color: white; /* Set text color to contrast with the background */
  border-radius: 0.4rem;
}
.bg1 {
  background-image: url("/../public/assets/uploads/explore Property/Group 81871.png ");
  /* transition: background-color 0.3s, opacity 0.3s; */
  opacity: 1;
}
.bg2 {
  background-image: url("/../public/assets/uploads/explore Property//Group 81872.png");
}
.bg3 {
  background-image: url("/../public/assets/uploads/explore Property/Group 81873.png");
}

.content {
  text-align: center;
  margin-bottom: 20px;
  margin-left: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: start;
  color: rgb(255, 255, 255);
}   

.bBg1 {
  background-image: url("/../public/assets/uploads/explore Property/Group 81874.png");
}
.bBg2 {
  background-image: url("/../public/assets/uploads/explore Property/Group 81874.png");
}
.bBg3 {
  background-image: url("/../public/assets/uploads/explore Property/Group 81876.png");
}

/* .contactUs{
  background-color: #000 !important;
} */

.contactUs {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;

  /* background-size: conta? ; */
}

.clrSvg {
  /* background-color: #007BFF; */
  padding-top: 8px;
}

.rounded {
  display: flex;
  justify-content: center;
  align-items: center;
}

.bg-img-video {
  background-image: url("https://plus.unsplash.com/premium_photo-1678208881799-de004d307379?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OXx8cmVhbCUyMGVzdGF0ZXxlbnwwfHwwfHx8MA%3D%3D");
  background-size: contain;
  background-repeat: no-repeat;
}

.bg-img-video2 {
  background-image: url("https://plus.unsplash.com/premium_photo-1679941667189-76560e683a31?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTd8fHJlYWwlMjBlc3RhdGV8ZW58MHx8MHx8fDA%3D");
  background-size: contain;
}

.bg-img-video3 {
  background-image: url("https://media.istockphoto.com/id/1435998461/photo/sales-representatives-hand-out-the-house-keys-to-customers-after-signing-a-contract-to-buy-a.webp?b=1&s=170667a&w=0&k=20&c=B7aD3dQ2WEEIGHXQ3E2ww78cyLlqHhJfA0_DyOKzO2U=");
  background-size: contain;
}

.single-building > img {
  margin-top: -38px;
}

.for-buyer-and-seller-section {
  /* background-color: #FFFFFF; */
}

.aboutBuyerSeller > .container > .row {
  width: 100%;
}

/* contact us  */

.contacForm {
  display: grid;
  gap: 1rem;
}

.direction {
  justify-content: center;
}

.direction-container {
  display: flex;
  gap: 1rem;
  width: 90%;
}

.contacForm {
  background: #ffffff;
  z-index: 1;
  width: 500px;
  /* height: 520px; */
  display: grid;
  font-size: 13px;
  /* justify-content:center;
  align-content:center; */
}

.form-box-shadow {
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* gap: 1rem; */
  padding: 2rem;
}

.contact-bg-img {
  background-image: url("/../public/assets/uploads/bannar/Group81879.png");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
}

.ExploreBuilding {
  background-color: aliceblue;
}

/* Responsive CSS for Home Page */

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




  /* for Listing Page  */
  .product-entry {
    flex-direction: column;
}

  .pqrs {
    flex-direction: column;
}

.first-slot-properties.sm {
    width: 100%!important;
}

.second-slot-properties {
    width: 100%!important;
}

.hwf{
    width: 100% !important;
    height: auto;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    margin: 6px 0px;
    padding: 15px 0px;
}


.cart-for-property-mob-v {
    width: 100% !important;
}

.product-entry .product-details {
    padding: 0 0px 5px !important;
}


/* Listing page end  */

  .search-bar-width {
    width: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .for-left-post-f-p.col-5 {
    width: 100% !important;
}

.for-right-post-f-p.col-5 {
    width: 400px !important;
}
  .bannar-search button {
    border-radius: 0;
  }
  .bannar-area .bannar-search {
    margin: auto;
    padding: 20px;
  }

  .new_antrygallary {
    margin-top: 50px !important;
  }
}

/* Buyer Section CSS Start  */

.drop-1 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: 1px solid #d4d4d4;
}

.search-filter-input {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  border: none !important;
}

img {
}

.filter-header {
  display: flex;
  justify-content: center;
  align-items: center;

  /* gap: 10px; */
}

.search-filter-input > input[type="text"] {
  width: 235px;
  border: none;
  background: #eef6ff;
  outline: none;
}

input::placeholder {
  font-size: 14px;
}

.header-dropdown {
  border: 1px solid #d4d4d4;
  padding: 5px;
  display: flex;
  justify-content: center;
  background: #eef6ff;
  font-size: 14px;
  font-family: "Lato";
  font-weight: 400;
}

.drop-6 {
  display: flex;
  justify-self: self-start;
  cursor: pointer;
}

.buyers-data {
  display: flex;
  gap: 7px;
  margin: 20px 0 20px 0;
}

.button-buyes-data {
  width: 115px;
  height: 39px;
  padding: 10px;
  background: #eef6ff;
  border: 1px solid #d4d4d4;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-family: "Lato";
  border-radius: 2px;
  transition: all 0.3s ease;
}

.button-buyes-data:hover {
  background-color: #187acd;
  color: #ffffff;
}

.location-agent {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}

.agent-location-btn {
  display: flex;
  justify-content: end;
  gap: 7px;
}

.agent-location-inner-btn {
  border: 1px solid #d4d4d4;
  padding: 5px;
  height: 39px;
  display: flex;
  justify-content: center;
  background: #eef6ff;
  font-size: 14px;
  font-family: "Lato";
  display: flex;
  font-weight: 400;
  justify-content: center;
  align-items: center;
}

.agent-in-location-text {
  font-size: 16px;
  font-weight: 700;
  font-family: "Lato";
}

.cart-for-agent {
  width: 694px;
  height: 280px;
  background: #ffffff;
  box-shadow: 0px 2px 4px 0px #c6d1e1 !important;
  border-radius: 10px;
  display: flex;
  gap: 43px;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}

.agent-img.col-lg-4 {
  width: 225px;
  height: 215px;
}
.agent-img > img {
  width: 100%;
  height: 100%;
  min-height: 42px !important;
}
.agent-details {
  width: 400px;
  height: 215px;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  gap: 15px;
  color: #4d4d4d;
}

.cart-agent-data {
  display: flex;
  align-items: center;
  gap: 7px;
}

.agent-name {
  font-family: Lato;
  font-weight: 700;
  color: #000000;
  width: 100%;
 
}

.agent-cart-btn {
  width: 109px;
  height: 39.34px;
  border-radius: 2px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.agent-cart-btn-2 {
  width: 156px;
  height: 39.34px;
  border-radius: 2px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.cart-rating-box {
  width: 28px;
  height: 17px;
  background: #f29f05;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: #ffffff;
  border-radius: 3px;
}
img.star-icon {
  width: 44% !important;
}

.agent-list-on-working {
  width: 379px;
  height: 100%;
  box-shadow: 0px 2px 34px 0px #c6d1e1;
  border-radius: 5px;
  color: #4d4d4d;
  cursor: pointer;
}

.agent-top-list-ratings-Transaction {
  width: 369px;
  height: 86px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  box-shadow: 0px 4px 4px 0px #00000012;
}
.agent-ranking {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1rem;
}
.agent-name-img {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 1rem;
}

section.Agent-profile.agent-rating {
  margin-bottom: 10rem;
}

.line-bitween-ranking {
  width: 95%;
  height: 1px;
  background: #d4d4d4;
  margin: 10px;
}
/* :focus */

.property-filter-drop {
  display: flex;
  justify-content: end;
}

.filter-property {
  width: 199px;
}

.filter-container {
  width: 190px;
  height: 49px;
}
#Properties {
  display: block;
}
#Agents {
  display: none;
}

.filterBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  border: 1px solid #d4d4d4;
  padding: 10px;
}

.cart-for-property {
  width: 1127px;
  height: 306px;
  box-shadow: 0px 2px 34px 0px #c6d1e1;
  background: #ffffff;
  margin-bottom: 40px;
  border-radius: 10px;
  display: flex;
}

.property-img-section {
  width: 421px;
  height: 306px;
  border-radius: 10px;
  position: relative;
  display: flex;
}

.property-pic {
  width: 100%;
  height: 100%;
  min-height: 42px !important;
  position: relative;
}
img.add-more-img-icon {
  position: absolute;
  top: 3%;
  left: 2%;
  z-index: 1;
}

.property-details-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 15px;
  font-size: 14px;
  color: #4d4d4d;
}

.new-view-properties {
  display: flex;
  position: absolute;
  top: 2%;
  right: 1%;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 33px;
  background: #187acd;
  border-radius: 10px;
  gap: 5px;
  color: #ffffff;
  font-family: "Lato";
  font-weight: 800;
  font-size: 12px;
}

.seen-properties-img {
  display: inline-flex;
  align-items: center;
}
.comman-flex-for-properties {
  display: flex;
  align-items: center;
  gap: 4px;
}

.property-main-location {
  font-size: 14px;
  font-weight: 700;
  font-family: "Lato";
}
.property-price {
  font-size: 20px;
  color: #187acd;
}
.for-gap-property {
  display: flex;
  gap: 20px;
}
.property-line-bitween-cart {
  width: 98%;
  height: 1px;
  background: #d4d4d4;
}
.owner-picture {
  width: 30px;
  height: 30px;
  background-image: url("/../public/assets/uploads/buyer-section/Ellipse 13.png");
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
}

.owner-all-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  padding: 10px 0;
}

.property-owner-details {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.owner-rating-name {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
  color: #000000;
  font-size: 13px;
  font-family: "Lato";
  font-weight: 700;
}

.preferred-owner {
  width: 120px;
  height: 23px;
  border-radius: 100px;
  border: 1px solid #407bff;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 10px;
  color: #000000;
  font-weight: 400;
  font-family: "Lato";
}

.preferred-owner > img {
  width: 12.02px;
  height: 12.01px;
}

.owner-contact-btn {
  display: flex;
  gap: 9px;
  border: 0.89px;
}
.location-share-properties {
  display: flex;
  justify-content: space-between;
}

.properties-other-details {
  width: 1127px;
  height: 350px;
  box-shadow: 0px 2px 34px 0px #c6d1e1;
  border-radius: 10px;
  background: #ffffff;
  margin-bottom: 3rem;
}
.for-location-type-budget {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ssmds {
  width: 376px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.line-btwn {
  height: 35px;
  width: 1px;
  background: #c6d1e1;
}

.icon-same {
  width: 20px;
  height: 20px;
  display: inline-flex;
}
.same-for-this {
  font-family: "Lato";
  font-weight: 400;
  font-size: 16px;
  color: #000000;
}
.name-same-us {
  font-family: Lato;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
}
.for-facing-size-pic {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.for-pic-of-properties {
  width: 459px;
  height: 246px;
}
.for-pic-of-properties > .img-main-pops {
  width: 100%;
  height: 100%;
}
.for-total-details-about-properties {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /* margin-top: 1rem; */
}

.owner-contact {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.third-slot-properties {
  width: 100%;
  margin-top: 1rem;
}

.hwf {
  width: 98%;
  height: auto;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  margin:0px 6px ;
  margin-bottom: 6px;
  padding: 15px 0px;
}


.first-slot-properties.sm {
  width: 50%;
}

.second-slot-properties {
  width: 50%;
}
.owner-name-rating {
  display: grid;
  gap: 5px;
}

.dropdown-toggle {
  font-size: 15px !important;
}

.property-size-manage {
  width: 140px;
}

.size-manage-All-Localities {
  width: 120px;
}

.size-manage-location {
  width: 90px;
}

.Filter-size-manage {
  width: 110px;
}
.BHK-size-manage {
  width: 70px;
}
.refresh-logo {
  width: 18px;
}

/* map dropdown  */

.map-city-dropdown {
  display: flex;
  justify-content: center;
  align-items: center;
}

.map-city-dropdown > li {
  /* width: 130px !important; */
  padding: 10px;
  margin-right: 0 !important;
}
.city-drop-link-group{
	justify-content: flex-start!important;
    align-items: center!important;
}
.map-city-dropdown > li > a:hover {
  color: #007cc9 !important;
}
.cell.map-country-cell {
  margin-left: 1rem;
}

/*  */

.dropdown:hover .dropdown-menu {
  display: block;
}
.drop-menu-map {
  margin-top: 31rem;
  margin-left: 65rem;
}

.dropdown {
  cursor: pointer;
}

.center-upper-header-data {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* agent section  */

.search-filter-input > input {
  border: none !important;
}

.top-agent {
  width: 15rem;
}

.cart-agent-data > a {
  background-color: transparent !important;
}
.new_header_right > ul > .login-hvr:hover {
  background-color: #187acd !important;
  color: #ffffff !important;
  border-radius: 33px;
  padding: 5px 12px;
  transition: all 0.3s ease;
  color: #ffffff !important;
}
.new_header_right > ul > .login-hvr:hover{
  color: #ffffff !important;
}
select.property_category {
  width: 95%;
  border: 1px solid #dadada !important;
  padding: 7px 0 7px 0 ;
  background: #ffffff;
  outline: none !important;
}
select.property_category::placeholder {
  color: #999;
}

.drop-property-category {
  width: 99%;
  border: 1px solid #dadada !important;
  outline: none !important;
  padding: 7px;
  background: #ffffff;
}
.form-for-add-properties-listing {
  background-color: #000 !important;
}

@media (min-width: 320px) and (max-width: 950px) {
  .cart-for-agent {
    width: max-content;
    height: max-content;
    flex-direction: column; /* Stack items vertically on screens between 368px and 704px */
  }
  .cart-for-property-mob-v {
    width: max-content;
    height: max-content;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .for-facing-size-pic {
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .owner-all-details-mob-v {
    width: 100%;
    height: max-content;
    flex-direction: column;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 2rem;
  }

  .for-pic-of-properties {
    width: 90%;
    height: fit-content;
  }
  .for-pic-of-properties > .property-pic {
    border-radius: 10px;
  }
  .agent-img,
  .agent-details {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 2rem;
    width: 100%; /* Take up full width on screens between 368px and 704px */
  }
  .agent-tab-mob-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

@media (min-width: 704px) and (max-width: 1140px) {
  .agent-tab-mob-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

@media (min-width: 320px) and (max-width: 950px) {
  .agent-tab-mob-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .mobile-property-img {
    width: 70%;
  }
  .for-location-type-budget {
    margin-bottom: 1rem;
  }
}

@media (min-width: 951px) and (max-width: 1075px) {
  .direction-for-tablet-properties {
    display: flex;
    flex-direction: row;
  }

  .owner-all-details-mob-v {
    flex-direction: row;
  }
}
.temporary-label {
  font-weight: bold;
  color: red;
}

span.clrSvg {
  padding: 1rem;
}

/* For Agents Section CSS Start  */
.slider-section-for-agent {
  width: 100vw;
  /* height: 100vh; */
}
.slider {
  overflow: hidden;
  /* width: 100vw; */
  height: 600px;
  position: relative;
}

.slider .slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  animation: slider 12.5s infinite;
}

.slider .slide:nth-child(1) {
  background-image: url("/../public/assets/uploads/bannar/1.jpg");
  animation-delay: 0s;
}

.slider .slide:nth-child(2) {
  background-image: url("/../public/assets/uploads/bannar/2.jpg");
  animation-delay: -2.5s;
}

.slider .slide:nth-child(3) {
  background-image: url("/../public/assets/uploads/bannar/1.jpg");
  animation-delay: -5s;
}

.slider .slide:nth-child(4) {
  background-image: url("/../public/assets/uploads/bannar/2.jpg");
  animation-delay: -7.5s;
}

.slider .slide:nth-child(5) {
  background-image: url("/../public/assets/uploads/bannar/1.jpg");
  animation-delay: -10s;
}

@keyframes slider {
  0%,
  16%,
  100% {
    transform: translateX(0);
    animation-timing-function: ease;
  }
  20% {
    transform: translateX(-100%);
    animation-timing-function: step-end;
  }
  96% {
    transform: translateX(100%);
    animation-timing-function: ease;
  }
}
.slider-content-agent {
  position: absolute;
  z-index: 1;
  top: 20%;
  left: 13%;
  font-size: 60.38px;
  font-family: "lato";
  font-weight: 700;
  color: #ffffff;
}
span.last_text {
  display: inline;
  line-height: 62px;
}
.slider-content-agent {
  line-height: 62px;
}
#scrollBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  cursor: pointer;
}
.scroll-icon {
  position: absolute;
  bottom: 10%;
  left: 48%;
  z-index: 1;
}
.agents-Testimonials {
  /* font-size: 30px; */
  font-family: "Lato";
  font-weight: 600;
}
.review-card-agent-section-centent-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}
.agents-Testimonials > .last_text {
  /* font-size: 30px !important; */
}
.agents-testimonials-section-cart-img {
  display: flex;
  gap: 0.5rem;
}
.agents-testimonials-section-cart-img > img {
  width: 92px;
  height: 60px;
}
.text-bold-agent-cart-sec {
  font-weight: 600;
}
.owner-picture-agent-sec {
  width: 20% !important;
  padding-top: 13px;
}

.center-item-class {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.heading-container {
  font-size: 18px;
  font-weight: 400;
  font-family: var(--font-family-inter);
}
.align-text {
  text-align: center;
}
.for-content-and-imgs {
  display: flex;
  justify-content: center;
  align-items: center;

  gap: 10rem;
}
.for-content-title {
  font-family: Lato;
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0em;
  text-align: left;
}
.content-space {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.img-section-for-agent {
  position: relative;
}
.img-bg-agent {
  width: 98px;
  height: 164px;
  border-radius: 20px;
  background-color: #187acd;
  position: absolute;
  top: 15%;
  right: -4%;
  z-index: -1;
}
.bottom-div {
  left: -1rem !important;
  background: #007cc9 !important;
}
.all-item-center-how-work {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.for-how-it-work-section {
  height: 575.82px;
  background-image: url("/../public/assets/uploads/real_estate/Group81925.png");
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 7rem;
}
.center-item-how-work {
  display: flex;
  justify-content: center;
  align-items: center;
}
.title-how-it-work {
  font-family: Lato;
  color: #ffffff;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 0em;
  text-align: left;
}
.cart-for-how-it-work {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.cart-how-work {
  width: 255px;
  height: 275px;
  border-radius: 10px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: 0.4s ease-out;
}
.manage-img-cart-how-work {
  height: 60%;
  width: 80%;
  /* make changes when seller page create  */
  display: flex;
  justify-content: center;
  align-items: center;
}
.title-how-work-cart {
  font-family: Lato;
  font-size: 19px;
  font-weight: 600;
  line-height: 35px;
  letter-spacing: 0em;
  text-align: center;
}

/* Pricing CSS  */
*,
*::before,
*::after {
  box-sizing: border-box;
}
.text-accent {
  font-size: 3.5rem;
  font-weight: 900;
  text-transform: uppercase;
  margin-top: 1em;
  margin-bottom: 0;
}
.pricing {
  font-family: "Roboto", sans-serif;
  text-align: center;
}
.plan-title {
  font-size: 25px;
  font-weight: 900;
  text-transform: uppercase;
  /* margin-top: 1em; */
  margin-bottom: 0;
}

.text-accent {
  color: #00a1ab;
}

.fs-500 {
  font-family: Inter;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: center;
}

.mb {
  margin-bottom: 0.5em;
}

.plans {
  display: flex;
  justify-content: center;
  flex-wrap: wrap !important;
  margin: 2em 0;
}

.plan {
  width: 29.5rem;
  padding: 1em;
  border-radius: 1em;
  margin: 0 0.5em 1em;
}

.plan--light {
  color: #4e4e4e;
  background: linear-gradient(-45deg, #e5e3e8, #fafafa);
}

.plan--light .plan-price {
  color: #00a1ab;
}

.plan--light .btn {
  color: #fff;
  background: #4e4e4e;
  font-size: 1.5rem;
}

.plan--accent {
  color: #fff;
  background: linear-gradient(-45deg, #00a1ab, #3741a0);
}

.plan--accent .btn {
  color: #4e4e4e;
  background: #fff;
}

.plan-title {
  text-transform: uppercase;
  /* margin: 0 0 1em; */
}

.plan-price {
  margin: 0;
  font-size: 2rem;
  line-height: 1;
  font-weight: 900;
}

.plan-price span {
  display: block;
  font-size: 1.5625rem;
  font-weight: 300;
}

.plan-description {
  margin: .7em 0;
  line-height: 1.5;
  font-size: 1.5rem;
  height: 225px;
  /* text-align: justify; */
}

/* .scale > .btn {
  display: inline-block;
  padding: 0.5em 0.75em;
  border-radius: 0.25em;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 700;
  color: #fff;
  background: #00a1ab;
  transition: 0.3s;
} */

.btn:hover {
  opacity: 0.7;
}

.btn-mb {
  margin-bottom: 3em;
}

.btn--light {
  color: #4e4e4e;
  background: #fff;
}

.btn--dark {
  color: #fff;
  background: #4e4e4e;
}

.scale {
  transform: scale(1, 1);
  transition: transform 0.5s ease;
}

.scale:hover {
  transform: scale(1.1, 1.1);
  z-index: 1;
  color: #fff;
  background: linear-gradient(-45deg, #00a1ab, #3741a0);
  cursor: pointer;
}
.scale:hover .plan-price{
  color: #fff;
}
.scale-how-work:hover {
  transform: scale(1.2, 1.2);
  z-index: 1;
  cursor: pointer;
}
.grow-business-section {
  height: 575.82px;
  background-image: url("/../public/assets/uploads/real_estate/Group 81926.png");
}

.title-gb {
  font-family: Lato;
  font-size: 30px;
  font-weight: 700;
  /* line-height: 72px; */
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
  margin-top: 10px;
}
.gb-pera {
  color: #ffffff;
}
.grow-business-content {
  width: 50%;
  height: 300px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.grow-business-img {
  width: 50%;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.grow-business-img > img {
  height: 100%;
}
.gb-btn > button {
  width: 117px;
  height: 45px;
  border-radius: 4px;
  margin-top: 20px;
  border: 1px solid #ffffff;
  color: #187acd;
  font-family: Lato;
  font-weight: 600;
  background-color: #ffffff;
}

/* Media Query For Laptop Screen 1366px  */

/*  */
/*  */
/*  */
/*  */
/*  */

@media only screen and (max-width: 1366px) {
  .bt-button{
    left: 56px !important;
  }
  ul.dropdown-menu.dropdown-submenu.custom-dropdown{
    padding: 0 !important;
    top: 40px !important;
  }
  li.agnt-drop ul{
    top: 35px!important;
  }
  .real-pagi .product-entry {
    margin: 0;
    padding: 20px 20px 0px 20px !important;
  }
  .btnForAllSecLanding.for-selller-info-btn {
    top: 33% !important;
  }
  .btnForAllSecLanding{
    top: 70% !important;
  }
  .btnForAllSecLanding-agent{
    top: 55% !important;
  }
  .container {
    max-width: 1000px;
    width: 100%;
  }

  .col-md-4 {
    font-size: 12px;
  }

  .new_header_left ul li a img {
    /* max-width: 68%; */
  }
  .primary-menu {
    font-size: 5px !important;
  }
  .mithraFacility {
    font-size: 15px !important;
  }
  .beforeTitleText {
    font-size: 1.5rem;
  }
  .single-building > img {
    max-width: 80%;
  }

  .header-menu .primary-menu li a {
    padding: 7px 10px ;
  }
  .bannar-content span,
  .bannar-content h2 {
    font-size: 4rem !important;
    letter-spacing: 1px;
  }

  /* For Header rotaion  */

  .entry_header_control .header-menu .primary-menu li a {
    padding: 7px 10px !important;
}


  .cart {
    width: 22rem !important;
  }
  /* .col-md-manage {
  width: 48% !important;
} */
  .form-box-shadow {
    /* gap: 1rem !important; */
    padding: 2rem .1rem !important;
  }
  .footer-area {
    padding-top: 5px;
    padding-bottom: 10px !important;
  }
  .footer-bottom-content {
    margin-top: 0 !important;
  }

  .col-md-manage-content {
    width: 61%;
    padding-left: 12px;
  }

  .points-content a {
    margin-top: 10px !important;
    padding: 5px 10px !important;
  }
  .points-image-box {
    /* padding: 5px !important; */
  }
  .forBuyers,
  .forSellers {
    margin-bottom: 10px !important;
  }
  .points-image-row {
    padding: 10px !important;
  }
  .points-content ul li {
    /* margin-bottom: 10px; */
  }
  .points-content h3 {
    margin-bottom: 10px !important;
  }
  .bannar-area {
    padding: 86px 0 !important;
  }
  .bannar_drop {
    margin-top: 0px !important;
    margin-bottom: 20px !important;
  }
  .about {
    margin-bottom: 20px !important;
  }
  .entry_header_control {
    margin-bottom: 155px !important;
    padding-bottom: 0px !important;
  }
  .containerExplore {
    margin: 0px !important;
  }

  .aboutBuyerSeller {
    margin-top: 40px;
  }
  .exploreSection {
    font-size: 2.4rem !important;
  }
  .search-section-upper-lower-laptop {
    margin-bottom: 10px;
  }
  .building-area {
    margin-top: -70px !important;
  }
  .new_header_right ul li a {
    font-size: 15px !important;
  }
  .new_antrygallary {
    margin-top: 200px !important;
    padding: 10px 0 !important;
  }
  .padding-top-for-home-lap {
    padding-top: 20px;
  }
  .button {
    padding: 7px 10px !important;
  }
  .buttonAbout {
    padding: 7px 16px !important;
  }
  .single-building h4 {
    font-size: 17px !important;
    left: 40% !important;
    top: 49% !important;
    padding: 8px 16px !important;
  }
  .entry_header_control .header-menu .primary-menu li a:hover {
    padding: 7px 10px !important;
  }
  .new_header_left ul li {
    margin-right: 0px !important;
  }

  .mithraFacility > div {
    padding: 8px 18px !important;
  }
  .container-header-fixed-for-lap {
    max-width: 1091px !important;
  }
  .row.agent-tab-mob-center {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /* upr header post properties free btn  */
  .drop-for-find-me {
    /* background: #000; */
  }
  .propertyInfo > .col-lg-5 {
    width: 45% !important;
  }

  .product-entry {
    /* display: flex !important; */
    padding: 10px 10px !important;
  }
  .product-entry .product-img img,
  .real-pagi .product-img img {
    /* border-radius: 9px 0 0 9px !important; */
  }
  .real-pagi .product-img img {
    height: 207px !important;
  }

  /*  */
  /*  */
  /*  */
  /*  */
  /*  */
  /*  */
  /*  */

  /* Properties Section Media Query  */

  .for-pic-of-properties {
    width: 50%px;
    height: 246px !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* .hwf {
    width: 187px;
    height: 75px;
  } */
  .btn-2-lap-view-owner-detail {
    width: 132px !important;
    height: 36px !important;
  }
  .btn-1-lap-view-owner-detail {
    width: 63px !important;
    height: 36px !important;
  }
  .owner-dimention-ect-chnge {
    justify-content: unset;
    gap: 2rem;
  }
  .for-pic-of-properties > .img-main-pops {
    width: 85%;
    height: 85%;
  }
  .header-menu .primary-menu li a:hover {
    padding: 7px 10px !important;
  }

  .img-bg-agent {
    top: 13% !important;
    right: -3% !important;
  }
  .data-sec-three {
    margin-bottom: 4rem;
  }


  .listings-wrap .row .product-entry{
    padding: 5px 5px !important;
  }
}
.mb-header__main__postproperty {
  background-color: #187acd !important;
  color: #ffffff !important;
  border-radius: 33px;
  padding: 4px 4px !important;
  transition: all 0.3s ease;
  color: #ffffff !important ;
}
.mb-header__main__postproperty > a {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  background-color: #fff;
  border-radius: 16px;
  padding: 8px 16px;
  color: #303030;
  width: 175px;
}
.mb-header__main__postproperty > a:hover {
  color: #000 !important;
}
.mb-header__main__postproperty > a .badge {
  display: inline-block;
  font-size: 10px;
  color: #303030;
  height: 16px;
  padding: 0 8px;
  border-radius: 8px;
  background-color: #ffc72c;
  margin-left: 4px;
  float: right;
  padding-top: 2px;
  line-height: 12px;
}

.mb-header__main__postproperty > a .badge:hover {
  color: #303030;
}

/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */

@media only screen and (max-width: 767px) and (min-width: 500px) {


  .for-sm-cntnt-sp{
    justify-content: space-around !important;
  }
  .gp-btwn-uh-sm-scrn{
    gap: 1rem !important;
  }
  .col-md-4 {
    width: 33%;
  }
  .single-building {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
   
    opacity: 1;
    transform: translate(0, 0);
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .single-building > img {
    max-width: 78%;
  }
  .single-building h3{
    padding-right: 0px !important;
    font-size: 18px !important;
  }
  .single-building h4 {
    left: 51% !important;
    top: 38% !important;
    font-size: .8rem !important;
  }
  .entry_header_control {
    margin-bottom: 15px !important;
  }
  .new_antrygallary {
    margin-top: 80px !important;
  }

  .aboutImg {
    width: 27rem !important;
  }
  .exploreSection {
    font-size: 2rem !important;
  }
  .aboutText {
    font-size: 13px;
  }
  .cart {
    width: 25rem !important;
  }
  .cart:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
  }
  .contentSection {
    width: 26rem !important;
  }
  .points-image-box {
    width: 75% !important;
  }

  .center-buyer-seller-cart {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .points-image-row {
    padding: 25px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .col-md-manage-content {
    width: 45% !important;
  }
  .points-image {
    width: 45% !important;
    display: flex !important;
    justify-content: center !important;
  }

  .contact-bg-img {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-image: none !important;
  }


}

/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */

@media only screen and (max-width: 1024px) {

  .bt-button button{
    font-size: 14px !important;
    
  }
  .bt-button {
    left: 72px !important;
}
  .btnForAllSecLanding-agent {
    top: 36% !important;
}
  .contact li span {
    word-wrap: break-word;
    overflow: auto;
  }

  .for-only-agent-res-cls {
    top: 52% !important;
}
.slider{
  height: 651px !important;
}
}

/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */

@media only screen and (max-width: 991px) and (min-width: 910px) {
  .cart {
    width: 27rem !important;
  }
  .containerExplore {
    /* justify-content: space-evenly !important; */
    gap: 10rem !important;
  }
}

@media only screen and (max-width: 1240px) and (min-width: 1024px) {
  .contact li span {
    word-wrap: break-word;
    overflow: auto;
  }
  .agent-list-on-working {
    width: 33%;  }

    ul#ex1 li a {
      font-size: 15px;
  }
  ul#ex1 {
    padding: 10px !important;
}

.dropdown-menu{
  padding: 0 !important;
}
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .new_antrygallary {
    margin-top:160px !important;
  }

  .entry_header_control {
    margin-bottom: 100px !important;
    padding-bottom: 0px !important;
  }

  .aboutImg {
    width: 27rem !important;
  }

  .exploreSection {
    font-size: 2rem !important;
  }
  .aboutText {
    font-size: 13px;
  }
  .containerExplore {
    /* justify-content: space-evenly !important; */
    gap: 7rem !important;
  }
  .cart {
    width: 31rem !important;
    height: 55rem !important;
  }
  .contentSection {
    width: 31rem !important;
    height: 55rem !important;
  }

  .points-image-row {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 470px !important;
  }
}

@media only screen and (max-width: 500px) {

  .search-bar-width .single-search{
    justify-content:center;
  }
  .bt-button {
    top: 50% !important;
    left: 111px !important;
}
  .listings-filter #filter_form{
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    align-items: center;
  }
  .listing-btn{
    line-height: 16px !important;
  }
  .contacForm{
    width: 100% !important;
  }
  .contact-bg-img{

  }
  .slider-content-agent.for-mob-res-byr-info {
    top: 47% !important;
    left: 18px !important;
}

section.section-for-seller.mob-res-seller-info {
  height: 400px !important;
}
.content-saller-f-sec{
  font-size: 28px !important;
}
  .cart-part-two .title-for-compire{
    width: 50px !important;
  }

  .cart-part-three .title-for-compire{
    width: 50px !important;
  }

 .slider .btnForAllSecLanding {
    top: 72% !important;
    left: 4% !important;
  }
  .contentSection {
    width: 25rem !important;
    height: 45rem;
  }
  .new_header_right ul li a {
    font-size: 12px !important;
}
  .aboutContent {
    width: 25rem !important ;
  }

  .about {
    gap: 1rem !important;
  }
  .points-image-row {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .aboutImg {
    width: 30rem !important;
  }

  .manage-circle-in-mob {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5rem;
  }

  .single-building {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap;

    opacity: 1;
  transform: translate(0, 0);
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .single-building h4 {
    left: 50% !important;
    top: 45% !important;
  }
  .single-building h3{
    padding-right: 0 !important;
  }

  .new_antrygallary {
    margin-top: 933px !important;
  }
  .points-image-row {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 470px !important;
  }
}

/* Media Query for Agent Section  */

@media only screen and (max-width: 1024px) {
  .grow-business-media-q {
    width: max-content;
    height: max-content;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .for-how-it-work-section {
    height: max-content;
  }

  .new_antrygallary{
    padding-top: 50px !important;
  }

  .cart-for-how-it-work {
    flex-wrap: wrap;
    margin-bottom: 15px;
  }
  .for-content-and-imgs {
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 600px) {
  .grow-business-content {
    height: auto;
    width: auto;
  }
  .grow-business-section {
    height: max-content;
  }
  .grow-business-media-q {
    flex-direction: column !important;
    height: max-content !important;
  }
  .grow-business-img {
    margin-bottom: 10px !important;
  }
}

.modal.show .modal-dialog {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.modal-content {
  width: 75% !important;
}

.form-control {
  width: calc(100% - 6px);
  line-height: var(--input-height);
  font-size: large;
  border-radius: 5px;
  border: 1px solid grey;
}

.form-label {
  display: block;
  font-weight: bold;
  padding-bottom: 5px;
}

.pop-up-agent-req {
  width: 100%;
  background-color: #2d70ce;
  color: white;
  border-radius: 10px;
  border: 0px;
  padding: 10px;
  font-size: 20px;
  cursor: pointer;
}
.modal-title {
  font-size: 25px;
  padding-bottom: 5px;
  font-weight: bold;
}

/* Buyers section Start  */

.buyers-first-sec {
  width: 100%;
  height: 100vh;
  background-image: url("/../public/assets/uploads/buyer/Group-81925-2.png");
  background-size: contain;
}

.flex-for-buyers {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
}
.slider .slide-for-buyer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  animation: slider 12.5s infinite;
}
.slider .slide-for-buyer:nth-child(1) {
  background-image: url("/../public/assets/uploads/bannar/4.jpg");
  animation-delay: 0s;
}

.slider .slide-for-buyer:nth-child(2) {
  background-image: url("/../public/assets/uploads/bannar/2.jpg");
  animation-delay: -2.5s;
}

.slider .slide-for-buyer:nth-child(3) {
  background-image: url("/../public/assets/uploads/bannar/4.jpg");
  animation-delay: -5s;
}

.slider .slide-for-buyer:nth-child(4) {
  background-image: url("/../public/assets/uploads/bannar/2.jpg");
  animation-delay: -7.5s;
}

.slider .slide-for-buyer:nth-child(5) {
  background-image: url("/../public/assets/uploads/bannar/1.jpg");
  animation-delay: -10s;
}

.sec-for-step-buy {
  height: max-content;
  background-color: linear-gradient(180deg, #ecf5ff 0%, rgba(255, 255, 255, 0) 100%);
}
.gap-btwn-data {
  margin: 4rem 0;
}

.sdw-byr {
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.Phases-for-buying-stp-2 {
  height: max-content;
  background: linear-gradient(180deg, #ecf5ff 0%, rgba(255, 255, 255, 0) 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.step-one-buyer {
  position: relative;
}

.step-one-img {
  width: 50%;
}
.step-one-content-cart {
  width: 50%;
  height: 330px;
  background-color: #ffffff;
  box-shadow: 0px 10px 12px 0px #00000040;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 1rem;
  padding-left: 20px;
  border-radius: 10px;
  position: absolute;
  top: 12%;
  right: 5%;
  z-index: 1;
  transition: 0.5s ease-in-out;
}
.step-one-content-cart:hover {
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  right: 10%;
}
.step-point {
  display: flex;
  gap: 1.5rem;
}

ul.custom-marker {
  list-style-type: none;
}

ul.custom-marker li {
  margin-bottom: 3px;
  font-size: 15px;
  padding-left: 20px; /* Adjust as needed */
  position: relative;
  color: #000000;
  font-weight: 400;
  font-family: "Lato";
}

ul.custom-marker li::before {
  content: "\2022"; /* Unicode character for a bullet point */
  color: #007bff; /* Change the color as needed */
  font-size: 1.5em; /* Adjust as needed */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 10px; /* Adjust as needed for spacing */
}
.step-num {
  font-weight: 900;
  font-family: "Lato";
  color: #187acd;
}

.step-title {
  font-family: Lato;
  font-size: 22px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0em;
  text-align: left;
}
.step-prgph {
  font-family: Lato;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
}
.step-two {
  display: flex;
  justify-content: end;
}

.step-two-cart {
  left: 5%;
}
.step-two-cart:hover {
  left: 10%;
}
.sec-for-step-three {
  background-image: url("/../public/assets/uploads/buyer/Group 81988.png");
  background-size: cover;
}
.content-title > .step-3 {
  font-family: Lato;
  font-size: 25px;
  font-weight: 900;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: center;
  color: #ffffff;
}
.title-stp-3 {
  font-family: Lato;
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0em;
  text-align: center;
  color: #ffffff;
}
.cart-for-three-step {
  width: 235px;
  height: 102px;
  background-color: #ffffff;
  border-radius: 11.59px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  transition: 0.2s ease-out;
}
.content-stp-three {
  font-family: Lato;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0em;
}
.img-three-sec-cart {
  height: 60%;
  width: 40%;
  margin-left: 1rem;
}

.data-sec-three {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  gap: 6rem;
  margin-bottom: 10rem;
}
.data-one-sec-th {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.content-title {
  margin-top: 10rem;
}
.chbh > img {
  max-width: 83%;
}

.cart-sff {
  width: 30%;
  height: 300px;
  top: 9%;
}

.upssf {
  right: 24%;
}
.upssf:hover {
  right: 29%;
}

.dnff {
  left: 23%;
}
.dnff:hover {
  left: 29%;
}

.bg-img-stp-six {
  background-image: url("/../public/assets/uploads/buyer/Group 81926.png");
}

.cart-for-six-step {
  width: 196px;
  display: flex;
  height: 185px;
  justify-content: center;
  align-items: center;
  background: aliceblue;
  border-radius: 11.59px;
  transition: 0.4s ease-out;
}

.img-for-six-cart {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-for-six {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.cart-stp-six-content {
  font-family: Lato;
  font-size: 22px;
  font-weight: 600;
  /* line-height: 26px; */
  letter-spacing: 0em;
  text-align: center;
}

.cart-container-for-stp-six {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}

.gap-six-stp {
  padding-bottom: 5rem;
}
.content-for-seven-stp {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  position: relative;
}

.content-for-svrn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70%;
}
.gap-btnwn-content {
  margin: 3rem 0;
}
/* .img-for-svn-stp{
  position: relative;
} */
.cart-for-svn-stp {
  width: max-content;
  background: #ffffff;
  padding: 35px 20px;
  box-shadow: 0px 10px 12px 0px #00000040;
  /* border: 1px solid #C1C1C1; */
  border-radius: 10px;
  position: absolute;
  top: 12%;
  left: 38%;
  transition: 0.5s ease-in-out;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.cart-for-svn-stp:hover {
  left: 35%;
}

@media only screen and (max-width: 1240px) {
  .data-sec-three {
    gap: 4rem !important;
  }

  .sec-for-step-three {
    background-size: contain !important;
  }
}

@media only screen and (max-width: 767px) {
  .points-image-row{
    height: max-content !important;
  }

  .cart-part-two .title-for-compire {
    width: 50px !important;
}


.cart-part-three .title-for-compire {
  width: 50px !important;
}
  .step-prgph{
    padding-bottom: 20px !important;
  }
  .step-one-buyer {
    /* position: relative; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
  }
  .step-one-content-cart {
    position: static;
    flex-wrap: wrap;
    height: max-content;
    width: 80%;
    padding: 10px;
  }
  .cart-container-for-stp-six {
    flex-wrap: wrap;
  }
  .bg-img-stp-six {
    background-size: cover;
  }
  .step-point {
    flex-direction: column;
  }
  .step-one-img {
    width: 80%;
  }

  .data-one-sec-th {
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
  }
  .sec-for-step-three {
    background-size: cover !important;
  }
  .content-for-seven-stp {
    flex-direction: column;
    flex-wrap: wrap;
  }
  .content-for-svrn {
    width: 100%;
  }
  .cart-for-svn-stp {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: static;
    width: 100%;
  }
}

@media only screen and (max-width: 850px) and (min-width: 768px) {
  .cart-sff {
    top: 2%;
  }
}

/* Home Page CSS */

.drop-for-find-me {
  width: 45% !important;
}

.left-center-drop {
  width: 90%;
  /* padding-left: 26px !important; */
  align-self: center;
}

.points-image-box {
  /* background: #fff; */
  border-radius: 10px;
  /* padding: 15px; */
  margin-bottom: 15px;
}

.points-content h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}

.points-image-row {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px;
  background-color: #fff;
  margin: 10px 0;
  height: 280px;
}

.bg-box {
  background: #dbeeff;
}

.points-content ul li {
  font-size: 14px;
  /* margin-bottom: 10px; */
  position: relative;
  padding-left: 25px;
  line-height: 1.2;
}

.points-content ul li:before {
  content: "";
  background-image: url("/../public/assets/uploads/buyers%20-%20sellers/Group%2081878.png");
  background-size: 100%;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 1px;
  left: 0;
}

.points-image img {
  max-height: 150px;
}

.points-content a {
  padding: 10px 20px;
  background-color: transparent;
  color: white;
  border: 2px solid #187acd !important;
  cursor: pointer;
  transition: background-color 0.3s;
  font-weight: bold;
  border-radius: 0.3rem;
  color: #187acd;
  margin-top: 22px;
  display: inline-block;
}

.points-content a:hover {
  background-color: #187acd;
  border-radius: 0.3rem;
  color: #ffffff;
  cursor: pointer;
}
.points-content.col-md-manage-content ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* new-css */

.header-menu {
  width: 100%;
}

.header-menu {
  width: 100%;
}

.primary-menu {
  width: 100%;
}

.homeactive > a {
  font-size: 1rem;
}

.newslater-form .n_btn {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

.lineFooter {
  width: 3rem;
  height: 3px;
  border-radius: 3px;
  background-color: #ffffff;
}

.footerGap {
  display: flex;
  gap: 1rem;
}

.single-footer > a > img {
  display: none;
}

/* Footer CSS End  */
.single-search input {
  width: 60%;
  outline: none;
  border: none;
}

.single-search input::placeholder {
  color: #878787;
  font-weight: 200;
  font-size: 15.75px;
}

.header_new {
  background-color: #ffffff;
  padding: 20px 0;
}

.new_header_right ul li a {
  color: #343434;
  transition: all 0.3s cubic-bezier(0.52, 0.2, 1, 1.27) !important;
}

.new_header_right ul {
  gap: 2rem;
}

.new_header_left ul li a {
  color: #343434 !important;
}

.new_header_right ul li a span {
  color: #2d80ff !important;
}

.new_header_right ul li a span:hover {
  /* color: #ffffff !important; */
}

.new_header_left ul li a img {
  max-width: 78%;
}

.entry_header_control:before {
  background-color: #0b162d00 !important;
}

.bannar-content h2 {
  color: black;
  /* text-shadow: 1px 3px 4px rgb(13 28 35); */
}

.global_header .primary-menu li a {
  color: black !important;
}

.last_text {
  color: #187acd !important;
  text-transform: capitalize !important;
}

.homeactive a {
  background-color: #0b162d00 !important;
  color: #fff;
}

.header-btn > .login-btn {
  color: #000000 !important;
  padding: 5px 20px;
  display: block;
}
.header-btn > .login-btn:hover {
  color: #fff !important;
  /*padding: 5px 10px;*/
  background: #007cc9;
  border-radius: 33px;
}
.bannar-content .beforeTitleText {
  display: none;
}

.bannar-content p {
  /* display:none; */
}

.mithraFacility {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-weight: 500;
  font-size: 2rem;
  padding: 0.4rem;
}

.mithraFacility > div {
  padding: 10px 20px;
  background-color: transparent;
  color: #000000;
  /* border: 2px solid #7b7bef; */
  cursor: pointer;
  transition: background-color 0.3s;
  font-weight: bold;
  border-radius: 0.5rem;
}

.mithraFacility > div:hover {
  background-color: #4b8ddf;
  border-radius: 0.3rem;
  color: #ffffff;
  cursor: pointer;
}

.bd_top {
  border-top: 1px solid #0b162d00 !important;
}

.single-building > h4 {
  padding: 10px 20px;
  background-color: transparent;
  color: #ffffff;
  /* border: 2px solid #7b7bef; */
  cursor: pointer;
  transition: background-color 0.3s;
  font-weight: bold;
  border-radius: 0.5rem;
}

.single-building > a > h4 {
  background-color: #187acd !important;
  border-radius: 0.3rem !important;
  color: aliceblue !important;
  cursor: pointer !important;
  padding: 10px 20px;
}

.container > .rowCircle {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4rem;
}

.hidden-text {
  display: none;
}

.bgImg {
  background-image: url("/../public/assets/uploads/explore Property/Group 81870.png");
}

.about {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10rem;
}

.aboutImg {
  width: 40rem;
  display: flex;
  justify-content: space-around;
}

.aboutImg > img {
  width: 100%;
}

.aboutText > p {
  width: 100%;
  color: rgb(6 6 6);
  font-family: "Fira Sans", sans-serif;
}

.buttonAbout {
  padding: 10px 20px;
  background-color: transparent !important;
  color: black;
  border: 2px solid #187acd !important;
  cursor: pointer;
  transition: background-color 0.3s;
  font-weight: bold;
  border-radius: 0.3rem;
}

.buttonAbout:hover {
  background-color: #187acd !important;
  border-radius: 0.3rem;
  color: aliceblue;
  cursor: pointer;
}

.aboutContent {
  width: 30rem;
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  gap: 1rem;
}

.container-property {
  margin-top: 4rem;
}

.containerExplore {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap !important;
  gap: 2rem;
  height: 100%;
  margin: 0 0 2rem 0;
}

.contentSection {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  height: 100%;
  width: 25rem;
}

.exploreSection {
  line-height: 35px;
  font-size: 3rem;
}

.cart {
  background-image: url("https://media.istockphoto.com/id/1402485839/photo/green-blurred-nature-background.webp?b=1&s=612x612&w=0&k=20&c=f4HpyXYygEoZ3lmU6I8OF8RyuWfanZovKTFQNjOIlx4=");
  background-size: cover;
  background-position: center;
  height: 45rem;
  width: 25rem;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: end;

  color: white;
  /* Set text color to contrast with the background */
  border-radius: 0.4rem;
}
.cart:hover {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.bg1 {
  background-image: url("/../public/assets/uploads/explore Property/Group 81871.png ");
  /* transition: background-color 0.3s, opacity 0.3s; */
  opacity: 1;
}

.bg2 {
  background-image: url("/../public/assets/uploads/explore Property//Group 81872.png");
}

.bg3 {
  background-image: url("/../public/assets/uploads/explore Property/Group 81873.png");
}

.bBg1 {
  background-image: url("/../public/assets/uploads/explore Property/Group 81874.png");
}

.bBg3 {
  background-image: url("/../public/assets/uploads/explore Property/Group 81876.png");
}

.bBg2 {
  background-image: url("/../public/assets/uploads/explore Property/DSC_7198-Edit-2_1_n06pxw.jpg");
}


.select2-container--default .select2-selection--single {
  background-color: #fff;
  border-radius: 4px;
  height: 37px !important;
  border: 1px solid #dadada !important;
 
}
.select2-container .select2-selection--single .select2-selection__rendered{
  text-align: left !important;
}

.content {
  text-align: center;
  margin-bottom: 20px;
  margin-left: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: start;
  color: rgb(255, 255, 255);
  gap: 2rem;
}

.button {
  padding: 10px 20px;
  background-color: transparent;
  color: white;
  border: 2px solid #187acd;
  cursor: pointer;
  transition: background-color 0.3s;
  font-weight: bold;
  border-radius: 0.3rem;
}

.button:hover {
  background-color: #187acd;
  border-radius: 0.3rem;
  cursor: pointer;
}

.SectionPera {
  color: rgb(6 6 6);
}

/* buyers sallers CSS start  */

.aboutBuyerSeller {
  /* 
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap; */
  width: 100%;
  background-image: url("/../public/assets/uploads/explore Property/Group 81877.png");
  /* background-position: center; */
  background-size: cover;
  background-repeat: no-repeat;
  padding: 75px 0;
}

/* .aboutBuyerSeller > div{
    width:30%;
    height:90%; 

}  */
/* .aboutBuyerSeller > div{
    width:80vh;
    height:90%
} */

.buyers,
.seller {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
  /* border: 1px solid black;
    padding: 1rem; */
}

.soloHunt,
.proHunt,
.proConnect,
.freeConnect {
  display: flex;
  /* border: 1px solid black; */
  gap: 1rem;
  padding: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.allBoxContent > div {
  display: flex;
  gap: 1rem;
  align-items: center;
  /* flex-direction: column; */
}

.proHuntContent,
.allBoxContent,
.freeConnectContent,
.proConnectContent,
.soloHuntContent {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.tittlePro {
  font-size: 2rem;
  font-weight: bold;
}

.proHuntContent > div > button,
.soloHuntContent > div > button,
.freeConnectContent > div > button,
.proConnectContent > div > button {
  color: rgb(66, 49, 82);
}

.proHuntContent > div > button:hover,
.soloHuntContent > div > button:hover,
.freeConnectContent > div > button:hover,
.proConnectContent > div > button:hover {
  color: white;
}

.connect,
.hunt {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  background-color: white;
  border-radius: 5px;
  padding: 1rem;
  /* height:; */
}

.soloHunt,
.proConnect {
  background-color: rgb(230, 243, 243);
  border-radius: 5px;
  height: 100%;
}

.proHunt,
.freeConnect {
  background-color: #00ffff0a;
  border-radius: 5px;
  height: 100%;
}

.aboutBuyerSeller > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}

.forBuyers,
.forSellers {
  font-size: 36px;
  font-weight: bolder;
  color: #010162;
  text-align: center;
  margin-bottom: 40px;
}

.bgImg {
  background-image: url("/../public/assets/uploads/explore Property/Group 81870.png") !important;
}

div > .imgBuySell {
  height: 100%;
}

/* ContactUs Page Styling  */

.alignContact {
  background-image: url("/../public/assets/uploads/bannar/Group 81879.png");
  background-position: center;
  /* Adjust as needed */
  background-repeat: no-repeat;
  background-size: contain;
  width: 70%;
  height: 100%;
  margin: 4rem;
  /* background-color: cadetblue; */
}

.contactForm {
  width: 40%;
  height: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  background-color: #ffffff;
  box-shadow: 0px 9px 14px 0px #00000017;
  border-radius: 10px;
  padding: 4rem;
}

.contactForm input {
  border-radius: 4px;
  border: 1px solid #dadada;
}

.propertyInfo {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.propertyInfo > .dropdown {
  width: 45%;
  border: 1px solid #000000;
  padding: 5px;
  margin: 1px;
  border: 1px solid #dadada !important;
}

.userInfo {
  width: 100%;
}

.userInfo > input {
  width: 46.4%;
  border: 1px solid #dadada !important;
  background: transparent;
}

.area,
.userEmail {
  width: 100%;
  display: flex;
  justify-content: center;
}

.area > input,
.userEmail > input {
  width: 90%;
  outline: none;
  border: 1px solid #dadada !important;
}
.userEmail > textarea {
  width: 90%;
  outline: none;
  border: 1px solid #dadada !important;
}

.direction {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.direction > .directionText {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  font-family: "Inter";
}

.directionCheckBox {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

input {
  padding: 0.6rem;
  /* border: 1px solid #dadada !important; */
}

input::placeholder {
  color: #999;
  /* Change this to your desired dark color */
  font-weight: 400;
  font-size: 14px;
  font-family: "Inter";
}

.submitBtn {
  width: 100%;
}

.submitBtn > button {
  width: 90%;
  padding: 0.6rem;
  color: aliceblue;
  background-color: #187acd;
  border-radius: 2px;
  border: none;
  cursor: pointer;
  font-family: "Lato";
  font-weight: bold;
}

.contactText > div {
  font-size: 36px;
  font-family: "Lato";
  font-weight: 700;
}

.accordion_antry .accordion-body p {
  line-height: 30px;
  color: #838b95;
  font-size: 15px;
  font-family: var(--font-family-inter);
  font-weight: 400;
}

.bannar_drop {
  background-color: rgba(255, 0, 0, 0) !important;
}

/* body .container {
    display: block !important;
    margin: 0 auto !important;
} */

@media (max-width: 991px) {

.formForContact{
  padding: 0 !important;
}
.formForContact .row{

}
  .for-agent-profile-new-single {
    flex-direction: column-reverse !important;
}
  /* Filter Area  */

  #filter_form .dropdown label.dropdown-label{
    margin: 5px 0px !important;
    /* width: 100% !important; */
  }

  .points-image-row {
    padding: 25px;
    display: block;
  }

  .points-content {
    margin-bottom: 25px;
  }
}

/* map menu */
.city-drop-link-group {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
}

.city-drop-lt {
  width: 752px;
  padding: 12px 2px 24px 24px;
}

.city-drop-heading {
  font-size: 14px;
  font-weight: 600;
  color: #303030;
  padding-bottom: 4px;
  margin-top: 4px;
}

/*new by developer*/
.category_active {
  background-color: #4b8ddf !important;
  border-radius: 0.3rem !important;
  color: #ffffff !important;
  cursor: pointer !important;
  /* border: 2px solid #000000 !important; */
}
/**/

/* Home Page CSS End  */

/* Seller Section CSS Start  */

.section-for-seller {
  height: 100vh;
  background-image: url("/../public/assets/uploads/seller/Group-82000.jpg");
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content-saller-f-sec {
  font-size: 60.38px;
  font-family: "lato";
  font-weight: 700;
  color: #ffffff;
}
.for-slr-cart-icon-stp-1 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.img-for-icon-stp-1 {
  width: 25%;
}

.for-slr-hiw {
  gap: 4rem;
  flex-wrap: wrap;
}

.cart-data-slr {
  width: 40%;
  font-size: 14px;
}
.for-gap-btwn {
  padding: 3rem 0;
}
.for-third-content {
  background-image: url("/../public/assets/uploads/seller/Group 82011.png");
  background-size: cover;
}

.for-stp-3-cart {
  flex-direction: row !important;
  flex-wrap: wrap;
}
.manage-size-stp-2 {
  font-size: 15px;
}

.effect-for-stp-2:hover {
  background-color: #187acd;
  color: #ffffff;
}
.cart-for-stp-tf {
  width: 408px;
  height: 519px;
  /* background: blueviolet; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
  border-radius: 10px, 10px, 0px, 0px;
}
.bg-for-stp-3 {
  width: 100%;
  background-image: url("/../public/assets/uploads/seller/Group 82011.png");
  background-size: cover;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  padding: 10px;
}

.bg-for-stp-4 {
  width: 100%;
  background-image: url("/../public/assets/uploads/seller/Group 82010.png");
  background-size: cover;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  padding: 10px;
}
.step-point > .data-for-tf > li {
  color: #ffffff !important;
}

.stp-n {
  color: #ffffff;
}
.gap-btn-tf {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.step-point .data-for-tf li::before {
  color: #ffffff; /* Change the color as needed */
}

.sec-for-step-5 {
  background-image: url("/../public/assets/uploads/seller/Mask group (83).png");
  background-size: cover;
  height: 450px;
}

.cart-for-5 {
  width: 40%;
  background: aliceblue;
  height: max-content;
  padding: 20px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  transition: 0.2s ease-out;
}
.cart-for-5:hover {
  background-color: #187acd;
  color: #ecf5ff !important;
}

.cart-for-5:hover .step-num {
  color: #ecf5ff !important ;
}

.cart-for-5:hover ul.custom-marker li {
  color: #ecf5ff !important ;
}

.cart-for-5:hover ul.custom-marker li::before {
  color: #ecf5ff !important ;
}
.cart-5-container {
  height: 100%;
  display: flex;
  align-items: center;
}

.cart-for-stp-6 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.cart-container-for-sec-7-8 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
  position: relative;
}
.img-for-lst-cart {
  width: 482px;
}

.content-for-lst-cart {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background-color: #ffffff;
  width: max-content;
  height: max-content;
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  position: absolute;
  z-index: 1;
  transition: 0.4s ease-out;
}

.cart-for-last-sec-slr {
  height: 556px;
}

.cart-08 {
  bottom: -25%;
  right: -7%;
  transform: translate(-50%, -50%);
}

.cart-07 {
  bottom: -25%;
  left: 25%;
  transform: translate(-50%, -50%);
}
.section-last-for-seller {
  background-color: #ecf5ff;
}

.content-for-lst-cart:hover {
  bottom: -15%;
}

@media only screen and (max-width: 500px) {
  .agent-img img {
    max-width: 212px !important;
}


  .img-for-lst-cart {
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .listing-btn{
    line-height: 16px !important;
  }
  .city-drop-lt{
    width:100%!important;
  }
  .cart-for-5 {
    width: max-content;
  }
  .cart-07,
  .cart-08 {
    width: 100%;
  }
}

@media only screen and (max-width: 999px) {
  .cart-for-last-sec-slr {
    /* width: max-content; */
    height: max-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* gap: 1rem; */
  }

  .content-for-lst-cart {
    position: static;
  }
  .cart-07,
  .cart-08 {
    transform: none;
  }
}
@media only screen and (max-width: 999px) and (min-width: 500px) {
  .cart-07,
  .cart-08 {
    width: 482px;
  }
}

@media only screen and (min-width: 1367px) {
  .cart-07 {
    left: 27%;
  }
  .cart-08 {
    right: -1%;
  }
}

select.dropdown.select-edit {
  border: none;
  padding: 6px 1px;
  outline: none;
  background: none;
}

.dropdown {
  position: relative;
  display: inline-block;
  width: max-content;
}

.dropdown-input {
  display: none;
}

.dropdown-label {
  cursor: pointer;
  padding: 10px;
  background-color: #f2f2f2;
  border: 1px solid #ddd;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  z-index: 9999;
  border: 1px solid #ddd;
  width: 200px;
}

.dropdown-input:checked + .dropdown-label + .dropdown-content {
  display: block;
  width: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.dropdown-content label {
  display: block;
  padding: 5px 5px;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
}

.dropdown-content label:last-child {
  border-bottom: none;
}

input[type="checkbox"]:checked + .dropdown-label {
  background-color: #f0f8ff;
}
.dropdown-content label {
  width: max-content;
}

.same-row-input {
  display: flex;
}

.for-rc {
  width: 200px !important;
}

.for-budget {
  width: 215px !important;
}

.unit-type {
  width: 90%;
  text-align: start;
  font-weight: 600;
  border-bottom: 1px solid #e0d3d3;
  padding: 10px 0px;
}

.same-row-input {
  display: flex;
  padding: 0px 10px;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 0px 0px;
}

.dropdown-input:checked + .dropdown-label + .dropdown-content {
  width: 129px;
  /* height: 200px;
  overflow: scroll; */
}

/* .same-row-input {
  display: flex;
  padding: 0px 10px;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  width: 98%;
  margin: 0px 10px;
} */

.same-row-input:hover {
  background-color: #007efa66;
  color: #007efa;
}

.rangeInptBx {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 5px;
}

.real-search .form-control {
  width: 20px;
}

.rangeVluBx {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.real-search .form-control {
  width: 95px;
  padding: 4px 7px;
}

.rangeVluBx {
  display: flex;
  justify-content: start;
  align-items: self-start;
  gap: 10px;
  padding: 0px 9px;
}

.rangeVluBxMnBx {
  width: 100px;
}
.for-rc .same-row-input {
  margin: 2px;
}

.for-budget {
  width: 200px !important;
  padding: 16px 0px !important;
}

ul.budget li:hover {
  background-color: #007cc98c;
}

ul.budget li {
  padding: 2px 11px;
  border-radius: 5px;
}

.pln-for-byr {
  width: 30.5rem !important;
}

.for-img-size-manage > img {
  max-width: 400px !important;
}


@media only screen and (max-width: 500px) {
  .slider {
    height: inherit !important;
}
.for-img-size-manage > img {
  max-width: 95% !important;
}

.img-bg-agent {
  top: 10% !important;
  right: 3% !important;
}
}

.new_header_left ul.drop-menu-map {
  margin-top: 0px!important;
  margin-left: 0px!important;
  border-top: none;
}


a#dropdownMapMenuButton1 {
  position: relative;
  top: 5px;
  padding-bottom: 26px;
}


.new_header_left ul.dropdown-menu {
  top: 46px;
}

.for-agent-p-dec {
  height: 145px;
}

 .form-select {
  background-position: 98% 61% !important;
}
.new_header_right > ul > li {
  padding: 5px 12px;
}

.new_header_right > ul > .login-hvr:hover a{
	color:#fff!important;
}

.city-drop-lt li .dropdown-item{
  padding: 0 !important;
}

.city-drop-lt .map-country-cell{
  margin-left: 0 !important;
}

ul.dropdown-menu.for-insight-drop.show li:hover {
    background-color: #007efa66;
    color: #007efa;
}

.sidebar .for-dasboard-sidebar-bg{
  background-color: #ffffff !important;
}

.extra-drp{
  display: none;
}
.content-a-filter-d {
  width: 286px !important;
  padding: 1rem;
}

a.for-clr-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}


.filter-acc{
padding: 0 !important;
font-size: 2rem !important;
font-family: "Lato";
} 

label.dropdown-label.type-label {
  padding: 0 10px;
}


#accordionFlushExample h2 {
  line-height: 30px;
}

.filter-acc{
font-size:15px!important;
}


#for-sign{
  background-color: #000;
  background-image: url("propertymitra/public/assets/uploads/Group 81953 (1).png") !important;
}


.filter-acc {
  padding: 5px 0px!important;
}

.all-f .accordion-body {
  padding-top: 0px;
}

.header-bar .grid-tab ul.nav.nav-pills li a {
  text-align: center;
  line-height: 27px;
}



/* Filter Styling  */


#filter_form .dropdown-label{
  padding: 7px 10px!important;
  background-color: #ecf6fe!important;
  border: 1px solid #007cc9!important;
  /* width: 100%!important; */
  /* text-align: center!important; */
  border-radius: 7px!important;
  font-size: 1.4rem;

}
label.dropdown-label.type-label {
  width: 72px !important;
};
label.dropdown-label.bhk-label {
  width: 99px;
}
label.dropdown-label.bhk-label {
  width: 104px;
}

.search-filter-input a div {
  color: #ffffff;
}

label.dropdown-label.p-type-label {
  width: 124px;
}

label.dropdown-label.budget-type-label {
  width: 115px;
}

label.dropdown-label.a-filter-type-label {
  width: 95px;
}

#filter_form .dropdown{
  /* width: 139px!important; */
}

#filter_form .header-dropdown {
  border: 1px solid #d4d4d4;
  display: flex;
  justify-content: flex-start!important;
  background: #eef6ff!important;
  font-size: 14px;
  font-family: "Lato";
  font-weight: 400;
  padding: 0px 11px;
  border-radius: 5px;
}

.property-size-manage {
  width: 140px;
}

#filter_form .dropdown-label:hover {
  border-color: #007efa;
  background-color: #007efa!important;
  color: #fff;
}

#filter_form .header-dropdown:hover {
  border-color: #007efa;
}

.filter-header{
justify-content: flex-start;
}

.search-filter-input{
width: 100%!important;
justify-content: flex-start !important;
}

   

label.dropdown-label {
  position: relative;
}

label.dropdown-label:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  border: 1px solid #000;
  right: 11px;
  top: 12px;
  border-top: 0px;
  border-left: 0px;
  transform: rotate(45deg);
}


.for-insight-crnr {
  margin-left: 20px !important;
}


#stp-hvr:hover{
  background-color: transparent !important ;
  /* color: #007cc9 !important; */
}

.main-seller-f-sec.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: self-start;
}

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

  .header-menu .primary-menu li a{
    font-size: 14px !important;
  }

  .first-slot-properties .ssmds.hwf {
    justify-content: flex-start;
    padding: 14px 10px !important;
}
.product-entry .product-img {
  height: 210px !important;
  object-fit: fill;
}
.same-for-this{	
	word-break: break-all !important;
  font-size: 14px;
}
.second-slot-properties .ssmds.hwf {
  justify-content: flex-start;
  padding: 14px 10px !important;
}
.product-img img.img-fluid {
  height: 100%!important;
}

}


/* For Header Data Adjust  */

@media only screen and (min-width: 991px) and (max-width: 1014px) {
  .header-menu .primary-menu li a{
    margin: 0 !important;
  }

}

@media only screen and (min-width: 643px) and (max-width: 785px) {
  #filter_form .dropdown label.dropdown-label{
    width: 43vw !important;
  }

}
@media only screen and (min-width: 576px) and (max-width: 643px) {
  #filter_form .dropdown label.dropdown-label{
    width: 41vw !important;
  }

}

@media only screen and (min-width: 991px) and (max-width: 1027px) {
  .filter-area{
    padding: 20px 10px !important;
  }
}


/* Last Change */

#filter_form .dropdown-label:hover:after {
  border-color: #fff;
}

.not-hover-logo-footer {
  display: block;
}

.hover-logo-footer {
  display: none;
}

/* Show the color logo when the parent anchor is hovered */
.social-link li a:hover .not-hover-logo-footer {
  display: none;
}

.social-link li a:hover .hover-logo-footer {
  display: block;
}

.for-location-type-budget{
	border-bottom:1px solid #eee;
}
.pqrs {
  padding: 20px 0px 5px 0px !important;
  padding-top: 1px!important;
}


.first-slot-properties .ssmds.hwf {
  justify-content: flex-start;
  padding: 14px 10px;
}

.second-slot-properties .ssmds.hwf {
  justify-content: flex-start;
  padding: 14px 10px;
}
.sk {
  padding: 0px 5px;
}

.product-entry .product-img {

  /* height: 308px; */
  object-fit: fill;
}

.btn {
  border-radius: 4px;
}




.cart-agent-data img {
  width: 5%;
}



.effect-for-stp-2:hover .not-hover-in-seller-step-two {
  display: none;
}

.effect-for-stp-2:hover .hover-in-seller-step-two {
  display: block;
}

.effect-for-stp-2 .hover-in-seller-step-two {
  display: none;
}


input{
  border-radius: 5px !important;
}
select{
  border-radius: 5px !important;
}

ul.dropdown-menu.drop-menu-map.show {
  display: none;
}

ul.dropdown-menu.for-insight-drop.for-insight-crnr.show {
  display: none;
}


.send-message-box .form-control {
  padding: 8px 15px;
  border-radius: 10px;
  font-size: 16px;
  color: #69696a;
}

.send-message-box .btn {
  padding: 10px 30px;
}

.send-message-box textarea {
  height: 130px!important;
}

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


button.agent-cart-btn img {
  width: 25px;
}

.cart-rating-box img {
  width: 10px;
}

.select.for-filter-sel-agent {
  border: none;
  background-color: white;
  width: 100% !important;
  outline: none;
}
.select\.for-filter-sel-agent select {
  width: 100%;
  border: none;
  background-color: white;
  color: #202529;
}

.rangeInptBx input {
  border: 1px solid #dadada !important;
  width: 130px;
}
#min_sqaure{
  width: 70px !important;
}

#max_sqaure{
  width: 70px !important;
}

.rangeInptBx input:focus-visible {
  outline: 0px;
}

.userInfo input:focus-visible {
  outline: 0px;
}

div#min_square_range {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

div#max_square_range {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
/* Price Range input for home page search bar  */

.range-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 17px 0;
}

.range-input {
  position: absolute;
  top: 58px;
  left: 0;
  /* width: 200px; Set the width of your input */
  display: none;
  /* padding: 10px; */
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 99999;
  border-radius: 5px;
  /* padding: 3px 0px; */
  /* padding-bottom: 10px; */
}

.range-container:hover .range-input {
  display: block;
  /* padding-top: 10px; */
}


.wrap {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: 15px auto;
}

.value {
  position: relative;
  text-align: center;
  font-size: 16px;
  margin-top: 10px;
  width: 100%;
  height: max-content;
  line-height: 1.5em;
}

.value::after {
  content: '₹';
  margin-left: 5px;
}

input[type="range"] {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #999;
  border-radius: 5px;
  width: 100%;
  height: 1px !important;
  outline: 0;
  padding: 2px;
  border: 1px solid #007ec5 !important;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #0064d2;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  cursor: pointer;
  transition: .3s ease-in-out;
}

input[type="range"]::-webkit-slider-thumb:active {
  transform: scale(1);
}


.dropdown-divider{
  margin: .1rem 0 !important;
}


ul.dropdown-menu.for-insight-drop.for-insight-crnr{
  padding: 0 !important;
}
.wrap-for-form{
	position: relative;
	width: 75%;
	max-width: 400px;
	padding-left: 10px ;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
}


.container-for-price{
  font-family: 'Inter';
  display: flex;
  justify-content: center;
  align-items: center;
  /* background-color: #ffcfcf; */
  flex-wrap: wrap;
  width: 90%;
  align-self: center;
  border: 1px solid #dadada;
  padding: 7px 0px;
  border-radius: 5px;
}


.wrap-for-form input { 
  width: 50%;
}

.wrap-for-form .value2{ 
  width: 40%;
}
.btnForAllSecLanding{
  position: absolute;
  bottom: 28%;  
  left: 13%;
}

.btnForAllSecLanding button {
  font-size: 16px;
  padding: 5px;
  outline: none;
  color: #fff;
  background-color: transparent;
  border:1px solid #007cc9;
  border-radius: 5px;
  font-family: Lato;
  transition: .2s ease;
}

.btnForAllSecLanding button:hover{
  color: #fff;
  background-color: #007cc9;
}

.btnForAllSecLanding-agent{
  bottom:40% !important ;
}

.cart-form-diff {
  display: flex;
  justify-content: center;
    align-items: center;
    margin: 20px 0px;
}

.cart-part-two > div{
  width: 20px;
}

.cart-part-three > div{
  width: 20px;
}

.cart-part-one {
  width: 40%;
  height: 350px;
  display: flex;
  flex-direction: column;
  /* gap: 4rem; */
  justify-content: space-evenly;
  align-items: center;
}

.cart-part-two {
  width: 20%;
  height: 350px;
  display: flex;
  flex-direction: column;
  /* gap: 5rem; */
  justify-content: space-evenly;
  align-items: center;
  background-color: #F5F7F9;
  /* padding: 30px 0; */
}

.cart-part-three {
  width: 20%;
  height: 350px;
  display: flex;
  flex-direction: column;
  /* gap: 4rem; */
  justify-content: space-evenly;
  align-items: center;
}

.hide-datacpire {
  visibility: hidden;
}

.title-for-compire {
  width: 120px !important;
  font-size: 1.5rem;
  font-family: Lato;
  font-weight: 800;
}

.cart-part-three .title-for-compire {
  /* padding-bottom: 26px; */
}

.ct{
  width: 100%;
  text-align: left;
}

.btnForAllSecLanding.for-selller-info-btn {
  top: 33%;
}

.for-sellllers-info-btn{
  position: static !important;
}



.custom-dropdown {
  display: none !important;
  /* position: absolute;x */
  /* min-width: 160px; */
  z-index: 1;
}

.agnt-drop:hover .custom-dropdown {
  display: block !important;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-divider {
  border-top: 1px solid #e9ecef;
  /* margin: 0.5rem 0; */
}


.custom-dropdown  li #hvr-agnt-sub:hover{
  background-color: transparent !important;
  /* color: #0064d2 !important; */
}
.drops-menu ul.dropdown-menu {
  min-width: 120px!important;
  /* border-radius: 6px!important; */
  height: auto!important;
}


.drops-menu ul.dropdown-menu li:hover {
  background-color: #007cc9;
  color: #fff!important;
}

li.agnt-drop ul {
  position: absolute;
  top: 33px!important;
  left: 117px!important;
}

.for-res-mob-cart {
  display: flex;
}

.stpClrChng{
  color: #0064d2;
  font-size: 2rem ;
}


.col-md-12.ban-col:before {
  display: none !important;
}


/* New Find for you Style Code   */

.form-box-shadow {
  /* background-color: #00067d; */
  border-radius: 15px;
}

.form-box-shadow .contactText div {
  color: #000 !important;
  margin-bottom: 5px;
}

.left-center-drop {
  margin-bottom: 10px;
}

.container-for-price {
  margin-bottom: 10px;
}

.userEmail {
  margin-bottom: 10px;
}

.userInfo {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.propertyInfo .col-lg-5.drop-for-find-me {
  margin-left: 10px;
}


.userInfo input[type="tel"] {
  margin-left: 10px;
}

.userInfo input::placeholder {
  color: #000;
}

.userEmail input::placeholder {
  color: #000;
}
.userEmail textarea::placeholder {
  color: #000;
  font-size: 15px;
}

span.select2-selection__placeholder {
  color: #000!important;
  line-height: 36px!important;
}

.container-for-price {
  color: #000;
}

.propertyInfo {
  width: 100%!important;
  justify-content: center!important;
  margin-bottom: 10px!important;
}

.drop-for-find-me {
  width: 49% !important;
}

.select2-container {
  width: 95%!important;
}
.forManageCityAreaDropdownHomePage{
  display:flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
}
.left-center-drop {
  width: 49%;
}

.container-for-price{
font-family: 'Inter';
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  flex-wrap: wrap;
  width: 95%;
  align-self: center;
  border: 1px solid #dadada;
  padding: 7px 9px;
  border-radius: 5px;
}

.direction-container {
  font-family: 'Inter';
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  flex-wrap: wrap;
  width: 95%;
  align-self: center;
  border: 1px solid #dadada;
  padding: 7px 9px;
  border-radius: 5px;
}

.direction {
  width: 100%;
  margin-bottom: 10px;
}

.userInfo {
  /* width: 100%; */
  /* justify-content: center; */
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-bottom: 10px;
}

.userInfo > input {
  width: 46.4%;
  border: 1px solid #dadada !important;
  background: #fff;
}

.userInfo > input {
  width: 46.4%;
  border: 1px solid #dadada !important;
  background: #fff;
}

.area, .userEmail {
  width: 100%;
}

.submitBtn > button {
  width: 29%;
  padding: 10px 0px;
}
.userEmail > input{
	width:95%!important;
}
.userEmail > textarea{
	width:95%!important;
}

input.error {
  border: 1px solid red!important;
}

label.error {
  display: none !important;
}



.form-box-shadow .contactText div {
  color: #fff;
  margin-bottom: 10px;
  border-bottom: 0px solid #fff;
  width: 66%;
  margin: 10px auto;
  border-radius: 46px;
  box-shadow: 0px 0px 1px 6px #fff;
  margin-top: 7px;
  font-size: 26px !important;
  font-weight: 900 !important;
}

.formForContact{
  padding: 40px 0px;
}


/* stepS */



.infographic {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(161px, 1fr));
  align-self: center;
  
  grid-gap: 40px;
  padding: 20px;
  max-width: 800px;
  width: 100%;
  margin: 20px;
  /* box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; */
  /* border-radius: 10px; */
}

.step {
  position: relative;
  width: 200px ;
  height: 90px;
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  /* flex-direction: column; */
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease-in-out;
  box-shadow: 0px 9.972973823547363px 15.513514518737793px 0px #00000033;
  cursor: pointer;
  padding:0 14px;
  gap: .5rem !important;
  /* border: 3px solid #2980b9; */
}

.step:hover {
  background-color: #2980b9;
}

.step h3,
.step p {
  margin: 0;
  color:#3498db;
  font-size: 1em;
  text-align: left;
}

.arrow {
  position: absolute;
  top: 50%;
  right: -31px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #3498db;
}

.step:not(:last-child) .arrow {
  display: block;
}

.step:last-child .arrow {
  display: none;
}

@media (max-width: 600px) {
  .infographic {
      grid-template-columns: 1fr;
  }
}
section#step11 {
 
  display: flex !important;
  justify-content: center !important; 
  flex-direction: column;
}
section#step1 {
  background: linear-gradient(180deg, #ecf5ff 0%, rgba(255, 255, 255, 0) 100%);
}

.drops-menu ul.dropdown-menu li a {
  padding: 3px 15px;
  display: block;
  margin: 0px;
}

.drops-menu ul.dropdown-menu li:hover {
  background-color: #007cc9;
  color: #fff;
}

.drops-menu ul.dropdown-menu li a:hover {
  color: #fff!important;
  
}



.step h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 17px;
  text-align: left !important;
}

.step p {
  line-height: 20px;
  min-height: 41px;
  font-size: 13px;
  font-weight: 600;
  margin-top: 3px;
  color: #000 !important;
}

.step:hover h3 {
  color: #fff;
}

.step:hover p {
  color: #fff !important;
}

.sectionAllStp{
  display: flex;
  justify-content: center;
    align-items: center;
    gap: 2rem;
    padding: 20px;
    background: linear-gradient(180deg, #ecf5ff 0%, rgba(255, 255, 255, 0) 100%);
}

.stpf , .stpt {
  width: 275px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

.stpssss {
  /* width: 275px; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  justify-content: center;
    align-items: center;
}

.mainstpCImg {
  max-width: 275px;
}

.stp3left {
  margin-right: 35px !important;
}

.stp7left {
  margin-left: 35px !important;
}
.step img {
  max-width: 55px !important;
}



/* .step .hover-logo-footer,
.step .not-hover-logo-footer {
    display: none;
} */

/* Styles on hover */
.step:hover .hover-logo-footer {
    display: block;
}

.step:hover .not-hover-logo-footer {
    display: none;
}


li.agnt-drop #forAllHead {
  position: absolute;
  top: 40px!important;
  left: 117px!important;
  padding: 0 !important;
}


.dropdown  .for-insight-drop li:hover {
  background-color: #007cc9 !important;
  color: #fff !important;
}   


.dropdown  .for-insight-drop li:hover  #stp-hvr{
  padding-left: 20px !important;
  color: #fff !important;
}   



ul.dropdown-menu.dropdown-submenu.custom-dropdown{
  padding: 0 !important;
  /* top: 40px !important; */
}













.wrapper-pr-h {
  /* width: 400px; */
  background: #fff;
  border-radius: 10px;
  padding: 20px 25px 30px; 
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
}

.price-input {
  width: 100%;
  /* display: flex; */
  margin: 5px 0 20px;
  /* flex-wrap: wrap; */
}
.price-input .field {
  display: flex;
  /* width: 100px; */
  height: 45px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.field input {
  /* width: 100%;
  height: 100%; */
  outline: none;
  font-size: 13px;
  /* 
  margin-left: 12px; */
  border-radius: 5px;
  text-align: center;
  border: 1px solid #999;
  -moz-appearance: textfield;
}
.field input[type="number"]::-webkit-outer-spin-button,
.field input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.price-input .separator {
  width: 130px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}
.range-slider-for-pc {
  height: 5px;
  position: relative;
  background: #ddd;
  border-radius: 5px;
}
.range-slider-for-pc .progress {
  height: 100%;
  left: 5%;
  right: 2%;
  position: absolute;
  border-radius: 5px;
  background: #007cc9;
}
.range-input-inner {
  position: relative;
}
.range-input-inner input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.range-input-inner input[type="range"]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #007cc9;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.range-input-inner input[type="range"]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: #007cc9;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}


input.input-min {
  width: 90px;
}
input.input-max {
  width: 90px;
}

.container-for-price .wrapper-pr-h{
  width: 100%;
  box-shadow: none;
  padding: 0;
  background: none;
}










.userInfo input::placeholder {
  font-size: 13px !important;
}
.userEmail input::placeholder {
  font-size: 13px !important;
}
/* New Form Range  */


.wrapper-pr-h-2 {
  width: 100%;
  /* background: #fff; */
  border-radius: 10px;
  /* padding: 0px 0px 5px; */
  /* box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1); */
}

.price-input-2 {
  width: 100%;
  display: flex;
  /* margin: 0px 0 10px; */
}

.price-input-2 .field-2 {
  display: flex;
  width: 100%;
  height: 45px;
  align-items: center;
}
.field-2 span {
  padding-right: 10px;
}

.field-2 input {
  width: 50%;
  height: 50%;
  outline: none;
  font-size: 13px;
  margin-left: 12px;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #999;
  -moz-appearance: textfield;
}

.field-2 input[type="number"]::-webkit-outer-spin-button,
.field-2 input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}



/* NEW Strat  */
.range-input-inner-2 {
  position: relative;
}

.range-input-inner-2 input[type="range"] {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.range-input-inner-2 input[type="range"]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #007cc9;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  z-index: 2; /* added z-index to make sure it's above the progress bar */
}

.range-input-inner-2 input[type="range"]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: #007cc9;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.range-input-inner-2 input[type="range"]::-ms-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #007cc9;
  pointer-events: auto;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}


/* NEw END  */
.price-input-2 .separator-2 {
  width: 130px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}

.sliderr-2 {
  height: 5px;
  position: relative;
  background: #ddd;
  border-radius: 5px;
}

.sliderr-2 .progress-2 {
  height: 100%;
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  background: #17a2b8;
}

.range-input-inner-2 {
  position: relative;
}

.range-input-inner-2 input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.range-input-inner-2 input[type="range"]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #007cc9;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.range-input-inner-2 input[type="range"]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: #007cc9;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}


.range-slider-for-pc-2 {
  height: 5px;
  position: relative;
  background: #ddd;
  border-radius: 5px;
}
.range-slider-for-pc-2 .progress-2 {
  height: 100%;
  left: 4%;
  right: 4%;
  position: absolute;
  border-radius: 5px;
  background: #007cc9;
}


.single-building h4 {
  display: none; /* Initially hide the h4 */
}

.single-building:hover h4 {
 
  display: block; /* Display h4 when .single-building is hovered */
}
.single-building > a > h4 {
  background-color: #187acd !important;
  border-radius: 0.3rem !important;
  color: aliceblue !important;
  cursor: pointer !important;
  padding: 10px 20px;
  transition: all 0.4s ease-in-out !important;
}

.single-building h3 {
  display: block;
  font-size: 24px;
  padding-right: 65px;
  padding-top: 10px;
  text-align: center;
  font-family: Lato;
  font-weight: 700;
}


.single-building img {
  transition: all 0.35s ease-in-out !important;
  filter: brightness(2.5) !important;
}

.single-building:hover img {
filter: brightness(1)  !important;
} 



/* For third range the are in filter listing section  */



.price-input-3 .separator-3 {
  width: 130px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}

.sliderr-3 {
  height: 5px;
  position: relative;
  background: #ddd;
  border-radius: 5px;
}

.sliderr-3 .progress-3 {
  height: 100%;
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  background: #17a2b8;
}

.range-input-inner-3 {
  position: relative;
}

.range-input-inner-3 input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.range-input-inner-3 input[type="range"]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: #007cc9;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  z-index: 9999;
}

.range-input-inner-3 input[type="range"]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: #007cc9;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  z-index: 99999;
}

.range-input-inner-3 input[type="range"]::-ms-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #007cc9;
  pointer-events: auto;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  z-index: 9999;
}

.range-slider-for-pc-3 {
  height: 5px;
  position: relative;
  background: #ddd;
  border-radius: 5px;
}

.range-slider-for-pc-3 .progress-3 {
  height: 100%;
  left: 1%;
  right: 29%;
  position: absolute;
  border-radius: 5px;
  background: #007cc9;
  /* z-index: 9; */
  border: 3px solid #007ec5 !important;
}

.price-input-3 {
  padding-bottom: 13px;
  
}

.square-fit-manage{
  display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
#for-transtion-on-circle{
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.for-agent-profile-new-single{
  flex-direction: row-reverse;
}


/* Single Agent  */


.agent-content-top .agent-name .name-det{
  display: flex;
  gap: 2rem;
}

.agent_social ul li{
  display: flex;
  gap: 2rem;
}

.static-det-title{
  width: 100px;
}
.agent_social {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
}

.for-pro-del-agent table {
  font-family: Lato;
  border-collapse: collapse;
  width: 100%;
}

.for-pro-del-agent table tr td, th {
  /* border: 1px solid #dddddd; */
  text-align: left;
  padding: 8px;
}

.for-pro-del-agent table tr:nth-child(even) {
  /* background-color: #1a208a;
  color:#fff; */
}
section.for-pro-del-agent h2 {
  font-size: 25px;
  font-family: Lato;
  line-height: 40px !important;
}
@media screen and (max-width: 600px) {
  .for-pro-del-agent table tr th, td {
      display: block;
      width: 100%;
      box-sizing: border-box;
  }
  .for-pro-del-agent table tr th {
    display: none; /* Hide table headers in mobile view */
  }
  .for-pro-del-agent table tr td::before {
    content: attr(data-label);
    font-weight: bold;
    display: inline-block;
    width: 50%;
    margin-right: 5px;
  }
}
section.desc-container.container .title-desc-for-agent-prsnl {
  font-size: 24px;
  font-family: Lato;
  font-weight: 700;
  padding-bottom: 10px;
}

.text-desc-for-agent-prsnl {
  font-size: 15px;
  line-height: 1.6;
  color: #333;
  margin-bottom: 20px;
  white-space: pre-line;
}

section.agent-listing-container.container ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  padding-top: 10px;
  gap: 2rem;
}


.agent-listing-container{
  
    background-color: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 30px;
    border: none;
    border-radius: 15px;
}
.for-pro-del-agent{
  background-color: #fff;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  /* background-color: #007cc924; */
  padding: 30px;
  border: none;
  border-radius: 15px;
}
.mng-prsnl-a-btn{
  width: 60px !important;
}













div#for-transtion-on-circle {
  position: absolute;
  top: 0;
  background-color: #0000003d;
  width: 308px;
  border-radius: 50%;
  padding: 0px;
  height: 308px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}

div#for-transtion-on-circle a h4 {
  color: #fff;
  background-color: #000;
  padding: 11px 15px;
  font-weight: bold;
  font-size: 18px;
  border-radius: 5px;
  transition: all 0.3s ease;
  transform: translateY(-15%);
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.single-building:hover div#for-transtion-on-circle {opacity: 1;}

.single-building:hover div#for-transtion-on-circle a h4 {
  transform: translateY(24%);
}


@media (max-width: 450px){
  .first-slot-properties .ssmds.hwf{
    width: 100%  !important;
  }
  .first-slot-properties.sm{
    flex-wrap: wrap !important;
  }
}





/* Responsive Phase of Buyings  */


@media all and (max-width: 767px) {
/* 
  .range-input{
    left: -65% !important;
  }
  .wrapper-pr-h{   
     padding: 20px 10px 30px;
    }
   */

  .stpssss .step {
    margin-bottom: 14px !important;
}
.stp3left {
   margin-right: 0px !important; 
}
.stp7left {
  margin-left: 0px !important;
}
.sectionAllStp{
  flex-direction: column !important;
}

.for-res-mob-cart {
  display: flex;
  flex-direction: column-reverse !important;
}
.stpssss{
  flex-direction: column-reverse !important;
}
}

.for-res-mob-cart {
  display: flex;
}


@media only screen and (max-width: 991px) {
  li.agnt-drop ul{
    border-left-style: none;
    /* top: 92px!important; */
  }
  ul.dropdown-menu.for-insight-drop.for-insight-crnr li{
    padding: 0 !important;
  }
}

.header-menu .primary-menu li.menu_active a {
  background-color: #187acd !important;
  color: #ffffff !important;
  border-radius: 33px !important;
}
/* .header-menu .primary-menu li a{
  background-color: #187acd;
  color: #ffffff;
} */

.footer-work-by-lemosys{
  color: #007bff !important;
}

.footer-work-by-lemosys:hover{
  text-decoration: underline !important ;
  font-family: 'Lato';
}


section.for-set-slidebar {
  width: 100% !important;
  max-width: 1600px !important;
  margin-left: auto;
  margin-right: auto;
}

.field-3 {
  padding: 10px 0px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.adminPanel-pagi.pt-60 {
  display: flex !important;
  justify-content: center !important; 
  align-items: center !important;
}



/* About Us Page  */

.bg-for-about-us-main{
  background-image: url("/../public/assets/uploads/explore Property/Group 82011.png");
}
.container-for-manage-au{
  color:#fff;
}
.mange-au-c{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap !important;
  gap: 2rem;
   padding-top: 30px;
}

.mng-img-au img{
  max-width: 400px;
}

.container-for-manage-au h3 {
  font-size: 3rem;
  font-weight: 700;
  font-family: Lato;
}
.main-title-au{
  font-size: 3rem;
  font-weight: 700;
  font-family: Lato;
}
.container-for-manage-au .main-pera-au {
  color: #faf1f1;
  font-family: 'Lato';
}

p.main-pera-au.for-bg-white {
  color: #5a4d4d;
  font-family: Lato;
}
.for-add-bg-in-au{
  background-color: #ffeded;
}
.increase-size-au img{
  width: 400px !important;
  max-width: 400px !important; 
}

@media only screen and (max-width: 991px) {

  .antry-blog-post{
    flex-direction: column;
  }

  .mange-au-c{
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important  ;
    padding: 20px 0 !important;
    gap: 20px !important;
  }
  .mange-au-c .col-5{
    width: 80% !important;
  }
  .mng-img-au img{
    max-width: 200px !important;
  }
  .increase-size-au img{
    width: 200px !important;
    max-width: 200px !important; 
  }
}

.accordion-flush .accordion-item:last-child{
  border-bottom: 1px !important;
}

.title-MS {
  font-size: 41px;
  font-weight: 700;
  line-height: 58px;
  color: #ffffff;
  padding-top: 23px;
  text-shadow: 1px 3px 4px rgb(54 50 50);
}

.que-MS {
  /* padding: 27px 0 20px; */
  font-size: 26px;
  font-weight: 700;
  color: #187acd;
  text-shadow: 1px 3px 4px rgb(0 137 201);
}

.ans-MS {
  font-size: 16px;
  line-height: 24px;
  color: #e6e6e6;
}
.btn-for-ms > a  > button {
  font-size: 14px;
  padding: 10px;
  outline: none;
  color: #fff;
  background-color: transparent;
  border: 1px solid #007cc9;
  border-radius: 5px;
  font-family: Lato;
  transition: .2s ease;
}

.leftContainer.col-5 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 1rem;
  padding: 25px 0px;
}

.rightContainer.col-5 h2{
  color: #fff;
  font-weight: 600;
  font-size: 26px;
}

.rightContainer.col-5 .othrServTile {
  width: calc(50% - 20px);
}
.othrServTile {
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0 4px 18px 0 #000;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: flex;
    flex-direction: column;
    gap: 2rem;
}
.rightContainer.col-5 .itemBox {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.othrServTile figure {
  position: absolute;
  bottom: -7px;
  right: -11px;
  z-index: 1;
}
.img-responsive {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.othrServTile a h3 {
  font-size: 18px;
  color: #333;
  font-weight: 600;
}



.othrServTile a .btn {
    font-size: 10px;
    padding: 5px;
    outline: none;
    color: #000;
    background-color: transparent;
    border: 1px solid #007cc9;
    border-radius: 5px;
    font-family: Lato;
    transition: .2s ease;
}
.rightContainer.col-5 {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  gap: 1rem;
  padding-left: 20px !important;
  padding: 20px 0;
}


.services-container {
  max-width: 800px;
  margin: 50px auto;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.service-card {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin: 20px;
  width: 250px;
  text-align: center;
}

.service-icon {
  font-size: 40px;
  color: #3498db;
  margin-bottom: 20px;
}

.service-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.service-description {
  font-size: 14px;
  color: #777;
  line-height: 1.5;
}
.action-button {
  background-color: #3498db;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  margin-top: 15px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.3s;
}

.action-button:hover {
  background-color: #2980b9;
}

.highlight-free {
  vertical-align: super;
  font-size: 14px;
  color: #187acd; /* Highlight color */
  font-weight: 900;
}


/* .service-description ul li::before {
  content: '\2022';
  color: #3498db; 
  font-size: 20px;
  display: inline-block;
  width: .5em; 
  margin-right: 5px; 
};
   */


   section.for-house-service-ms {
    background-color: #000080;
}

section.for-house-service-ms .title-stp-3{
  color: ;
}


.leftContainer, .rightContainer {
  padding: 20px;
  box-sizing: border-box;
}

.title-MS {
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  margin-bottom: 15px;
}

.que-MS {
  font-size: 20px;
  font-weight: bold;
  margin-top: 10px;
}

.ans-MS {
  font-size: 16px;
  margin-bottom: 15px;
  
}

.btn-for-ms button {
  background-color: #3498db; /* Primary button color */
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.btn-for-ms button:hover {
  background-color: #2980b9; /* Button color on hover */
  border-color:#2980b9 ;
}

.rightContainer h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}

.itemBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.othrServTile {
  flex: 0 0 calc(50% - 10px);
  max-width: calc(50% - 10px);
  margin-bottom: 20px;
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s;
}

.othrServTile:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.othrServTile h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

.btn-secondary {
  background-color: #3687cd; /* Secondary button color */
  color: #fff;
  padding: 8px 10px;
  border: none;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.btn-secondary:hover {
  background-color: #000080; /* Secondary button color on hover */
}

.bg-for-about-us-main {
  background: linear-gradient(to right, #4CAF50, #3498db); /* Update with your desired gradient colors */
  color: #fff;
  padding: 40px 0;
}

section.section-for-services-ms  .step-one-img {
  width: 50%;
}


section.section-for-services-ms .cart-sff {
  width: 38%;
  height: 320px;
  top: 9%;
}


 .mss{
padding-bottom: 20px !important;
}


.for-house-service-ms .content-title{
  margin-top: 5rem !important;
}

.rightContainer.col-12.col-md-6 h2 {
  text-align: center !important;
  text-shadow: 1px 3px 4px rgb(13 28 35);
} 


.single-building:hover a {
  color: #fff !important;
}

@media all and (max-width: 767px) {

  .bt-button{
    top: 33% !important;
    left: 46px !important;
  }

}
@media only screen and (max-width: 500px) {
  .bt-button {
    top: 41% !important;
    left: 142px !important;
}
}


.for-left-post-f-p{
  background-image: url("/../public/assets/uploads/explore Property/sdf.avif");
  /* height: 411px; */
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 160px 0;
}
.title-for-ppf {
  width: 355px !important;
  font-size: 32px;
  line-height: 46px;
  color: #303030;
  padding-bottom: 32px;
  font-weight: 600;
  margin-top: 40px !important;
}

span.make-b-ppf {
  font-weight: 600;
  font-size: 40px;
  color: #187acd;
}


.userWhatsapp--wrapper {
  width: 100%;
  /* height: 66px; */
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #ffde82;
  background-color: #fffcf2;
  margin-bottom: 16px;
  /* margin-top: 20px; */
}
.userWhatsapp--info {
  font-size: 14px;
  font-weight: 600;
}
.userWhatsapp--info .whatsapp-icon {
  width: 25px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px 0 4px;
  position: relative;
}
.userWhatsapp--info .whatsapp-icon:before {
  content: "";
  background: url("/../public/assets/uploads/explore Property/wa.png") -62px -1722px no-repeat;
  width: 25px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
}


.for-right-post-f-p {
  margin: 25px 0;
  background-color: #fff;
  padding: 20px 15px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.for-right-post-f-p > form {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.form-title-for-ppf {
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 5px;
}

.sel-type-for-ppf {
  width: 100%;
  margin-bottom: 5px;
}

.label-ppf {
  font-size: 13px;
  margin-bottom: 5px;
}

.button-for-type-ppf {
  display: flex;
  margin-top: 5px;
  /* justify-content: space-between; */
}

/* .button-for-type-ppf .button-check {
  flex: 1;
  padding: 10px;
  border: 1px solid #3498db;
  border-radius: 5px;
  margin-right: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
    gap: 10px;
}

.button-for-type-ppf .button-check:hover {
  background-color: #3498db;
  color: #fff;
} */

.button-check {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.button-check label {
  font-size: 14px !important;
}
.button-for-type-ppf  input[type="radio"] {
  margin-right: 5px;
  display: none;
}
.button-for-type-ppf  input[type="radio"]:checked + label {
  background-color: #3498db;
  color: #fff;
}
.button-for-type-ppf  label {
  flex: 1;
  padding: 4px 14px;
  border: 1px solid #3498db;
  border-radius: 5px;
  margin-right: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
    gap: 10px;
}
.sel-type-for-ppf input {
  /* width: 100%; */
  padding: 7px;
  border: 1px solid #ccc;
  border-radius: 5px;
  /* margin-top: 5px; */
}
.for-right-post-f-p form input {
  font-size: 12px;
}
.for-right-post-f-p form input::placeholder {
  font-size: 12px;
}

.userWhatsapp--wrapper {
  margin-bottom: 10px;
}

.userWhatsapp--info {
  font-size: 12px;
  color: #555;
}

.whatsapp-icon {
  /* Add your WhatsApp icon styles or replace it with an image */
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: green; /* Placeholder color */
  margin: 0 5px;
}

.ppf-btn {
  background-color: #3498db;
  color: #fff;
  padding: 8px 14px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
  font-size: 14px;
}

.ppf-btn:hover {
  background-color: #2980b9;
}
.userWhatsapp--info img {
  width: 35px;
  display: inline !important;
}
.row.manage-content-container-ppf {
  display: flex;
  justify-content: space-around !important;
  flex-wrap: wrap !important;
}


@media only screen and (max-width: 991px) and (min-width: 500px) {

  .for-right-post-f-p > form{
    width: 376px !important;
    justify-content: center;
    align-items: center;
  }

}

.button-for-type-ppf .wpppf {
  width: 100%;
}


.row #contactAgentModal {
  z-index: 9999;
}


#for-fltr{
  background-image: none !important;
  width: 200px !important;
}

#for-fltr .nice-select.nice-control .current{
 font-weight: 700 !important;
}
.container-for-relevant-fltr{
  
  display: flex;
  justify-content: end !important;
}


.container-for-relevant-fltr .nice-select{
  width: 100% !important;
  max-width: 200px !important;
}



/* price range for property listing  */


.min_max_range i.fa-inr::before {
  content: "₹ ";
}

.min_max_range i {
  font-style: normal !important;
}



.min_max_range::-webkit-scrollbar {
width: 5px;
height: 5px;
}


.min_max_range::-webkit-scrollbar-track {
background: #f1f1f1;
}


.min_max_range::-webkit-scrollbar-thumb {
background: #888;
border-radius: 6px;
}


.min_max_range::-webkit-scrollbar {
background: #555;
}


.min_max_range::-webkit-scrollbar-thumb:hover {
background: #555;
}

.field span{
width: 30px !important;
}


.makeTextWrap{
  /* height: 100% !important; */
  text-wrap: wrap;
  text-overflow: ellipsis !important;
}

.makeTextWrap{
  width: 250px; 
  max-height: auto;
  overflow: hidden;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

.testimonial-feature-img {
    width: 250px;
    height: 150px;
    min-width: 250px;
    min-height: 150px;
}

.testimonial-feature-img img{
    width: 100%;
    height: 100%;
    min-width: 250px;
    min-height: 150px;
    border-radius: 5px;
}


.property-owner-details {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}


.location-property-filter-data img {
  width: 20px;
}

.location-property-filter-data {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}


.price_location-container {color: dodgerblue;font-size: 20px;font-weight: 800;}

.property_size-container {
  padding-left: 5px;
  font-family: 'Lato';
  font-size: 14px;
}

.property_facing_container {
  padding-left: 5px;
  font-family: 'Lato';
  font-size: 14px;
}

.product-details.grid_list_p.col-lg-7 {
  display: flex;
  justify-content: space-evenly;
  align-items: self-start;
  flex-direction: column;
}

.sk a {
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
}


.location-property-filter-data .data_location {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}




/* img on property  */


.imagesCountBox.seoTag {
  position: absolute;
  top: 15px;
  left: 5px;
  z-index: 1;
  display: inline-flex;
}

ul.imageCountUl_6791484.DSE_Resale_D17 {
  background: #fff;
  color: #fff;
  padding: 5px 10px;
  border-radius: 100px;
  display: flex;
}

ul.imageCountUl_6791484.DSE_Resale_D17 li {
  padding: 0 3px;
  display: flex;
  align-items: center;
  color: #000;
}

.imageCountUl_6791484 li em {
  width: 22px;
  height: 22px;
  overflow: hidden;
}

.si-image-white {
  /* background-position: -183px -233px !important; */
}

.tag {
   background: url("https://media.istockphoto.com/id/1175387759/vector/camera-icon.jpg?s=612x612&w=0&k=20&c=paC1ZkU31dH2B5epXqT_cYOyca5uqh4v0WpFUldCUBE=");
   /* background-size: 280px; */
   display: block;
   /* z-index: 9999999; */
}


.imageCountUl_6791484 li img {
  width: 22px;
}

.imgContainer-propertyy {
  width: 20px;
  height: 20px;
}

.imgContainer-propertyy img {
  width: 100%;
  height: 100%;
}

.imageCountUl_6791484 .imgContainer-propertyy img {
  width: 100% !important;
  height: 20px !important;
}

div#imgContainer-propertyy {
  width: 20px;
  height: 20px;
}

div#imgContainer-propertyy img {
  width: 100%;
  height: 100% !important;
}

.container-for-properties-sizes {
  padding-left: 5px;
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.detail-three-property {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 3em; /* adjust based on your line height */
  line-height: 1.5em; /* adjust based on your font-size */
}
.extra-property-details-container {
  display: flex;
  flex-direction: column !important;
  gap: 10px;
}

.detail-once-property {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 30px;
  font-size: 20px;
  font-weight: 600;
}

.detail-two-property {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 30px;
  font-size: 17px;
}

div#text {
display: flex;
justify-content: end;
align-items: end;
}

.detail-three-property-read-more-btn {
color: blue;
cursor: pointer;
text-wrap: nowrap !important;
}



@media all and (max-width: 767px) {
.detail-once-property{
  flex-direction: column;
  align-items: start;
  gap: 0;
}

.detail-two-property{
  flex-direction: column;
  align-items: start;
  gap: 0;
}
}