.caseCard{background-color:#f4f6ff;border-radius:5px;max-width:342px;height:460px;transition:all .1s ease-in-out}.caseCard:hover{box-shadow:0 3px 6px #0e1f3514,0 6px 12px #0e1f351f,0 8px 24px #0e1f3514}.caseCard:hover .arrowIcon .arrowBackground{fill:#ff8f3e;fill-opacity:1}.caseCard:hover .arrowIcon .arrowPath{fill:#fff}.caseCard .thumbnail{object-fit:cover;border-radius:5px 5px 0 0;width:100%;height:213px}.caseCard .content{grid-gap:15px;height:242px;padding:20px 18px;display:grid}.caseCard .content .products{flex-wrap:wrap;gap:10px 13px;display:flex}.caseCard .content .products .product{align-items:center;gap:6px;display:flex}.caseCard .content .products .product .title{font-family:var(--font-montserrat),system-ui,-apple-system,sans-serif;color:#1e2432;font-size:14px;font-weight:500;line-height:140%}.caseCard .content .title{font-family:var(--font-open-sans),system-ui,-apple-system,sans-serif;color:#383680;font-size:20px;font-weight:600;line-height:130%}.caseCard .content .actions{justify-content:space-between;align-self:end;align-items:center;display:flex}.caseCard .content .tags{gap:5px;display:flex}@media screen and (max-width:1150px){.caseCard .content .title{font-family:var(--font-open-sans),system-ui,-apple-system,sans-serif;font-size:17px;font-weight:600;line-height:130%}}@media screen and (max-width:650px){.caseCard .content .title{font-family:var(--font-open-sans),system-ui,-apple-system,sans-serif;font-size:16px;font-weight:600;line-height:130%}}@media screen and (max-width:374px){.caseCard .content{padding:15px}}
