.top-slider{margin-bottom:18px}
.top-slider:after{position:absolute;top:0;right:0;width:100%;height:100%;content:"";}
.top-slider .top-slider-1{width:750px;margin:0 calc(50% - 375px)}
.top-slider .top-slider-1.owl-carousel .owl-stage-outer{overflow:inherit}
.top-slider .top-slider-1.owl-carousel{position:inherit}
.top-slider .top-slider-1 .item .inside{width:calc(100% - 50px);margin:60px 25px}
.top-slider .top-slider-1 .item .inside .bg{height:310px}
.top-slider .top-slider-1 .item .inside .bg2{z-index:-1;bottom:0;height:calc(100% - 60px);width:calc(100% - 60px);right:30px;filter: blur(20px)}
.top-slider .top-slider-1 .item .inside .char,.top-slider .top-slider-1 .item .inside .char2{height:calc(100% + 30px);bottom:0;right:50%;transform:translateX(50%)}
.top-slider .top-slider-1 .item .inside .char{transition-duration:0.8s;z-index:3}
.top-slider .top-slider-1 .item .inside .char2{z-index:2;filter:blur(20px)}
.top-slider .top-slider-1 .item .inside .arm-top-left{transform:scale(0);opacity:0;transition-duration:1s;top:20px;left:20px;height:50px;z-index:4}
.top-slider .top-slider-1 .item .inside .ents{transform:rotateX(90deg);transition-duration:1.2s;backdrop-filter:blur(10px);background:rgba(26, 28, 31, 0.5);width:300px;bottom:20px;right:calc(50% - 150px);padding:10px;z-index:100}
.top-slider .top-slider-1 .item .inside .ents .pic{width:70px;height:70px}
.top-slider .top-slider-1 .item .inside .ents .ins{width:calc(100% - 85px)}
.top-slider .top-slider-1 .item .inside .ents .ins .name{margin:8px 0 3px}
.top-slider .top-slider-1 .item .inside .ents .ins .desc{opacity:.5}
.top-slider .top-slider-1 .owl-prev,.top-slider .top-slider-1 .owl-next{top:calc(50% - 15px)}
.top-slider .top-slider-1 .owl-prev{right:-220px}
.top-slider .top-slider-1 .owl-next{left:-220px}
.top-slider .top-slider-1 .owl-dots{position:absolute;bottom:20px;right:0}
.dark-mode .top-slider{background:#181818}


@media only screen and (min-width:970px){
.top-slider{min-height:430px}
}
@media only screen and (min-width:920px){
.top-slider .top-slider-1 .item{transition-duration:.5s;transform:translateX(-600px) translateY(10px) rotate3d(-76, 33, 0, 45deg) scale(.9);filter:blur(1px);opacity:.9}
.top-slider .top-slider-1 .owl-item.active .item{transform:translateX(0) translateY(0)  rotate3d(0, 0, 0, 0deg) scale(1);filter:blur(0px);opacity:1}
.top-slider .top-slider-1 .owl-item.active{z-index:100}
.top-slider .top-slider-1 .owl-item.active ~ .owl-item .item{transform:translateX(600px) translateY(10px)  rotate3d(-76, -33, 0, 45deg) scale(.9)}
.top-slider .top-slider-1 .owl-item.active .item .inside .arm-top-left{opacity:1;transform:scale(1)}
.top-slider .top-slider-1 .owl-item.active .item .inside .ents{transform:rotateX(0deg)}
.top-slider .top-slider-1 .owl-item.active .item .inside .char{animation:sonarWave2 1s ease-in-out infinite}
}
@media only screen and (min-width:1230px){
.top-slider .top-slider-1 .item{transition-duration:.5s;transform:translateX(-500px) translateY(10px) rotate3d(-76, 33, 0, 45deg) scale(.9);filter:blur(1px);opacity:.9}
.top-slider .top-slider-1 .owl-item.active .item{transform:translateX(0) translateY(0)  rotate3d(0, 0, 0, 0deg) scale(1);filter:blur(0px);opacity:1}
.top-slider .top-slider-1 .owl-item.active{z-index:100}
.top-slider .top-slider-1 .owl-item.active ~ .owl-item .item{transform:translateX(500px) translateY(10px)  rotate3d(-76, -33, 0, 45deg) scale(.9)}
.top-slider .top-slider-1 .owl-item.active .item .inside .arm-top-left{opacity:1;transform:scale(1)}
.top-slider .top-slider-1 .owl-item.active .item .inside .ents{transform:rotateX(0deg)}
.top-slider .top-slider-1 .owl-item.active .item .inside .char{animation:sonarWave2 1s ease-in-out infinite}
}
@media only screen and (max-width:1230px){
.top-slider .top-slider-1 .owl-prev{right:-40px}
.top-slider .top-slider-1 .owl-next{left:-40px}
.top-slider .top-slider-1 .owl-prev i,.top-slider .top-slider-1 .owl-next i{filter:grayscale(1) brightness(10)}
}
@media only screen and (max-width:970px){
.top-slider .main{max-width:100%;margin-top: -11px;margin-bottom: -13px;}
}
@media only screen and (max-width:920px){
.top-slider{min-height:calc(61vw + 11px);min-height:calc(61dvw + 11px);}
.top-slider .top-slider-1 .owl-nav{display:none}
.top-slider .top-slider-1 .owl-item .item{transform:translateX(0) translateY(0)  rotate3d(0, 0, 0, 0deg) scale(1);filter:blur(0px);opacity:1}
.top-slider .top-slider-1 .owl-item .item .inside .arm-top-left{opacity:1;transform:scale(1)}
.top-slider .top-slider-1 .owl-item .item .inside .ents{transform:rotateX(0deg)}
.top-slider .top-slider-1 .owl-item .item .inside .char{animation:sonarWave2 1s ease-in-out infinite}
.top-slider .top-slider-1{width:100%;margin:0}
.top-slider .top-slider-1 .item .inside .bg{height:calc(61vw - 36px);height:calc(61dvw - 36px);border-radius:15px}
.top-slider .top-slider-1 .item .inside .char2{filter:blur(10px)}
.top-slider .top-slider-1 .item .inside{margin:18px 18px 40px;width:calc(100% - 36px)}
.top-slider .top-slider-1 .item .inside .ents{border-radius:10px;width:220px;right:calc(50% - 110px);bottom:15px}
.top-slider .top-slider-1 .item .inside .ents .pic{width:42px;height:42px;border-radius:10px}
.top-slider .top-slider-1 .item .inside .ents .ins{width:calc(100% - 52px)}
.top-slider .top-slider-1 .item .inside .ents .ins .name{font-size:14px;margin:0}
.top-slider .top-slider-1 .item .inside .ents .ins .desc{font-size:13px}
.top-slider .top-slider-1 .owl-dots{bottom:10px}
.top-slider .top-slider-1 .item .inside .arm-top-left{height:36px;top:10px;left:10px}
.dark-mode .top-slider{background:none}
.top-slider .top-slider-1 .item .inside .char, .top-slider .top-slider-1 .item .inside .char2{height:calc(100% + 15px)}
.top-slider .top-slider-1 .item .inside .char2{filter:blur(3px)}
.top-slider::after{background-size: contain;}
}