.component.one-off.support-service-levels .card-container{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);grid-template-columns:repeat(1,auto);display:grid}@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);row-gap:var(--spacing-500);flex-direction:column;justify-content:space-between;display:flex}.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{row-gap:var(--spacing-500);flex-direction:column;display:flex}.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;color:var(--gray-500);font-weight: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)}