.wd-brands [class*="wd-grid"] {
  --wd-gap-lg: .001px
}
.wd-brand-item {
  position: relative;
  display: block;
  align-items: center;
  height: 100%;
  justify-content: var(--wd-align, center);
  padding: var(--wd-brand-pd, 20px)
}
.wd-brand-item a {
  display: flex;
  align-items: center;
  justify-content: var(--wd-align, center);
  height: 100%;
  width: 100%;
  z-index: 1;
  --wd-link-color: var(--color-gray-500);
  --wd-link-color-hover: var(--wd-primary-color)
}
.wd-brand-item img {
  max-height: var(--wd-brand-img-height, 40px);
  height: var(--wd-brand-img-height, auto);
  width: var(--wd-brand-img-width, auto);
  object-fit: contain;
  transition: all .25s ease
}
.wd-brands .wd-carousel-item {
  height: auto
}
.wd-brands.wd-layout-list [class*="wd-grid"] {
  --wd-gap-lg: 20px
}
.wd-brands.wd-layout-list:not(.wd-with-bg) .wd-brand-item {
  padding: var(--wd-brand-pd, 0.001px)
}
.wd-brands.wd-with-bg [class*="wd-grid"] {
  --wd-gap-lg: 20px
}
.wd-brands.wd-with-bg .wd-brand-item {
  background-color: var(--wd-brand-bg, rgba(var(--bgcolor-black-rgb), 0.04));
  border-radius: var(--wd-brd-radius)
}
.wd-hover-simple .wd-brand-item img {
  filter: grayscale(100%)
}
.wd-hover-simple .wd-brand-item:hover img {
  filter: grayscale(0)
}
.wd-hover-alt .wd-brand-item img {
  opacity: .5;
  filter: grayscale(100%)
}
.wd-hover-alt .wd-brand-item:hover img {
  opacity: 1;
  filter: grayscale(0)
}