.wd-brands [class*="wd-grid"] {
--wd-gap-lg: .001px}
.wd-brand-item {
position:relative;
display:flex;
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, 60px);
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)}