#all_products_container {
    background-color: rgb(255, 255, 255);
    background-image: url(../imgs/bg-imgs/all-products-container.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 3px 10px 10px 0 rgba(0, 0, 0, 0.2);
}

.all_products_container ul li .desktop_product {
    background-color: transparent;
    padding: 20px 5px 20px 40px;
    font-weight: 400;
    font-size: 16px;
    transition: all ease .2s;
}

    .all_products_container ul li .desktop_product img {
        width: 35px;
    }

    .all_products_container ul li .desktop_product:hover {
        background-color: rgb(230, 255, 255);
    }
/*----- products list -----*/
.all_products_show {
    position: absolute;
    top: 84px;
    left: 0px;
    width: 280px;
    height: 100vh;
    color: rgb(0, 0, 0);
    z-index: 2;
    transition: all .5s ease;
}

.all_products_hide {
    position: absolute;
    top: 84px;
    left: -510px;
    width: 250px;
    height: 100vh;
    z-index: 2;
    transition: all .6s ease;
}

.all_products_container a {
    color: black;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}