.project-hero {
  padding: 160px 0 100px;
  background: linear-gradient(135deg, #0f766e, #111827);
  text-align: left;
  color: white;
}

.project-hero h1 {
  color: white;
  font-size: clamp(3rem, 5vw, 5rem);
}
.projectss {
  background: white;
}
.project-overview {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 50px;
}
.project-info-card {
  padding: 30px;
  border-radius: 20px;
  background: white;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);
}
.project-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.project-gallery img {
  width: 100%;
  border-radius: 18px;
}
@media (max-width: 980px) {
  .project-overview,
  .features-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 680px) {
  .project-gallery {
    grid-template-columns: 1fr;
  }
}