.slider{   
    position: relative;
    width: 100%;
    height: 80px;
    display: flex;
    align-items:center;
    overflow: hidden; 
     
    -khtml-user-select : none;
    -webkit-user-select : none;
    -moz-user-select : -moz-none;
    -ms-user-select : none;
    user-select : none;
}

.slider .fade{
    position: absolute;
    z-index: 1;
    height: 100%;
    pointer-events: none;
    background:rgba(0,0,0,0);
}
.slider .arrow{
    position: absolute;
    z-index: 3;    
    border-radius: 50%; 
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer; 
}
.slider .arrow svg{
    color:white;
}
.slider .touch{
    z-index: 2;
    position: absolute;
    left:0px;
    top:0px;
    width: 100%;
    height: 100%;
    background-color:transparent;
}
.slider li{
    list-style: none;    
    overflow: hidden;
    position: absolute;
    /* background-color: lightgrey; */
    border-radius: 50%;    
}

.slider li img{
    width: 100%;     
}