@import url('https://fonts.googleapis.com/css2?family=Jomhuria&display=swap');
body {
    direction: rtl;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    font-family: iransans;
    color: #fff;
    background: #f7f7f7;
}

.navbae {
    background: #0c54f2;
    padding: 0;
    margin: 0;
    border: 0;
    width: 100%;
    position: sticky;
    top: 0px;
    z-index: 100;
}

.navbae ul {
    text-align: center;
    padding: 30px 0px;
    margin: 0;
    list-style: none;
}

.navbae ul li {
    display: inline;
}

.navbae ul li a {
    color: #fff;
    margin: 0 5px;
    display: inline;
    padding: 15px 20px;
    transition: 0.5s;
}

.navbae ul li a:hover {
    background: rgba(255, 255, 255, 0.144);
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 8%;
    border-top-right-radius: 8%;
}

.maininfoarea {
    padding: 50px 0;
}

.mainsection {
    background: #0c54f2;
    border-bottom-left-radius: 150px;
    padding: 50px 10px;
}

.logintop {
    margin-top: 10px;
}

.logintop a {
    color: #fff;
    font-size: 68px;
}

.logintop a i:hover {
    transform: translateY(-8px);
}

.logintop a i {
    animation: mymove 2s infinite;
    background: none;
    transition: 0.3s;
}

@keyframes mymove {
    50% {
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.733);
    }
}

.toptitle {
    font-family: Jomhuria;
    color: rgb(43, 43, 43);
    font-size: 50px;
    margin: 60px 0;
    text-align: center;
}

.infobox {
    background: #f5f4f4;
    box-shadow: 0 0 10px #757575;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    padding: 18px 5px;
    text-align: center;
    color: rgb(63, 63, 63);
    width: 100%;
    margin: 15px 0;
    transition: 0.3s;
}

.infobox:hover {
    transform: translateY(-15px);
}

.infobox i {
    padding: 20px 25px;
    border-radius: 50px;
    margin: 5px 0;
    background: #0c54f2;
    color: #fff;
    font-size: 50px;
}

.topmrdwn {
    margin-top: 30px;
}

.svjoinbtn p {
    direction: rtl;
    color: rgb(63, 63, 63);
    padding: 0;
    margin: 0 0 5px 0;
}

.svjoinbtn a {
    color: #0c54f2;
}

.downbtns a {
    color: #Fff;
    background: #0ebb79;
    padding: 10px 38px;
    border-radius: 8px;
}

.coppy {
    margin: 0;
    padding: 20px 5px;
}

.coppy p {
    padding: 10px 0;
    margin: 0;
    font-size: 18px;
}

.coppy span {
    font-size: 14px;
    color: #c0c0c0;
}

.coppyback {
    background: #212a3f;
}

.infobox p {
    margin-top: 20px;
    padding: 10px 0;
    font-size: 40px;
    font-family: Jomhuria;
    color: #0c54f2;
}

.infobox span {
    font-family: Vazir;
}

.downboxs {
    margin-top: 15px;
    font-family: Vazir;
}

.downboxs h4 {
    color: #1065c0;
    font-size: 50px;
    font-family: Jomhuria;
}

.downboxs p {
    color: rgb(63, 63, 63);
    font-size: 18;
    margin: none;
    padding: 15px 0;
}

.sectionlogo {
    width: 24px;
    height: 24px;
    position: relative;
    -webkit-animation: glide 1s ease-in-out alternate infinite;
    margin-right: 150px;
    margin-top: 50px;
}

@-webkit-keyframes glide {
    from {
        left: 0px;
        top: 0px;
    }
    to {
        left: 0px;
        top: 20px;
    }
}

.achimg {
    width: 24px;
    height: 24px;
    position: relative;
    -webkit-animation: glide 1s ease-in-out alternate infinite;
}

@-webkit-keyframes glide {
    from {
        left: 0px;
        top: 0px;
    }
    to {
        left: 0px;
        top: 20px;
    }
}

.achboxs {
    margin: 25px 0;
    text-align: center;
    padding: 30px 0;
    width: 100%;
}

.achboxs p {
    margin: 0;
    padding-bottom: 15px;
    font-size: 25px;
}


/* achs */

.mtaach {
    box-shadow: 0px 0px 23px #ffc107 !important;
    background: #f5ae10;
    border-radius: 9px;
}

.topach {
    box-shadow: 0px 0px 23px #1e91b4 !important;
    background: #1e91b4;
    border-radius: 9px;
}

.onlineach {
    box-shadow: 0px 0px 23px #2ddf86 !important;
    background: #2ddf86;
    border-radius: 9px;
}

.userach {
    box-shadow: 0px 0px 23px #a25fe0 !important;
    background: #a25fe0;
    border-radius: 9px;
}

.mainarea h1 {
    padding: 30px 0;
    font-family: Jomhuria;
    font-size: 60px;
}

.maininfoindex h2 {
    font-family: Jomhuria;
    margin: 0;
    padding: 0;
    font-size: 30px;
}

.purverify {
    margin-top: 30%;
    margin-right: 100px;
}

.purverify h4 {
    color: rgb(24, 126, 24);
    font-size: 30px;
    padding: 20px 2px;
    margin: 0;
}

.purverify p {
    font-size: 25px;
    padding: 10px 2px;
    margin: 0;
    color: #34363a;
}

.mainback {
    background: #34363a;
    padding: 0 5px 5px 0;
    box-shadow: 0 -7px 27px 0 rgb(0, 0, 0);
}

