.agent_card .profile {
   height: 250px;
   width: 250px;
   object-fit: cover;
   border-radius: 50%;
   border: 1px solid #dfd3d3;
   margin: auto;
   margin-bottom: 10px;
}

.e-con-inner .agent_card .profile {
   height: 200px;
   width: 200px;
}

.single_property_header .title-brief{
   font-weight: 700;
    color: #1e1333;
}

.agent_card {
   border-radius: 18px;
   box-shadow: 3px 3px 5px 0px #dfd7d7;
   position: sticky;
   top: 50px;
   padding: 18px;
   text-align: center;
}

.agent-verified {
   width: 20px;
   height: 20px;
   background: #8c8cce;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   font-size: 12px;
}

.card .address {
   height: 50px;
   font-weight: 600;
   color: #4e4343;
}

section {
   padding-top: 80px;
   padding-bottom: 80px;
}

.agent-contact-btns {
   display: flex;
   gap: 5px; 
   justify-content: center;
}
.e-con-inner .agent-contact-btns {
   display: block;
}
.e-con-inner .agent-contact-btns a{
   width: 100%;
}
.property_list_slider_items, .property_list_items {
   background: #e3e5eb59;
}

.e-con-inner .property_list_slider_items, .e-con-inner .property_list_items {
   border-radius: 5px;
}

.property_map {
   margin-top: 10px;
   height: 450px;
   position: relative;
   overflow: hidden;
   border-radius: 7px;
   box-shadow: 3px 3px 5px 0px #dfd7d7;
   border: 1px solid #cdc5c5;
}

.amenities {
   list-style: none;
}

[data-fancybox="gallery"] {
   cursor: pointer
}

.heading-para{
   display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

#property_list_slider .slider_pagination {
   bottom: -20px;
}

#property_list_slider .slider_pagination .splide__pagination__page.is-active {
   background: #112ce9;
} 
#property_list_slider .slider_pagination.slide-rent .splide__pagination__page.is-active {
   background: #4f4fe3;
} 
#property_list_slider .slider_pagination.slide-sale .splide__pagination__page.is-active {
   background: #974949;
} 

/* The Modal (background) */
.modal {
   display: none; /* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 99; /* Sit on top */
   left: 0;
   top: 0;
   width: 100%; /* Full width */
   height: 100%; /* Full height */
   overflow: auto; /* Enable scroll if needed */
   background-color: rgb(0,0,0); /* Fallback color */
   background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
 }
 
 /* Modal Content/Box */
 .modal-content {
	 
   background-color: #fefefe;
   margin: auto; /* 15% from the top and centered */
   padding: 20px;
   margin-top: 150px;
   border: 1px solid #888;
   width: 80%; /* Could be more or less, depending on screen size */
	 margin-bottom: 50px;
 }
 
 /* The Close Button */
 .close {
   color: #aaa;
   float: right;
   font-size: 28px;
   font-weight: bold;
 }
 
 .close:hover,
 .close:focus {
   color: black;
   text-decoration: none;
   cursor: pointer;
 }

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

.searchResults li {
  border-bottom: 1px solid #faeeee;
  padding: 5px;
  font-size: 14px;
}

.searchResults li:hover {
   background: #eae6ed6e;
   border-radius: 2px;
   cursor: pointer;
}

.searchResults li.active {
   background: #eae6ed;
   border-radius: 2px;
}

.searchResults li:nth-child(n + 11) {
  display: none;
}

.search_value {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eddede;
    border-radius: 2px;
    padding: 0 5px;
}

.search_value i {
   cursor: pointer;
}

.search_value b {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

#mega_filter_form {
   background: #f7f1f1;
   padding: 8px;
   border-radius: 10px;
}

.form_child_element {
   position: relative;
}

.pagination {
   list-style: none;
    padding: 0;
    display: flex;
    gap: 5px;
    margin-top: 10px;
}

.pagination li a {
   width: 30px;
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   text-decoration: none;
   transition: 0.3s all;
   color: #812cdb;
   border: 1px solid #dfd6d6;
}

.pagination li a:hover {
   background: #812cdb;
   color: #fff;
   border: 1px solid #812cdb;
}

.pagination li a.active {
   color: #000;
   cursor: auto;
}
.pagination li a.active:hover {
   color: #000;
   cursor: auto;
   background: transparent;
}

