section.top-grid.top-grid-new-boxes {
  display: grid !important;
  grid-template-columns: repeat(12,minmax(0,1fr)) !important;
  gap: 16px !important;
  margin-bottom: 18px !important;
  align-items: stretch !important;
}

section.top-grid.top-grid-new-boxes > .metric-card {
  grid-column: auto !important;
  width: auto !important;
  max-width: none !important;
}

section.top-grid.top-grid-new-boxes > .metric-card:nth-child(1),
section.top-grid.top-grid-new-boxes > .metric-card:nth-child(2),
section.top-grid.top-grid-new-boxes > .metric-card:nth-child(3) {
  grid-column: span 4 !important;
  min-height: 150px !important;
  padding: 22px !important;
}

section.top-grid.top-grid-new-boxes > .metric-card:nth-child(4) {
  grid-column: span 2 !important;
}

section.top-grid.top-grid-new-boxes > .metric-card:nth-child(5),
section.top-grid.top-grid-new-boxes > .metric-card:nth-child(6),
section.top-grid.top-grid-new-boxes > .metric-card:nth-child(7),
section.top-grid.top-grid-new-boxes > .metric-card:nth-child(8) {
  grid-column: span 2 !important;
}

@media (min-width:1181px) {
section.top-grid.top-grid-new-boxes > .metric-card:nth-child(4) {
  grid-column: 2 / span 2 !important;
}

}

section.top-grid.top-grid-new-boxes > .metric-card:nth-child(n/**/+4) {
  min-height: 112px !important;
  padding: 18px !important;
}

section.top-grid.top-grid-new-boxes > .metric-card:nth-child(-n/**/+3) .metric-value {
  font-size: clamp(38px,4vw,52px) !important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
}

section.top-grid.top-grid-new-boxes > .metric-card:nth-child(n/**/+4) .metric-value {
  font-size: clamp(22px,2.1vw,32px) !important;
  line-height: 1.05 !important;
}

section.top-grid.top-grid-new-boxes > .metric-card.metric-card-info {
  overflow: visible !important;
}

@media (max-width:1180px) {
section.top-grid.top-grid-new-boxes {
  grid-template-columns: repeat(6,minmax(0,1fr)) !important;
}

section.top-grid.top-grid-new-boxes > .metric-card:nth-child(1),
  section.top-grid.top-grid-new-boxes > .metric-card:nth-child(2),
  section.top-grid.top-grid-new-boxes > .metric-card:nth-child(3) {
  grid-column: span 2 !important;
}

section.top-grid.top-grid-new-boxes > .metric-card:nth-child(n/**/+4) {
  grid-column: span 2 !important;
}

}

@media (max-width:860px) {
section.top-grid.top-grid-new-boxes {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}

section.top-grid.top-grid-new-boxes > .metric-card {
  grid-column: span 1 !important;
  min-height: auto !important;
}

section.top-grid.top-grid-new-boxes > .metric-card:nth-child(1),
  section.top-grid.top-grid-new-boxes > .metric-card:nth-child(2),
  section.top-grid.top-grid-new-boxes > .metric-card:nth-child(3) {
  grid-column: span 2 !important;
}

}

@media (max-width:640px) {
section.top-grid.top-grid-new-boxes {
  grid-template-columns: 1fr !important;
}

section.top-grid.top-grid-new-boxes > .metric-card,
  section.top-grid.top-grid-new-boxes > .metric-card:nth-child(1),
  section.top-grid.top-grid-new-boxes > .metric-card:nth-child(2),
  section.top-grid.top-grid-new-boxes > .metric-card:nth-child(3) {
  grid-column: 1 / -1 !important;
}

}