.card-flexbox{display:flex;flex-direction:column;@media (min-width:768px){flex-direction:row;flex-wrap:wrap;justify-content:center;&.flex-columns-2,&.flex-columns-3,&.flex-columns-4,&.flex-columns-5{& .card{width:calc(50% - 24px)}}&.flex-columns-3-1 .card{width:100%}}@media (min-width:992px){&.flex-columns-3 .card,&.flex-columns-3-1 .card{width:calc(33.33333% - 24px)}&.flex-columns-4 .card{width:calc(25% - 24px)}&.flex-columns-5 .card{width:calc(20% - 24px)}}&.bg-shadow{background:var(--grey);padding:2rem 1rem;@media (min-width:992px){box-shadow:0 8px 8px -4px rgba(16,24,40,.03),0 20px 24px -4px rgba(16,24,40,.08);padding-bottom:2rem;padding-left:2rem;padding-right:2rem;padding-top:2rem}}.card{display:flex;flex-direction:column;margin:12px;overflow:hidden;padding:24px;.card-header{padding-bottom:24px;h3{font-family:Raleway,sans-serif;font-size:3rem;font-weight:800;margin-bottom:0}&.full-width-image{aspect-ratio:5/4;border-radius:.5rem;margin-bottom:24px;overflow:hidden;img{height:100%;object-fit:cover;width:100%}}}.card-body{.preheader{display:block;font-size:.875rem;font-weight:700}.preheader,h4{margin-bottom:.5rem}h4{font-size:1.25rem;font-weight:600;line-height:1.25}p{margin-bottom:0}}&.img-left{align-items:start;flex-direction:row;min-width:100%;padding:12px 0;.card-header{margin-right:1rem;padding-bottom:0}}&.icon-list{align-items:start;flex-direction:row;gap:1rem;min-width:100%;padding:0;.card-header{flex-shrink:0;padding-bottom:0}}&.link-card:hover{cursor:pointer}}&.flex-columns-1 .card{padding-block:0}&.gap-none{.card{margin:0;&.img-left{padding:1.75rem 2.5rem}&.link-card:hover{background:linear-gradient(45deg,var(--purple),var(--blue))!important;.card-body .preheader,h4{color:var(--white)!important}}}@media (min-width:768px){&.flex-columns-2,&.flex-columns-3,&.flex-columns-4,&.flex-columns-5{& .card{width:50%}}}@media (min-width:992px){&.flex-columns-3 .card{width:33.33333%}&.flex-columns-4 .card{width:25%}&.flex-columns-5 .card{width:20%}}}&.infographic{.card{justify-content:center;@media (min-width:992px){&:first-of-type{order:2}&:nth-of-type(2){order:1}&:nth-of-type(3){order:3}&:nth-of-type(4){order:4}}}&.flex-columns-3 .card{@media (min-width:768px){width:calc(100% - 24px)}@media (min-width:992px){width:calc(33.33333% - 24px)}}}}