.brand-carousel-container .card {
height: 90%;
}
@media (max-width: 768px){
.brand-carousel-container .card img {
padding-top:36px;
}
.brand-carousel-container .card {
height: 160px;
}
}
@media (max-width: 768px){
.homepage-products .products-grid .product-item {
width: 48% !important;
}
}
.brand-carousel-container {
width: 1100px;
margin: 20px auto;
position: relative;
}
.brand-carousel-container .inner-carousel {
width: 100%;
height: auto;
overflow: hidden;
}
.brand-carousel-container .track {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 100%;
-webkit-animation: scroll 5s linear infinite;
animation: scroll 5s linear infinite;
}
@keyframes scroll{
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(calc(-70px * 4));
transform: translateX(calc(-65px * 4));
}
}
.brand-carousel-container .card-container {
width: 205px;
height: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 10px;
}
.brand-carousel-container .card {
width: 100%;
background-position: center bottom;
background-size: center;
background-repeat: no-repeat;
border-radius: 10px;
border: 2px solid #DFE2E8;
}
.brand-carousel-container .card img {
padding: 20px;
max-width: 100%;
height: 100%;
width: 100%;
object-fit: contain;
}
.brand-carousel-container .nav {
display: none;
}