.info-box:hover{background: #e9ecef !important;}

.category a{margin-right: 1.3rem;}

.item-tmpl{height: 30rem;}
.item-tmpl a{display: block; width: 100%; height: 100%;}
.item-tmpl .img{height:22rem; overflow: hidden;}
.item-tmpl .name{margin: 1rem 0 .5rem; font-size: 1rem;}
.item-tmpl .desc{height:2.8rem; font-size: .8rem; line-height:1.4rem; color: #999; overflow: hidden;}
.item-tmpl .label{color: #666; font-size: 1rem;}

.item-tmpl-new{height: 9.33rem;}
.item-tmpl-new a{display: flex; justify-content: center; align-items: center;}
.item-tmpl-new a:hover .label{color: #007bff;}
.item-tmpl-new .icon{display: flex; justify-content: center; align-items: center; margin-bottom: 1rem;}
.item-tmpl-new .fa{display: flex; width: 3rem; height: 3rem; border-radius: 50%; background: #e9ecef; font-size: 1.2rem; justify-content: center; align-items: center;}
.item-tmpl-new a:hover .fa{background: #007bff; color: #FFF;}
.item-tmpl-new .fa-bg-excel{font-size: 2rem;}

@media (max-width: 575.98px) {
.grid-tmpl{display: grid; grid-template-columns: repeat(2, 1fr);}
.grid-item .item-tmpl{height:20rem;}
.grid-item .item-tmpl .img{height:13rem;}
.grid-item .item-tmpl-new{height:9.5rem;}
}