body {

    font-family: "Poppins", sans-serif;
    margin: 0;
    color: #ffffff;
    text-align: center;
    background: linear-gradient(180deg, #d1d1d1 0%, #637e91 100%);
    background-attachment: fixed;

}

.hero img{
    width:100%;
    height:200px;
    object-fit:cover;
}

.slider{
display:flex;
align-items:center;
justify-content:center;
gap:20px;
}

.slider-window {
  width: 20000px;
  overflow: hidden;
}

.slider-track{
display:flex;
transition:transform 0.5s;
}

.slide {
  min-width: 300px;
  margin: 0 80px;
  opacity: 0.4;
  transform: scale(0.85);
  transition: 0.4s;
}

.slide.active {
  opacity: 1;
  transform: scale(1);
  box-shadow: 0 10px 30px rgba(0,0,0,0.6);
}

.slide img{
width:100%;
}