.list-brand .elementor-shortcode {
text-align: left;
}
.list-brand #brandSearch {
padding: 12px 20px;
box-sizing: border-box;
font-size: 16px;
outline: none;
transition: border-color 0.3s;
width: 100%;
background-color: #fff;
border-radius: 6px;
border: none;
}
.list-brand .search-icon {
width: 25%;
float: left;
background-color: #fff;
border-radius: 6px;
display: flex;
align-items: center;
box-shadow: 0 0 50px #00000010;
padding-right: 20px;
}
.list-brand #brandSearch:focus {
border-color: #a0a0a0;
}
.list-brand .brand-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-top: 50px;
justify-content: left;  }
.list-brand .brand {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transition: opacity 0.3s, transform 0.3s;
opacity: 1;
transform: scale(1);
padding: 40px;
width: 15.6%;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 6px;
min-height: 250px;
}
.list-brand .brand img {
object-fit: cover;
border-radius: 5px; height: max-content;
width: 100%;
filter: grayscale(100%);
}
.list-brand .brand.hidden {
opacity: 0;
transform: scale(0.7);
}
.list-brand .brand .brand-title {
display: none;
}
.list-brand select#brandCategoryFilter {
width: 20%;
float: right;
padding: 2px 20px;
font-size: 16px;
border-radius: 6px;
height: 40px;
margin: 5px 0;
border: none;
background-color: white;
box-shadow: 0 0 50px #00000010;
}
@media only screen and (max-width: 1582px) {
.list-brand .brand {
width: 18.6%;
}
}
@media only screen and (max-width: 1162px) {
.list-brand .brand {
width: 23.6%;
}
}
@media only screen and (max-width: 1090px) {
.list-brand .brand {
width: 31.6%;
}
}
@media only screen and (max-width: 788px) {
.list-brand .brand {
width: 48.6%;
}
.list-brand .search-icon {
width: 34%;
}
.list-brand select#brandCategoryFilter {
width: 35%;
height: 48px;
}
}
@media only screen and (max-width: 788px) {
.list-brand .brand {
width: 47%;
min-height: 145px;
}
.list-brand .search-icon {
width: 100%;
}
.list-brand select#brandCategoryFilter {
width: 100%;
height: 48px;
margin: 20px 0;
}
.list-brand .brand-container {
width: 100%;
margin-top: 20px;
}
}