.img-container{
    width:100%;
    align-items: flex-start;
    flex-direction: column;
}

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

.cm-margin{
    margin-left:7rem;
}



.img-text{
    display: flex;
   flex-direction: column;
   align-items: flex-start;
}

.bg-size{
    font-size:2.9rem;
    margin-bottom:12px;
}

.sm-size{
    font-size: 1.2rem;
}

.dropdown-area{
    max-width: 85%;
    background-color: white;
    border-radius: 4px;
    margin-top:4rem;
    margin-left:7rem;
    display:flex;
    flex-direction: row;
    padding:24px 16px 20px  ;
    align-self:flex-start
}

#type-select{
    width:220px
}

#status-select{
    width:200px
}

#area-select{
    width:390px;
    margin-right:40px;
} 

.dropdowns{
    display: inline-block;
 }


.find-btn{
    font-size:16px;
    padding:21px;
    align-self: center;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
}



.full-container{
    margin:2.5rem 0 4rem;
}

.blue-bg{
    margin:4rem 0;
    background-color:#00a0bb;
    height:420px;
    display: flex;
    position:relative;
}

.blue-bg-first-child{
    margin-top:7rem;
}

.blue-img{
    position: relative;
    flex-grow: 1;
    flex-basis: 470px;
}


.top-stack{
    position: relative;
    top: -67px;
    z-index: 5;
}
.left-img{
    left: 81px;
}

.right-img{
    top: -59px;
    right: 130px;
}

.circle{
    background-color: transparent;
    border:5px solid #ffba49;
    border-radius: 50%;
    position:absolute;
    z-index:4;
}

.fullheading{
    font-size: 1.5rem;
}

.big{     
    position: absolute;
    top: -65px;
    width: 350px;
    left: -120px;
    height: 350px;
}
.right-big-circle{
    position: absolute;
    top: -60px;
    right: 0px;
    width: 370px;
    height: 370px;
}

.small{
    width:75px;
    height:75px;
}
.right-circle{
    position: absolute;
    top:-45px;
    right: -165px
}

.left-small-circle{
    left: -130px;
    top: -39px;
}

.dotted-img{
    z-index:2;
    margin-top: 192px;
    margin-left: 85px;
}

.description, 
.properties-cards-container {
    flex-grow: 2;
    display: flex;
    flex-direction: column;
    margin: 47px;
    font-size: 14px;
}

.description span,
.description p{
    margin-bottom:1.5rem;
    font-size: 18px;
    text-align: justify;
    z-index: 99;
} 


.pg-jumbotron{
    max-width: 90%;
    margin:3rem auto 4rem;
} 

.page-section::before{
    display: block;
    content:"";
    height:100px;
    margin-top:-100px;
  }