.top-slider .slide{height:610px}
.top-slider .slide:before{content:"";width:100%;float:right;height:100%;position:absolute;top:0;right:0;background:linear-gradient(to right,transparent,var(--body))}
.top-slider .slide{background:linear-gradient(to bottom,var(--body),transparent,var(--body))}
.top-slider .slide .bgz{top:0;right:0;z-index:-1;height:100%}
.top-slider .slide .bgz.is-blur{filter:blur(10px)}
.top-slider .slide .inside{transform:translateX(50px);margin-top:100px;width:50%;opacity:0}
.top-slider .owl-item.active .slide .inside{transform:translateX(0);opacity:1}
.top-slider .slide .inside .is-icon{height:80px;margin-bottom:40px}
.top-slider .slide .inside .text{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;line-clamp:3;-webkit-box-orient:vertical;line-height:2;width:80%;margin:10px 0 25px;text-align:justify}
.top-slider .slide .inside .btn{padding:11px 20px;box-shadow:0 3px 5px 0 var(--red2);margin-left:15px}
.top-slider .slide .inside .btn i{margin-left:15px}
.top-slider .slide .inside .btn.rt-blur{box-shadow:none}
.top-slider .owl-nav{width:630px;max-width:calc(100% - 36px);right:calc(50% + 315px);text-align:left;bottom:160px;transform:translateX(50%);position:absolute}
.top-slider .owl-nav div{background-color:rgba(0, 0, 0, 0.25);backdrop-filter:blur(15px);font-size:30px;width:50px;height:50px;border-radius:50%;margin-right:10px;color:#fff}
.top-slider .owl-nav div:hover{background-color:rgba(0, 0, 0, 0.5)}
.top-slider .owl-nav div.disabled{background-color:rgba(0, 0, 0, 0.05);color:rgba(255, 255, 255, 0.5)}
.top-slider .owl-dots{display:flex;width:1270px;max-width:calc(100% - 36px);position:absolute;float:right;right:50%;transform:translateX(50%);bottom:100px}
.top-slider .owl-dots button{height:2px;background-color:var(--color);float:right;border:0;z-index:999999;width:100%}
.top-slider .owl-dots button.active ~ button{background-color:rgba(0, 0, 0, 0.05)}
.top-slider .owl-dots button.active,.top-slider .owl-dots button.active:last-child,.top-slider .owl-dots button:first-child{background-color:var(--color) !important}
.top-slider .slide .inside .btn:hover{opacity:.8}

@media only screen and (max-width:920px){
.top-slider .slide{height:500px}
.top-slider .slide .inside{width:100%;position:absolute;top:45px;right:0;margin-top:0}
.top-slider .slide .inside .is-icon{height:60px;margin-bottom:20px}
.top-slider .slide .inside .title{font-size:18px}
.top-slider .slide .inside .text{width:100%;font-size:14px}
.top-slider .slide .inside .btn{font-size:13px;padding:9px 12px;float:none;display:inline-block;margin:1px 3px}
.top-slider .slide .inside .btn i{font-size:16px;margin-left:10px}
.top-slider .slide::before{background:linear-gradient(to bottom,var(--body),rgba(255, 255, 255, 0.7),var(--body))}
.top-slider .owl-dots{bottom:90px}
}