#collected_locations {
   display: flex;
   list-style: none;
   padding: 0;
   gap: 5px;
   flex-wrap: wrap;
   margin-bottom: 10px;
}
#collected_locations li{
   background: #867de645;
    font-size: 12px;
    padding: 4px 16px;
    border-radius: 24px;
    font-weight: 600;
}
.splide__arrow.splide__arrow--next {
	padding: 0;
    right: -25px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    background: #ccc;
    border: 0;
}
.splide__arrow.splide__arrow--next:hover, 
.splide__arrow.splide__arrow--prev:hover { 
	background: #b5b1b1;
}
.splide__arrow.splide__arrow--prev {
	padding: 0;
    left: -25px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    background: #ccc;
    border: 0;
}

.card-footer-detail span{
   font-size: 12px;
   font-weight: 600;
   color: #4e4343;
}

.gallery-box {
   display: flex;
   gap: 10px;
}

#property_list_items .thumb-slider-image {
   border-radius: 5px;
   overflow: hidden;
   height: 100%;
}

#property_list_items .thumb-slider-image img {
   transition: 0.5s all;
   width: 100%;
   object-fit: cover;
   min-height: 100%;
}
#property_list_items .thumb-slider-image img:hover {
   transform: scale(1.05);
}

.secondary-image-box {
   display: grid;
   gap: 10px;
}

.main-image-box {
   width: 70%;
}

.secondary-image-box {
   width: 30%;
}

#property_info .property_gallery .btn{
   color: #fff;
   font-weight: 500;
   border-radius: 25px;
   padding: 8px 28px;
   margin-block-start: 10px;
   font-size: 14px;
}

.property-finder-main-content img {
   background: #17171738;
   object-fit: cover;
}

 .skeletoncard .image img {
   max-width: 100%;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
 }
 .skeletoncard .content {
   padding: 20px 30px;
 }
 
 .skeletoncard.is-loading .image,
 .skeletoncard.is-loading h2,
 .skeletoncard.is-loading p {
   background: #eee;
   background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
   border-radius: 5px;
   background-size: 200% 100%;
   -webkit-animation: 1.5s shine linear infinite;
           animation: 1.5s shine linear infinite;
 }
 .skeletoncard.is-loading .image {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 200px;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
 .skeletoncard.is-loading h2 {
   height: 40px;
 }
 .skeletoncard.is-loading p {
   height: 30px;
 }
 
 @-webkit-keyframes shine {
   to {
     background-position-x: -200%;
   }
 }
 
 @keyframes shine {
   to {
     background-position-x: -200%;
   }
 }

 

.property-finder-main-content .form-control,.property-finder-main-content .form-select {
   border-color: #dccccc;
   border-radius: 5px;
   padding: 10px 16px;
   font-size: 15px;
   text-wrap: nowrap;
}
.property-finder-main-content .btn, .property-finder-main-content .btn:hover {
   color: var(--bs-btn-hover-color);
   background-color: var(--bs-btn-hover-bg);
   border-color: var(--bs-btn-hover-border-color);
   padding: 8px 15px;
}

.form_error {
   margin-bottom: 0;
   margin-top: 5px;
   font-size: 14px;
   padding-left: 5px;
   color: red;
}

.title_headings p {
   line-height: 1.7;
}

.property_list_items_body {
   display: flex;
   flex-wrap: wrap;
   gap: 14px;
}
.property-list-item {
   width: calc(25% - 10.5px);
}

.enable-map-search {
   display: flex;
   align-items: end;
   justify-content: end;
   height: 100%;
   gap: 10px;
}

.enable-map-search span {
   line-height: 1.7;
}

.enable-map-search input[type="checkbox"] {
    position: relative;
    appearance: none;
    width: 30px;
    height: 15px;
    background: #ccc;
    border-radius: 50px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: 0.4s;
}

.enable-map-search input:checked[type="checkbox"] {
    background: #7da6ff;
}

.enable-map-search input[type="checkbox"]::after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    top: 0;
    left: 0;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transform: scale(1.1);
    transition: 0.4s;
}

.enable-map-search input:checked[type="checkbox"]::after {
    left: 50%;
}


.filter-map-box {
   width: 0%;
}

.map-enabled #property_list_items {
   width: 50%;
}

.map-enabled .filter-map-box {
   width: 50%;
}

.map-enabled .filter-map-box {
   position: relative;
}

.map-enabled #map {
   height: calc( 100vh - 20px);
   width: 100%;
   background: #f3e3e3;
   border-radius: 5px;
}

.mp {
   border: 0;
}

.map-enabled .mp {
   position: sticky;
   top: 10px;
   border: 1px solid #cbabab;
   border-radius: 5px;
}

