.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:has(img[src$="no-image-icon.png"]){background:#fff;border:1px solid #D7DAE2}.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__image img[src$="no-image-icon.png"]{object-fit:contain}.project-card__status{position:absolute;top:8px;left:8px;z-index:2;padding:4.5px 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,.project-card__status.active{background-color:#547f65}.project-card__status.process{background-color:#9f6b26}.project-card__status.psd_ready{background-color:#365ed7}.project-card__status.planned{background-color:#5e74b5}.project-card__meta{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 20px}.project-card__date,.project-card__money{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.project-card__date-icon,.project-card__money-icon{display:flex;justify-content:center;align-items:center}.project-card__date span,.project-card__money span{font-size:12px;line-height:12px;font-weight:400;color:#525252}.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:color-mix(in srgb,var(--tag-color) 65%,#000);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 h2,.project-card__title h3{margin:0;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 h2,.project-card:hover .project-card__title h3{margin:0;color:#5e74b5}
