/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.logos-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6rem;
  -ms-grid-columns: 1fr 6rem 1fr 6rem 1fr 6rem 1fr 6rem 1fr;
  grid-template-columns: repeat(5, 1fr);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 80rem) {
  .logos-wrapper {
    -ms-grid-columns: (1fr) [4];
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 67.5rem) {
  .logos-wrapper {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 44rem) {
  .logos-wrapper {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 32rem) {
  .logos-wrapper {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.logo {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transition: scale 0.4s ease-in-out, -webkit-filter 0.4s;
  transition: scale 0.4s ease-in-out, -webkit-filter 0.4s;
  -o-transition: filter 0.4s, scale 0.4s ease-in-out;
  transition: filter 0.4s, scale 0.4s ease-in-out;
  transition: filter 0.4s, scale 0.4s ease-in-out, -webkit-filter 0.4s;
}
.logo img {
  -o-object-fit: contain;
  object-fit: contain;
  max-height: 120px;
  margin: auto;
}
.logo:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  scale: 1.1;
}
@media screen and (max-width: 899px) {
  .logos-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.logo-container {
  margin: 0 auto;
  padding-inline: var(--vp-padding);
  position: relative;
  container-type: inline-size;
}