:root {
  --building-color: #0288D1;
  --house-color: #0288D1;
  --shop-color: #7B1FA2;
  --warehouse-color: #558B2F;
}

.property {
  align-items: center;
  background-color: #FFFFFF;
  border-radius: 50%;
  color: #263238;
  display: flex;
  font-size: 20px;
  gap: 15px;
  height: 55px;
  justify-content: center;
  padding: 8px;
  position: relative;
  position: relative;
  transition: all 0.3s ease-out;
  width: 30px;
}

.property::after {
  border-left: 19px solid transparent;
  border-right: 19px solid transparent;
  border-top: 9px solid #FFFFFF;
  content: "";
  height: 25px;
  left: 50%;
  position: absolute;
  top: 95%;
  transform: translate(-50%, 0);
  transition: all 0.3s ease-out;
  width: 0;
  z-index: 1;
}

.property .icon {
  align-items: center;
  display: flex;
  justify-content: center;
  color: #FFFFFF;
}

.property .icon svg {
  height: 20px;
  width: auto;
}

.property .details {
  display: none;
  flex-direction: column;
  flex: 1;
}

.property .address {
  font-size: 12px;
  margin-bottom: 10px;
  margin-top: 5px;
}
.property .dr {
  font-size: 12px;
  margin-bottom: 10px;
  margin-top: 5px;
}
.property .features {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.property .features > div {
  align-items: center;
  background: #F5F5F5;
  border-radius: 5px;
  border: 1px solid #ccc;
  display: flex;
  font-size: 10px;
  gap: 5px;
  padding: 5px;
}

/*
 * Property styles in highlighted state.
 */
.property.highlight {
  background-color: #f2faff;
  border-radius: 8px;
  box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
  height: 80px;
  padding: 8px 15px;
  width: auto;
}

.property.highlight::after {
  border-top: 19px solid #f2faff;
}

.property.highlight .details {
  display: flex;
}

.property.highlight .icon svg {
  width: 50px;
  height: 50px;
}

.property .bed {
  color: #FFA000;
}

.property .bath {
  color: #03A9F4;
}

.property .size {
  color: #388E3C;
}

/*
 * 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);
}


.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;
}
body,.sp-preloader{background-color:#FFFFFF;color:#252525}.sp-preloader>div{background:#0392ce}.sp-preloader>div:after{background:#FFFFFF}#sp-top-bar{background:#fff;color:#000000}#sp-top-bar a{color:#000000}#sp-header{background:#FFFFFF}#sp-menu ul.social-icons a:hover,#sp-menu ul.social-icons a:focus{color:#0392ce}a{color:#0392ce}a:hover,a:focus,a:active{color:#0c7aa8}.tags>li{display:inline-block}.tags>li a{background:rgba(3, 146, 206, 0.1);color:#0392ce}.tags>li a:hover{background:#0c7aa8}.article-social-share .social-share-icon ul li a{color:#252525}.article-social-share .social-share-icon ul li a:hover,.article-social-share .social-share-icon ul li a:focus{background:#0392ce}.pager>li a{border:1px solid #ededed;color:#252525}.sp-reading-progress-bar{background-color:#0392ce}.sp-megamenu-parent>li>a{color:#252525}.sp-megamenu-parent>li:hover>a{color:#0392ce}.sp-megamenu-parent>li.active>a,.sp-megamenu-parent>li.active:hover>a{color:#0392ce}.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{background:#FFFFFF}.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a{color:#252525}.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover{color:#0392ce}.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a{color:#0392ce}.sp-megamenu-parent .sp-mega-group>li>a{color:#252525}#offcanvas-toggler>.fa{color:#252525}#offcanvas-toggler>.fa:hover,#offcanvas-toggler>.fa:focus,#offcanvas-toggler>.fa:active{color:#0392ce}#offcanvas-toggler>.fas{color:#252525}#offcanvas-toggler>.fas:hover,#offcanvas-toggler>.fas:focus,#offcanvas-toggler>.fas:active{color:#0392ce}#offcanvas-toggler>.far{color:#252525}#offcanvas-toggler>.far:hover,#offcanvas-toggler>.far:focus,#offcanvas-toggler>.far:active{color:#0392ce}.offcanvas-menu{background-color:#FFFFFF;color:#252525}.offcanvas-menu .offcanvas-inner a{color:#252525}.offcanvas-menu .offcanvas-inner a:hover,.offcanvas-menu .offcanvas-inner a:focus,.offcanvas-menu .offcanvas-inner a:active{color:#0392ce}.offcanvas-menu .offcanvas-inner ul.menu>li a,.offcanvas-menu .offcanvas-inner ul.menu>li span{color:#252525}.offcanvas-menu .offcanvas-inner ul.menu>li a:hover,.offcanvas-menu .offcanvas-inner ul.menu>li a:focus,.offcanvas-menu .offcanvas-inner ul.menu>li span:hover,.offcanvas-menu .offcanvas-inner ul.menu>li span:focus{color:#0392ce}.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler,.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler{color:rgba(37, 37, 37, 0.5)}.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent .menu-toggler{color:rgba(37, 37, 37, 0.5)}.offcanvas-menu .offcanvas-inner ul.menu>li li a{color:rgba(37, 37, 37, 0.8)}.btn-primary,.sppb-btn-primary{border-color:#0392ce;background-color:#0392ce}.btn-primary:hover,.sppb-btn-primary:hover{border-color:#0c7aa8;background-color:#0c7aa8}ul.social-icons>li a:hover{color:#0392ce}.sp-page-title{background:#0392ce}.layout-boxed .body-innerwrapper{background:#FFFFFF}.sp-module ul>li>a{color:#252525}.sp-module ul>li>a:hover{color:#0392ce}.sp-module .latestnews>div>a{color:#252525}.sp-module .latestnews>div>a:hover{color:#0392ce}.sp-module .tagscloud .tag-name:hover{background:#0392ce}.search .btn-toolbar button{background:#0392ce}#sp-footer,#sp-bottom{background:#171717;color:#FFFFFF}#sp-footer a,#sp-bottom a{color:#030303}#sp-footer a:hover,#sp-footer a:active,#sp-footer a:focus,#sp-bottom a:hover,#sp-bottom a:active,#sp-bottom a:focus{color:#FFFFFF}#sp-bottom .sp-module-content .latestnews>li>a>span{color:#FFFFFF}.sp-comingsoon body{background-color:#0392ce}.pagination>li>a,.pagination>li>span{color:#252525}.pagination>li>a:hover,.pagination>li>a:focus,.pagination>li>span:hover,.pagination>li>span:focus{color:#252525}.pagination>.active>a,.pagination>.active>span{border-color:#0392ce;background-color:#0392ce}.pagination>.active>a:hover,.pagination>.active>a:focus,.pagination>.active>span:hover,.pagination>.active>span:focus{border-color:#0392ce;background-color:#0392ce}.error-code,.coming-soon-number{color:#0392ce}