.card p{line-height:1.5}.card-grid{text-align:center;font-size:16px}.card-grid .card{position:relative;box-shadow:0px 1px 3px 0px rgb(0 0 0 / 24%);padding:28px;border-radius:5px;margin-bottom:32px;overflow:hidden;transition:.3s all ease}.card-grid .card:hover{transform:translateY(-2px);box-shadow:0px 2px 6px 0px rgb(0 0 0 / 30%)}.card-grid .card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(to right,#d7673c 10%,#b55354 90%)}.card-grid .card:nth-of-type(2n):before{background:linear-gradient(to right,#a14863 10%,#81377a 90%)}.card-grid .card:nth-of-type(3n):before{background:linear-gradient(to right,#663d88 10%,#4f5990 90%)}.card-grid.one-col{grid-template-columns:repeat(1,1fr);grid-row-gap:3.125rem;display:grid;grid-column-gap:3rem}.card-grid.two-col{grid-template-columns:repeat(2,1fr);grid-row-gap:3.125rem;display:grid;grid-column-gap:3rem}.card-grid.three-col{grid-template-columns:repeat(3,1fr);grid-row-gap:3.125rem;display:grid;grid-column-gap:2.5rem}.card-grid.four-col{grid-template-columns:repeat(4,1fr);grid-row-gap:3.125rem;display:grid;grid-column-gap:2rem}a .card p{color:#888}a:hover .card p{text-decoration:none !important}@media(min-width:768px){.card-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:40px}}