/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[5]!./src/components/sections/brands-v2/index.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
.brands_v2 {
  overflow: hidden;
  padding-top: 45px;
  padding-bottom: 45px;
}

@media (min-width: 769px) and (max-width: 1280px) {
  .brands_v2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1280px) {
  .brands_v2 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.brands_v2__viewport {
  position: relative;
  overflow: hidden;
  height: 48px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.brands_v2__track {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  white-space: nowrap;
  will-change: transform;
}

.brands_v2__logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 48px;
  margin: 0 28px;
}

@media (min-width: 768px) {
  .brands_v2__logo {
    margin: 0 44px;
  }
}
.brands_v2__logo img {
  display: block;
  max-height: 100%;
  width: auto;
  object-fit: contain;
  filter: grayscale(100%);
}