.top-slider .main .main{width:700px}

.top-slider{background:var(--body);padding:35px 0 0}
.top-slider .owl-carousel{position:inherit}
.top-slider .owl-carousel .owl-stage-outer{overflow:inherit}
.top-slider .item{transition-duration:.6s;height:320px;transform:scale(.8) translateY(40px);margin-bottom:40px}
.top-slider .item .bg-area .bg{transition-duration:.6s;height:245px;opacity:.5;filter:blur(5px)}
.top-slider .item .ent{transition-duration:.4s;transform:translateX(50%);width:270px;bottom:130px;right:50%}
.top-slider .item .ent .photo{transform:translateX(-85.5px);width:100px;margin-left:15px;box-shadow:0 0 80px 10px var(--body)}
.top-slider .item .ent .inside{height:0;visibility:hidden;opacity:0;width:155px}
.top-slider .item .ent .title{margin:45px 0 4px}
.top-slider .item .ent .title a{line-height:1.72;letter-spacing:1px}
.top-slider .item .ent .cat-p a{display:inline-block;padding:0 3px}
.top-slider .item .ent .cat-p i:last-child{display:none}
.top-slider .owl-item.active .item{transform:scale(1) translateY(0)}
.top-slider .owl-item.active .item .bg-area .bg{opacity:1;filter:blur(0)}
.top-slider .owl-item.active .item .ent .inside{height:103px;visibility:visible;opacity:1}
.top-slider .owl-item.active .item .ent{bottom:0}
.top-slider .owl-item.active .item .ent .photo{transform:translateX(0)}
.top-slider .owl-carousel .owl-nav{max-width:100%;width:100%;margin:0}
.top-slider .owl-carousel .owl-nav div{width:150px;height:100%;top:0;position:absolute;cursor:pointer}
.top-slider .owl-carousel .owl-nav div.owl-next{left:0;background:linear-gradient(to left,transparent,var(--body));padding-left:20px;text-align:left}
.top-slider .owl-carousel .owl-nav div.owl-prev{right:0;background:linear-gradient(to right,transparent,var(--body));padding-right:20px;text-align:right}
.top-slider .owl-carousel .owl-nav div.disabled,.top-slider .owl-carousel .owl-nav div i{opacity:0}
.top-slider:hover .owl-carousel .owl-nav div i{opacity:1}
html.light-mode .top-slider .item .ent .title a{color:#474c52}
html.light-mode .top-slider .owl-carousel .owl-nav div i{color:var(--fff)}

.top-slider .item .ent .title a:hover,.top-slider .item .ent .cat-p a:hover{opacity:.8}
.top-slider .owl-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:0}
.top-slider .owl-dots button{border:0;width:10px;height:10px;float:right;border-radius:7px;margin-right:10px;background-color:var(--blur)}
.top-slider .owl-dots button.active{box-shadow:0 0 15px 0 #68cB5B33;background-color:var(--color);width:40px}




@media only screen and (max-width:920px){
.top-slider .owl-carousel .owl-nav div{width:70px}
}
@media only screen and (max-width:520px){
.top-slider .main .main{max-width:100%}
.top-slider .owl-carousel .owl-nav{display:none}
.top-slider{padding:25px 0 0}
.top-slider .item .bg-area .bg{height:200px;border-radius:15px}
.top-slider .item{height:275px;margin-bottom:10px}
.top-slider .owl-dots{transform:translateX(0);left:15px;bottom:25px}
.top-slider .item .ent{transform:translateX(0);right:15px;width:calc(100% - 30px)}
.top-slider .owl-dots button{margin-right:5px}
.top-slider .owl-dots button.active{width:10px}
.top-slider .item .ent .inside{width:calc(100% - 120px)}
}

.top-slider {
	display:flex;
	height:360px;
}
@media only screen and (max-width:520px){
    .top-slider {
	    height:310px;
    }   
}
.home-bnrs {
    display:flex;
	height:270px;
}
@media only screen and (max-width:920px){
    .home-bnrs {
	    height:190px;
    }
}