#research {
  scroll-margin-top: 60px;
  margin-top: 80px;
}

.research-metrics {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  max-width: 450px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

.research-metrics:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

@media (max-width: 768px) {
  .research-metrics {
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
  }
}