.hero-slider{
width:100%;
height:var(--hero-desktop);
overflow:hidden;
position:relative;
}

@media(max-width:1024px){
.hero-slider{height:var(--hero-tablet)}
}

@media(max-width:768px){
.hero-slider{height:var(--hero-mobile)}
}

.hero-slider-track{
display:flex;
width:100%;
height:100%;
transition:transform .6s ease;
}

.hero-slide{
min-width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
}

.hero-slide img{
width:100%;
height:100%;
object-fit:contain;
background:#fff;
}

/* BRANDS GRID */

.brands-grid .brands-container{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:30px;
align-items:center;
justify-items:center;
}

@media(max-width:768px){
.brands-grid .brands-container{
grid-template-columns:repeat(3,1fr);
}
}

.brand-item img{
max-width:120px;
filter:grayscale(100%);
transition:.3s;
}

.brand-item img:hover{
filter:none;
transform:scale(1.05);
}