.mainmenu {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 18px;
}

.mainmenu ul {
    list-style: none;
}

.mainmenu ul li {
    display: inline;
}

.mainmenu ul li a {
    padding: 9px 18px;
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
    border-radius: 5px;
}

.mainmenu ul li a:hover {
    color: #0c54f2;
    background: #3f444b;
}

.mainside {
    color: #fff;
    text-align: center;
    margin-top: 8%;
}

.mainside h1 {
    font-size: 40px;
    padding: 0;
    margin: 0;
}

.mainside h1 span {
    font-size: 45px;
    background: #0c54f2;
    border-radius: 15px;
    padding: 5px 10px 0 10px;
}

.maininfo {
    margin-top: 30px;
    padding: 0 80px;
    text-align: center;
}

.mainbtn {
    margin-top: 35px;
}

.mainbtn i {
    margin-left: 8px;
    font-size: 23px;
}

.mainbtn .connectserver {
    float: left;
}

.mainbtn .mtadon {
    float: right;
}

.mainbtn a {
    color: #fff;
    border-radius: 32px;
    border: 2px solid #0c54f2;
    background: #0c54f2;
    text-decoration: none;
    font-size: 18px;
    padding: 12px 38px;
    transition: 0.2s;
}

.mainbtn a:hover {
    background: none;
    color: #0c54f2;
}

.mainsvst {
    padding: 0 80px;
}

.titleback {
    margin-top: 60px;
    background: #181b2e;
}

.dashtitle {
    margin-top: 5px;
    background: #181b2e;
}

.svtitle h2 {
    padding: 20px 0;
    font-size: 25px;
    text-align: center;
    margin-top: 10px;
}

.svstat {
    margin-top: 24px;
    padding: 15px 25px;
}

.consv {
    border-radius: 20px;
    padding: 15px 20px;
    text-align: center;
}

.consv i {
    font-size: 55px;
    color: #fff;
}

.consv h3 {
    margin-top: 20px;
    color: #fff;
    padding: 0;
}

.consv p {
    margin-top: 30px;
}

.service {
    background: #363636;
    padding: 0 0 5px 0;
    border-radius: 10px;
    box-shadow: 7.051px 7.051px 20px 0px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
    margin-bottom: 20px;
    transition: 0.5s;
}

.service:hover {
    transform: translateY(-5px);
}

.sertitle {
    width: 100%;
    background: #393042;
    border-radius: 10px 10px 0 0;
}

.service h4 {
    padding: 20px 0;
    font-size: 18px;
    font-family: iransans;
    text-align: center;
    color: #fff;
}

.service h4 spam {
    font-size: 20px;
    font-family: Jost;
    color: #fff;
}

.service ul {
    list-style: none;
    padding: 10px 5px;
    margin: 8px 0;
    text-align: center;
}

.service ul li {
    margin: 0;
    padding: 0;
}

.service ul li p {
    margin: 0;
    padding: 10px 8px;
    font-size: 14px;
    text-align: right;
}

.service ul li p i {
    margin: 0;
    font-size: 18px;
    color: royalblue;
}

.service ul li p i.fa-star {
    color: #0c54f2;
}

.service ul li a.buypage {
    color: rgb(45, 134, 161);
    text-decoration: none;
    border: 1px solid rgb(45, 134, 161);
    border-radius: 8px;
    font-family: iransans;
    font-size: 18px;
    padding: 8px 30px;
    text-align: center;
    float: none;
}

.service ul li a.buyfl {
    color: #0c54f2;
    text-decoration: none;
    border: 1px solid #0c54f2;
    border-radius: 8px;
    font-family: iransans;
    padding: 8px 30px;
    font-size: 18px;
    text-align: center;
    float: none;
    transition: 0.3s;
}

.service ul li a.buyfl:hover {
    background: #0c54f2;
    color: #fff;
}

.accarea {
    background: rgba(231, 235, 250, 0.671);
    padding: 20px 0;
    border-radius: 8px;
}

.contitle {
    margin: 15px 10px;
}

.contitle p {
    padding: 0;
    font-size: 20px;
    font-family: shabnam;
    color: #8890b5;
    display: inline;
    margin: 0 5px 0 0;
}

.contitle i {
    color: #8890b5;
    background-color: #fff;
    padding: 10px 10px;
    margin: 0;
    font-size: 20px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px -7px rgba(0, 0, 0, 0.596);
}

.contitle span {
    color: #e94141;
}

.moneyarea {
    background: #fff;
    box-shadow: 0px 0px 10px -7px rgba(0, 0, 0, 0.596);
    padding: 15px;
    border-radius: 10px;
    margin: 10px 0;
}

.moneyarea p {
    color: rgba(77, 77, 77, 0.918);
    padding: 10px 0;
    margin: 0;
}

.conbold {
    font-size: 18px;
    font-family: shabnam;
}

.moneyarea i {
    float: left;
    font-size: 25px;
    margin: 5px 0 0 0;
    padding: 20px 20px;
    border-radius: 99999px;
}

.moneyarea span {
    font-size: 18px;
    color: #00990e;
}

.moneylable {
    display: inline;
    font-size: 16px;
    margin: 0;
    padding: 0;
    font-family: Jost;
}

.micon {
    color: #15bb23;
    background-color: #d2ffd6;
}

.gicon {
    color: #90990d;
    background-color: #fafdcd;
}

.bicon {
    color: #3b99b6;
    background-color: #bbefff79;
}

