.projects-page-wrapper {
  background-size: auto;
  background-image: url('/sites/default/files/steel-background-with-scratches.webp');
  background-size: cover;
  color: #fff; /* Optional: make text white for contrast */
  padding: 2rem; /* Optional: spacing inside */
  border-bottom: 3px solid var(--capacity-red);
}

.projects-page-wrapper .views-view-responsive-grid__item {
  background: rgba(0,0,0,0.75);
  padding: 15px;
  border-radius: 20px;
  text-align:center;
}

.projects-page-wrapper a {
  color: var(--capacity-red);;
  font-size: 1.25rem;
  font-weight: bold;
  transition: color 0.3s ease;
}

.views-field-field-service-type {
  font-size: 1.25rem;
  text-shadow: 0 2px 6px rgba(0,0,0,1);
}

.projects-page-wrapper a:hover {
  color: white;
  transition: color 0.3s ease;
  text-decoration: none;
  text-shadow: 0 2px 6px rgba(0,0,0,1);
}

.projects-page-wrapper img {
  border-radius: 20px;
}