.infrastructure_card {
    opacity: 0;
}

.slide_in {
    animation: slideInFromBottom 0.5s ease-out;
    animation-fill-mode: forwards;
}
@keyframes slideInFromBottom {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.dark_gradient {
  position: absolute;
  background: linear-gradient(180deg, rgba(44, 54, 57, 0) 0%, #131415 100%);
  width: 100%;
  height: 100%;
  z-index: -9;
}

.infrastructure_card {
  height: clamp(11.25rem, 8.0208rem + 14.3519vw, 20.9375rem);
}

.infrastructure_card .card_content {
  margin-top: clamp(2.1875rem, 0.4167rem + 7.8704vw, 7.5rem);
}

.infrastructure_card .card_content span {
  font-size: clamp(0.725rem, 0.5rem + 0.5556vw, 1rem);
}

.infrastructure_card .card_content h2 {
  font-size: clamp(1.25rem, 0.9583rem + 1.2963vw, 2.125rem);
}

.infrastructure_card .card_content p {
  font-size: clamp(0.625rem, 0.5rem + 0.5556vw, 1rem);
}