.promo-awards .case-study-banner { font-size: var(--text-larger); }
.promo-awards .cred-header,
.promo-awards .cred-sub-1 { font-size: var(--text-largest); font-weight: 600; }
.promo-awards .cred-sub-2 { font-size: var(--text-large); }
.promo-awards .study-caption,
.promo-awards .award-caption { font-size: var(--text-smallest); }

.promo-awards .promo-four-container {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gap-lg);
  align-items: flex-end;
  text-align: left;
  margin-bottom: var(--gap-lg);
}

.promo-awards .text-content {
  position: relative;
  top: 3rem;
  font-weight: 500;
  width: 100%;
  justify-content: center;
}

.promo-awards .cred-header {
  color: #fff;
  margin-bottom: 25rem;
}

.promo-awards .cred-subheadings {
  color: #000;
  display: flex;
  gap: var(--gap-md);
  flex-direction: column;
}

.promo-awards .testimonial-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.promo-awards .message-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 30px;
  padding: 0 8em;
}

.promo-awards .message { font-style: italic; }
.promo-awards .author { text-align: end; }
.promo-awards .author a { color: #000; }

.promo-awards .case-studies-container {
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: 100px;
  gap: var(--gap-xl);
}

.promo-awards .case-study-banner {
  background: #000;
  color: #fff;
  padding: 2% 4%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  position: relative;
  white-space: nowrap;
}

.promo-awards .case-studies {
  display: flex;
  gap: var(--gap-lg);
  width: 100%;
}

.promo-awards .case-study-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100px;
  height: 100px;
  text-decoration: none;
  color: inherit;
  justify-content: flex-start;
  box-shadow: 6px 6px 15px rgba(0,0,0,0.5);
 }

.promo-awards .award-item-1,
.promo-awards .award-item-2,
.promo-awards .award-item-3,
.promo-awards .award-item-4,
.promo-awards .award-item-5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 200px;
  height: 200px;
  text-decoration: none;
  color: inherit;
  justify-content: flex-start;
}

.promo-awards .case-study-item img,
.promo-awards .award-item-1 img,
.promo-awards .award-item-2 img,
.promo-awards .award-item-3 img,
.promo-awards .award-item-4 img,
.promo-awards .award-item-5 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  max-width: 200px;
  max-height: 200px;
}

.promo-awards .study-caption {
  line-height: 1.2em;
  font-weight: bold;
  text-align: start;
}
.promo-awards .study-caption:first-of-type { margin-top: 12%; }

.promo-awards .awards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  justify-items: center;
  margin-top: var(--gap-xl);
  width: 100%;
}
.promo-awards .awards img { max-width: 100%; object-fit: contain; }

.promo-awards .award-caption {
  padding: 0 10%;
  font-weight: bold;
  text-align: center;
}
.promo-awards .award-caption:first-of-type { margin-top: -30%; }

.promo-awards .award-item-5 {
  flex-direction: column;
  align-items: center;
}
.promo-awards .award-item-5 .award-caption-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom: -1rem;
  position: relative;
  transform: none;
  align-content: center;
  flex-wrap: wrap;
}
.promo-awards .award-caption-list .award-caption {
  position: relative;
  white-space: nowrap;
  text-align: left;
}

@media (max-width: 1920px) {
  .promo-awards .cred-subheadings { gap: 20px; }
  .promo-awards .cred-sub-2 div:first-child,
  .promo-awards .cred-sub-3 div:first-child { margin-bottom: 8px; }
  .promo-awards .testimonial-container { margin-top: 1.5rem; }
  .promo-awards .case-studies { gap: 10%; }
  .promo-awards .case-study-banner { left: -4%; }
  .promo-awards .case-study-item { width: 100px; height: 100px; }
  .promo-awards .award-item-1 img,
  .promo-awards .award-item-2 img,
  .promo-awards .award-item-3 img,
  .promo-awards .award-item-4 img,
  .promo-awards .award-item-5 img,
  .promo-awards .award-item-1,
  .promo-awards .award-item-2,
  .promo-awards .award-item-3,
  .promo-awards .award-item-4,
  .promo-awards .award-item-5 { width: 200px; height: 200px; }
}

@media (max-width: 768px) {
  .promo-awards .promo-four-container { padding: 0 5%; }
  .promo-awards .promo-four-container { padding-bottom: 2rem; }
  .promo-awards .text-content { top: 10rem; }
  .promo-awards .cred-header { margin-bottom: 15rem; }
  .promo-awards .testimonial-container { margin-top: 12rem; }
  .promo-awards .case-studies { padding: 0 5%; gap: 15%; }
  .promo-awards .case-studies-container {
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 150px;
    margin: 10% 0;
  }
  .promo-awards .case-study-banner {
    width: 65%;
    padding-left: 8%;
    height: 60px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    left: -27%;
  }
  .promo-awards .case-study-item,
  .promo-awards .case-study-item img { width: 60px; height: 60px; }
  .promo-awards .awards { padding-right: 0; }
  .promo-awards .award-item-1 img,
  .promo-awards .award-item-2 img,
  .promo-awards .award-item-3 img,
  .promo-awards .award-item-4 img,
  .promo-awards .award-item-5 img,
  .promo-awards .award-item-1,
  .promo-awards .award-item-2,
  .promo-awards .award-item-3,
  .promo-awards .award-item-4,
  .promo-awards .award-item-5 { width: 150px; height: 150px; }
  .promo-awards .message-container { padding: 0; }

  .promo-awards .awards {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
}

@media (min-width: 1921px) {
  .promo-awards .cred-subheadings { gap: 20px; }
  .promo-awards .cred-sub-2 div:first-child,
  .promo-awards .cred-sub-3 div:first-child { margin-bottom: 8px; }
  .promo-awards .testimonial-container { margin-top: 1.5rem; }
  .promo-awards .case-studies { gap: 10%; }
  .promo-awards .case-study-banner { left: -4%; }
  .promo-awards .case-study-item { width: 100px; height: 100px; }
  .promo-awards .award-item-1 img,
  .promo-awards .award-item-2 img,
  .promo-awards .award-item-3 img,
  .promo-awards .award-item-4 img,
  .promo-awards .award-item-5 img,
  .promo-awards .award-item-1,
  .promo-awards .award-item-2,
  .promo-awards .award-item-3,
  .promo-awards .award-item-4,
  .promo-awards .award-item-5 { width: 200px; height: 200px; }
}