.cat-list{background: var(--body);padding:35px 0 7px}
.cat-list .owl-carousel{height:100px}
.cat-list .owl-carousel .owl-stage-outer{overflow:inherit}
.cat-list li{margin:18px 0 18px 15px}
.cat-list li a{padding:20px 35px;line-height:24px}
.cat-list li a .arrow{margin:5px 15px 0 0}
.cat-list li a .icon{height:24px;margin-left:15px}
.dark-mode .cat-list li{background:rgba(220,225,229,.2)}

.dark-mode .cat-list li a .icon,.light-mode .cat-list li:hover a .icon{filter:brightness(10);opacity:.7 !important;}


html.light-mode .cat-list li{background-color:#fff;box-shadow:0 .25rem 1.5rem 1px rgba(0,0,0,.1)}
.cat-list li:hover{background-color:var(--color) !important}
.cat-list li:hover a{color:#fff !important}

.cat-list .owl-carousel{position:inherit}
.cat-list .owl-carousel .owl-stage-outer{overflow:inherit}
.cat-list .owl-carousel .owl-nav{max-width:100%;width:100%;margin:0}
.cat-list .owl-carousel .owl-nav div{width:60px;height:100%;top:0;position:absolute;cursor:pointer}
.cat-list .owl-carousel .owl-nav div.owl-next{left:0;background:linear-gradient(to left,transparent,var(--body))}
.cat-list .owl-carousel .owl-nav div.owl-prev{right:0;background:linear-gradient(to right,transparent,var(--body))}
.cat-list .owl-carousel .owl-nav div.disabled,.cat-list .owl-carousel .owl-nav div i{opacity:0}
.cat-list:hover .owl-carousel .owl-nav div i{opacity:1}
html.light-mode .cat-list .item .ent .title a{color:#474c52}
html.light-mode .cat-list .owl-carousel .owl-nav div i{color:var(--fff)}




@media only screen and (max-width:920px){
.cat-list li{margin:15px 0 15px 10px;font-size:13px}
.cat-list li a .icon{margin-left:10px}
.cat-list li a{padding:15px 20px}
.cat-list .owl-carousel{height:auto}
.cat-list{padding:20px 0 0}
html.light-mode .cat-list li{box-shadow:0 .15rem 1rem 1px rgba(0,0,0,.05)}
}