.testimonial {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: var(--testimonial-gap-size);
}
.testimonial.testimonial-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}
.testimonial.testimonial-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}
.row-fluid-wrapper[class*='-force-full-width-section'] .testimonial.testimonial-cols-3 {
}
.testimonial.testimonial-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}
.row-fluid-wrapper[class*='-force-full-width-section'] .testimonial.testimonial-cols-4 {
}

@media (min-width: 1140px) {
  .testimonial.testimonial-cols-2 {
  }
  .row-fluid-wrapper[class*='-force-full-width-section'] .testimonial.testimonial-cols-2 {
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .testimonial.testimonial-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .testimonial.testimonial-cols-4,
  .row-fluid-wrapper[class*='-force-full-width-section'] .testimonial.testimonial-cols-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .testimonial.testimonial-cols-2,
  .testimonial.testimonial-cols-3,
  .row-fluid-wrapper[class*='-force-full-width-section'] .testimonial.testimonial-cols-3 {
    grid-template-columns: repeat(1, 1fr);
  }
  .testimonial.testimonial-cols-4,
  .row-fluid-wrapper[class*='-force-full-width-section'] .testimonial.testimonial-cols-4 {
    grid-template-columns: repeat(1, 1fr);
  }
  div[class*='max-width-section'] .testimonial.testimonial-cols-3 {
  }
}

.testimonial__img {
  border-radius: 4px;
  box-shadow: 2px 4px 8px rgba(0, 0, 0, .2);
  display: block;
  width: 100%;
  height: auto;
}

.testimonial__item {
  position: relative;
  display: flex;
  justify-content: center;
}
.testimonial__item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 30;
}

.projects-testimonial .testimonial__item .testimonial__img {
  transition: opacity 0.3s;
}

.projects-testimonial:hover .testimonial__img {
  opacity: 0.3;
}

.projects-testimonial:hover .testimonial__item:hover .testimonial__img {
  opacity: 1.0;
}



.testimonial__item .project-btn {
  color: #fff;
  background: #bca360;
  padding: 12px 20px;
  position: absolute;
  bottom: -20px;
  text-transform: uppercase;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .045em;
}

.testimonial__item .project-btn:hover {
  background: #947b39;
}

/* 1. Base state: hidden, translated down a bit */
.testimonial__item .project-btn {
  opacity: 0;
  transform: translateY(20px);
  transition: 
    opacity 0.3s ease-out,
    transform 0.3s ease-out;
}

/* 2. Hover state: fully visible, in its original position */
.testimonial__item:hover .project-btn {
  opacity: 1;
  transform: translateY(0);
}

.testimonial__item {
  background: #fff;
  {