.industries-nav {
  padding: 40px 0px;
  background-color: #f4f4f4; /* light accent background */
}

.industries-title {
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 1.2rem;
  color: #666666;
  margin-bottom: 20px;
}

.industries-buttons {
  display: grid;
  grid-template-columns: repeat(11, 1fr); /* 11 equal columns */
  gap: 15px;
  padding: 0 20px; /* horizontal padding to match page edge */
}

.industry-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;       /* ensure span text is centered */
  text-decoration: none;
  color: #333;
  font-family: Montserrat, sans-serif;
  font-size: 0.85rem;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 4px;
  padding: 20px;
  height: 120px;             /* fixed height for square feel */
  width: 120px;
  transition: all 0.2s ease;
}

.industry-btn img {
  width: auto;
  height: 40px;
  margin-bottom: 8px;
  transition: transform 0.3s ease; /* smooth animation */
}

.industry-btn:hover img {
  transform: scale(1.2) translateY(-5px); 
  /* scale increases size, translateY moves upward */
}

.industry-btn:hover {
  border-color: #00BCE3;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  transform: translateY(-3px);
  color: #00BCE3;
}