.top-slider .item{background:linear-gradient(to bottom,transparent,transparent,var(--body))}
.top-slider .item .main,.top-slider{min-height:700px;height:100vh}
.top-slider .item .bgz,.top-slider .item:after{height:100%;top:0;right:0;z-index:-2}
.top-slider .item .bgz{object-position:left;transition-duration:2s;transform:scale(1.02)}
.top-slider .owl-item.active .item .bgz{transform:scale(1)}
.top-slider .item:after{z-index:-1;content:"";position:absolute;top:0;right:0;height:100%;width:100%;background:linear-gradient(to right,transparent,transparent,var(--body))}
.top-slider .owl-nav div{cursor:pointer;opacity:.8;border-radius:50%;position:absolute;bottom:30%;width:45px;height:45px;background-color:var(--blur);backdrop-filter:blur(15px)}
.top-slider .owl-nav .owl-prev{left:0}
.top-slider .owl-nav .owl-next{left:60px}
.top-slider .owl-nav div:hover{opacity:1}
.top-slider .info{filter:blur(5px);transform:translateY(calc(50% + 20px));width:40%;right:0;bottom:50%;line-height:1.9;z-index:100}
.top-slider .info .pic{height:80px}
.top-slider .info .title a{padding:35px 0 5px;letter-spacing:1px}
.top-slider .dooble .info .title a{font-family:yekan;letter-spacing:0}
.top-slider .info .title a span{transform:translate(-5px,-7px);display:inline-block;padding:8px 12px 6px 12px;line-height:1;letter-spacing:0}
.top-slider .info .text>*{font-family:yekan;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-slider .info .btn{font-family:yekan;font-weight:bold;padding:8px 18px;margin:30px 0 0 15px;backdrop-filter:blur(10px)}
.top-slider .info .btn i{margin:2px 0 0 10px}
.top-slider .owl-item.active .info{filter:blur(0)}
.top-slider .owl-dots,.top-slider .owl-nav{transition-duration:.6s;transform:translateX(50%);position:absolute;right:50%;bottom:80px}
.top-slider .owl-dots{bottom:265px;height:0}
.top-slider .owl-dots div{width:80px;float:left;padding:5px;bottom:0;border-radius:8px;filter:grayscale(1);opacity:.5;margin:0 3px}
.top-slider .owl-dots div.active,.top-slider .owl-dots div:hover{filter:grayscale(0);opacity:1}
.top-slider .owl-dots div.active{background-color:var(--blur)}


.top-slider .info .btn.rt-bg:hover{color:var(--color)}
.top-slider .info .btn.rt-blur:hover{background-color:rgba(143, 143, 143, 0.55)}

@media only screen and (max-width:920px){
.top-slider .owl-nav,.top-slider .owl-dots div img{display:none}
.top-slider .info{transform:translateY(0);width:100%;bottom:80px}
.top-slider .item{background:linear-gradient(to bottom,transparent,var(--body))}
.top-slider .item::after{background:none}
.top-slider .item .main, .top-slider{height:400px;min-height:calc(100vh - 80px)}
.top-slider .info .pic{height:50px}
.top-slider .info .title{font-size:18px}
.top-slider .info .title a{padding:15px 0 0}
.top-slider .info .title a span{font-size:12px;padding:6px 12px;transform:translate(-4px,-5px)}
.top-slider .info .text{font-size:13px}
.top-slider .info .btn{font-size:13px;padding:5px 15px;margin:15px 0 0 15px}
.top-slider .info .btn i{font-size:16px}
.top-slider .owl-dots{bottom:30px;width:auto}
.top-slider .owl-dots div{background-color:rgba(255, 255, 255, 0.8);padding:0;width:8px;height:8px;opacity:1;cursor:pointer}
.top-slider .owl-dots div.active{background-color:var(--color)}
}
@media only screen and (max-width:500px){
.top-slider .item .main, .top-slider{min-height:135vw}
}
@media only screen and (max-width:520px){
.top-slider .item .bgz{left:-15%;width:130%;max-width:130%}
}