﻿.top-ten{min-height:330px}
.top-ten .entery{border:1px #E5E5E5 solid;margin:20px 0}
.top-ten .entery .bgz{top:-5%;height:110%;max-width:110%;width:110%;right:-5%;opacity:.04 !important;z-index:1}
.top-ten .entery:after{background:url('../img/shapes/twill.webp');content:"";width:100%;height:100%;position:absolute;z-index:2;top:0;right:0;opacity:.03}
.top-ten .entery .title-orgs{padding:30px 10px 0}
.top-ten .entery .title-orgs .ins{width:224px;margin:0 calc(50% - 112px)}
.top-ten .entery .title-orgs .ins .icon{width:70px;height:70px;box-shadow:-5px 5px 18px 0 var(--color)}
.top-ten .entery .title-orgs .ins .icon .rt-gr-icon{width:40px;height:40px;margin:15px}
.top-ten .entery .title-orgs .ins .inxs{width:calc(100% - 85px)}
.top-ten .entery .title-orgs .ins .inxs .titr{margin-top:8px}
.top-ten .entery .slider-1{width:320px;margin:0 calc(50% - 160px)}
.top-ten .entery .slider-1 .item{width:300px;margin:22.5px 10px 7.5px;border:3px #8ECF85 solid}
.top-ten .entery .slider-1 .item .ins{background:linear-gradient(to right,#BCD8B8,#fff);padding:15px;border:2px #8ECF85 solid}
.top-ten .entery .slider-1 .item .ins .adad{width:42px;font-family:var(--adad);margin-left:10px;padding:16px 0}
.top-ten .entery .slider-1 .item .pic-area{width:68px}
.top-ten .entery .slider-1 .item .pic-area .pic{height:68px}
.top-ten .entery .slider-1 .item header{width:calc(100% - 133px)}
.top-ten .entery .slider-1 .item header .title a.titr-ltr{direction:ltr;text-align:right}
.top-ten .entery .slider-1 .item header .title a{border-bottom:2px var(--blur) dashed;padding-bottom:10px;margin-bottom:10px}
.top-ten .entery .slider-1 .item header .inf{margin-right:15px}
.top-ten .entery .slider-1 .item header .inf.right{margin-right:0}
.top-ten .entery .slider-1 .item header .inf i{width:20px;height:20px;margin-left:5px}

.top-ten.top-ten-consools{--color:#03B6DA}
.top-ten.top-ten-consools .entery{margin:10px 0 0}
.top-ten.top-ten-consools .entery .title-orgs .ins{width:260px;margin:0 calc(50% - 130px)}
.top-ten.top-ten-consools .entery .title-orgs .ins .titr{margin-top:21px}
.top-ten.top-ten-consools .entery .slider-1 .item{border-color:#90d8e6}
.top-ten.top-ten-consools .entery .slider-1 .item .ins{background:linear-gradient(to right,#03B6DA,#fff);border-color:#90d8e6}
.top-ten.top-ten-consools .entery .slider-1 .item header .inf{color:#fff}
.top-ten.top-ten-consools .entery .slider-1 .item header .title a{color:#fff}
.top-ten.top-ten-consools .entery .tc-1{top:10px;right:0}
.top-ten.top-ten-consools .entery .tc-2{left:60px;top:25px}


.dark-mode .top-ten .entery{border-color:#3c3e3e;background:#2e2f2f}
.dark-mode .top-ten .entery .title-orgs .ins .inxs .titr,.dark-mode .top-ten .entery .title-orgs .ins .inxs .desc,.dark-mode .top-ten .entery .slider-1 .item header .title a,.dark-mode .top-ten .entery .slider-1 .item header .inf{color:#fff}
.dark-mode .top-ten .entery .title-orgs .ins .icon{box-shadow:none}
.dark-mode .top-ten .entery .slider-1 .item .ins{background:linear-gradient(to right,#09788e,#224857)}
.dark-mode .top-ten .entery .slider-1 .item,.dark-mode .top-ten .entery .slider-1 .item .ins{border-color:#04677b}


.top-ten .entery .slider-1 .owl-item.active .item .ins{transform:translate(-10px,-10px) scale(1.03);background:#fff;border-color:transparent !important}
.dark-mode .top-ten .entery .slider-1 .owl-item.active .item .ins{background:#3c3e3e;border-color:transparent !important}
.top-ten .entery .slider-1.owl-carousel .owl-stage-outer,.top-ten .entery .slider-1.owl-carousel{position:inherit;overflow:inherit}
.top-ten .entery .slider-1 .owl-dots{margin:5px 0 20px}
.top-ten .entery .slider-1 .owl-nav{transform:translateX(50%);position:absolute;width:1240px;right:50%;bottom:0}
.top-ten .entery .slider-1 .owl-nav .owl-next,.top-ten .entery .slider-1 .owl-nav .owl-prev{backdrop-filter:blur(0);bottom:0;height:125px;width:140px;border-radius:0 !important;font-size:30px}
.top-ten .entery .slider-1 .owl-nav .owl-next{padding-left:20px;left:0;background:linear-gradient(to left,transparent,#f0f0f0);text-align:left;border-radius:0 0 0 15px}
.top-ten .entery .slider-1 .owl-nav .owl-prev{padding-right:20px;right:0;background:linear-gradient(to right,transparent,#f0f0f0);text-align:right;border-radius:0 0 15px 0}
.top-ten .entery .slider-1 .owl-nav .owl-next i,.top-ten .entery .slider-1 .owl-nav .owl-prev i{opacity:0}
.top-ten .entery .slider-1:hover .owl-nav .owl-next i,.top-ten .entery .slider-1:hover .owl-nav .owl-prev i{opacity:1}
.owl-carousel .owl-dots .owl-dot{background:var(--color);opacity:.2}
.owl-carousel .owl-dots .owl-dot.active{opacity:1}
.dark-mode .top-ten .entery .slider-1 .owl-nav .owl-next{background:linear-gradient(to left,transparent,#2e2f2f)}
.dark-mode .top-ten .entery .slider-1 .owl-nav .owl-prev{background:linear-gradient(to right,transparent,#2e2f2f)}

.light-mode .top-ten.top-ten-consools .entery .slider-1 .owl-item.active .item header .title a{color:#334155}
.light-mode .top-ten.top-ten-consools .entery .slider-1 .owl-item.active .item header .inf{color:#4e5968}


@media only screen and (max-width:920px){
.top-ten{min-height:251px}
.top-ten .entery{margin:15px 0}
.top-ten .main{max-width:100%}
.top-ten .entery{border-radius:0}
.top-ten .entery .title-orgs{padding-top:20px}
.top-ten .entery .title-orgs .ins{width:160px;margin:0 calc(50% - 80px)}
.top-ten .entery .title-orgs .ins .icon{width:40px;height:40px;border-radius:10px}
.top-ten .entery .title-orgs .ins .icon .rt-gr-icon{width:20px;height:20px;margin:10px}
.top-ten .entery .title-orgs .ins .inxs{width:calc(100% - 55px)}
.top-ten .entery .title-orgs .ins .inxs .titr{font-size:17px;margin-top:0}
.top-ten .entery .title-orgs .ins .inxs .desc{font-size:14px}
.top-ten .entery .slider-1{width:260px;margin:0 calc(50% - 130px)}
.top-ten .entery .slider-1 .item{width:240px}
.top-ten .entery .slider-1 .item .pic-area{width:50px;border-radius:10px}
.top-ten .entery .slider-1 .item .pic-area .pic{height:50px;border-radius:10px}
.top-ten .entery .slider-1 .item header .title{font-size:14px}
.top-ten .entery .slider-1 .item header .title a{padding-bottom:5px;margin-bottom:4px}
.top-ten .entery .slider-1 .item .ins .adad{font-size:21px;width:30px;padding:13px 0}
.top-ten .entery .slider-1 .item header{width:calc(100% - 105px)}
.top-ten .entery .slider-1 .item header .inf{font-size:11px;margin-left:10px}
.top-ten .entery .slider-1 .item header .inf:last-child{margin-left:0}
.top-ten .entery .slider-1 .item header .inf i{width:15px;height:15px;margin-left:2px}
.top-ten .entery .slider-1 .owl-dots{margin:0 0 10px}
.top-ten .entery .slider-1 .owl-nav{display:none}
.top-ten.top-ten-consools .entery .title-orgs .ins{width:184px;margin:0 calc(50% - 92px)}
.top-ten.top-ten-consools .entery .title-orgs .ins .titr{margin-top:10px}
.top-ten.top-ten-consools .entery{margin:5px 0 0}
.top-ten.top-ten-consools .entery .tc-1{top:0;right:0;width:40px}
.top-ten.top-ten-consools .entery .tc-2{left:10px;top:15px;width:50px}
}