.ws-brand-name {
    color: black; 
	font-size: 22px;
	font-weight: 600;
	padding-top: 40px;
}	
.brand-list {
    margin: 0 -6px
}
.brand-list .brand-item {
    transition: all .5s;
    padding: 6px;
    visibility: visible;
    opacity: 1;
    width:auto;
    height: auto;
}
.brand-list .brand-img-wrap {
    text-align: center;
    display:block;
    position: absolute;
    overflow: hidden;
    top:0;left:0;bottom:0;right:0;
    /* box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
    transition: box-shadow 0.5s; */
}
.brand-list .brand-name {
    font-size: 14px;
}
.brand-img {
    width:100%;
    position: relative;
    display: flex;
    flex-direction: column;
}
.brand-img:before {
    content:'';
    width:0;
    height:0;
    padding-bottom: 50%;
}
.brand-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transition: all .5s
}
/* .brand-list a:hover .brand-img-wrap {
    box-shadow: 0 2px 4px rgb(0 0 0 / 30%);
} */
.brand-list a:hover img {
    transform: scale(1.1);
}

@media (min-width:1200px) {
    .brand-list .brand-item {
        flex-basis: 20%;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .brand-list .brand-item {
        flex-basis: 25%;
    }
}
@media (min-width:768px) and (max-width:991px) {
    .brand-list .brand-item {
        flex-basis: 33.333%;
    }
}
@media (min-width:480px) and (max-width:767px) {
    .brand-list .brand-item {
        flex-basis: 50%;
    }
}
@media (max-width:479px) {
    .brand-list .brand-item {
        flex-basis: 100%;
    }
}