.bi-feature-wrap{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  padding:16px;
  max-width:1200px;
  margin:auto;
}
.bi-card{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:20px 12px;
  border-radius:16px;
  font-weight:800;
  font-size:15px;
  color:#fff;
  text-decoration:none;
  line-height:1.35;
  box-shadow:0 6px 20px rgba(0,0,0,.15);
  transition:.25s ease;
}
.bi-card:hover{transform:translateY(-4px);}
.bi-card.green{background:linear-gradient(135deg,#4caf50,#1b7f3b);}
.bi-card.blue{background:linear-gradient(135deg,#1e88e5,#0d47a1);}
.bi-card.orange{background:linear-gradient(135deg,#fb8c00,#ef6c00);}
.bi-card.teal{background:linear-gradient(135deg,#26a69a,#00695c);}

@media(min-width:768px) and (max-width:1023px){
  .bi-feature-wrap{grid-template-columns:repeat(3,1fr);}
  .bi-feature-wrap .bi-card:nth-child(4){display:none;}
}
@media(max-width:767px){
  .bi-feature-wrap{
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    padding:12px;
  }
  .bi-card{font-size:14px;padding:18px 8px;}
}