/*----- Product list ----*/
.literature-list .card-title{
    font-family: var(--bs-font-family-2);
    color: var(--bs-secondary);
    font-size: 16px;
    position: relative;
    z-index: 2;
}
.literature-list.card{ box-shadow: 0px 2px 1px #000;}
.literature-list .card-body::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0%;
    left: 0;
    bottom: 0;
    background: var(--bs-primary);
    z-index: 1;
    transition: all .3s ease-in-out;
}
.literature-list.card:hover .card-body::after {
    height: 100%;
    transition: all .3s ease-in-out;
}
.literature-list .fs-3 { font-size: 30px !important;}
.literature-list:hover .fs-3 { color:#000 !important;}

.literature-list.category .card{box-shadow: 0px 2px 1px #000000}
.literature-list .card:hover .card-body .btn-secondary {
    background: var(--bs-white) !important;
    border-color: var(--bs-secondary) !important;
    color: var(--bs-secondary) !important;
}
.literature-card-img {
    background: #000;
    transition: all .3s ease-in-out;
}
.literature-card-img img {
    opacity: 0.9;
    transition: all .3s ease-in-out;
}
.literature-card-img span { opacity: 0;}
.literature-card-img:hover span, .literature-list.card:hover .literature-card-img span {
    opacity: 1;
    transition: all .3s ease-in-out;
}
.literature-card-img:hover img, .literature-list.card:hover .literature-card-img img{
    opacity: 0.3;
    transform: scale(1.1);
    transition: all .5s ease-in-out;
}

/*-----responsive-----*/

@media (max-width: 575px) {
    .literature-list .card { max-width: 360px; margin: auto;}
    .literature-list .card-title { font-size: 18px;}
}

@media (min-width: 992px) {
    .literature-list .card-title { font-size: 18px;}
}

@media (min-width: 1400px) {
    .literature-list .card-title { font-size: 20px;}
}

@media (min-width: 1600px) {
    .literature-list .card-title { font-size: 22px;}
}