.listing{width:25%;min-width:300px;max-width:400px;position:relative;margin:20px;cursor:pointer;box-shadow:0 8px 24px rgb(134 134 134/20%);border-radius:10px;overflow:hidden}.listing:before{content:"";display:block;padding-bottom:calc((5 / 4) * 100%)}.listing__content{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:10px;overflow:hidden}.listing__image-container{width:100%;height:65%;overflow:hidden}.listing__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left}.listing__details{height:35%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start;padding:0 25px;position:relative;background:#201e1e}.listing__type{position:absolute;font-size:.8rem;right:10px;top:10px;background-color:white;color:black;padding:5px 10px;border-radius:15px}.listing__row{margin:6px 0;display:flex;align-items:center}.listing__price{font-size:1.5rem}.listing__address{color:#737373}.modal .modal__price{color:black}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:100;display:flex}@media only screen{.overlay{overflow-y:scroll;justify-content:center;align-items:flex-start;padding:40px 0}}@media screen and (min-width:1281px){.overlay{justify-content:center;align-items:center}}.modal{min-height:600px;border-radius:20px;position:relative;background-color:white;box-shadow:0 8px 24px rgba(149,157,165,.2);display:flex}.modal__image{-o-object-fit:cover;object-fit:cover;border-radius:20px}.modal__info{background-color:white;display:flex}.modal__row{align-items:center}.modal__description-wrapper,.modal__row{margin:20px 0;display:flex;text-align:left}.modal__description-wrapper{overflow-y:scroll;align-items:flex-start;justify-content:flex-start}.modal__price{font-size:3rem}.modal__address{font-size:1.5rem;color:#737373}.modal__description{color:#737373;margin:0;padding:0;font-size:1.25rem}.modal__close-wrapper{all:unset;position:absolute;cursor:pointer}.modal__close-icon{width:40px;height:40px}@media only screen{.modal{width:90%;height:auto;flex-direction:column;justify-content:space-between;align-items:center;padding:15px}.modal__image{width:100%}.modal__info{width:calc(100%);height:100%;padding:20px;flex-direction:column;align-items:flex-start}.modal__close-wrapper{right:-20px;top:-30px}.modal__close-icon{width:35px;height:35px;color:#cacaca}}@media only screen and (min-width:1281px){.modal{width:80%;height:80%;max-width:1800px;justify-content:space-between;align-items:center;flex-direction:row;padding:30px}.modal__image{width:calc(70% - 10px);height:100%}.modal__info{width:calc(30% - 10px);height:100%;padding:20px;flex-direction:column;align-items:flex-start}.modal__close-wrapper{right:10px;top:10px}.modal__close-icon{color:#737373}}