.card-grid .card-text {
    max-height: 195px;
    overflow-y: auto;
    text-align: justify;
    text-justify: inter-word;
    padding-right: 10px;
}

.card{
    /* box-shadow: 0 0.5rem 1rem rgba(38,31,68,.15); */
    transition: ease-in-out .2s;
    min-height:300px;
    border-radius: 4px !important;
    background-color: #F2F2F27a;
    border: none !important;
    overflow: hidden;
}

.card:hover{
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    transform: scale(1.01);
}
.card-grid .card-text::-webkit-scrollbar {
    width: 5px;
}

.card-grid .card-text::-webkit-scrollbar-thumb {
    background-color: #c4c4c4;
    border-radius: 10px;
}

.product img{
    transition: ease-in-out .5s; ;
}

.product img:hover{
    transform: scale(1.05);
}

.btn{
    border-radius:4px;
}

.card::before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -15px;
    right: -15px;
    /* background:rgb(199, 199, 199); */
    background: radial-gradient(circle, rgba(199,199,199,1) 0%, rgba(242,242,242,0.48) 80%);
    height:20px;
    width: 20px;
    border-radius: 50px;
    transform: scale(1);
    transform-origin: 51% 51%;
    transition: transform 0.25s ease-out;
}

.card:hover::before{
    transition-delay:0.3s ;
    transform: scale(35);
}