.product-card{
    border-radius: 25px;
    transition: all .5s linear;
    padding: 10px 0;
    margin-bottom: 35px;
    .img-box{
        height: 250px;
        position: relative;
        overflow: hidden;
        img{
            width: 75%;
            height: 100%;
            display: block;
            margin: auto;
            object-fit: contain;
        }
        .icons-wrapper{
            position: absolute;
            top: 15px;
            left: 20px;
            .icon{
                display: block;
                width: 35px;
                height: 35px;
                background-color: #202020;
                border: 1px solid #202020;
                color: #fff;
                border-radius: 50%;
                margin: 5px 0;
                transform: translateX(-70px);
                &:nth-of-type(1){
                    transition: all .2s ease-in-out;
                }
                &:nth-of-type(2){
                    transition: all .4s ease-in-out;
                }
                &:nth-of-type(3){
                    transition: all .6s ease-in-out;
                }
            }
        }
        .badge{
            width: 100px;
            height: 35px;
            line-height: 35px;
            background-color: #222;
            color: #fff;
            display: block;
            position: absolute;
            right: 10px;
            top: 10px;
            padding: 0;
        }
    }
    .card-body{
        .prod-name ,
        .price{
            font-weight: bold;
            color: #000;
        }
        .desc{
            margin-bottom: .5rem;
        }
    }
    &:hover{
        box-shadow: 0 0 35px 0 #eee;
        transform: translateY(-10px);
        .icons-wrapper .icon{
            transform: translateX(0px);
        }
    }
}