.infrastructure {
  padding: clamp(24px, 14.423vw - 107.69px, 100px) 0;
  color: #fff;
  background: linear-gradient(135deg, #0a1628, #1a3a6b);
}
.infrastructure_row {
  display: grid;
  gap: 64px;
}
@media (max-width: 1200px) {
  .infrastructure_row {
    gap: 40px;
  }
}
@media (max-width: 768px) {
  .infrastructure_row {
    gap: 24px;
  }
}
.infrastructure .section-head > p:last-child {
  color: rgba(255, 255, 255, 0.5019607843);
}
.infrastructure_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
@media (max-width: 1200px) {
  .infrastructure_grid {
    grid-template-columns: 1fr;
  }
}

.utility-card {
  display: grid;
  min-width: 0;
  align-content: start;
  gap: 24px;
  padding: clamp(24px, 1.88vw + 16.7px, 36px);
  border: 1px solid rgba(255, 255, 255, 0.0509803922);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.0509803922);
}
.utility-card_head {
  display: flex;
  align-items: center;
  gap: 20px;
}
.utility-card:first-child .details > div:nth-child(2) dd, .utility-card:not(:first-child) .details > div:first-child dd, .utility-card:nth-child(2) .details > div:nth-child(2) dd {
  color: #e63946;
}
@media (max-width: 768px) {
  .utility-card_head {
    gap: 16px;
  }
}