.list-with-us-page {
  background: var(--color-secondary-900);
  color: var(--color-secondary-50);
  overflow-x: clip;
}

.list-with-us-page .grid-background:before {
  z-index: 0;
}

.list-with-us-listing, .list-with-us-program {
  background: var(--color-secondary-900);
}

.list-with-us-listing {
  min-height: 576px;
  padding-top: 40px;
  padding-bottom: 80px;
}

.list-with-us-listing .partnership-benefits-copy {
  text-align: center;
}

.list-with-us-listing .partnership-benefits-copy h2 {
  margin: 16px 0 20px;
}

.list-with-us-listing .partnership-benefits-copy > p {
  max-width: none;
}

.list-with-us-page .list-with-us-card {
  background: var(--color-text-950);
  height: auto;
  min-height: 0;
  box-shadow: none;
  cursor: default;
  border-color: #542a7c59;
  justify-content: flex-start;
}

.list-with-us-page .list-with-us-card:before, .list-with-us-page .list-with-us-card .partnership-benefit-link {
  display: none;
}

.list-with-us-page .list-with-us-card h3 {
  margin: 24px 0 12px;
}

.list-with-us-program {
  min-height: 1152px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.list-with-us-program .section-intro, .list-with-us-tabs, .list-with-us-benefits, .list-with-us-panels, .list-with-us-program .partnership-banner {
  z-index: 1;
  position: relative;
}

.list-with-us-tabs {
  border: 1px solid var(--color-text-900);
  border-radius: var(--radius-md);
  background: var(--color-text-950);
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
  width: min(100%, 680px);
  margin: 20px auto 0;
  padding: 4px;
  display: grid;
}

.list-with-us-tabs button {
  color: inherit;
  font: inherit;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-sm);
  text-align: center;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  padding: 12px 16px;
  font-weight: 600;
}

.list-with-us-tabs .list-with-us-tab-active {
  background: var(--color-secondary-500);
}

.list-with-us-page .list-with-us-benefits {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 40px 0 48px;
}

.list-with-us-panels {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.list-with-us-panels article {
  border: 1px solid var(--color-text-950);
  border-radius: var(--radius-xl);
  background: var(--color-secondary-600);
  min-height: 325px;
  padding: 32px;
}

.list-with-us-panels h3 {
  font-size: var(--font-size-xl);
  line-height: var(--line-height-xl);
  text-align: center;
  margin: 0 0 16px;
  font-weight: 700;
}

.list-with-us-panels p {
  color: var(--color-secondary-200);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-base);
  white-space: pre-line;
  margin: 0;
}

.list-with-us-panels ul {
  color: var(--color-secondary-200);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-base);
  margin: 32px 0 0;
  padding-left: 20px;
}

.list-with-us-banner {
  margin-top: 16px;
}

.list-with-us-page .list-with-us-form {
  min-height: 864px;
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (width <= 900px) {
  .list-with-us-page .list-with-us-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width <= 600px) {
  .list-with-us-listing {
    min-height: 609px;
    padding: 32px 16px;
  }

  .list-with-us-listing .partnership-benefits-copy h2 {
    max-width: 343px;
  }

  .list-with-us-listing .partnership-benefits-card-grid {
    margin-top: 32px;
  }

  .list-with-us-page .list-with-us-card {
    height: auto;
    min-height: 0;
  }

  .list-with-us-program {
    min-height: 2203px;
    padding: 40px 16px 16px;
  }

  .list-with-us-tabs {
    width: 100%;
    margin-top: 24px;
  }

  .list-with-us-page .list-with-us-benefits {
    grid-template-columns: 1fr;
    gap: 24px;
    margin: 32px 0 40px;
  }

  .list-with-us-panels {
    grid-template-columns: 1fr;
  }

  .list-with-us-panels article {
    min-height: 489px;
    padding: 32px;
  }

  .list-with-us-page .list-with-us-form {
    min-height: 984px;
    padding: 24px 16px 34px;
  }
}