.card-grid{grid-gap:28px;display:grid;grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.card-grid{grid-gap:48px}.card-grid.grid-columns-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.card-grid.grid-columns-3{grid-template-columns:repeat(3,1fr)}.card-grid.grid-columns-4{grid-template-columns:repeat(4,1fr)}}.card-grid .card{background-color:var(--white);display:flex;flex-direction:column;padding:36px 24px}.card-grid .card .card-header{padding-bottom:24px}.card-grid .card .card-body .preheader{align-items:center;border-radius:6px;color:var(--blue-light);display:inline-block;font-size:14px;margin-bottom:.75rem;padding:2px 6px}.card-grid .card .card-body .preheader.blue-button{background:var(--blue-50);border:1px solid var(--blue);color:var(--blue)}.card-grid .card .card-body .preheader.orange-button{background:var(--orange-50);border:1px solid var(--orange);color:var(--orange)}.card-grid .card .card-body .preheader.light-blue-button{background:var(--blue-light-50);border:1px solid var(--blue-light);color:var(--blue-light)}.card-grid .card .card-body .preheader.bright-blue-button{background:var(--blue-bright-50);border:1px solid var(--blue-bright);color:var(--blue-bright)}.card-grid .card .card-body h4{color:var(--blue);font-weight:600;line-height:1.25;margin-bottom:.25rem}.card-grid .card .card-body p{margin-bottom:0}.card-grid .card .card-footer{margin-top:auto;padding-top:1.5rem}.card-grid.reverse-cards .card{background-color:var(--grey-dark);border:.5px solid rgba(100,146,253,.2);display:flex;flex-direction:column;overflow:hidden;padding:0}.card-grid.reverse-cards .card .card-header{aspect-ratio:16/9;overflow:hidden;padding:0}.card-grid.reverse-cards .card .card-header img{height:auto;max-width:100%}.card-grid.reverse-cards .card .card-body{color:var(--white);padding:20px 24px 24px}.card-grid.reverse-cards .card .card-body h4{color:var(--blue-light);margin-bottom:0}.card-grid.reverse-cards .card .card-body h4 a{color:var(--white)}.card-grid.reverse-cards .card .card-footer{margin-top:auto;padding:20px 24px 24px}.card-grid.reverse-cards .card .card-footer .button{align-items:center;background:none;border:0;display:flex;padding:0}.card-grid.reverse-cards .card .card-footer .button svg{fill:var(--white);margin-left:.5rem}.card-grid.reverse-cards .card .card-footer .button:hover{color:var(--orange);transform:scale(1)}.card-grid.reverse-cards .card .card-footer .button:hover svg{fill:var(--orange)}