/** add custom css here **/

/* Product cards: equal height within each row so the footers/buttons line up.
   The framework .card is a flex column but .card-body doesn't grow, and there
   is no .h-100 utility — so stretch the column, fill it, and grow the body. */
.docs-products {
  justify-content: center;
}
.docs-products > [class*="col-"] {
  display: flex;
  margin-bottom: var(--bs-gutter-x, 1.5rem);
}
.docs-products .card {
  flex: 1 1 auto;
  margin-top: 0;
}
.docs-products .card-body {
  flex: 1 1 auto;
}