.project-card{width:100%;background:#fff;box-shadow:0 6px 50px -6.25px #3d3d3d33;border:1px solid #F1F1F1;border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.project-card__image{width:100%;height:222px;border-radius:6px;overflow:hidden;position:relative}.project-card__image img{z-index:1;top:0;left:0;position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;transition:scale .4s ease}.project-card__status{position:absolute;top:8px;left:8px;z-index:2;padding:8px;display:flex;justify-content:center;align-items:center;border-radius:4px}.project-card__status span{color:#fff;font-size:12px;line-height:16px;font-weight:400}.project-card__status.implemented{background-color:#629476}.project-card__status.process{background-color:#f5a43b}.project-card__status.planned{background-color:#84a3ff}.project-card__date{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.project-card__date-icon{display:flex;justify-content:center;align-items:center}.project-card__date span{font-size:12px;line-height:12px;font-weight:400;color:#52525266}.project-card__tags{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;gap:4px}.project-card__tag{--tag-color: $color-black;height:25px;display:flex;justify-content:center;align-items:center;padding:0 8px;border:1px solid var(--tag-color);cursor:pointer}.project-card__tag span{color:var(--tag-color);font-size:12px;line-height:12px;font-weight:400}.project-card__bottom{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex-grow:1}.project-card__title{width:100%;text-align:left}.project-card__title h3{color:#151515;transition:color .4s ease-in-out;font-size:18px;line-height:23.4px;font-weight:600}.project-card__desc{width:100%;text-align:left;color:#525252;margin-top:auto}.project-card__desc p{font-size:16px;line-height:24px;font-weight:400;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.project-card:hover .project-card__image img{scale:1.08}.project-card:hover .project-card__title h3{color:#84a3ff}