@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    color: rgb(0, 0, 0)

    
}
h2{
    font-weight: 500;
}
p{
    font-size: larger;
    font-weight: 500;
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
 

    



ul li{
    list-style: none;
margin-bottom: 0.6rem;
margin-left: 1rem;
}


      main{
        overflow-x: hidden;
    }
    .data{
      position: absolute;
      /* z-index: 1; */
      top: 0%;
      display: flex;
      flex-direction: column;
align-items: center;

    }
    .info{
        margin-top: 10%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem;
    justify-content: space-around;
    /* width: 25%; */
    border-radius: 3px;
    gap: 1rem;
    max-width: 90%;
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(3px);
    
}
  
    .hero_img{
    height: 100vh;

}
 .form{
width: 90%;
margin-top: 2%;
/* display: flex; */
/* align-items: center; */
 }
 .searchTxt{
    border-color: rgb(255, 123, 0);
    /* height: 3.5rem; */
/* width: 35rem; */
border-radius: 45px;
padding: 0.5rem;
/* border-top-style: hidden; */

/* outline: none; */
font-size: medium;
width: 100%;

} 
.results-housing{
    border-radius: 15px;
    overflow: hidden;
    /* padding: 1rem; */
    gap: 1rem;
    border-radius: 5px ;
    max-width: 100%;
    overflow-y: auto;
       max-height: 250px;

    background-color: rgba(248,248,249,.6);
    backdrop-filter: blur(15px);
    } 

@media only screen and (min-width: 980px){
    section{
        display: flex;
align-items: center;
    }
    .search-div{
        display: flex;
        flex-direction: column;
    }
.data{
        max-width: 50%;

}
    .hero_img{
   object-fit: cover;
width: 100%;
height: 100vh;

}
}
/* } */

/* ------------------------------- */