@import "https://fonts.googleapis.com/css2?family=Cairo:wght@700&family=Oswald&display=swap";
@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@500&display=swap";
* {
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:cairo,sans-serif
}
:root{
    --fontFamilyTitl: "Tajawal", sans-serif;
    --fontFamilyPrg: "Cairo", sans-serif;
    --fontFamilyLoo: "Mars Wars Display Font", sans-serif;
    --box-shadow: #4f56a0 0px 0px 75px
}
html {
    background-color:#111111;
    scroll-behavior:smooth;
    scroll-padding-top:4em
}
.container {
    width:100%;
    height:100%;
    position:absolute
}
nav {
    display:flex;
    justify-content:space-around;
    align-items:center;
    padding:5px 0;
    border-bottom:5px solid #4f56a0;
    z-index:-1
}
.Logo {
    z-index:10;
    display:flex;
    align-items:center
}
.Logo div img {
    width:55px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    box-shadow:#4f56a0 0 0 75px;
    position: relative;
    right: 3cm;
}
.Logo h2 {
    color:#fff;
    font-family:var(--fontFamilyLoo);
    margin-left:10px;
    position: relative;
    right: 3cm;
    text-decoration: none;
}
nav ul {
    display:flex;
    direction: rtl;
    position: relative;
    left: 4cm;
}
nav ul li { 
    list-style-type:none
} 
nav ul li a {
    z-index:200;
    position:relative;
    display:block;
    color:#fff;
    font-family:var(--fontFamilyPrg);
    font-size:20px;
    text-decoration:none;
    padding:5px 15px;
    display: inline-block;
    transition: 0.7s;
}
.home-btn {
    background-color: #1e1e1e;
    border-radius: 15px;
}
nav ul li a:hover {
    transform: scale(1.1);
    background-color: #1e1e1e;
}
#particles-js {
    position:absolute;
    width:100%;
    height:100%
} 
.containerToggle {
    width:30px;
    z-index:30;
    cursor:pointer
}
.center:before,.center:after,.center div {
    pointer-events:none;
    background:#fff;
    content:"";
    display:block;
    height:6px;
    border-radius:3px;
    margin:7px 0;
    transition:.5s;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px
}
.NavBarActive .center:before {
    transform:translateY(12px) rotate(135deg);
    -webkit-transform:translateY(12px) rotate(135deg);
    -moz-transform:translateY(12px) rotate(135deg);
    -ms-transform:translateY(12px) rotate(135deg);
    -o-transform:translateY(12px) rotate(135deg)
}
.NavBarActive .center:after {
    transform:translateY(-13px) rotate(-135deg);
    -webkit-transform:translateY(-13px) rotate(-135deg);
    -moz-transform:translateY(-13px) rotate(-135deg);
    -ms-transform:translateY(-13px) rotate(-135deg);
    -o-transform:translateY(-13px) rotate(-135deg)
}
.NavBarActive .center div {
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0)
}
.buttonon {
    background-color:#1e1e1e;
    font-family:var(--fontFamilyPrg);
    border:none;
    color:#fff;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    font-size:18px;
    margin:2px;
    transition-duration:.6s;
    cursor:pointer;
    border-radius:7px;
    padding:5px 13px;
    box-shadow:#1e1e1e 0 0 75px
}
.loginButton {
    background-color:#1e1e1e;
    color:#fff;
    border:2px solid #1e1e1e;
    box-shadow:#1e1e1e 0 0 100px;
    box-shadow:272px 22px 250px 48px #1e1e1e
}
.loginButton:hover {
    background-color:#1e1e1e;
    border:2px solid #1e1e1e;
    color:#fff}
#home {
    z-index:-1;
    height:85vh;
    background-color:#18191a
}
#particles-js {
    position:absolute;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-size:20%;
    background-position:50% 50%
}
.containerHome {
    display:grid;
    place-items:center;
    height:90%;
    color:#fff
}
.containerHomeCenter {
    padding:15px;
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
    background-color:#212c42!important;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.125);
    width:600px;
    text-align:center;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    -ms-border-radius:12px;
    -o-border-radius:12px
}
.containerHomeCenter h1 {
    font-size:60px;
    font-family:var(--fontFamilyTitl);
    color:#fff
}
.containerHomeCenter p {
    font-size:17px;
    margin-bottom:2em;
    font-family:var(--fontFamilyTitl);
    color:#fff
}
.containerHomeCenter a {
    color:#fff;
    display:inline-block;
    font-family:var(--fontFamilyPrg);
    text-decoration:none;
    margin:0 10px;
    width:130px;
    background:#1e1e1e;
    padding:10px 0;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    transition:all .4s;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s
}
.containerHomeCenter a:hover {
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    background:#013a60;
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1)
}
.theme-switch {
    display:flex;
    align-items:center
}
.theme-switch em {
    margin-left:10px;
    font-size:1rem
}
.theme-switch {
    display:inline-block;
    height:34px;
    position:relative;
    width:60px
}
.theme-switch input { 
    display:none
}
.slider {
    background-color:#ccc;
    bottom:0;
    cursor:pointer;
    left:0;
    position:absolute;
    right:0;top:0;
    transition:.4s
}
.slider:before {
    background-color:#fff;
    bottom:4px;content:"";
    height:26px;left:4px;
    position:absolute;
    transition:.4s;width:26px
}
input:checked+.slider {
    background-color:#013a60
}
input:checked+.slider:before {
    transform:translateX(26px)
}
.slider.round {
    border-radius:34px
}
.slider.round:before {
    border-radius:50%
}
#Features {
    position:relative;
    background: linear-gradient(#18191a,#252525);
    background-image: url();
}
#particles {
    position:absolute;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-size:20%;
    background-position:50% 50%
}
.textcenter {
    background-color:transparent;
    text-align:center;
    color:#fff;
    font-size:40px;
    padding-top:3em;
    font-family:var(--fontFamilyTitl)
}
.containerFeaturescards {
    margin-top:5em;
    display:flex;
    justify-content:space-around;
    flex-wrap:wrap
}
.BodyCardFeatures {
    width:350px;
    position:relative;
    height:250px;
    margin:40px 10px;
    text-align:left;
    padding:15px 5px 5px;
    backdrop-filter:blur(2px) saturate(100%);
    -webkit-backdrop-filter:blur(2px) saturate(100%);
    background-color:#212c42!important;border-radius:12px;
    transition:all .5s;
    border:1px solid rgba(255,255,255,.125);
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s
}
.BodyCardFeatures:hover {
    transform:translateY(-20px);
    -webkit-transform:translateY(-20px);
    -moz-transform:translateY(-20px);
    -ms-transform:translateY(-20px);
    -o-transform:translateY(-20px)
}
.BodyCardFeatures h1 {
    color:#fff;
    font-size:25px;
    font-family:var(--fontFamilyTitl)
}
.BodyCardFeatures h3 {
    color:rgba(128,128,128,.3);
    position:absolute;
    z-index:-1;
    top:0;
    right:20px;
    transform:rotate(25deg);
    font-size:6em;font-family:var(--fontFamilyTitl);-webkit-transform:rotate(25deg);-moz-transform:rotate(25deg);-ms-transform:rotate(25deg);
    -o-transform:rotate(25deg)
}.BodyCardFeatures p {
    font-size:18px;
    color:#fff;
    margin-top:10px;
    font-family:var(--fontFamilyPrg)
}
.BodyCardFeatures h1 span { 
    margin:0 5px;
    padding:8px 15px;
    border-radius:5px;
    background:radial-gradient(circle at 0% 0%,rgba(88,101,242,1),rgba(68,82,236,1),rgba(24,38,198,1));
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px
}
.BodyCardFeatures h1 span i {
    font-size:30px
}
.card {
    width:calc(33% - 20px);
    background:#222;
    text-align:center;
    border-radius:6px;
    padding:20px 25px;
    cursor:pointer;
    transition:all .3s ease;
    margin-bottom:20px
}
.card:hover {
    background:#1e1e1e
}
.card:hover i {
    color:#fff
}
.card .box {
    transition:all .3s ease
}
.card:hover .box {
    transform:scale(1.05)
}
.card i {
    font-size:50px;
    color:#1e1e1e;
    transition:color .3s ease
}
.card .text {
    font-size:25px;
    font-weight:500;
    margin:10px 0 7px;
    color:#fff
}
.bg-primary {
    background:var(--primary-color);
    border:2px solid var(--primary-color)
}
.bg-success {
    background:var(--success-color);
    border:2px solid var(--primary-color)
}
.bg-warning {
    background:var(--warning-color);
    border:2px solid var(--primary-color)
}
.bg-danger {
    background:var(--danger-color);
    border:2px solid var(--primary-color)
}
*{
    box-sizing:border-box
}.row{
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    margin-top:100px;
    margin-left:100px;
    margin-right:10px
}
.row:after,.row:before{
    box-sizing:border-box
}
[class*=col-]{padding:10px}@media only screen and (max-width:600px){.sidebar{width:0}.wrapper{margin-left:0}.sidebar-expand .wrapper{margin-left:0}.nav-right .nav-item{display:none}.nav-right .mode,.nav-right .avt-wrapper{display:list-item}.navbar-search{display:none}.dropdown-menu{max-width:300px}[class*=col-]{width:100%}}
@media only screen and (min-width:600px){.col-sm-1{width:8.33%}.col-sm-2{width:16.66%}.col-sm-3{width:25%}.col-sm-4{width:33.33%}.col-sm-5{width:41.66%}.col-sm-6{width:50%}.col-sm-7{width:58.33%}.col-sm-8{width:66.66%}.col-sm-9{width:75%}.col-sm-10{width:83.33%}.col-sm-11{width:91.66%}.col-sm-12{width:100%}}
@media only screen and (min-width:768px){.col-m-1{width:8.33%}.col-m-2{width:16.66%}.col-m-3{width:25%}.col-m-4{width:33.33%}.col-m-5{width:41.66%}.col-m-6{width:50%}.col-m-7{width:58.33%}.col-m-8{width:66.66%}.col-m-9{width:75%}.col-m-10{width:83.33%}.col-m-11{width:91.66%}.col-m-12{width:100%}}
@media only screen and (min-width:992px){.col-1{width:8.33%}.col-2{width:16.66%}.col-3{width:25%}.col-4{width:33.33%}.col-5{width:41.66%}.col-6{width:50%}.col-7{width:58.33%}.col-8{width:66.66%}.col-9{width:75%}.col-10{width:83.33%}.col-11{width:91.66%}.col-12{width:100%}}@media only screen and (min-width:1200px){.col-xl-1{width:8.33%}.col-xl-2{width:16.66%}.col-xl-3{width:25%}.col-xl-4{width:33.33%}.col-xl-5{width:41.66%}.col-xl-6{width:50%}.col-xl-7{width:58.33%}.col-xl-8{width:66.66%}.col-xl-9{width:75%}.col-xl-10{width:83.33%}.col-xl-11{width:91.66%}.col-xl-12{width:100%}}
.counter{
    padding:10px;
    text-align:center;
    color:#fff;
    border-radius:15px;
    margin-bottom:10px;
    box-shadow:0 4px 8px 0 rgba(0,0,0,.2)
}
.counter:hover{
    border:2px solid #1e1e1e
}
.couner i{
    font-size:50px
}
.card{
    background:var(--main-bg-color);
    color:var(--main-color);
    border-radius:15px;
    margin-bottom:10px;
    box-shadow:0 4px 8px 0 rgba(0,0,0,.2)
}
.card-header{
    padding:10px 25px;
    border-bottom:1px solid var(--second-bg-color);
    position:relative
}
.card-header i{
    color:var(--main-color);
    position:absolute;
    right:30px;
    top:50%;
    transform:translateY(-50%)
}
.card-header i:hover{
    cursor:pointer
}
.card-header h3{
    margin:0
}.card-content{
    padding:20px;
    overflow-x:auto
}
.pdng{
    padding:20px
}
#Commands{
    padding:0 0 5em
}
#particlesl{
    z-index:-5;
    position:absolute;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-size:20%;
    background-position:50% 50%
}
.btnCommands{
    flex-wrap:wrap;
    display:flex;
    justify-content:center;
    margin:5em 0 0
}
.btnCommands button{
    all:unset;
    margin:10px;
    backdrop-filter:blur(16px) saturate(180%);
    -webkit-backdrop-filter:blur(16px) saturate(180%);
    background-color:#212c42!important;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.125);
    text-align:center;
    cursor:pointer;
    font-family:var(--fontFamilyPrg);
    color:#fff;padding:10px 20px;
    transition:all .4s;
    width:180px;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s
}
.btnCommands button:hover{
    background-color:rgba(17,15,50,.75);
    transform:translateY(5px);
    -webkit-transform:translateY(5px);
    -moz-transform:translateY(5px);
    -ms-transform:translateY(5px);
    -o-transform:translateY(5px)
}
.containerCmdCard{
    margin-top:2em
}
.containerCmdInfo 
*{
    pointer-events:none
}
.containerCmdInfo{
    transition:all .5s;
    cursor:pointer;
    overflow:hidden;
    width:1350px;
    animation:ShowCmd 1s ease-in-out;
    padding:10px;
    backdrop-filter:blur(2px) saturate(180%);
    -webkit-backdrop-filter:blur(2px) saturate(180%);
    background-color:#1e1e1e!important;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.125);
    margin:20px auto;
    height:70px;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    -webkit-animation:ShowCmd 1s ease-in-out
}
.BodyCardCmd{
    pointer-events:none;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.textCmd{
    display:flex;
    align-items:center;
    color:#fff;
    pointer-events:none
}
.textCmd h1{
    pointer-events:none;
    font-size:20px;
    font-family:var(--fontFamilyTitl)
}
.textCmd p{
    padding:0 0 0 20px;
    font-family:var(--fontFamilyPrg)
}
.fa-arrow-down-long{
    color:#1e1e1e;
    font-size:40px
}
.infoCmd{
    pointer-events:none;
    color:#fff;
    padding-top:15px;
    margin-top:10px;
    height:140px
}
.infoCmd h1{
    pointer-events:none;
    font-family:var(--fontFamilyTitl)
}
.infoCmd p{
    pointer-events:none;
    font-size:13px;
    font-family:var(--fontFamilyPrg)
}
.openCmdInfoJs{
    height:210px!important
}
.openCmdInfoJs .infoCmd{
    border-top:2px solid #fff
}
.arrowDown{
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s
}
.openCmdInfoJs .arrowDown{
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg)
}
.Public{
    display:none
}
.Encomeny{
    display:none
}
.Giveaway{
    display:none
}
.serverhr{
    width:1px
}
.aurl{
    font-size:17px
}
footer{
    padding:2em 0;
    text-align:center
}
footer h4{
    color:#fff;
    font-size:18px;
    font-family:var(--fontFamilyPrg)
}
footer img{
    width:250px
}
.SliderContainer 
*{
    font-family:tajawal,sans-serif;
    color:#fff
}
.SliderContainer{
    display:flex;
    position:fixed;
    z-index:50;
    bottom:0;
    top:0;
    background-color:#1e1e1e;
    width:auto;
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s
}
.ServerBar{
    display:grid;
    place-items:center;
    background-color:#1f1f25;
    overflow-y:scroll;
    width:80px;
    height:100%;
    -ms-overflow-style:none;
    scrollbar-width:none;
    z-index:149
}
.ServerBar::-webkit-scrollbar{
    display:none
}
.ServerBar img{
    width:55px;
    -webkit-filter:none;
    filter:none;
    transition:all .2s;
    height:55px;object-fit:cover;
    margin:10px 1px;
    display:block;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s
}
.ServerBar img:hover{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2)
}
.SlideBar{
    overflow:hidden;
    width:0;
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    z-index:149
}
.overflowY::-webkit-scrollbar{
    display:none
}
.slideBarActive .SlideBar{
    width:260px
}
.overflowY{
    padding-top:2em;
    overflow-y:scroll;
    -ms-overflow-style:none;
    scrollbar-width:none;
    overflow-x:hidden;
    height:97%;
    width:260px;
    z-index:149
}
.overflowY .InfoServerSlide img{
    width:35%;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%
}
.InfoServerSlide h1{
    font-weight:700;
    font-size:17px;
    margin-top:0;
    unicode-bidi:plaintext
}
.InfoServerSlide{
    text-align:center
}
.infoSlideBar{
    width:90%;
    margin:2em auto
}
.infoSlideBar h6{
    padding:5px 0;
    font-size:14px;
    color:#878787;
    letter-spacing:.7px;
    transition:color .2s
}
.infoSlideBar h6:nth-of-type(2){
    padding:20px 0 0
}
.infoSlideBar h6:nth-of-type(3){
    padding:20px 0 0
}
.infoSlideBar a{
    font-size:17px;
    display:block;
    padding:10px 0;
    transition:all .4s;
    text-decoration:none;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s
}
.infoSlideBar a:hover{
    transform:translateX(10px);
    -webkit-transform:translateX(10px);
    -moz-transform:translateX(10px);
    -ms-transform:translateX(10px);
    -o-transform:translateX(10px)
}
.tooltip{
    position:relative;
    display:inline-block;
    border-bottom:1px dotted #000
}
.tooltip .tooltiptext{
    visibility:hidden;
    width:120px;
    background-color:#000;
    color:#fff;
    text-align:center;
    border-radius:6px;
    padding:5px 0;
    position:absolute;
    z-index:1;
    top:-5px;
    left:110%
}
.tooltip .tooltiptext::after{
    content:"";
    position:absolute;
    top:50%;
    right:100%;
    margin-top:-5px;
    border-width:5px;
    border-style:solid;
    border-color:transparent #000 transparent transparent
}
.tooltip:hover .tooltiptext{
    visibility:visible
}
@media(max-width:415px){.containerToggleNavBar{left:0}.slideBarActive .containerToggleNavBar{left:80px}.ServerBar{width:0;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}.slideBarActive .ServerBar{width:80px}}
.containerToggleNavBar{
    overflow:hidden;
    background-color:#1e1e1e;
    position:absolute;
    padding:5px 10px 5px 7px;
    border-radius:0 0 10px 0;
    top:0;
    right:-50px;
    width:50px;
    z-index:30;
    transition:all .5s;
    cursor:pointer;
    -webkit-border-radius:0 0 10px 0;
    -moz-border-radius:0 0 10px 0;
    -ms-border-radius:0 0 10px 0;
    -o-border-radius:0 0 10px 0;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s
}
.center:before,.center:after,.center div{
    pointer-events:none;
    background:#fff;
    content:"";
    display:block;
    height:6px;
    border-radius:3px;
    margin:7px 0;
    transition:.5s;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px
}
.slideBarActive .center:before{
    transform:translateY(12px) rotate(135deg);
    -webkit-transform:translateY(12px) rotate(135deg);
    -moz-transform:translateY(12px) rotate(135deg);
    -ms-transform:translateY(12px) rotate(135deg);
    -o-transform:translateY(12px) rotate(135deg)
}
.slideBarActive .center:after{
    transform:translateY(-13px) rotate(-135deg);
    -webkit-transform:translateY(-13px) rotate(-135deg);
    -moz-transform:translateY(-13px) rotate(-135deg);
    -ms-transform:translateY(-13px) rotate(-135deg);
    -o-transform:translateY(-13px) rotate(-135deg)
}
.slideBarActive .center div{
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0)
}
.error-class{
    margin:center;
    text-align:center;
    font-family:var(--fontFamilyPrg);
    color:#fff
}
.error-class img{
    width:300px;
    height:300px;
    margin-left:1%
}
.error-class p{
    font-weight:300
}
.error-class a{
    color:#fff;
    display:inline-block;
    font-family:var(--fontFamilyPrg);
    text-decoration:none;
    margin:0 10px;
    width:130px;
    background:#1e1e1e;
    padding:10px 0;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    transition:all .4s;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s
}
.error-class a:hover{
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    background:#1e1e1e;
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1)
}
.swal2-container{
    font-family:var(--fontFamilyLoo)
}
footer .footer-details{
    position:absolute;
    width:100%;
    background:#1e1e1e;
    font-family:var(--fontFamilyPrg)
}
footer .footer-details .bottom_text{
    max-width:1250px;
    margin:auto;
    padding:20px 40px;
    display:flex;
    justify-content:space-between
}
.footer-details .bottom_text span,.footer-details .bottom_text a{
    font-size:14px;
    font-weight:300;
    color:#fff;
    opacity:.8
}
.footer-details .bottom_text a:hover{
    opacity:1;
    text-decoration:underline
}
.footer-details .bottom_text a{
    margin-right:10px
}
@media(max-width:700px){footer{position:relative}.footer-details .bottom_text span,.footer-details .bottom_text a{font-size:12px}}
@media(max-width:561px){.textCmd h1{font-size:20px}.textCmd p{font-size:14px}.containerCmdInfo{width:95%}}
@media(max-width:602px){.containerHomeCenter{width:97%}.containerHomeCenter a{margin:20px 1px}}
@media(max-width:521px){.containerToggle{display:block}nav{justify-content:space-between;padding:5px 20px}nav ul{overflow:hidden;height:0;z-index:99;text-align:center;display:grid;position:absolute;top:70px;left:0;right:0;backdrop-filter:blur(16px) saturate(180%);background-color:rgba(17,25,40,.75);border-radius:0 0 12px 12px;transition:all .5s linear;width:100%}.NavBarActive nav ul{border:1px solid rgba(255,255,255,.125);height:450px}nav ul li{display:block}nav ul a{display:block;padding:20px 0!important}nav ul a::after{display:none}nav ul a::before{display:none}}
@media(min-width:521px){.containerToggle{display:none}}
@keyframes top{0%{top:0;transform:rotate(0)}50%{top:22px;transform:rotate(0)}100%{top:22px;transform:rotate(45deg)}}
@keyframes top-2{0%{top:22px;transform:rotate(45deg)}50%{top:22px;transform:rotate(0deg)}100%{top:0;transform:rotate(0deg)}}
@keyframes bottom{0%{bottom:0;transform:rotate(0)}50%{bottom:22px;transform:rotate(0)}100%{bottom:22px;transform:rotate(135deg)}}@keyframes bottom-2{0%{bottom:22px;transform:rotate(135deg)}50%{bottom:22px;transform:rotate(0)}100%{bottom:0;transform:rotate(0)}}@keyframes scaled{50%{transform:scale(0)}100%{transform:scale(0)}}
@keyframes scaled-2{0%{transform:scale(0)}50%{transform:scale(0)}100%{transform:scale(1)}}
@keyframes ShowCmd{0%{transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}50%{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}}
.label{
    color:#fff;
    padding:.2em .6em .3em;
    font-size:75%;
    font-weight:700;
    line-height:1;
    text-align:center;
    white-space:nowrap;
    vertical-align:baseline;
    border-radius:.25em;
    font-family:Arial
}
.success{
    background-color:#1e1e1e;
    color:#fff
}
.info{
    background-color:#1e1e1e;
    color:#fff
}
.warning{
    background-color:#1e1e1e;
    color:#fff
}
.danger{
    background-color:#1e1e1e;
    color:#fff
}
.new{
    background-color:#1e1e1e;
    color:#fff
}
.partnersContainer{
    display:grid;
    grid-template-columns:auto auto auto
}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#18191a}::-webkit-scrollbar-thumb{background:#45474a}::-webkit-scrollbar-thumb:hover{background:#555}