.main-box {
	gap: 10px;
    border-top: 1px solid #ede8e8;
    padding-top: 10px;	
}

.map-enabled .main-box {
   display: flex;
   position: relative;
}

.map-enabled .property-list-item {
    width: calc(50% - 7.5px);
}
.map-enabled .pagination {
   display: none;
}
.price-tag {
   background-color: #4285F4;
   border-radius: 8px;
   color: #FFFFFF;
   font-size: 14px;
   padding: 10px 15px;
   position: relative;
 }
 
 .price-tag::after {
   content: "";
   position: absolute;
   left: 50%;
   top: 100%;
   transform: translate(-50%, 0);
   width: 0;
   height: 0;
   border-left: 8px solid transparent;
   border-right: 8px solid transparent;
   border-top: 8px solid #4285F4;
 }

 /*
 * Property styles in unhighlighted state.
 */

.map-enabled .property {
   align-items: center;
   background-color: #ccd0f5;
   border-radius: 50%;
   color: #263238;
   display: flex;
   font-size: 14px;
   gap: 15px;
   height: 30px;
   justify-content: center;
   padding: 4px;
   position: relative;
   position: relative;
   transition: all 0.3s ease-out;
   width: 30px;
   box-shadow: -1px -1px 2px 2px #1d0c6252;
 }
 
 .map-enabled .property::after {
   border-left: 9px solid transparent;
   border-right: 9px solid transparent;
   border-top: 9px solid #ccd0f5;
   content: "";
   height: 0;
   left: 50%;
   position: absolute;
   top: 94%;
   transform: translate(-50%, 0);
   transition: all 0.3s ease-out;
   width: 0;
   z-index: 1;
 }
 
 .map-enabled .property .icon {
   align-items: center;
   display: flex;
   justify-content: center;
   color: #3a3c81;
 }
 
 .map-enabled .property .icon svg {
   height: 20px;
   width: auto;
 }
 
 .map-enabled .property .details {
   display: none;
   flex-direction: column;
   flex: 1;
 }
 
 .map-enabled .property .address {
   color: #9E9E9E;
   font-size: 10px;
   margin-bottom: 10px;
   margin-top: 5px;
   max-width: 250px;
 }
 
 .map-enabled .property .features {
   align-items: flex-end;
   display: flex;
   flex-direction: row;
   gap: 10px;
 }
 
 .map-enabled .property .features > div {
   align-items: center;
   border-radius: 5px;
   display: flex;
   font-size: 10px;
   gap: 5px;
 }
 
 /*
  * Property styles in highlighted state.
  */
  .map-enabled .property.highlight {
   background-color: #FFFFFF;
   border-radius: 8px;
   box-shadow: none; //10px 10px 5px rgba(0, 0, 0, 0.2);
   height: auto;
   padding: 12px;
   width: auto;
   display: block;
   cursor: all-scroll;
 }
 .map-enabled .map-thumb-img img{
	width: 250px;
  }
 .map-enabled .property.highlight::after {
   border-top: 9px solid #FFFFFF;
 }
.map-enabled .property.highlight .icon{
	display: none
}
 .map-enabled .property.highlight .details {
   display: flex;
 }
 
 .map-enabled .property.highlight .icon svg {
   width: 50px;
   height: 50px;
 }
 
 
 :root {
   --building-color: #FF9800;
   --house-color: #0288D1;
   --shop-color: #7B1FA2;
   --warehouse-color: #558B2F;
 }

 /*
  * House icon colors.
  */

 .property.highlight:has(.fa-house) .icon {
   color: var(--house-color);
 }
 
 .property:not(.highlight):has(.fa-house) {
   background-color: var(--house-color);
 }
 
 .property:not(.highlight):has(.fa-house)::after {
   border-top: 9px solid var(--house-color);
 }
 
 /*
  * Building icon colors.
  */
 .property.highlight:has(.fa-building) .icon {
   color: var(--building-color);
 }
 
 .property:not(.highlight):has(.fa-building) {
   background-color: var(--building-color);
 }
 
 .property:not(.highlight):has(.fa-building)::after {
   border-top: 9px solid var(--building-color);
 }
 
 /*
  * Warehouse icon colors.
  */
 .property.highlight:has(.fa-warehouse) .icon {
   color: var(--warehouse-color);
 }
 
 .property:not(.highlight):has(.fa-warehouse) {
   background-color: var(--warehouse-color);
 }
 
 .property:not(.highlight):has(.fa-warehouse)::after {
   border-top: 9px solid var(--warehouse-color);
 }
 
 /*
  * Shop icon colors.
  */
 .property.highlight:has(.fa-shop) .icon {
   color: var(--shop-color);
 }
 
 .property:not(.highlight):has(.fa-shop) {
   background-color: var(--shop-color);
 }
 
 .property:not(.highlight):has(.fa-shop)::after {
   border-top: 9px solid var(--shop-color);
 }

 .records-option-for-display {
   line-height: 1.7;
   display: flex;
   text-wrap: nowrap;
   padding: 1px;
 }
 .records-option-for-display .records-per-pg {
   padding: 0;
   background: transparent;
   border: 0;
 }


