.component.one-off.support-service-levels .card-container{display:grid;grid-template-columns:repeat(1,auto);grid-column-gap:var(--spacing-800);-moz-column-gap:var(--spacing-800);column-gap:var(--spacing-800);grid-row-gap:var(--spacing-800);row-gap:var(--spacing-800)}@media screen and (min-width: 768px){.component.one-off.support-service-levels .card-container{grid-template-columns:repeat(2,auto)}}@media screen and (min-width: 992px){.component.one-off.support-service-levels .card-container{grid-template-columns:repeat(3,auto)}}@media screen and (min-width: 1200px){.component.one-off.support-service-levels .card-container{grid-template-columns:repeat(4,auto)}}.component.one-off.support-service-levels .card-container .card{border-radius:var(--spacing-300);padding:var(--spacing-500) var(--spacing-600);display:flex;flex-direction:column;row-gap:var(--spacing-500);justify-content:space-between}.component.one-off.support-service-levels .card-container .card h5{margin-bottom:var(--spacing-400)}.component.one-off.support-service-levels .card-container .card .response-time{display:flex;flex-direction:column;row-gap:var(--spacing-500)}.component.one-off.support-service-levels .card-container .card .response-time hr{margin:0}.component.one-off.support-service-levels .card-container .card .response-time label{font-size:var(--text-300);text-transform:uppercase;font-weight:500;color:var(--gray-500)}.component.one-off.support-service-levels .card-container .card.red{border-top:8px solid var(--red-500)}.component.one-off.support-service-levels .card-container .card.orange{border-top:8px solid var(--orange-700)}.component.one-off.support-service-levels .card-container .card.yellow{border-top:8px solid var(--orange-200)}.component.one-off.support-service-levels .card-container .card.green{border-top:8px solid var(--primary-200)}