.aicon {
    color: #b6723b;
    background-color: #ffe5d1be;
}

.licon {
    color: #b163f1;
    background-color: #e7cbff;
}

.ticon {
    color: #f163de;
    background-color: #ffe2fb;
}

.jicon {
    color: #f16363;
    background-color: #ffe8e8;
}

.gaicon {
    color: #20b393;
    background-color: #dafff6;
}

.ficon {
    color: #4c61d8;
    background-color: #d9deff;
}

.ricon {
    color: #3d3d3d;
    background-color: #ececec;
}

.staffcon {
    padding: 10px 20px;
    background: #363636;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 0px 10px 0px rgb(0 0 0);
    transition: all .5s;
}

.staffcon:hover {
    background: #0c54f2;
}

.staffimg img {
    border-radius: 100%;
    padding: 0;
    margin: 0;
    border: 5px solid #0c54f2;
    margin-top: 5px;
}

.staffcon h4 {
    margin-top: 25px;
    color: #fff;
}

.staffinfo p {
    font-family: Vazir;
}

.footerarea {
    margin: 33px 0 0 0;
    background: #34363a;
    border-radius: 15px 15px 0 0;
    padding: 15px 30px;
}

.footerarea .footersize {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
}

.footerarea .support span {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #e0e0e2;
    border-right: 1px solid #e0e0e2;
    border-radius: 5px;
    padding: 5px 15px;
    margin: 0 0 10px 0;
}

.footerarea .support span i {
    color: #fff;
}

.footerarea .alldesk ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footerarea .alldesk ul li {
    padding: 4px 4px;
}

.footerarea .alldesk ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    transition: all .2s;
}

.footerarea .alldesk ul li a:hover {
    color: #0c54f2;
}

.footerarea .mediafooter ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
}

.footerarea .mediafooter ul li {
    display: inline-block;
    margin: 0 0 0 20px;
}

.footerarea .mediafooter ul li a {
    color: #fff;
    padding: 8px 14px;
    border-radius: 5px;
    font-size: 20px;
}

.footerarea ul li a.instagram:hover {
    background: #5851DB;
    color: #fff;
}

.footerarea ul li a.telegram:hover {
    background: #0088cc;
    color: #fff;
}

.footerarea ul li a.discord:hover {
    background: #7289DA;
    color: #fff;
}

.footerarea ul li a.github:hover {
    background: rgba(0, 0, 0, .8);
    color: #fff;
}

.maincopy {
    margin: 25px 0 0 0;
    font-size: 15px;
}

.pback {
    padding: 0;
    margin: 0;
}

.pback i {
    color: #16b12a;
    font-size: 18px;
    margin-right: 5px;
}


/* Level */

.plevel {
    margin: 8px 0 0 0;
    padding: 25px 15px;
    background: #181b2e;
    border-radius: 8px;
    border-left: 5px solid #8c2296;
    box-shadow: 7.051px 7.051px 20px 0px rgba(0, 0, 0, 0.1);
}

.plevel figure {
    text-align: right;
    font-size: 16px;
}

.plevelicon {
    float: left;
    margin-top: 3px;
    margin-left: 10px;
}

.plevelicon i {
    font-size: 35px;
    background: #af41b9;
    padding: 15px 22px;
    border-radius: 50%;
}


/* Gold */

.pgold {
    margin: 8px 0 0 0;
    padding: 25px 15px;
    background: #181b2e;
    border-radius: 8px;
    border-left: 5px solid #ebb41f;
    box-shadow: 7.051px 7.051px 20px 0px rgba(0, 0, 0, 0.1);
}

.pgold figure {
    text-align: right;
    font-size: 16px;
}

.pgoldicon {
    float: left;
    margin-top: 3px;
    margin-left: 10px;
}

.pgoldicon i {
    font-size: 35px;
    background: #ebb41f;
    padding: 15px 20px;
    border-radius: 50%;
}


/* Price */

.pprice {
    margin: 8px 0 0 0;
    padding: 25px 15px;
    background: #181b2e;
    border-radius: 8px;
    border-left: 5px solid #2398b6;
    box-shadow: 7.051px 7.051px 20px 0px rgba(0, 0, 0, 0.1);
}

.pprice figure {
    text-align: right;
    font-size: 16px;
}

.ppriceicon {
    float: left;
    margin-top: 3px;
    margin-left: 10px;
}

.ppriceicon i {
    font-size: 35px;
    background: #2398b6;
    padding: 15px 15px;
    border-radius: 50%;
}


/* Register */

.pregister {
    margin: 8px 0 0 0;
    padding: 25px 15px;
    background: #181b2e;
    border-radius: 8px;
    border-left: 5px solid #b4724c;
    box-shadow: 7.051px 7.051px 20px 0px rgba(0, 0, 0, 0.1);
}

.pregister figure {
    text-align: right;
    font-size: 16px;
}

.pregistericon {
    float: left;
    margin-top: 3px;
    margin-left: 10px;
}

.pregistericon i {
    font-size: 35px;
    background: #b4724c;
    padding: 15px 18px;
    border-radius: 50%;
}


/* Lastlogin */

.plogin {
    padding: 25px 15px;
    margin: 8px 0 0 0;
    background: #181b2e;
    border-radius: 8px;
    border-left: 5px solid #64b44c;
    box-shadow: 7.051px 7.051px 20px 0px rgba(0, 0, 0, 0.1);
}

.plogin figure {
    text-align: right;
    font-size: 16px;
}

