table-3.css

.wrap{  width: 100%; max-width: 1240px; margin:0 auto; padding: 0 15px; }
.btn { display: block; margin: 12px; padding: 12px 10px; text-align: center; background: #ddd; color: #333; text-decoration: none; border-radius: 4px; transition: 0.3s; line-height: 1; font-weight: 600; }
.btn:hover{ background: #333;color: #fff; }
.btn-blue{ background: #0071DC; color: #fff;  text-decoration: none !important;}
.btn-green{ background: #27AE60; color: #fff; text-decoration: none !important;}
.btn-red{ background: #E00000; color: #fff; text-decoration: none !important;}
.btn .fa-chevron-right { font-size: 10px; width: 20px; padding: 4px 0px; border: 1px solid #fff; border-radius: 50%; margin-left: 5px; }
.productTable{ padding: 80px 0px; }
.productTable ul{ margin:0; padding:0; }
.productTable ul li { list-style: none; display: grid; grid-template-columns: 20% auto 8% 20%; }
.productTable ul li.title span {  text-align: center;  background: #2B348E;  color: #fff;  font-weight: 600;  text-transform: uppercase;  padding: 8px;}
.productTable ul li.item { border: 1px solid #eee; border-top: 0px solid #eee; }
.productTable ul li.item span.img { position: relative; }
.productTable ul li.item span.badge {  position: absolute;  left: 0;  top: 12px;  z-index: 9;  padding: 5px 15px;  color: #fff;  border: 2px solid #2B348E;  line-height: 1;  font-size: 12px;  font-weight: 800;  text-transform: uppercase;  background: #2B348E;}
.productTable ul li.item span.badge:after {  content: "";position: absolute; bottom: -25px;  left: -2px;  border-top: 24px solid #e74c3c;  border-left: 12px solid transparent;}
.productTable ul li.item span.name h3 a {   font-weight: 600;  font-size: 20px;  line-height: 32px; text-decoration: none;color: #333;}
.productTable ul li.item > span {  border-right: 1px solid #eee;  padding: 15px;  display: grid;  align-items: center;}
.productTable ul li.item > span:last-child {  border-right: 0px solid #eee;}
.productTable ul li.item span.meta span {  display: block;  font-size: 16px;  margin-bottom: 8px;}
.productTable ul li.item span.meta b {  color: #E74C3C;}
.row-number { background-color: #27ae60; font-weight: 700; font-size: 20px; line-height: 20px; padding: 8px 12px; color: #fff; text-align: center; border-radius: 7px;}