.slider-container{
    display: flex;
    max-width: 100%;
    align-items: center;
}

.slider-content{
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-x: scroll; 
    padding: 0 5px 0 5px;
    margin: 0 -5px 0 -5px;
}

.slider-content::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

.slider-container .slider-left,
.slider-container .slider-right{
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    font-size: 26pt;
    border-radius: 100px;
    color: #555 !important;
    cursor: pointer;
    position: absolute;
    z-index: 100;
    background: rgba(235,235,235,0.8);
    width: 50px;
    height: 50px;
    box-shadow: 0px 5px 12px 0px rgb(0 0 0 / 20%);
    opacity: 0;

}

.slider-container .slider-left:hover,
.slider-container .slider-right:hover{
    background: rgba(235,235,235,1);
}


.slider-container .slider-left{
    left: 25px;
}

.slider-container .slider-right{
    right: 25px;
}


.slider-shimmer-item{
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    background: #1F1F1F;
    background-image: linear-gradient(to right, #1F1F1F 0%, #5a5b5d  20%, #5a5b5d  40%, #1F1F1F 100%);
    background-repeat: no-repeat;
    background-size: 460px 100%;
    position: relative;
}