.homepage-service-listing {
  position: relative;
  display: block;
}

.homepage-service-listing figure {
  margin: 0;
}

/* Gradient overlay */
.homepage-service-listing-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: end;
  width: 100%;
padding: clamp(25px, 2vw, 55px) clamp(25px, 1.5vw, 37px);
  color: #fff;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0.35) 40%,
    rgba(0, 0, 0, 0) 80%
  );
}

/* Bottom hover bar */
.homepage-service-listing::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 7px;
  background: #002cff;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform 0.3s ease;
}

.homepage-service-listing:hover::after {
  transform: scaleY(1);
}

/* @media (max-width: 1024px) {
  .homepage-service-listing-overlay {
    padding: 30px 20px;
  }
}

@media (max-width: 768px) {
  .homepage-service-listing-overlay {
    padding: 20px;
  }

  .homepage-service-listing-overlay h3 {
    font-size: 20px;
  }
} */