/* ==== RESET ====*/

/*==== VARIABLE =======*/


.j-card-list{
    background-color: white;
    border-radius: 12px;
    border: 1.5px solid rgba(233, 233, 233, 0.356);
    padding: 0.4vw;
    margin: 8px 0px;
    box-shadow: 0px 8px 10px 1px rgba(85, 85, 85, 0.226);
}
.j-card-list-title{
    padding: 2px 12px;
    font-weight: bolder;
    font-size: 14px;
}

.j-card-list-description{
    padding: 2px 12px;
    font-size: 14px;
}

.j-card-preview{
    background-color: rgba(85, 85, 85, 0.034);
    padding: 8px;
    border-radius: 8px;
    border: 2px solid rgba(107, 107, 107, 0.11);
    height: 100%;
}

.j-show-mobile{
        display: none;
}
.j-scroll-lg{
    background-color: rgba(85, 85, 85, 0.034);
    padding: 4px;
    border-radius: 8px;
    margin: 0px 0px 8px 0px;
    border: 2px solid rgba(107, 107, 107, 0.11);
    height: 500px ;
    overflow-y: auto;
}

@media screen and (max-width: 640px) {
.j-show-mobile{
        display: block;
        
}
.j-scroll-lg{
    height: 200px ;
}
}