.ploginicon {
    float: left;
    margin-top: 3px;
    margin-left: 10px;
}

.ploginicon i {
    font-size: 35px;
    background: #64b44c;
    padding: 15px 16px;
    border-radius: 50%;
}


/* PlayTime */

.ptime {
    padding: 25px 15px;
    margin: 8px 0 0 0;
    background: #181b2e;
    border-radius: 8px;
    border-left: 5px solid #ce3d96;
    box-shadow: 7.051px 7.051px 20px 0px rgba(0, 0, 0, 0.1);
}

.ptime figure {
    text-align: right;
    font-size: 16px;
}

.ptimeicon {
    float: left;
    margin-top: 3px;
    margin-left: 10px;
}

.ptimeicon i {
    font-size: 35px;
    background: #ce3d96;
    padding: 15px 16px;
    border-radius: 50%;
}


/* Emile */

.pemile {
    padding: 25px 15px;
    margin: 8px 0 0 0;
    background: #181b2e;
    border-radius: 8px;
    border-left: 5px solid #ce3d96;
    box-shadow: 7.051px 7.051px 20px 0px rgba(0, 0, 0, 0.1);
}

.pemile figure {
    text-align: right;
    font-size: 16px;
}

.pemileicon {
    float: left;
    margin-top: 3px;
    margin-left: 10px;
}

.pemileicon i {
    font-size: 35px;
    background: #ce3d96;
    padding: 15px 16px;
    border-radius: 50%;
}


/* Zoom Ez Use */

.zoom {
    transition: transform .3s;
}

.zoom:hover {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 10;
}

.progress {
    background: rgba(219, 219, 219, 0.664);
}

.fmg {
    padding: 0 20px;
}

.healarea p {
    padding: 15px 0;
    color: #333;
    margin: 0;
}

.healp {
    margin: 10px 0 0 0;
}

.mainuser {
    background: #252729;
    padding: 30px 5px 20px 5px;
    box-shadow: 0 -7px 27px 0 rgb(0, 0, 0);
}

.mainuser h4 {
    font-size: 15px;
}

.username {
    font-family: Jost;
    font-size: 30px;
    text-align: left;
}

#Realname {
    font-family: Jost;
    font-size: 18px;
}

.dashpadd {
    margin: 10px 0 0 0;
}

.namearea {
    text-align: right;
}

.namearea i {
    color: #333;
    font-size: 16px;
    display: inline;
    padding: 0;
    margin: 0 0 0 5px;
}

.namearea span {
    color: #333;
    font-size: 16px;
}

.namearea p {
    color: #333;
    font-size: 16px;
    display: inline;
    padding: 0;
    margin: 0;
    font-family: Jost;
}

.userarea {
    text-align: center;
}

.userarea i {
    color: #333;
    font-size: 16px;
    display: inline;
    padding: 0;
    margin: 0 0 0 5px;
}

.userarea span {
    color: #333;
    font-size: 16px;
}

.userarea p {
    color: #333;
    font-size: 16px;
    display: inline;
    padding: 0;
    margin: 0;
    font-family: Jost;
}

.userarea {
    text-align: center;
}

.dashrow {
    position: sticky;
    top: 35px;
}

.dashmenu {
    padding: 10px 15px;
    border-radius: 10px;
    margin: 0;
    background: rgba(231, 235, 250, 0.671);
    height: 100%;
    max-height: 100%;
    width: 100%;
}

