.btn-cpl-icon{width:36px;height:36px;border-radius:50%;background-color:rgba(0,0,0,.6);color:#fff;border:solid 1px #fff;cursor:pointer;display:grid;place-items:center;transition:background-color .25s ease,color .25s ease,transform .25s ease}.btn-cpl-icon .ic{font-size:18px}.btn-cpl-icon:hover{background-color:#fff;color:#0053b5;transform:scale(1.1)}.btn-cpl-icon.active{background-color:#f94700;color:#fff}.btn-cpl-icon.active:hover{background-color:#fff;color:#f94700}@media(max-width: 768px){.btn-cpl-icon{width:30px;height:30px}.btn-cpl-icon .ic{font-size:14px}}@media(max-width: 576px){.btn-cpl-icon{width:28px;height:28px}.btn-cpl-icon .ic{font-size:14px}}.btn-cpl-icon-overlay{position:absolute;left:20px;z-index:5}@media(max-width: 1200px){.btn-cpl-icon-overlay{left:unset;right:8px}}.btn-cpl-icon-overlay-top{top:calc(50% - 41px)}@media(max-width: 1200px){.btn-cpl-icon-overlay-top{top:calc(30% - 41px)}}.btn-cpl-icon-overlay-bot{top:calc(50% + 5px)}@media(max-width: 1200px){.btn-cpl-icon-overlay-bot{top:calc(30% + 5px)}}@media(min-width: 1201px){.btn-cpl-icon-overlay{display:none}}@media(max-width: 768px){.btn-cpl-icon-overlay{display:grid;place-items:center;left:unset;right:unset;top:unset}}@media(max-width: 768px){.btn-cpl-icon-overlay-top{top:unset;bottom:-32px;left:2px}}@media(max-width: 768px){.btn-cpl-icon-overlay-bot{top:unset;bottom:-32px;left:38px}}.card-project-list{border-radius:16px;border:1px solid #e8e8e8;background-color:#fff;overflow:hidden;display:grid;grid-template-columns:1.5fr 2fr 2fr minmax(180px, auto);grid-template-areas:"img info desc action";min-height:150px}@media(min-width: 769px)and (max-width: 1200px){.card-project-list{grid-template-columns:200px 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"img info" "img desc" "img action";min-height:220px}}@media(max-width: 768px){.card-project-list{grid-template-columns:33.333% 1fr;grid-template-rows:auto auto auto;grid-template-areas:"img    info" "img    desc" "action action"}}@media(min-width: 1201px){.card-project-list .btn-cpl-icon-overlay{display:grid;place-items:center}}.card-project-list__img{grid-area:img;position:relative;overflow:hidden}@media(max-width: 768px){.card-project-list__img{align-self:stretch;overflow:unset}}.card-project-list .card-project__img-wrap{aspect-ratio:unset;border-radius:10px;background:none;animation:none;height:100%}.card-project-list__img-link{display:block;width:100%;height:100%;min-height:150px;overflow:hidden;border-radius:10px}.card-project-list__img-link:hover .img-thumbnail{transform:scale(1.05)}@media(max-width: 768px){.card-project-list__img-link{height:auto;min-height:unset}}.card-project-list .img-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:10px;padding:0;transition:opacity .3s ease,transform .3s ease}@media(max-width: 768px){.card-project-list .img-thumbnail{height:auto}}.card-project-list .ic-category{font-size:1.3rem;color:#0053b5}.card-project-list__info{grid-area:info;display:grid;align-content:center;gap:4px;min-width:0;position:relative}.card-project-list__info::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:90%;width:1px;background-color:#e8e8e8}@media(max-width: 1200px){.card-project-list__info::before{display:none}}.card-project-list__info::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:90%;width:1px;background-color:#e8e8e8}@media(max-width: 1200px){.card-project-list__info::after{display:none}}@media(max-width: 1200px){.card-project-list__info{align-content:start}}.card-project-list__tags{display:flex;flex-wrap:wrap;gap:5px}.card-project-list__tags .tag-item{padding:3px 6px;white-space:nowrap;border-radius:3px;display:grid;grid-auto-flow:column;align-items:center;gap:3px;font-size:1rem;width:fit-content}.card-project-list__tags .bg-blue{background-color:#d9e5f4;color:#0053b5}@media(max-width: 768px){.card-project-list__tags .bg-blue span{display:none}.card-project-list__tags .bg-blue{padding:4px;border-radius:50%}}.card-project-list__tags .bg-orange{background-color:#f94700;color:#fff}.card-project-list__tags .bg-online-booking{background-color:#fb7540;color:#fff;transition:background-color .3s ease}.card-project-list__tags .bg-online-booking:hover{background-color:#f94700}.card-project-list__tags .bg-deep-blue{background-color:#0053b5;color:#fff}.card-project-list__tags .bg-green{background-color:#00654d;color:#fff}.card-project-list__desc{grid-area:desc;display:grid;align-content:center;min-width:0;position:relative}@media(max-width: 768px){.card-project-list__desc{align-content:start}}.card-project-list__desc::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:90%;width:1px;background-color:#e8e8e8}@media(max-width: 1200px){.card-project-list__desc::after{display:none}}.card-project-list__desc ul{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding-left:20px;margin:0;width:100%;color:#000}.card-project-list__desc p{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;width:100%;color:#000}.card-project-list__action{grid-area:action;display:grid;align-content:center;gap:10px;padding:0 3rem}.card-project-list__action .ssr-btn-bg{white-space:nowrap;font-size:1.6rem;padding:9px 16px}@media(min-width: 769px)and (max-width: 1200px){.card-project-list__action{grid-template-columns:1fr auto;justify-items:start;align-items:center;width:100%}}@media(max-width: 768px){.card-project-list__action{grid-template-columns:1fr auto;grid-template-areas:"price cta";justify-items:end;align-items:center;gap:12px;padding:0 1rem;background:linear-gradient(180deg, rgb(236, 245, 255) 32%, rgb(247, 251, 255) 100%);margin:0 -1rem -1rem;min-height:33px}.card-project-list__action .card-project-list__price{grid-area:price}.card-project-list__action .bg-bth-footer{grid-area:cta;position:static;transform:none;top:unset;right:unset;margin-right:0;padding:6px;background:linear-gradient(180deg, rgb(236, 245, 255) 30%, rgba(255, 255, 255, 0) 30%);border-radius:50%;margin-top:-20%}.card-project-list__action .cpl-action__cta{width:30px;height:30px;border-radius:50%;padding:0;display:flex;justify-content:center;align-items:center;background-color:#0053b5;color:#fff;border:1px solid #fff;transition:all .3s ease}.card-project-list__action .cpl-action__cta:hover{transform:scale(1.05);border-color:#0053b5;background-color:rgba(0,0,0,0);color:#0053b5}.card-project-list__action .cpl-action__cta .cpl-action__cta-label{display:none}.card-project-list__action .cpl-action__cta .ic{font-size:20px;transition:all .3s ease}}.card-project-list__price{white-space:nowrap}.card-project-list__price p{margin:0}