.library-badge{align-items:center;background-color:var(--main-dark);border:2px solid var(--main-dark-shade-3);border-radius:100px;display:inline-flex;font-size:14px;font-weight:700;line-height:22px;padding:3px 12px;text-transform:capitalize}.library-badge svg{margin-right:4px}.library-badge.free{color:var(--accent-light-3)}.library-badge.basic{color:var(--main-green-light-3)}.library-badge.intermediate{color:var(--main-yellow)}.library-badge.advanced{color:var(--main-red)}.project-card{margin-bottom:var(--spacing-20)}.project-card.site .card-body{min-height:333px}.project-card.site .card-body .card-footer{padding:var(--spacing-20) var(--spacing-24)}.project-card.site .card-body .card-footer .title{font-size:18px;line-height:130%}.project-card.dark .card-body{background:var(--main-dark-light-2)}.project-card.dark .card-body .card-footer .title{color:var(--main-light)}.project-card.dark .card-body .card-footer p{color:var(--main-light-shade-4)}.project-card.dark .card-body .card-footer p .highlight{color:var(--main-light)}.project-card .card-body{background:var(--main-light);border-radius:10px;box-shadow:0 3px 8px rgba(16,20,28,.15);color:var(--main-dark-shade-0);display:block;height:100%;text-decoration:none;transition:transform var(--duration) ease}.project-card .card-body:hover{transform:scale(1.03)}.project-card .card-body:hover .title{color:var(--accent)}.project-card .card-body .image-holder{border-top-left-radius:10px;border-top-right-radius:10px;height:193px;overflow:hidden;position:relative}.project-card .card-body .image-holder img{height:100%;object-fit:cover;width:100%}.project-card .card-body .image-holder .badge-holder{position:absolute;right:12px;top:12px}.project-card .card-body .image-holder .badge-holder.extend{display:flex;justify-content:space-between;width:calc(100% - 24px)}.project-card .card-body .image-holder .badge-holder .badge{display:flex}.project-card .card-body .image-holder .badge-holder .badge .library-badge{margin-right:var(--spacing-4)}.project-card .card-body .image-holder .badge-holder .badge .library-badge:last-of-type{margin-right:0}.project-card .card-body .image-holder .badge-holder .technology svg{width:28px}.project-card .card-body .card-footer{padding:var(--spacing-12) var(--spacing-16) var(--spacing-16)}.project-card .card-body .card-footer .title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:16px;font-weight:600;line-height:162%;margin-bottom:var(--spacing-16);overflow:hidden;text-overflow:ellipsis}.project-card .card-body .card-footer p{color:var(--main-dark-light-3);font-size:14px;font-weight:500;line-height:164%;margin:0}.project-card .card-body .card-footer p:last-of-type{margin-bottom:0}.project-card .card-body .card-footer .duration,.project-card .card-body .card-footer .project-type{margin-bottom:var(--spacing-4)}.project-card .card-body .card-footer .project-type .highlight{text-transform:capitalize}.project-card .card-body .card-footer .highlight{color:var(--main-dark);font-weight:700}.project-card .card-body .card-footer .status svg{height:9px;width:12px}.project-card .card-body .card-footer .status span{font-weight:700}.project-card .card-body .card-footer .status span.in-progress{color:var(--accent-shade-1)}.project-card .card-body .card-footer .status span.done{color:var(--main-green-shade-1)}@media(max-width:1023px){.project-card:last-of-type{margin-bottom:0}}