.amenity-card{background-color:#fff;border-radius:16px;flex-direction:column;display:flex;position:relative;box-shadow:0 4px 4px #00000040}.amenity-card .card-close-btn{z-index:99;position:absolute;top:8px;right:8px}.amenity-card .amen-img-container{border-radius:16px 16px 0 0;justify-content:center;align-items:center;padding:16px;display:flex;position:relative}.amenity-card .amen-img-container .image-loader{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.amenity-card .amen-img-container .image-loader .spinner{border:3px solid #0000001a;border-top-color:#333;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.amenity-card .amen-img-container .amen-img{object-fit:cover;border-radius:16px;transition:all .3s}@keyframes spin{to{transform:rotate(360deg)}}.amenity-card .amen-info{flex-direction:column;gap:16px;padding:20px;display:flex}.amenity-card .amen-info .amen-title{color:#110f10;font-family:Josefin Sans;font-weight:400}.amenity-card .amen-info .time-distance-con{align-items:center;gap:20px;display:flex}
@media screen and (max-width:600px) and (max-height:1000px) and (orientation:portrait),screen and (max-width:1000px) and (max-height:600px) and (orientation:landscape){.project-card{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}}@media screen and (max-width:1000px) and (max-height:600px) and (orientation:landscape){.project-card{flex-direction:row;width:500px;height:250px;max-height:calc(100dvh - 50px);overflow:auto}.project-card .proj-img-container{min-width:250px;height:auto}.project-card .proj-img-container .proj-img{width:250px;height:100%}.project-card .proj-info{justify-content:space-between;padding:15px}.project-card .proj-info .card-btn-con .card-btn{font-size:12px!important}}