.form_parent_4sa5 {
   display: flex;
   justify-content: space-between;
   gap: 8px;
}

.form_child_element.offering_type {
   min-width: 7%;
}

.form_child_element.property_type {
   min-width: 12%;
}

.form_child_element.locationSearchBox {
   min-width: 24%;
}
.form_child_element.beds {
   min-width: 12%;
}

.form_child_element.price {
   min-width: 12%;
}
.basic-filter .form_child_element.offering_type {
   min-width: 20%;
}
.basic-filter .form_child_element.locationSearchBox {
   min-width: 70%;
   width: 100%;
}

.basic-filter.property-finder-main-content .btn,.basic-filter.property-finder-main-content .btn:hover {
	padding: 8px 12px;
}

.basic-filter.property-finder-main-content .form-control {
	border-radius: 22px;
	transition: 0.5s all;
}
.basic-filter.property-finder-main-content .form-control:hover {
	border-color: #0a58ca;
}
.basic-filter #mega_filter_form {
	border-radius: 30px;
    border: 1px solid #f7f1f1;
    padding: 7px;
    transition: 0.5s all;
}

#locationSearchBox {
   cursor: pointer;
}

.mega-search-label {
   color: #000;
   font-size: 12px;
   position: absolute;
   top: -16px;
}

.sizes_fields {
	display: flex;
	gap: 1rem!important;
}

.select_offering_type {
    display: flex;
    gap: 6px;
    margin-bottom: 6px;
}

.offering_type_item {
    background: #f7f1f1;
    border: 1px solid #f7f1f1;
    padding: 5px 40px;
    border-radius: 40px;
    color: #02041c;
    font-weight: 400;
	transition: 0.5s all;
}

.offering_type_item:hover, .offering_type_item.active {
	border: 1px solid #0a58ca;	
}

.gm-style-mtc-bbw {
	gap: 8px;
}
.gm-style-iw-d {
	overflow: hidden !important;
}
.gm-style .gm-style-iw-c {
	padding: 0;
}
.property-finder-main-content #map img {
	background: transparent;
}

.property-finder-main-content #map button img {
	max-width: fit-content;
}

.property-finder-main-content .card img {
	min-height: 200px;
}

#property_list_items .main-image-box .thumb-slider-image img {
	min-height: 580px;
/* 	height: fit-content; */
}

#property_list_items .secondary-image-box .thumb-slider-image img {
	min-height: 285px;
/*     height: fit-content; */
}



#property_list_items .main-image-box .thumb-slider-image img.loaded {
	min-height: 100%;
/* 	height: fit-content; */
}

#property_list_items .secondary-image-box .thumb-slider-image img.loaded {
	min-height: 100%;
/*     height: fit-content; */
}

.f-thumbs__slide__button, .f-thumbs__slide__button img{
	width: 100%;
	min-width: 100%;
}

.form-select:focus, .form-control:focus {
	box-shadow: none;
	outline: 1px solid #0b5ed7;
}


.offering-for-sale .card {
	background: #ede5e5;
	box-shadow: 1px 1px 2px 0px #dccece;
	border: 0;
}

.offering-for-rent .card {
	background: #e7eaf7;
	box-shadow: 1px 1px 2px 0px #c8d0f0;
	border: 0;
}

.property-list-item .card {
	border: 0;
}

