.dears-slider{
  position:relative;
  overflow:hidden;
  width:100%;
}

.dears-slider-track{
  display:flex;
  transition:transform .4s ease;
}

.dears-slider-track img{
  width:100%;
  flex-shrink:0;
  display:block;
}

.dears-slider-arrow{
  position:absolute;
  top:45%;
  transform:translateY(-50%);
  width:40px;
  height:40px;
  border:none;
  border-radius:50%;
  background:rgba(0,0,0,.6);
  color:#fff;
  font-size:24px;
  cursor:pointer;
  z-index:10;
}

.dears-prev{
  left:10px;
}

.dears-next{
  right:10px;
}

.dears-slider-dots{
  text-align:center;
  margin-top:15px;
}

.dears-slider-dots button{
  width:10px;
  height:10px;
  border:none;
  border-radius:50%;
  background:#bbb;
  margin:0 5px;
  cursor:pointer;
}

.dears-slider-dots button.active{
  background:#333;
}