.top-best{background:linear-gradient(to bottom,var(--body),rgb(21 21 31 / .85),var(--body));padding-top:20px;width:100%;height:100%;min-height:400px;position:relative}.top-best .bg{height:100%;width:100%;z-index:-1;background:radial-gradient(circle,#eb9514,#ffbf60);top:0;right:0;display:block}.top-best .titr{margin-bottom:30px}.top-best .titr h3{display:inline-block}.top-best .titr h3 i{transform:translateY(3px);margin-left:5px}.top-best .titr .tab-btns{transform:translate(-10px,17px);display:inline-block;padding:5px}.top-best .titr .tab-btns span{padding:7px 15px;margin-left:10px}.top-best .titr .tab-btns span:hover{color:#fff}.top-best .titr .tab-btns span.active{background-color:var(--color)!important;color:#fff!important;box-shadow:none!important}.top-best .titr .tab-btns span.active::after{content:"";width:0;height:0;position:absolute;right:50%;top:100%;border-style:solid;border-width:.5rem .5rem .5rem;border-color:#fff0;border-top-color:var(--color);transform:translateX(50%)}.top-best .titr .icon{margin:1px 0 0 8px}.top-best .rt-content{width:calc(100% + 20px);transform:translateX(10px);height:362px}.top-best .rt-content .more-btn{padding:5px 10px;left:10px;top:-56px}.top-best .rt-content .more-btn i{margin:2px 7px 0 0}.top-best .rt-content .item{padding:0 10px}.top-best .rt-content .item .pic{height:310px}.top-best .rt-content .item .title{transition-duration:0.6s;position:absolute;bottom:0;right:0;background:linear-gradient(to bottom,transparent,#000);border-radius:0 0 14px 14px}.top-best .rt-content .item .title a{padding:80px 15px 15px;line-height:2}.top-best .rt-content .item:hover .title{visibility:hidden;opacity:0}.top-best .rt-content .item:hover .title a{transform:translateY(50px)}.top-best .rt-content .owl-dots{width:100%;float:right;text-align:center;margin:15px 0}.top-best .rt-content .owl-dots .owl-dot{border:0;cursor:pointer;background-color:rgb(255 255 255 / .1);width:8px;height:8px;display:inline-block;border-radius:5px;margin:0 3px}.top-best .rt-content .owl-dots .owl-dot.active{background-color:var(--color)!important;width:16px}.top-best .rt-content .owl-nav{float:left;position:absolute;left:130px;top:-59px;direction:ltr}.top-best .rt-content .owl-nav .owl-prev,.top-best .rt-content .owl-nav .owl-next{margin-right:10px;width:34px;height:34px;border:2px #fff solid;border-radius:50%;opacity:.5}.top-best .rt-content .owl-nav .owl-prev:hover,.top-best .rt-content .owl-nav .owl-next:hover{opacity:1}.top-best .rt-content .more-btn:hover{background-color:var(--color2)!important;color:#333!important}.top-best .titr .tab-btns span:hover{opacity:.8}.light-mode .top-best{background:linear-gradient(to bottom,var(--body),rgb(230 230 230 / .8),var(--body))}.light-mode .top-best .titr h3,.light-mode .top-best .rt-content .owl-nav .owl-prev i,.light-mode .top-best .rt-content .owl-nav .owl-next i{color:#35354f}.light-mode .top-best .rt-content .more-btn{color:#474769;background-color:rgb(71 71 105 / .15)}.light-mode .top-best .rt-content .owl-nav .owl-prev,.light-mode .top-best .rt-content .owl-nav .owl-next{border-color:#35354f}.light-mode .top-best .titr .tab-btns span{background-color:#fff;color:#35354f;box-shadow:0 3px 4px rgb(8 7 9 / .071)}.light-mode .top-best .rt-content .owl-dots .owl-dot{background-color:rgb(0 0 0 / .1)}.light-mode .top-best .entery .titr span{color:#35354f}@media only screen and (max-width:1100px){.top-best .rt-content{height:322px}.top-best .rt-content .item .pic{height:270px}}@media only screen and (max-width:1000px){.top-best .rt-content{height:302px}.top-best .rt-content .item .pic{height:250px}}@media only screen and (max-width:920px){.top-best{padding-top:0;min-height:260px;position:relative}.top-best .titr{margin-bottom:25px;text-align:center}.top-best .titr .tab-btns{font-size:13px;padding:5px 0}.top-best .titr .tab-btns span{padding:5px 12px}.top-best .titr .tab-btns span:last-child{margin-left:0}.top-best .rt-content .item{padding:0 0 0 15px;width:150px}.top-best .rt-content{height:190px;width:100%;transform:translateX(0)}.top-best .rt-content .item .pic{height:190px}.top-best .rt-content .item .title{font-size:12px}.top-best .rt-content .item .title a{padding:60px 10px 10px;line-height:1.8}}@media only screen and (max-width:400px){.top-best .titr .tab-btns{transform:translate(0,0)}.top-best .titr h3{width:100%;float:right;margin-bottom:7px}.top-best .titr{margin:25px 0 10px}}