/* Map support styles for listings map */

/* Style for the small marker (dot) */
.small-marker {
  background-color: #4285F4;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.gm-style-iw-chr {
  height: 10px;
}
.gm-style-iw-d {
  margin-right: 0px;;
}

/* Style for the expanded marker content */
.expanded-content {
  background-color: #4285F4;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  display: none; /* Hidden initially */
}

:root {
  --other-color: #FF9800;
  --sale-color: #0288D1;
  --service-color: #7B1FA2;
  --delivery-color: #558B2F;
}

/* Property refer to the pin */
.info-window-content {
  width: 300px; /* Adjust as desired */
}
.property {
  align-items: center;
  background-color: #FFFFFF;
  border-radius: 50%;
  color: #263238;
  display: flex;
  font-size: 14px;
  gap: 15px;
  justify-content: center;
  padding: 4px;
  position: relative;
  transition: all 0.3s ease-out;
}

/* icons for pins */
.fa-service::before {
  content: "\1F488";
}

.fa-delivery::before {
  content: "\1F69A";
}

.fa-other::before {
  content: "\1F3B2";
}

.fa-sale::before {
  content: "\1F4B2";
}
.fa-vehicle::before{
    content: "\1F697";
}