/* SLIDER */

.slider{ 
max-width:1200px;
margin:30px auto;
padding:0 20px;
overflow:hidden;
}

.slider-container{
position:relative;
height:400px;
}

.slide{
position:absolute;
width:100%;
height:100%;
opacity:0;
transition:opacity 0.6s;
}

.slide img{ 
width:100%;
height:400px;
object-fit:cover;
border-radius:6px;
}

.slide.active{
opacity:1;
}


.slide img{
width:100%;
height:400px;
object-fit:cover;
}

@media (max-width:768px){

.slide img{
height:400px;
}

}