.wrapper-project-page{padding-top:32px;padding-bottom:32px;background-color:#f9f7f7}@media(max-width:575px){.wrapper-project-page{padding-top:16px;padding-bottom:16px}}.wrapper-project-page-search{display:flex;justify-content:flex-end;gap:12px;margin-bottom:16px}@media(max-width:575px){.wrapper-project-page-search{flex-direction:column;gap:12px;margin-bottom:16px}}.wrapper-project-page-search-input{width:555px}@media(max-width:575px){.wrapper-project-page-search-input{width:100%}}.wrapper-project-page-list-service{width:300px}@media(max-width:575px){.wrapper-project-page-list-service{width:100%}}.wrapper-project-page .wrapper-customize-pagination{margin-top:16px}.wrapper-project-page-tag{display:block;padding:.25rem .75rem;font-size:1.8rem;font-weight:500;font-style:italic;-webkit-clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);border-radius:4px;margin-bottom:12px;text-align:center;transform-origin:center;background-color:#048291;color:#fff}.customize-btn-swiper-customer-page{position:relative}.customize-btn-swiper-customer-page .swiper-button-next,.customize-btn-swiper-customer-page .swiper-button-prev{width:10px;height:40px;border-radius:100%}.customize-btn-swiper-customer-page .swiper-button-prev{left:0;top:14px}.customize-btn-swiper-customer-page .swiper-button-next{right:0;top:14px}.customize-btn-swiper-customer-page .swiper-button-prev:after{content:url(/icons/icon-prev-customer.svg)}.customize-btn-swiper-customer-page .swiper-button-next:after,.customize-btn-swiper-customer-page .swiper-button-prev:after{display:flex!important;justify-content:center!important;align-items:center!important;height:100%!important;line-height:0%!important}.customize-btn-swiper-customer-page .swiper-button-next:after{content:url(/icons/icon-next-customer.svg)}.project-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.05);height:100%;display:flex;flex-direction:column;transition:all .3s ease;text-decoration:none;color:inherit}.project-card-page .ant-image{height:100%}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 10px rgba(0,0,0,.1)}.project-card:hover .project-image{transform:scale(1.05)}.project-card:hover .project-overlay{opacity:1}.project-card .project-image-container{position:relative;height:270px;overflow:hidden}@media(max-width:575px){.project-card .project-image-container{height:unset}}.project-card .project-image-container .project-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card .project-image-container .project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(230,126,34,.8);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card .project-image-container .project-overlay .project-view-button{padding:8px 20px;background-color:#fff;color:#e67e22;font-weight:500;border-radius:4px;font-size:.9rem}.project-card .project-content{padding:20px;display:flex;flex-direction:column}@media(max-width:575px){.project-card .project-content{padding:8px}}.project-card .project-content .project-title{font-size:1.8rem;font-weight:600;color:#333;margin:0 0 10px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;height:48px}@media(max-width:575px){.project-card .project-content .project-title{font-size:1.6rem;height:42px}}.project-card .project-content .project-des{height:42px;line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}.project-card .project-content .project-meta{display:flex;align-items:center}.project-card .project-content .project-meta .project-date{font-size:1.2rem;color:#777;display:flex;align-items:center}.project-card .project-content .project-meta .project-date .anticon{margin-right:5px;font-size:1.2rem}.project-card .project-content .project-excerpt{color:#666;font-size:.9rem;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;text-overflow:ellipsis;margin-top:auto}