.dashmenu ul {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

.dashmenu ul li {
    margin: 8px 0 0 0;
}

.dashmenu ul li p {
    margin: 0;
    padding: 10px 0;
    color: #505152;
    font-size: 18px;
    display: inline;
    font-family: shabnam;
}

.dashmenu ul li a {
    margin: 0;
    padding: 10px 10px;
    color: #8890b5;
    text-decoration: none;
    border-radius: 6px;
    width: 100%;
    display: inline-block;
    transition: 0.5s;
}

.dashmenu ul li a i {
    font-size: 18px;
    margin-left: 4px;
}

.dashmenu ul li a:hover {
    background: linear-gradient(to left, #6e92ff 5%, #78ceff 100%);
    color: #fff;
}

.bot-bor {
    border-bottom: 1px solid #bbbbbb36;
}

.huddash {
    margin: 15px 0 0 0;
    border-radius: 10px;
    padding: 20px 15px;
}

.licenses {
    text-align: center;
}

.healpro {
    padding: 0 0 15px 0;
    margin: 0;
    font-size: 14px;
}

.healpro i {
    padding: 5px 5px 0 5px;
    color: #e04b4b;
    margin: 0;
}

.progsline {
    margin-top: 25px;
}

.armorpro {
    padding: 0 0 15px 0;
    margin: 0;
    font-size: 14px;
}

.armorpro i {
    padding: 5px 5px 0 5px;
    color: #0abb87;
    margin: 0;
}

.hudarea {
    padding: 0 18px 0px 0;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #8b8b8b;
}

.hudarea p {
    font-size: 15px;
    margin: 0;
    padding: 0 0 15px 0;
}

.hudarea p i {
    color: #fab957;
    padding: 12px 11px;
    border-radius: 50%;
    background: #f3945427;
    margin-left: 4px;
}

.lisgrup {
    padding: 5px;
    font-size: 20px;
}

.lisgrup i {
    padding: 25px;
    border-radius: 50%;
}

.lisgrupp {
    padding: 8px 0;
}

.lisgrupp p {
    padding: 0;
    margin: 0;
}

.copy {
    margin-top: 5px;
    padding: 0;
    font-size: 14;
}

.copy p {
    padding: 4px 0;
    margin: 0;
    color: #56636e77;
}

.copy a {
    text-decoration: none;
    color: #4379c0a9;
}

.copy a:hover {
    color: #4379c0;
}

.tokencont {
    background: #181b2e;
    padding: 20px 18px;
    margin-top: 40px;
    border-radius: 8px;
    border: 2px solid #6666660c;
    transition: 0.5s all;
}

.tokencont:hover {
    transform: translateY(-10px);
}

.tokencont .tokensarea h3 {
    text-align: center;
    font-size: 24px;
    padding: 10px 0;
    color: rgb(240, 210, 45);
}

.tokencont .tsarea h3 {
    text-align: center;
    font-size: 20px;
    padding: 7px 0 10px 0;
}

.tokencont ul {
    list-style: none;
    padding: 15px 0;
    margin: 0;
}

.tokencont ul li {
    margin: 10px 0;
    border-bottom: 1px solid #9e9e9e38;
}

.tokencont ul li p {
    padding: 15px 0;
    margin: 0;
    display: inline-block;
    font-size: 14px;
}

.tokencont ul li i {
    color: #1677df;
}

.getbuy {
    color: #5292d6;
    border: 1px solid #5292d6;
    padding: 10px 40px;
    border-radius: 8px;
    font-size: 16px;
    transition: 0.5s all;
}

.getbuy:hover {
    color: #ffffff;
    background: #5292d6;
    ;
}

.ligp p {
    padding: 15px 0;
    color: #333;
    margin: 0;
}

.page-svlistarea {
    background: #fff;
    border-radius: 20px;
    margin: 10px 0;
    padding: 5px 20px;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
}

.svlistarea {
    background: #fff;
    border-radius: 8px;
    margin: 30px 0;
    padding: 5px 20px;
    max-height: 520px;
    overflow: auto;
}

.info-svlistarea {
    background: #fff;
    border-radius: 20px;
    margin: 10px 0;
    padding: 5px 20px;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
}

.svlistarea-fq {
    background: #fff;
    border-radius: 8px;
    margin: 30px 0;
    padding: 80px 20px;
    max-height: 520px;
    overflow: auto;
    filter: blur(8px);
}

.bordbot {
    border-bottom: 1px solid #d9d9d972;
}

.list-titlearea {
    padding: 25px 5px;
    text-align: center;
    margin: 0 2px;
    font-family: iransans;
}

.list-titlearea p {
    padding: 0;
    margin: 0;
    font-size: 14px;
    display: inline-block;
    color: #546577;
    font-family: iransans;
}

.list-group a {
    text-decoration: none;
}

.sv-list-gp:hover {
    background-color: rgba(234, 234, 234, 0.53);
}

.list-info button {
    border-radius: 8px;
    color: #fff;
    padding: 8px 18px;
    transition: 0.3s;
    font-size: 14px;
    outline: none;
}

.list-info {
    padding: 25px 5px;
    text-align: center;
    margin: 0 2px;
}

.list-info p {
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: rgba(101, 101, 101, 0.73);
    display: inline-block;
}

.list-info small {
    font-size: 14px;
    font-family: Jost;
    margin-left: 5px;
}

.list-info img {
    border-radius: 5px;
    max-width: 30px;
    width: 30px;
}


/* unactivelis */

.unactivelis {
    padding: 10px 50px 0 50px;
}

.unactivelis p {
    font-size: 11px;
    padding: 8px 5px;
    margin: 0;
    background: rgba(236, 63, 63, 0.918);
    border-radius: 7px;
}

.dashcoppy p {
    text-align: center;
    color: #333;
    font-size: 16px;
    padding: 8px 0;
    margin: 0;
}

.p-search {
    padding: 50px 0;
}

.p-search form {
    background: #fff;
    border: 1px solid #fff;
    margin: 10px 0;
    width: 100%;
    border-radius: 10px;
    padding: 5px 10px;
    outline: none;
    transition: 0.3s;
    font-size: 14px;
    position: relative;
}

.p-search input {
    background: #fff;
    border: 1px solid #fff;
    margin: 10px 0;
    width: 90%;
    border-radius: 10px;
    outline: none;
    transition: 0.3s;
    font-size: 18px;
}

.p-search button {
    background: none;
    border: none;
    font-size: 18px;
    width: 15%;
    outline: none;
    float: left;
    position: absolute;
    margin-top: 13px;
    color: #8890b5;
}

.gcshop input {
    background: rgba(236, 236, 236, 0.71);
    border: 1px solid #fff;
    margin: 10px 0;
    width: 100%;
    border-radius: 10px;
    padding: 10px 20px;
    outline: none;
    transition: 0.3s;
    font-size: 14px;
}

.gcshop input:focus {
    box-shadow: 0 0px 6px 0 #4080ffc9;
    border: 1px solid #4080ffce;
}

.gcshop textarea {
    background: rgba(236, 236, 236, 0.71);
    border: 1px solid #fff;
    margin: 10px 0;
    width: 100%;
    border-radius: 10px;
    padding: 10px 20px;
    outline: none;
    transition: 0.3s;
    font-size: 14px;
}

.gcshop textarea:focus {
    box-shadow: 0 0px 6px 0 #4080ffc9;
    border: 1px solid #4080ffce;
}

.gcshop span {
    margin: 10px 10px;
    color: #8890b5;
    width: 100%;
    font-size: 16px;
}

.gcshop p {
    margin: 10px 0;
    color: #4b4b4b;
    width: 100%;
    font-size: 20px;
    display: inline;
}

.gcshop label {
    margin: 0;
    color: #8890b5;
    font-size: 14px;
}

.gcshop button {
    background: #4080ff;
    border: none;
    width: 100%;
    border-radius: 8px;
    color: #fff;
    padding: 10px 0;
    outline: none;
    transition: 0.3s;
    margin: 10px 0;
}

.gcshop button:hover {
    background: #6894eb;
}

.cararea {
    background: #fff;
    box-shadow: 0px 0px 10px -7px rgb(0 0 0 / 60%);
    padding: 15px 0;
    border-radius: 10px;
    margin: 10px 0;
}

.carname {
    padding: 5px 10px;
    color: #333;
    margin: 0;
}

.carimg img {
    width: 100%;
    height: 200px;
    max-height: 200px;
}

.carstast {
    text-align: center;
    margin: 5px 0;
}

.carstast i {
    color: #f16363;
    background-color: #ffe8e8;
    font-size: 18px;
    margin: 10px 0;
    padding: 10px 10px;
    border-radius: 99999px;
}

.carstast p {
    margin: 0;
    padding: 10px 5x;
    color: #8890b5;
    border-radius: 6px;
    display: inline;
    font-size: 18px;
}

.carstast span {
    margin: 0;
    padding: 10px 5x;
    color: #8890b5bd;
    border-radius: 6px;
    font-size: 14px;
}

.carmoney {
    text-align: center;
    margin: 10px 0;
}

.carmoney p {
    margin: 0;
    padding: 10px 5x;
    color: #8890b5;
    border-radius: 6px;
    display: inline;
    font-size: 18px;
}

.carmoney i {
    margin: 0 8px 0 0;
    padding: 10px 5x;
    color: #8890b5bd;
    border-radius: 6px;
    font-size: 14px;
}

.cardet {
    margin: 10px 0 0 0;
    padding: 0 10px;
}

.cardet button {
    background: #4080ff;
    border: none;
    width: 100%;
    border-radius: 8px;
    color: #fff;
    padding: 10px 0;
    outline: none;
    transition: 0.3s;
}

.cardet button:hover {
    background: #6894eb;
}


/* activelis */

.activelis {
    padding: 10px 50px 0 50px;
}

.activelis p {
    font-size: 11px;
    padding: 8px 5px;
    margin: 0;
    background: rgba(51, 145, 27, 0.815);
    border-radius: 7px;
}

.logininfo {
    margin-top: 40px;
}

.logininfo p {
    font-size: 14px;
    color: #6a6f8c;
    font-family: iransans;
    padding: 0;
    margin: 10px 0;
}

.allertbox {
    background: rgba(238, 16, 16, 0.658);
    padding: 20px 25px;
    position: absolute;
    margin: 10px 10px;
    width: 365px;
    max-width: 365px;
    border-radius: 10px;
}

.allertbox p {
    color: #fff;
    font-size: 18px;
    padding: 0 0 10px 0;
    margin: 0;
}

.allertbox span {
    color: rgb(224, 224, 224);
    font-size: 16px;
}

.loginhead {
    margin-bottom: 20px;
    text-align: center;
}

.loginhead img {
    align-items: center;
    vertical-align: middle;
    width: 300px;
}


/* car icon */

.carliicon i {
    transition: 0.4s all;
    color: #55a0f1;
    border: 2px solid #55a0f1;
}

.carliicon i:hover {
    color: #55a0f1;
    border: 2px solid #55a0f1;
    box-shadow: 0 0px 17px 0 #55a0f1;
}


/* gun icon */

.gunlin i {
    transition: 0.4s all;
    color: #f1613c;
    border: 2px solid #f1613c;
}

.gunlin i:hover {
    color: #f1613c;
    border: 2px solid #f1613c;
    box-shadow: 0 0px 17px 0 #f1613c;
}


/* bic icon */

.biclin i {
    transition: 0.4s all;
    color: #3f9b0b;
    border: 2px solid #3f9b0b;
}

.biclin i:hover {
    color: #3f9b0b;
    border: 2px solid #3f9b0b;
    box-shadow: 0 0px 17px 0 #3f9b0b;
}

.loginback {
    margin: auto;
    width: 500px;
    padding: 40px 30px;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 15px;
    transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0 10px 15px 0 rgb(0 0 0 / 10%);
}


/* Paddrow */

.paddrow {
    margin-top: 30px;
    padding: 0 80px;
}

.fpad {
    margin-top: 35px;
}


/* Badges */

.badges {
    margin: 0;
    padding: 0;
    float: left;
    transition: 0.2s;
}

.badges:hover {
    transform: translateY(-5px);
}

.badges p {
    display: inline;
    margin: 0 5px;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
}

.badges .player {
    background: #2869eb;
    box-shadow: 0px 0px 5px #2869eb;
}

.logininps input {
    background: rgba(236, 236, 236, 0.71);
    border: 1px solid #fff;
    margin: 7px 0;
    width: 100%;
    border-radius: 10px;
    padding: 10px 20px;
    outline: none;
    transition: 0.3s;
    font-size: 14px;
}

.logininps input:focus {
    box-shadow: 0 0px 6px 0 #4080ff;
    border: 1px solid #4080ff;
}

.loginback .forgetpass {
    color: #6a6f8c;
    font-size: 12px;
    float: right;
    margin: 5px 0;
}

.loginsub {
    margin-top: 50px;
}

.loginsub button {
    background: #4080ff;
    border: none;
    width: 100%;
    border-radius: 8px;
    color: #fff;
    padding: 10px 0;
    outline: none;
    transition: 0.3s;
}

.loginsub button:hover {
    background: #6894eb;
}

.loginpg {
    background-image: url(../images/bg.jpg);
    margin: 0;
    color: #6a6f8c;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    direction: rtl;
    padding-bottom: 40px;
    height: auto;
}

.infoimg {
    width: 100%;
    margin: 8px 0;
}

.infoimg img {
    height: 100%;
    width: 100%;
    border-radius: 10px;
}

.car-name {
    margin: 10px 5px;
}

.car-name h1 {
    padding: 0;
    margin: 0;
    color: rgba(39, 39, 39, 0.918);
    font-size: 20px;
    font-family: Shabnam;
}

.car-pay {
    margin: 10px 5px;
}

.car-pay span {
    padding: 0;
    margin: 0;
    color: rgba(77, 77, 77, 0.918);
    font-size: 18px;
}

.car-pay p {
    padding: 0;
    margin: 0;
    color: rgb(168, 27, 235);
    font-size: 20px;
    display: inline;
}

.car-pay i {
    padding: 0;
    margin: 0;
    color: rgb(168, 27, 235);
    font-size: 20px;
    display: inline;
}

.buyp {
    padding: 20px 20px;
    background-color: #fff;
    box-shadow: 0px 0px 10px -7px rgb(0 0 0 / 60%);
    border-radius: 15px;
    margin: 0;
}

.buytitle {
    margin: 10px 0;
}

.buytitle span {
    padding: 0;
    margin: 10px 0;
    color: rgba(77, 77, 77, 0.918);
    font-size: 18px;
}

.buypannel {
    padding: 0;
    margin: 10px 0;
}

.buypannel span {
    padding: 0;
    margin: 0;
    color: rgba(77, 77, 77, 0.918);
    font-size: 16px;
}

.buyp input {
    border: 0;
    outline: none;
    background: #F8F8F8;
    width: 100%;
    margin: 10px 0;
    height: 40px;
    text-align: center;
    align-items: center;
}

.buypannel i {
    padding: 0 5px;
    margin: 0;
    color: rgba(77, 77, 77, 0.918);
    font-size: 18px;
}

.buyplu {
    background: rgba(245, 247, 255, 0.986);
    ;
    padding: 25px 15px;
    border-radius: 15px;
    margin: 10px 0;
}

.buyplu i {
    padding: 10px 5px;
    margin: 0;
    color: #232C50;
    font-size: 18px;
}

.buyplu i {
    padding: 10px 5px;
    margin: 0;
    color: #232C50;
    font-size: 20px;
}

.buyplu span {
    padding: 0;
    margin: 0;
    color: rgba(77, 77, 77, 0.918);
    font-size: 18px;
    font-family: shabnam;
}

.buyplu p {
    padding: 0;
    margin: 0;
    color: rgba(77, 77, 77, 0.918);
    font-size: 16px;
    float: left;
    margin: 8px 10px;
}

.buym {
    margin: 20px 0 10px 0;
}

.buym i {
    padding: 10px 5px;
    margin: 0;
    color: #232C50;
    font-size: 18px;
}

.buym i {
    padding: 3px 10px;
    margin: 0;
    color: #232C50;
    font-size: 20px;
    float: left;
}

.buym span {
    padding: 0;
    margin: 0;
    color: rgba(77, 77, 77, 0.918);
    font-size: 18px;
    font-family: shabnam;
}

.buym p {
    padding: 0;
    margin: 0;
    color: rgba(77, 77, 77, 0.918);
    font-size: 16px;
    float: left;
    margin: 3px 10px;
}

.buym button {
    background: #4080ff;
    border: none;
    width: 100%;
    border-radius: 8px;
    color: #fff;
    padding: 10px 0;
    outline: none;
    transition: 0.3s;
    margin: 10px 0;
}

.buym button:hover {
    background: #6894eb;
}

.buyde {
    margin: 20px 0 0 0;
}

.buyde p {
    padding: 0 10px 0 0;
    margin: 0;
    color: rgba(77, 77, 77, 0.918);
    font-size: 16px;
    display: inline;
}

.buyde i {
    animation: mymove 2s infinite;
    background: none;
    transition: 0.3s;
    color: #1fcc2d;
    font-size: 14px;
}

.plupad {
    margin: 0 0 20px 0;
}

.cartitle {
    margin: 20px 5px;
}

.cartitle h2 {
    padding: 0;
    font-size: 24px;
    font-family: shabnam;
    color: #8890b5;
    display: inline;
    margin: 0 5px 0 0;
}

.carinfo {
    padding: 10px 20px;
    background-color: rgba(255, 255, 255, 0.795);
    box-shadow: 0px 0px 10px -7px rgb(0 0 0 / 60%);
    border-radius: 8px;
    margin: 0 0 30px 0;
    position: sticky;
    top: 35px;
}

.carinfo i {
    padding: 10px 5px;
    margin: 0;
    color: #4080ff;
    font-size: 25px;
}

.carinfo ul li:hover i {
    color: rgb(37, 219, 189);
}

.carinfo span {
    padding: 0;
    margin: 0;
    color: rgba(77, 77, 77, 0.918);
    font-size: 18px;
    font-family: shabnam;
}

.carinfo p {
    padding: 0 10px 0 0;
    margin: 0;
    color: rgba(77, 77, 77, 0.918);
    font-size: 16px;
    display: inline;
}

.carinfo ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.carinfo ul li {
    margin: 20px 0;
}

@keyframes mymove {
    50% {
        text-shadow: 0 0 10px #1fcc2d;
    }
}

input[type="color"] {
    -webkit-appearance: none;
    border: none;
    border-radius: 5px;
}

input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
    border-radius: 5px;
}

input[type="color"]::-webkit-color-swatch {
    border: none;
    border-radius: 5px;
}

.datainfo {
    background: #fff;
    box-shadow: 0px 0px 10px -10px rgb(0 0 0 / 60%);
    padding: 15px 0;
    border-radius: 18px;
    margin: 10px 0;
    text-align: center;
    color: rgba(77, 77, 77, 0.918);
    transition: 0.3s;
}

.datainfo:hover {
    transform: translateY(-10px);
}

.datainfo h4 {
    font-size: 18px;
    padding: 20px 0;
    margin: 0;
}

.datainfo span {
    font-size: 16px;
    padding: 5px 0;
}

.cart-stats {
    padding: 15px 0 0 0;
}

.cart-stats button:focus {
    border: none;
    outline: none;
}

.active-st {
    background: #5bff65;
    color: #fff;
    border: none;
    outline: none;
    padding: 8px 0;
    margin: 0;
    width: 100%;
    border-radius: 8px;
}

.active-st:hover {
    background: #1fe02c;
}

.unactive-st {
    background: #ff5b5b;
    color: #fff;
    border: none;
    outline: none;
    padding: 8px 0;
    margin: 0;
    width: 100%;
    border-radius: 8px;
}

.unactive-st:hover {
    background: #e01f1f;
}

.svban {
    background: rgb(255, 60, 60);
    color: #fff;
    border: none;
    outline: none;
    padding: 10px 15px;
    margin: 0 5px;
    float: left;
}

.svban:hover {
    background: rgb(214, 17, 17);
}

.svkick:hover {
    background: rgb(41, 136, 160);
}

.svkick {
    background: rgb(67, 170, 196);
    color: #fff;
    border: none;
    outline: none;
    padding: 10px 15px;
    margin: 0 5px;
    float: left;
}

.ad-stats i {
    margin-right: 10px;
    color: #1dd901;
    animation: mymove 2s infinite;
    transition: 0.3s;
    float: left;
}

@keyframes mymove {
    50% {
        text-shadow: 0 0 10px rgb(15, 193, 80);
    }
}

.off-stats {
    margin-right: 10px;
    color: #e42e2e;
    animation: offmove 2s infinite;
    transition: 0.3s;
    float: left;
}

@keyframes offmove {
    50% {
        text-shadow: 0 0 10px rgb(193, 15, 15);
    }
}

.gclist {
    background-color: #fff;
    padding: 50px 0;
    border-radius: 10px;
}

.ticket-form-allert {
    border-radius: 10px;
    margin: 10px 0;
    background: #d1ecf1;
    border: 1px solid #bee5eb;
    color: #0c5460;
    padding: 20px 15px;
}

.ticket-form-allert h4 {
    font-size: 18px;
    padding: 10px 0;
    margin: 0;
}

.ticket-form-allert p {
    font-size: 14px;
    padding: 10px 0;
    margin: 0;
}

.edit-form-allert {
    border-radius: 10px;
    margin: 10px 0;
    background: #dcfae0;
    border: 1px solid #cbfad1;
    color: #0c5460;
    padding: 20px 15px;
}

.edit-form-allert h4 {
    font-size: 18px;
    padding: 10px 0;
    margin: 0;
}

.edit-form-allert p {
    font-size: 14px;
    padding: 10px 0;
    margin: 0;
}


/* fonts */

@font-face {
    font-family: iransans;
    src: url(../fonts/IRANSansWeb.ttf);
}

@font-face {
    font-family: parand;
    src: url('../fonts/Mj_Parand.ttf');
}

@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/iransans-Bold.html');
}

