.buy-container{
    display: grid;
    width: 85%;
    margin: 30px auto;
    grid-template-columns: repeat(3, 1fr);
}
.buy-container .property-card{
    margin: 15px;
}

.card-footer button{
    background: #006836;
    color: white;
    padding: 7px 12px;
    border-radius: 9px;
    font-family: 'Poppins';
}
.card-footer button:hover{
    background-color: white;
    color: #006836;
    border: 1px solid #006836;
}



@media (max-width: 1199px) and (min-width: 768px) {
   .buy-container{

       grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .buy-container{

        grid-template-columns: repeat(1, 1fr);
     }

}