
        .slick-arrow>i{
   font-size: 4rem;
   color: #ffffff;
   text-shadow: 5px 0px 5px #000000;
}

.sliderButton{
    top: 25%;
    border: none;
    background: transparent;
    position: absolute;
    z-index: 10;
}

.slick-slider{
    overflow-x: hidden;
}

.slick-slider:hover>.prevButton , .slick-slider:hover>.nextButton{
    transform: translateX(0px);
    opacity: 100%;
}
.prevButton{
    left:0;
    transform: translateX(-100px);
    transition: .3s;
    opacity: 0%;
}
.nextButton{
    right:0;
    transform: translateX(100px);
    transition:transform .3s, opacity .5s;
    opacity: 0%;
}

.Modern-Slider{
    display: flex;
    align-items: center;
}
.wholesale-hero-txt{
 max-width: 100%;   
width: 460px;
}

@media(max-width: 750px){
    .prevButton{
    display: none;
}
.nextButton{
    display: none;
}
}
        