.card-project{border-radius:16px;border:#fdfdfd solid 1px;overflow:hidden;background-color:#fff;display:flex;flex-direction:column;height:100%}.card-project.soldout{filter:grayscale(1)}.card-project.soldout .btn-card-compare{pointer-events:none;opacity:.5}.card-project .ic-information,.card-project .ic-compare{font-size:20px}.card-project__content{padding:16px;flex:1}@media(max-width: 768px){.card-project__content{padding:8px}}.card-project__content__tag{margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:5px}.card-project__content__tag .tag-item{padding:3px 6px;width:fit-content;flex-shrink:0;white-space:nowrap;border-radius:3px;display:flex;align-items:center;justify-content:center;gap:3px;font-size:1rem}.card-project__content__tag .bg-blue{background-color:#d9e5f4;color:#0053b5}.card-project__content__tag .bg-orange{background-color:#f94700;color:#fff}.card-project__content__tag .bg-online-booking{background-color:#fb7540;color:#fff;transition:all .3s ease}.card-project__content__tag .bg-online-booking:hover{background-color:#f94700}.card-project__content__tag .bg-deep-blue{background-color:#0053b5;color:#fff}.card-project__content__tag .bg-green{background-color:#00654d;color:#fff}.card-project__content__tag .bg-soldout{background-color:#e5e7eb;color:#374151;font-weight:600;letter-spacing:.5px}.card-project__content__projectName{font-size:2rem}@media(max-width: 768px){.card-project__content__projectName{font-size:1.3rem}}.card-project__content__desc{font-size:1.6rem}@media(max-width: 768px){.card-project__content__desc{font-size:1rem}}.card-project .ic-category{font-size:1.3rem;color:#0053b5}@media(max-width: 576px){.card-project .hide-tag-name{display:none}}.card-project__footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}@media(max-width: 768px){.card-project__footer{padding:8px 12px}}.card-project__footer{background:linear-gradient(180deg, rgb(236, 245, 255) 32%, rgb(247, 251, 255) 100%);position:relative}.card-project__footer .bg-bth-footer{position:absolute;transform:translateY(-30%);top:0;right:0;margin-right:16px;padding:8px;background:linear-gradient(180deg, rgb(236, 245, 255) 30%, rgba(255, 255, 255, 0) 30%);border-radius:50%}@media(max-width: 768px){.card-project__footer .bg-bth-footer{margin-right:8px;padding:6px}}.card-project__footer__link{background-color:#0053b5;width:50px;height:50px;border-radius:50%;justify-content:center;align-items:center;display:flex;transition:all .3s ease;border:1px solid #fff}@media(max-width: 768px){.card-project__footer__link{width:30px;height:30px}}.card-project__footer__link i{transition:all .3s ease;color:#fff;font-size:36px}@media(max-width: 768px){.card-project__footer__link i{font-size:24px}}.card-project__footer__link:hover{transform:scale(1.05);border-color:#0053b5;background-color:rgba(0,0,0,0)}.card-project__footer__link:hover i{background-color:#0053b5;transform:translate(3px, -3px)}.card-project .card-project__img-container{position:relative;margin-bottom:1rem}.card-project .card-project__img-wrap{display:block;overflow:hidden;border-radius:8px;background:linear-gradient(90deg, #e8e8e8 25%, #f5f5f5 50%, #e8e8e8 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;aspect-ratio:4/3}.card-project .btn-card-quickview,.card-project .btn-card-compare{position:absolute;right:8px;z-index:5;width:40px;height:40px;border-radius:50%;background-color:rgba(0,0,0,.6);color:#fff;border:solid 1px #fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .25s ease,color .25s ease,transform .25s ease;box-shadow:0 2px 6px rgba(0,0,0,.15)}@media(max-width: 768px){.card-project .btn-card-quickview,.card-project .btn-card-compare{width:30px;height:30px}}.card-project .btn-card-quickview:hover,.card-project .btn-card-compare:hover{background-color:#fff;color:#0053b5;transform:scale(1.1)}.card-project .btn-card-quickview.active,.card-project .btn-card-compare.active{background-color:#f94700;color:#fff}.card-project .btn-card-quickview.active:hover,.card-project .btn-card-compare.active:hover{background-color:#fff;color:#f94700}.card-project .btn-card-quickview{top:8px}@media(max-width: 768px){.card-project .btn-card-quickview{top:6px}}.card-project .btn-card-compare{top:56px}@media(max-width: 768px){.card-project .btn-card-compare{top:42px}}.card-project .img-thumbnail{width:100%;padding:0;object-fit:cover;aspect-ratio:4/3;border-radius:8px;transition:transform .3s ease,opacity .3s ease;opacity:0}.card-project .img-thumbnail.loaded{opacity:1}.card-project .card-project__img-wrap:hover .img-thumbnail{transform:scale(1.05)}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.grid-location-detail-container{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px;border-radius:16px}@media only screen and (min-width: 768px){.grid-location-detail-container{grid-template-columns:repeat(2, 1fr);gap:20px}}@media only screen and (min-width: 992px){.grid-location-detail-container{grid-template-columns:repeat(3, 1fr);gap:20px}}.grid-location-detail-container-item{border-radius:10px}.card-project a.color-black{color:#000;text-decoration:none}.font-semibold{font-family:"GraphikTH-SemiBold" !important}.location-detail-container-item-grid.is-appearing,.location-detail-container-item-list.is-appearing{animation:projectCardIn .25s ease-out both}@keyframes projectCardIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}