.bm-service-grid {
  /* padding: 20px; */
}

.bm-service-grid-item {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px;
  padding: 10% 15%;
  transition: all 0.2s;
  position: relative;
}

.bm-service-grid-item::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 8px;
  background: linear-gradient(to bottom right, #ffe793, #ffd74b);
  opacity: 0;
  z-index: -1;
  transition: all 0.2s;
}

.bm-service-grid-item svg path {
  transition: all 0.2s;
}

.bm-service-grid-item:hover::before {
  opacity: 0.85;
}

.bm-service-grid-item h3 {
  white-space: nowrap;
}

.bm-service-grid-item * {
  transition: all 0.2s;
}

.bm-service-grid-item:hover h3,
.bm-service-grid-item:hover li,
.bm-service-grid-item:hover img {
  filter: grayscale(100%) brightness(0);
}

.bm-service-grid-item svg,
.bm-service-grid-item img {
  margin-bottom: 30px !important;
  max-height: 64px !important;
  width: 100%;
}

a.bm-service-grid-item li {
  color: white;
}

.bm-service-grid-item h3 {
  white-space: wrap;
}