.cnt{
    padding:3rem ;
    position:relative;
    display:flex;
}

hr{
    color:white
}

.home-bg{
    background-image:url("../../assets/images/home-bg.png");
    height: 400px;
}

.img-container > div {
    font-size: 2rem;
    font-weight:700;
}

.filter-area{
    display:inline-block;
    width:20%;
}
.filter-box{
    width:100%;
    border-radius:8px;
    background-color: #083460;
    padding:0 1.5rem;
    margin-top:1rem;
    display:block;
}

.filter-section{
    padding:1.5rem 0 0;
}

.section-text{
    font-weight:600;
    font-size:18px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
}

.checboxes-container{
    padding:1.5rem 0;
}

.checkbox-container{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    width:100%;
    margin:16px 0
}

.checkbox-container:first-child{
    margin: 0;
    margin-bottom:16px;
}
.checkbox-container:last-child{
    margin: 0;
    margin-top:16px;
}

input[type="checkbox"]{
    transform: scale(1.5);
    margin-right:8px;
}

.search-result{
    display:inline-block;
    position:absolute;
    right:150px;
}



.properties{
    display: inline-block;
    flex-direction: column;
    width:60%;
    margin-left:2rem;
}

.property{
    display:flex;
    margin-top: 2.1rem;
}

.property-image{
   box-shadow: 0 0 40px 0 #d0e1ef,
             0 0 40px 0 #d0e1ef;
    display: inline-block;
    vertical-align: middle;
}

.property-image > img{
    vertical-align: top;
}

.property-overview{
    margin-left:2rem;
}

.property-heading{
    font-size: 1.5rem;
}




#loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #00a0bb;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: relative;
    top: 70px;
    left: 50%;
  }
  
  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  #error{
    font-weight: bold;
    font-size: 2rem;
    margin-top: 20%;
    margin-left: 5%;
    color:#601408
  }

  .completed-tag{
    background-color: rgb(0, 160, 187);
    padding: 8px;
    cursor: none;
  }