/* projects css */
.project-section-wrapper {
  position: relative;
}
.project-grid-item {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 30px;
}
.project-image {
  position: relative;
  overflow: hidden;
}
.project-image img {
  width: 100%;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.project-grid-item:hover .project-image img {
  transform: scale(1.08);
}

.project-meta-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px;
  background: linear-gradient(to top, rgba(28, 28, 37, 0.9) 0%, rgba(28, 28, 37, 0) 100%);
  z-index: 2;
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.4s ease;
}
.project-grid-item:hover .project-meta-info {
  transform: translateY(0);
  opacity: 1;
}

.project-category {
  font-size: 14px;
  text-transform: uppercase;
  color: var(--theme);
  margin-bottom: 5px;
  font-weight: 500;
  display: block;
}
.project-title {
  font-size: 22px;
  color: var(--white);
}
.project-title a {
  color: var(--white);
}
.project-title a:hover {
  color: var(--theme);
}