.food-item{  
    width: 100%;  
    margin: auto;  
    border-radius: 15px;  
    transition: 0.3s;  
    animation: fadeIn 1s;  
}
.food-item-image{  
    width: 100%;  
    border-radius: 15px 15px 0px Өpx;  
}  
.food-item-info{  
    padding: 20px;  
}  
.food-item-name-rating{  
    display: flex;  
    justify-content: space-between;  
    align-items: canter;  
    margin-bottom: 10px;  
}
.food-item-name-rating p{  
    font-size: 20px;  
    font-weight: 500;  
}  
.food-item-name-rating img{  
    width: 70px;  
}  
.food-item-desc{  
    color: #676767;  
    font-size: 12px;  
}
.food-item-price{  
    color: tomato;  
    font-size: 22px;  
    font-weight: 500;  
    margin: 10px 0px;  
}  
.food-item-img-container{  
    position: relative;  
}  
.food-item-img-container .add{  
    width: 35px;  
    position: absolute;  
    bottom: 15px;  
    right: 15px;  
    cursor: pointer;  
    border-radius: 56%;  
}  
.food-item-counter{  
    position: absolute;  
    bottom: 15px;  
    right: 15px;  
    display: flex;  
    align-items: center;  
    gap: 10px;  
    padding: 6px;  
    border-radius: 50px;  
    background-color: white;  
}
.food-item-counter img{
    width: 30px;
}
