.card {
  border: none!important;
  box-shadow: var(--box-shadow);
  border-radius: var(--card-radius)!important;

}


.card-header {
  padding: 15px; 

  background-color: rgba(33, 37, 41, 1);
  color: white;




  /* this is to replace d-flex justify-content-between align-items-center */
  display: flex;
  justify-content: space-between;
  align-items: center;


  border-top-left-radius: var(--card-radius)!important;
  border-top-right-radius: var(--card-radius)!important;

}

.card-header-border{
    border-bottom: #e6edef 1px solid;     
}

.card-title {
  font-size: 1.25rem;
  font-weight:600;
  margin-bottom: 0px;
  
}





.card-contact {
  background-color: var(--default-background);
  border: 1px solid #ced4da;
  border-radius: 10px;
  padding: 5px 10px;
}
.card-contact .fa-light,
.card-contact .fa-solid{
  color: rgba(33, 37, 41, 0.7)
}





.house-card {
  background-color: rgb(99, 98, 231);
  border-radius: 10px;
  color: white;
  padding: 10px;
}
.house-card .ratio {
  background-image:url('/assets/image/house.svg');
  background-position: center;
  background-size: contain;
  
}
.house-card .postcode {
  font-weight: 700;
}


.house-add-card {
  background-color: white;
  border-radius: 10px;
  color: black;
  padding: 10px;
}


.house-add-card .ratio {
  background-image:url('/assets/image/add_circle.svg');
  background-position: center;
  background-size: contain;
  filter: invert(32%) sepia(79%) saturate(240%) hue-rotate(210deg);
}

.person-card {
  background-color: #0093E9;
  background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
  
  border-radius: 10px;
  color: white;
}

.status-card {
  border-radius: 10px;
  padding: 10px;
  background-image: linear-gradient( 113.9deg,  rgba(241,106,56,1) 13%, rgba(213,32,39,1) 48.8%, rgba(170,65,39,1) 85.9% );
}