/* our partners - who we work with */

#who-we-work-with {
  background-color: var(--white);
  color: var(--black);
}

#who-we-work-with .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 90px;
  padding-block: 90px;
}

#who-we-work-with .content .top {
  max-width: 920px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

#who-we-work-with .content .top .paragraphs {
  display: flex;
  flex-direction: column;
  text-align: center;
}

#who-we-work-with .content .top .paragraphs a {
  color: var(--blue);
  text-decoration: underline;
}

@media (max-width: 800px) {
  #who-we-work-with .content {
    padding-block: 70px;
    gap: 70px;
  }

  #who-we-work-with .content .top {
    gap: 32px;
  }
}

/* our partners - partner grid */

.partner-grid {
  --c-gap: 30px;
  --ipr: 4;
  display: flex;
  flex-wrap: wrap;
  gap: 74px var(--c-gap);
  justify-content: center;
}

.partner-grid .grid-item {
  width: calc(
    (100% * (1 / var(--ipr))) - ((var(--c-gap) * (var(--ipr) - 1)) / var(--ipr))
  );
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.partner-grid .grid-item img {
  width: 100%;
  max-height: 60px;
  object-fit: contain;
  margin-bottom: 56px;
}

.partner-grid .grid-item .title {
  margin-bottom: 32px;
}

.partner-grid .grid-item .paragraph {
  font-size: 16px !important;
}

.partner-grid .grid-item .paragraph a {
  color: var(--blue);
  text-decoration: underline;
}

@media (max-width: 1100px) {
  .partner-grid {
    --ipr: 3;
  }
}

@media (max-width: 800px) {
  .partner-grid {
    --ipr: 1;
    --c-gap: 20px;
    row-gap: 40px;
  }
}

/* our partners - professional associations */

#professional-associations {
  background-color: var(--white);
  color: var(--black);
}

#professional-associations .content {
  display: flex;
  flex-direction: column;
  gap: 56px;
  align-items: center;
  padding-bottom: 190px;
  text-align: center;
}

@media (max-width: 800px) {
  #professional-associations .content {
    padding-bottom: 70px;
  }
}

/* our partners - the artsminds initiative */

#artsminds-initiative {
  background: linear-gradient(#f3f3f3, #f3f3f3),
    linear-gradient(
      247deg,
      rgba(39, 65, 232, 0.11) 0.53%,
      rgba(50, 233, 247, 0) 96.42%
    );
  color: var(--black);
}

#artsminds-initiative .content {
  display: flex;
  justify-content: center;
  padding-block: 90px;
}

#artsminds-initiative .content .column {
  text-align: center;
  max-width: 520px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 40px;
}

@media (max-width: 800px) {
  #artsminds-initiative .content {
    padding-block: 70px;
  }

  #artsminds-initiative .content .column {
    gap: 44px;
  }
}

/* our partners - got questions? */

#got-questions {
  background-color: var(--white);
  color: var(--black);
}

#got-questions .content {
  display: flex;
  justify-content: center;
  padding-block: 90px;
}

#got-questions .content .column {
  text-align: center;
  max-width: 730px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 28px;
}

@media (max-width: 800px) {
  #got-questions .content {
    padding-block: 70px;
  }

  #got-questions .content .column {
    gap: 32px;
  }
}