.item_details {
    color: #211332;
}
.offering-for-sale .text-offering-type {
    background: #974949;
}
.text-sale {
	color: #974949 !important;
}
.bg-sale {
	background: #974949 !important;
    border-color: #974949 !important;
	color: #fff !important;
}
.offering-for-rent .text-offering-type {
    background: #4f4fe3;
}
.text-rent {
	color: #4f4fe3 !important;
}
.bg-rent {
	background: #4f4fe3 !important;
    border-color: #4f4fe3 !important;
	color: #fff !important;
}
a.bg-rent:hover, a.bg-sale:hover {
	color: #fff !important;
}
.filter-map-box .more-btns {
	display: flex;
	gap: 5px;
	padding-top: 10px;
	justify-content: space-between;
}
.filter-map-box .more-btns a {
	text-align: center;
	padding: 5px 0;
	font-size: 12px;
	background: #000;
	width: 100%;
	z-index: 11;
	border-radius: 20px;
	text-decoration: none;
}
.filter-map-box .more-btns a.view-close{
	background: #2d2b30;
    color: #fff;
}
.filter-map-box .more-btns a.view-more{
	background: #6e2fc1;
	color: #fff;
}

.advantedge-btn:focus, .advantedge-btn:hover {
	background-color: #06377f !important;
    outline: none !important;
}
.amenities-list {
    display: flex;
    flex-wrap: wrap;
}
.amenities-item {
    width: 25%;
}
.amenities-item label{
    cursor: pointer;
}
.more-filters-btns {
	display: flex;
    justify-content: flex-end;
    gap: 5px;
}

@media only screen and (max-width: 990px){
	#property_list_items .main-image-box .thumb-slider-image img.loaded {
		height: auto;
	}
	.amenities-item {
		width: 100%;
	}
	.sizes_fields { 
		display: block;
	}
	.sizes_fields input{ 
		margin-bottom: 10px;
	}
	.more-filters-btns {
		display: block;
	}
	.more-filters-btns input{
		display: block;
		margin-bottom: 10px;
		width: 100%;
		font-size: 14px;
		padding: 0;
	}
	.more-filters-btns input:last-child{
		margin-bottom: 0;
	}
   .form_child_element.locationSearchBox {
      margin-top: 0;
   }
   .mega-search-label {
      position: static;
      font-size: 14px;
   }
   .modal-content {
      width: 92%;
   }
   .property_title h1 {
      font-size: 26px;
   }
   .main-image-box {
      width: 100%;
   }
   .secondary-image-box {
      display: none;
   }
   section {
      padding-top: 40px;
      padding-bottom: 40px;
   }
   button.splide__pagination__page {
      background: #ccc;
      border: 0;
      border-radius: 50%;
      display: inline-block;
      height: 8px;
      margin: 3px;
      opacity: .7;
      padding: 0;
      position: relative;
      transition: transform .2s linear;
      width: 8px;
  }
  .form_parent_4sa5 {
   display: block;
  }
  .form_child_element {
   margin-top: 10px;
  }
  .enable-map-search {
   justify-content: flex-start;
  }
  .pagination {
   justify-content: center;
  }
  .property-list-item {
   width: 100%;
   }
   .agent_card {
      margin-top: 20px;
   }
	.map-enabled #property_list_items {
		width: 100%;
		display: none;
	}
	.map-enabled .filter-map-box {
		width: 100%;
	}
	.offering_type_item {
		 width: 100%;
		 text-align: center;
		 line-height: 1;
		padding: 8px 40px;
	 }
	.offering_type_item.active {
    	font-weight: 700;
	}
	.search_btn {
		position: absolute;
		right: 9px;
		bottom: 14px;
	}
	.search_value {
		background: transparent;
	}
	.basic-filter.property-finder-main-content .form-control {
		padding-right: 48px;
	}
 }
.gm-style-iw-chr {
	display: none;
}
 @media only screen and (min-width: 767px) and (max-width: 1090px){ 
   
   button.splide__pagination__page {
      background: #ccc;
      border: 0;
      border-radius: 50%;
      display: inline-block;
      height: 8px;
      margin: 3px;
      opacity: .7;
      padding: 0;
      position: relative;
      transition: transform .2s linear;
      width: 8px;
  }
   .property_map {
      height: 300px;
   }
 }

 @media only screen and (min-width: 767px) and (max-width: 1399px){
  .property-finder-main-content .agent_card .profile {
      height: 120px;
      width: 120px;
	   min-height: 120px;
   }
   .agent_card h4 {
      font-size: 14px;
   }
	 .agent-contact-btns {
      display: block;
   }
	.agent-contact-btns a {
      width: 100%;
   }
	 .property-finder-main-content .form-control, .property-finder-main-content .form-select {
		padding: 10px 8px;
    	font-size: 14px;
	 }
 }
@media only screen and (min-width: 1024px) {
	.f-thumbs__slide__button {
		padding: 24px !important;
	}
}