.foodSlider {
  width: 100%;
}
.foodSlider .slick-list{
    /* padding: 0 5px; */
    /* overflow: unset; */
    margin: 10px 0;
}
.foodSlider .slick-slide{
    max-width: 100%;
    display: block;
    /* width: 200px !important; */
    margin-right: 10px;
    @media(max-width:768px){
      width: 100% !important;
    }
}
.foodSlider .slick-slider{
    width: 100%;
}

.foodSlider {
  &  .slick-track {
    margin-inline: unset !important;
    display: flex;
    /* overflow: hidden; */
    /* width: 100%; */
  }
}
.foodSlick .slick-disabled{
  opacity: 0.8;
  cursor: not-allowed;
}

.foodSlider .slick-arrow{
  display: none;
    width: 30px;
    height: 30px ;
    /* background-color: #e7f8f3; */
    /* border: 1px solid black;
    
    border-radius:50%; */
  
  &:hover{
    /* background-color: #e7f8f3 !important; */
  }
}
.foodSlider .slick-prev{
    /* left:0 !important;
    top: 30% !important; */
      left: 87% !important;
    top: -10% !important;


    transform: translateX(-50%);
   
    z-index:1;
    
     
   
    &::before {
      color: #000 !important;
      content: '\f104' !important;
      font-family: FontAwesome;
      font-weight: 600;
    display: flex;
    justify-content: center;
    }
}
.foodSlider .slick-next{
    right: 4% !important;
    left: unset !important;
    /* top: 38% !important; */
    top: -6% !important;
    z-index:1;
  transform:translateY(-50%);
  &::before {
    color: #000 !important;
    content: '\f105' !important;
    font-family: FontAwesome;
    font-weight: 600;
        display: flex;
    justify-content: center;
  }
}