.top-categorys{border-top:3px var(--body) solid;padding:27.5px 0;background:#fff url('../img/shapes/pat1.webp');height:200px}
.top-categorys .titr-area{width:150px;margin:18px 0 0}
.top-categorys .titr-area .icon{box-shadow:-5px 5px 18px 0 var(--color);margin-bottom:15px}
.top-categorys .titr-area .icon .rt-gr-icon{width:40px;height:40px;margin:15px}
.top-categorys .entery{width:calc(100% - 150px);padding:0 30px}
.top-categorys .entery .item{width:125px;padding:0 10px 15px;filter:blur(5px)}
.top-categorys .entery .item .icon{width:70px;height:70px;margin:17px calc(50% - 35px)}
.top-categorys .entery .owl-carousel .owl-stage-outer{overflow:inherit}
.top-categorys .entery .owl-carousel{position:inherit}
.top-categorys .entery .owl-carousel .owl-dots{display:none}
.top-categorys .entery .owl-carousel .owl-item.active .item{filter:blur(0)}
.top-categorys .entery .owl-carousel .owl-nav{display:block}
.top-categorys .entery .owl-carousel .owl-nav .owl-next,.top-categorys .entery .owl-carousel .owl-nav .owl-prev{backdrop-filter:blur(0);top:0;height:100%;width:30px;border-radius:0;font-size:30px}
.top-categorys .entery .owl-carousel .owl-nav .owl-next{left:-30px;background:linear-gradient(to left,transparent,#fff);text-align:left}
.top-categorys .entery .owl-carousel .owl-nav .owl-prev{right:-30px;background:linear-gradient(to right,transparent,#fff);text-align:right}
.top-categorys .entery .owl-carousel .owl-nav .owl-next i,.top-categorys .entery .owl-carousel .owl-nav .owl-prev i{opacity:0}
.top-categorys .entery .owl-carousel:hover .owl-nav .owl-next i,.top-categorys .entery .owl-carousel:hover .owl-nav .owl-prev i{opacity:1}
.top-categorys .entery .item .on-hover{top:0;right:0;height:100%;z-index:-1;opacity:0}
.top-categorys .entery .item .on-hover img{top:-30%;right:-30%;height:160%;width:160%;max-width:160%}

.top-categorys.inarchive .entery .owl-carousel .owl-nav .owl-prev{right:0}
.top-categorys.inarchive .entery .owl-carousel .owl-nav .owl-next{left:0}

.dark-mode .top-categorys{background:#2e2e2e}
.dark-mode .top-categorys .entery .owl-carousel .owl-nav .owl-next{background:linear-gradient(to left,transparent,#2e2e2e)}
.dark-mode .top-categorys .entery .owl-carousel .owl-nav .owl-prev{background:linear-gradient(to right,transparent,#2e2e2e)}
.dark-mode .top-categorys .entery .item .name,.dark-mode .top-categorys .titr-area .titr{color:#fff}
.dark-mode .top-categorys .titr-area .icon{box-shadow:none}


.top-categorys.inarchive{background:none !important;border:0}
.top-categorys.inarchive .entery{width:100%;padding:0}
.top-categorys.inarchive .entery .owl-carousel .owl-nav .owl-next,.top-categorys.inarchive .entery .owl-carousel .owl-nav .owl-prev{padding:0 8px}
.top-categorys.inarchive .entery .owl-carousel .owl-nav .owl-next,.dark-mode .top-categorys.inarchive .entery .owl-carousel .owl-nav .owl-next{background:linear-gradient(to left,transparent,var(--body))}
.top-categorys.inarchive .entery .owl-carousel .owl-nav .owl-prev,.dark-mode .top-categorys.inarchive .entery .owl-carousel .owl-nav .owl-prev{background:linear-gradient(to right,transparent,var(--body))}
.top-categorys.inarchive .entery .owl-carousel .owl-nav .owl-prev i:after,.top-categorys.inarchive .entery .owl-carousel .owl-nav .owl-next i:after{width:30px;height:30px;position:absolute;content:"";top:56px;right:0;background:rgba(102, 102, 132, 0.17);border-radius:10px}
.top-categorys.inarchive .entery .owl-carousel .owl-nav .owl-next i:after{right:0}
.dark-mode .top-categorys.inarchive .entery .owl-carousel .owl-nav .owl-prev i:after,.dark-mode .top-categorys.inarchive .entery .owl-carousel .owl-nav .owl-next i:after{background:rgba(189, 189, 204, 0.2)}


.top-categorys .entery .item:hover .on-hover,.top-categorys .entery .item.active .on-hover{opacity:.3}
.top-categorys .entery .item:hover .name,.top-categorys .entery .item.active .name{opacity:0}
.top-categorys .entery .item:hover .icon,.top-categorys .entery .item.active .icon{transform:translateY(15px)}
.top-categorys .entery .item:hover .on-hover img,.top-categorys .entery .item.active .on-hover img{filter:blur(50px)}

@media only screen and (max-width:920px){
.top-categorys{padding:20px 0;margin-top: -13px;height:129px}
.top-categorys .main{max-width:100%}
.top-categorys .entery{width:100%;padding:0}
.top-categorys .entery .item{filter:blur(0);width:72px;padding:0 2px;margin-left:8px}
.top-categorys .entery .item .icon{width:54px;height:54px;margin:0 calc(50% - 27px)}
.top-categorys .entery .item .name{font-size:14px;margin-top:10px}
.top-categorys.inarchive{border-top:2px rgba(189, 189, 204, 0.1) solid;border-bottom:0}
.top-categorys .entery .item:first-child{margin-right:18px !important}
.top-categorys .entery .item:last-child{margin-left:18px !important}
.top-categorys .entery .owl-carousel.rt-flexs{width:100% !important;margin:0 !important}
}