/* Sarvestan value-chain cards: equal card heights and aligned website buttons. */

/* Limit changes to the four-company value-chain grid on the homepage. */
div.grid[class~="md:grid-cols-2"][class~="lg:grid-cols-4"][class~="gap-8"] {
  align-items: stretch;
}

div.grid[class~="md:grid-cols-2"][class~="lg:grid-cols-4"][class~="gap-8"] > div.group.relative {
  display: flex;
  align-self: stretch;
  height: 100%;
  min-width: 0;
}

div.grid[class~="md:grid-cols-2"][class~="lg:grid-cols-4"][class~="gap-8"] > div.group.relative > div.relative.bg-white.rounded-3xl.shadow-xl.overflow-hidden.border-2.transition-all.duration-500.h-full {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

/* Let the content area fill the card, then push the action button to the bottom. */
div.grid[class~="md:grid-cols-2"][class~="lg:grid-cols-4"][class~="gap-8"] > div.group.relative > div.relative.bg-white.rounded-3xl.shadow-xl.overflow-hidden.border-2.transition-all.duration-500.h-full > div.p-6 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

div.grid[class~="md:grid-cols-2"][class~="lg:grid-cols-4"][class~="gap-8"] > div.group.relative > div.relative.bg-white.rounded-3xl.shadow-xl.overflow-hidden.border-2.transition-all.duration-500.h-full > div.p-6 > a[class*="group/btn"] {
  margin-top: auto;
  flex-shrink: 0;
  align-self: stretch;
}

/* Prevent content from forcing a card wider than its grid column. */
div.grid[class~="md:grid-cols-2"][class~="lg:grid-cols-4"][class~="gap-8"] > div.group.relative img {
  max-width: 100%;
}