.case-study-hero-section-1 {
  background: linear-gradient(90deg, #f9f9fb 0%, #ebedf3 50%);
}
.case-study-hero-section-1 .content {
  flex-direction: column;
  gap: 80px;
}
.case-study-hero-section-1 .section-side-one {
  display: flex;
  flex-direction: column;
  gap: var(--inner-spacing-sm);
  width: 100%;
  padding-top: 20px;
}
.case-study-hero-section-1 .page-title {
  margin: 0;
  max-width: 1008px;
}
.case-study-hero-section-1 .highlight-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: var(--inner-spacing-md);
  row-gap: calc(var(--inner-spacing-md) - 5px);
  width: 100%;
}
.case-study-hero-section-1 .highlight-cards .single-card-item:nth-child(5) {
  grid-column: span 2;
}
.case-study-hero-section-1 .single-card-item {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: var(--border-radius-6xl);
  box-shadow: inset 0 0 0 1px rgba(10, 13, 18, 0.08), inset 0 -2px 0 0 rgba(10, 13, 18, 0.05), 0 1px 2px 0 rgba(10, 13, 18, 0.05);
  padding: 25px 30px 35px 30px;
}
.case-study-hero-section-1 .single-card-item {
  gap: 12px;
}
.case-study-hero-section-1 .single-card-item .headline {
  margin: 0;
  color: var(--brand-700);
}
.case-study-hero-section-1 .single-card-item .body-copy {
  color: var(--gray-600);
  margin: 0;
  max-width: 490px;
}
@media screen and (max-width: 1024px) {
  .case-study-hero-section-1 .highlight-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .case-study-hero-section-1 .highlight-cards .single-card-item:nth-child(5) {
    grid-column: span 2;
  }
}
@media screen and (max-width: 885px) {
  .case-study-hero-section-1 .highlight-cards {
    grid-template-columns: 1fr;
  }
  .case-study-hero-section-1 .highlight-cards .single-card-item:nth-child(5) {
    grid-column: span 1;
  }
}