@font-face {
    font-family: Vazir;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/Vazir-Bold.ttf');
}

@font-face {
    font-family: Jost;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/Jost-SemiBold.ttf');
}

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,500;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jomhuria&display=swap');
@font-face {
    font-family: 'iran';
    src: url(../font/5c53f1a72f61b5b51e2ea79a22ebc38b.html);
    src: url(../font/5c53f1a72f61b5b51e2ea79a22ebc38b-2.html);
    src: url(../font/5c53f1a72f61b5b51e2ea79a22ebc38b-3.html);
    src: url(../font/5c53f1a72f61b5b51e2ea79a22ebc38b-4.html);
}

.list-titlearea button {
    float: left;
    box-shadow: 1px 0px 9px 3px #3c86d261;
    border: 1px solid transparent;
    background-color: #3c86d2;
    border-radius: 8px;
    color: #fff;
    padding: 8px 18px;
    transition: 0.3s;
    font-size: 14px;
    outline: none;
    transition: 0.3s;
}

.list-titlearea button:hover {
    background-color: #5c96cf;
}

.list-titlearea button i {
    transition: 3.5s;
}


/* .list-titlearea button i .active-ref {
  transition: 2.0s;
  animation: refresh 2s infinite;
} */

@keyframes refresh {
    100% {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
    }
}