.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 rgba(14,31,53,.08),0 6px 12px rgba(14,31,53,.12),0 8px 24px rgba(14,31,53,.08)}.caseCard:hover .arrowIcon .arrowBackground{fill:#ff8f3e;fill-opacity:1}.caseCard:hover .arrowIcon .arrowPath{fill:#fff}.caseCard .thumbnail{width:100%;height:213px;object-fit:cover;border-radius:5px 5px 0 0}.caseCard .content{padding:20px 22px;display:grid;grid-gap:15px;height:242px}.caseCard .content .products{display:flex;flex-wrap:wrap;gap:13px}.caseCard .content .products .product{display:flex;align-items:center;gap:6px}.caseCard .content .products .product .title{font-family:Montserrat;font-weight:500;font-size:14px;line-height:140%;color:#1e2432}.caseCard .content .title{font-family:Open Sans;font-weight:600;font-size:20px;line-height:130%;color:#383680}.caseCard .content .actions{display:flex;justify-content:space-between;align-items:center;align-self:end}.caseCard .content .tags{display:flex;gap:5px}@media screen and (max-width:1150px){.caseCard .content .title{font-family:Open Sans;font-weight:600;font-size:17px;line-height:130%}}@media screen and (max-width:650px){.caseCard .content .title{font-family:Open Sans;font-weight:600;font-size:16px;line-height:130%}}@media screen and (max-width:374px){.caseCard .content{padding:15px}}