body .otherBips-wrapper h2::before {
  content: '';
  position: relative;
display: inline-block;
  width: 23px;
  height: 21px;
  background-image: url('/uploads/files/headericon.svg');
  background-size: 105%;
  background-repeat: no-repeat;
margin-right: 10px
}

body .otherBips {
grid-template-columns: repeat(5, 1fr);
}
@media screen and (max-width: 900px) {
body .otherBips { 
grid-template-columns: repeat(3, 1fr);
grid-auto-flow: row dense;
 }
}

@media screen and (max-width: 650px) {
body .otherBips { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 400px) {
body .otherBips { grid-template-columns: 100%; }
}
body .otherBips .otherBips-group-item-link {
display: flex;
flex-direction: column;
gap: 10px;
justify-content: flex-start;
align-items: center;
/*box-shadow: 2px 1.5px 5px 0 #80808024;*/
/* background-color: #f6f6f6; */
padding: 30px 15px;
/*text-decoration: none; */
height: 100%;
}

body .otherBips .otherBips-group-item-link .otherBips-group-item-link-text {
/*font-weight: 700*/
}

body .col-12 > :nth-child(2 of .otherBips-wrapper) > .otherBips {
  grid-template-columns: repeat(4, 1fr) !important;
}

@media screen and (max-width: 676px) {
body .col-12 > :nth-child(2 of .otherBips-wrapper) > .otherBips {
  grid-template-columns: repeat(2, 1fr) !important;
}
}