/*
 * The partners list section.
 *
 * Edit this file. It is served as it is — nothing compiles it, and the
 * order it loads in is set in resources/css/order.php.
 */

.partners-list {
  column-gap:clamp(12px,1.6vw,32px);
  display:grid;
  grid-template-columns:repeat(6,1fr);
  margin-top:32px;
  padding-inline:var(--offset-x);
  row-gap:clamp(16px,1.8vw,32px);
}

@media screen and (max-width:1440px) {

  .partners-list {
    margin-top:24px;
  }
}

@media screen and (max-width:1199px) {

  .partners-list {
    grid-template-columns:repeat(4,1fr);
  }
}

@media (max-width:900px)and (orientation:landscape),screen and (max-width:767px) {

  .partners-list {
    grid-template-columns:repeat(3,1fr);
    margin-top:16px;
  }
}

.partners-list__item {
  align-items:center;
  aspect-ratio:1.724137931;
  display:flex;
  justify-content:center;
  padding:clamp(12px,1.6vw,28px);
  width:100%;
}

@media (max-width:900px)and (orientation:landscape),screen and (max-width:767px) {

  .partners-list__item {
    aspect-ratio:auto;
    height:96px;
  }
}

.partners-list__item picture {
  align-items:center;
  display:flex;
  height:100%;
  justify-content:center;
  width:100%;
}

.partners-list__item-img {
  height:auto;
  max-height:100%;
  max-width:100%;
  object-fit:contain;
  object-position:center;
  width:auto;
}