.custom-card{position:relative;width:100%;background-color:#fff;border-radius:12px;border:1px solid #F1F1F1;box-shadow:0 6px 50px -6.25px #3d3d3d33;padding:24px;display:flex;flex-direction:column;align-items:flex-start}.custom-card__image{width:100%;height:165px;border-radius:12px;overflow:hidden;border:2px solid #F1F1F1;display:flex;justify-content:center;align-items:center}.custom-card__image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:scale .4s ease}.custom-card__image img[src$="no-image-icon.png"]{object-fit:contain}.custom-card__badge{position:absolute;top:18px;left:24px;z-index:1;padding:7px 8px;border-radius:4px;font-size:14px;line-height:14px;font-weight:400;color:#fff}.custom-card__badge--active,.custom-card__badge--success{background-color:#547f65}.custom-card__badge--member,.custom-card__badge--danger{background-color:#727272}.custom-card__badge--warning{background-color:#9c661f}.custom-card__title{margin-top:6px;width:100%;text-align:left}.custom-card__title h3{color:#0d0e12;font-size:18px;line-height:130%;font-weight:600;transition:color .4s ease}.custom-card__desc{margin-top:4px;width:100%;text-align:left}.custom-card__desc p{color:#525252;font-size:16px;line-height:24px;font-weight:400;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.custom-card__tags{margin-top:auto;padding-top:20px;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:5px;list-style:none}.custom-card__tag{--tag-color: #EE796A;text-align:center;min-width:130px;padding:3.5px 4px;border-radius:1px;background-color:transparent;border:.5px solid var(--tag-color);color:color-mix(in srgb,var(--tag-color) 65%,#000);font-size:10px;line-height:1.5;font-weight:400;white-space:nowrap}a.custom-card:hover .custom-card__image img{scale:1.08}a.custom-card:hover .custom-card__title h3{color:#5e74b5}@media screen and (max-width: 1024px){.custom-card__tag{min-width:calc((100% - 5px)/2)}}@media screen and (max-width: 768px){.custom-card__tags{gap:6px}.custom-card__tag{padding:4px 8px;font-size:11px}}@media screen and (max-width: 480px){.custom-card__tag{min-width:0;flex:0 1 calc(50% - 3px);padding-inline:4px;white-space:normal}}
