@font-face {
  font-family: ibm-plex-b;
  src: url("../fonts/IBM_Plex_Sans/IBMPlexSans-Bold.ttf");
}
@font-face {
  font-family: ibm-plex-i;
  src: url("../fonts/IBM_Plex_Sans/IBMPlexSans-Italic.ttf");
}
@font-face {
  font-family: ibm-plex-m;
  src: url("../fonts/IBM_Plex_Sans/IBMPlexSans-Medium.ttf");
}
@font-face {
  font-family: ibm-plex-r;
  src: url("../fonts/IBM_Plex_Sans/IBMPlexSans-Regular.ttf");
}
@font-face {
  font-family: ibm-plex-sb;
  src: url("../fonts/IBM_Plex_Sans/IBMPlexSans-SemiBold.ttf");
}
@font-face {
  font-family: ibm-plex-l;
  src: url("../fonts/IBM_Plex_Sans/IBMPlexSans-Light.ttf");
}
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  width: 100%;
  height: 100vh;
  background-color: #191e21;
}

section {
  padding: 10px 25px 10px 15px;
}
@media (max-width: 575.98px) {
  section {
    padding: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  section {
    padding: 0 !important;
  }
}

.purchage-content {
  width: 100%;
  height: auto;
  background-color: #3a3d3f;
  border: 1px solid #5e6061;
  border-radius: 13px;
  padding: 20px 16px 35px 16px;
}
.purchage-content .purchage-data {
  width: 100%;
  height: auto;
  padding: 20px 16px;
}
.purchage-content .purchage-data .purchage-title {
  font-family: ibm-plex-sb;
  color: #e7ebfd;
  font-size: 14px;
  margin-bottom: 8px;
}
.purchage-content .purchage-data .line-content {
  width: 90px;
  height: 1px;
  border-bottom: 1px solid #e7ebfd;
  margin: 0;
}
.purchage-content .purchage-data .purchage-fealds {
  width: 100%;
  height: auto;
  margin-top: 6%;
}
.purchage-content .purchage-data .purchage-fealds .left-datafeald {
  font-family: ibm-plex-r;
  color: #e7ebfd;
  font-size: 14px;
}
.purchage-content .purchage-data .purchage-fealds .right-datafeald {
  width: 100%;
  height: 40px;
  font-family: ibm-plex-r;
  color: #e5e3e3;
  font-size: 14px;
  text-align: center;
  border: 1px solid #868686;
  background-color: transparent !important;
  box-shadow: 0px 0px 2px #000029;
  border-radius: 10px;
}
.purchage-content .purchage-data .purchage-fealds .right-datafeald .opt-content {
  background: #3a3d3f !important;
  font-family: ibm-plex-r;
  color: #b4b3b3;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
}
.purchage-content .purchage-data .purchage-fealds .checkbox-content {
  width: 100%;
  height: 55px;
  font-family: ibm-plex-r;
  color: #b4b3b3;
  font-size: 14px;
  border: 1px solid #868686;
  background-color: transparent !important;
  box-shadow: 0px 0px 2px #000029;
  border-radius: 10px;
  align-items: center;
  display: flex;
  padding-left: 40px;
  margin: 42px 0px;
}
.purchage-content .purchage-data .purchage-fealds .checkbox-content .right-check {
  font-family: ibm-plex-r;
  color: #e7ebfd;
  font-size: 14px;
  position: relative;
  top: 2px;
}
.purchage-content .purchage-data .purchage-fealds .show-button {
  width: 100%;
  height: 40px;
  background-color: #ffcd00;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1607843137);
  border: none;
  color: #010101;
  font-family: ibm-plex-sb;
  font-size: 14px;
  border-radius: 10px;
}
.purchage-content .purchage-rightdata {
  width: 100%;
  height: auto;
  padding: 20px 16px;
}
.purchage-content .purchage-rightdata .purchage-title {
  font-family: ibm-plex-sb;
  color: #e7ebfd;
  font-size: 14px;
  margin-bottom: 8px;
}
.purchage-content .purchage-rightdata .line-content {
  width: 100px;
  height: 1px;
  border-bottom: 1px solid #e7ebfd;
  margin: 0;
}
.purchage-content .purchage-rightdata .depost {
  background-color: #23292f;
  border-radius: 5px;
  width: 100%;
  height: auto;
  padding: 4% 2%;
  margin-top: 25px;
}
.purchage-content .purchage-rightdata .depost .btc-depost {
  font-size: 14px;
  color: #e7ebfd;
  text-align: center;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
}
.purchage-content .purchage-rightdata .depost .scan-head {
  font-size: 14px;
  color: #e7ebfd;
  text-align: center;
  margin-top: 0px;
  line-height: 30px;
}
.purchage-content .purchage-rightdata .depost .scan-box {
  width: 100%;
  padding: 2% 0%;
}
.purchage-content .purchage-rightdata .depost .scan-box .scan {
  width: 20%;
  justify-content: center;
  display: flex;
  margin: 0 auto;
}
.purchage-content .purchage-rightdata .depost .scan-code {
  border-top: 1px solid #616466;
  border-bottom: 1px solid #616466;
  margin: 15px 0px;
}
.purchage-content .purchage-rightdata .depost .scan-code .addrs-scan {
  color: #e7ebfd;
  font-size: 13px;
  text-align: center;
}
.purchage-content .purchage-rightdata .depost .scan-code .addrs-scan2 {
  color: #ffce30;
  font-size: 14px;
  text-align: center;
  padding-left: 25px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none !important;
}
.purchage-content .purchage-rightdata .depost .window-para {
  text-align: center;
  color: #e7ebfd;
  font-size: 13px;
  padding: 0px 12px;
}

.profile-content {
  width: 100%;
  height: auto;
  min-height: 92vh;
  background: transparent linear-gradient(0deg, #23292f 0%, #2c3238 7%, #373d42 17%, #2e3238 30%, #22272b 45%, #1b2023 66%, #191e21 100%) 0% 0% no-repeat padding-box;
  padding: 20px;
}
@media (max-width: 575.98px) {
  .profile-content {
    padding: 20px 0px;
  }
}
.profile-content .profile-data {
  width: 100%;
  height: auto;
}
.profile-content .profile-data .profile-title {
  font-family: ibm-plex-sb;
  color: #e7ebfd;
  font-size: 14px;
  margin-bottom: 8px;
}
.profile-content .profile-data .line-content {
  width: 83px;
  height: 1px;
  border-bottom: 1px solid #e7ebfd;
  margin: 0;
}
.profile-content .profile-data .profile-main {
  width: 100%;
  height: auto;
  padding: 2% 0%;
}
.profile-content .profile-data .profile-main .profilepill-content {
  font-family: ibm-plex-sb;
  color: #e7ebfd;
  font-size: 14px;
  margin-right: 40px;
}
@media (max-width: 575.98px) {
  .profile-content .profile-data .profile-main .profilepill-content {
    margin-right: 20px;
  }
}
.profile-content .profile-data .profile-main .profilepill-content.active {
  background-color: transparent;
  border-bottom: 2px solid #f6d43a;
  border-radius: 0px;
}
.profile-content .profile-data .profile-main .transaction-dataall {
  width: 100%;
  min-height: 76vh;
  height: auto !important;
  background-color: #3a3d3f;
  border-radius: 13px;
  padding: 20px;
}
@media (max-width: 575.98px) {
  .profile-content .profile-data .profile-main .transaction-dataall {
    padding: 20px 0px;
  }
}
.profile-content .profile-data .profile-main .transaction-dataall .profile-insidedata {
  width: 100%;
  height: auto;
  background-color: #3a3d3f;
  border-radius: 13px;
  padding: 20px;
}
.profile-content .profile-data .profile-main .transaction-dataall .profile-insidedata .prof-dtal {
  display: flex;
  padding: 0px;
}
.profile-content .profile-data .profile-main .transaction-dataall .profile-insidedata .prof-dtal .pro-d {
  padding: 0px;
}
.profile-content .profile-data .profile-main .transaction-dataall .profile-insidedata .profile-lefttitle {
  font-family: ibm-plex-sb;
  color: #e7ebfd;
  font-size: 14px;
  position: relative;
  top: 9px;
}
@media (max-width: 575.98px) {
  .profile-content .profile-data .profile-main .transaction-dataall .profile-insidedata .profile-lefttitle {
    margin-bottom: 0px;
    padding-top: 5px;
  }
}
.profile-content .profile-data .profile-main .transaction-dataall .profile-insidedata .edit-button1 {
  font-size: 14px;
  font-family: ibm-plex-r;
  width: 65px;
  height: 30px;
  color: #e7ebfd;
  background: transparent linear-gradient(106deg, #818181 0%, #4a4b4c 100%) 0% 0% no-repeat padding-box;
  border-radius: 10px;
  cursor: pointer;
  outline: none;
  position: relative;
  left: 20px;
}
.profile-content .profile-data .profile-main .transaction-dataall .profile-insidedata .profile-table {
  border: 1px solid #707070;
  border-radius: 13px !important;
  position: relative;
  top: 10px;
}
.profile-content .profile-data .profile-main .transaction-dataall .profile-insidedata .profile-table .left-realdata {
  text-align: left;
  font-family: ibm-plex-r;
  color: #e7ebfd;
  font-size: 14px;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
.profile-content .profile-data .profile-main .transaction-dataall .profile-insidedata .profile-table .real-data {
  text-align: right;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  font-family: ibm-plex-sb;
  color: #e7ebfd;
  font-size: 14px;
}
.profile-content .profile-data .profile-main .transaction-dataall .profile-insidedata .right-profiledata {
  width: 100%;
  height: auto;
}
.profile-content .profile-data .profile-main .transaction-dataall .profile-insidedata .right-profiledata .profile-lefttitle {
  font-family: ibm-plex-sb;
  color: #e7ebfd;
  font-size: 14px;
}
.profile-content .profile-data .profile-main .transaction-dataall .profile-insidedata .right-profiledata .address-wallet {
  width: 100%;
  height: 60px;
  margin-bottom: 10px;
}
.profile-content .profile-data .profile-main .transaction-dataall .profile-insidedata .right-profiledata .address-wallet .copy-inputs {
  width: 100%;
  height: 50px;
  font-family: ibm-plex-r;
  color: #b4b3b3;
  font-size: 14px;
  border: 1px solid #868686;
  background-color: transparent !important;
  box-shadow: 0px 0px 2px #000029;
  border-radius: 10px;
  position: relative;
}
.profile-content .profile-data .profile-main .transaction-dataall .profile-insidedata .right-profiledata .address-wallet .wallet-adds {
  font-size: 16px;
  color: #b4b3b3;
}
@media (max-width: 575.98px) {
  .profile-content .profile-data .profile-main .transaction-dataall .profile-insidedata .right-profiledata .address-wallet .wallet-adds {
    font-size: 11px;
  }
}
.profile-content .profile-data .profile-main .transaction-dataall .profile-insidedata .right-profiledata .address-wallet .copy-content {
  position: absolute;
  cursor: pointer;
  top: 44px;
  right: 42px;
  color: #fff;
}
@media (max-width: 575.98px) {
  .profile-content .profile-data .profile-main .transaction-dataall .profile-insidedata .right-profiledata .address-wallet .copy-content {
    right: 22px;
  }
}
.profile-content .profile-data .profile-main .transaction-dataall .profile-insidedata .right-profiledata .edit-contents {
  width: 100%;
  height: auto;
  list-style: none;
  display: flex;
  padding: 0;
  margin-bottom: 3px;
}
.profile-content .profile-data .profile-main .transaction-dataall .profile-insidedata .right-profiledata .edit-contents .edit-button {
  font-size: 14px;
  font-family: ibm-plex-r;
  width: 65px;
  height: 30px;
  color: #e7ebfd;
  background: transparent linear-gradient(106deg, #818181 0%, #4a4b4c 100%) 0% 0% no-repeat padding-box;
  border-radius: 10px;
  cursor: pointer;
  outline: none;
}
.profile-content .profile-data .profile-main .transaction-dataall .profile-insidedata .right-profiledata .address-wallet1 {
  width: 100%;
  height: 60px;
  margin-bottom: 10px;
  position: relative !important;
}
.profile-content .profile-data .profile-main .transaction-dataall .profile-insidedata .right-profiledata .address-wallet1 .copy-inputs1 {
  width: 100%;
  height: 50px;
  font-family: ibm-plex-r;
  color: #b4b3b3;
  font-size: 14px;
  border: 1px solid #868686;
  background-color: transparent !important;
  box-shadow: 0px 0px 2px #000029;
  border-radius: 10px;
}
.profile-content .profile-data .profile-main .transaction-dataall .profile-insidedata .right-profiledata .address-wallet1 .copy-content1 {
  position: absolute;
  top: 12px;
  cursor: pointer;
  right: 28px;
  color: #fff !important;
}
.profile-content .profile-data .profile-main .transaction-dataall .profile-insidedata .right-profiledata .note-content {
  font-family: ibm-plex-r;
  color: #b4b3b3;
  font-size: 14px;
}
.profile-content .profile-data .profile-main .transaction-dataall .pw-box {
  padding: 2%;
}
.profile-content .profile-data .profile-main .transaction-dataall .pw-box .reset-login {
  color: #e7ebfd;
  font-size: 14px;
  width: 180px;
  font-family: ibm-sb;
  padding-bottom: 20px;
}
@media (max-width: 575.98px) {
  .profile-content .profile-data .profile-main .transaction-dataall .pw-box .reset-login {
    padding-bottom: 0px;
  }
}
.profile-content .profile-data .profile-main .transaction-dataall .pw-box .curnt-pw {
  color: #e7ebfd;
  font-family: ibm-sb;
  font-size: 14px;
}
.profile-content .profile-data .profile-main .transaction-dataall .pw-box .pw-c {
  color: #e5e3e3;
  text-align: center;
  border: 1px solid #918f8f;
  background-color: transparent;
}
.profile-content .profile-data .profile-main .transaction-dataall .pw-box .chge-pwd {
  background-color: #ffcd00;
  border: none;
  border-radius: 5px;
  float: right;
  height: 30px;
  color: #000;
  font-size: 14px;
  font-family: ibm-sb;
  cursor: pointer;
  padding: 4px 12px;
}
.profile-content .profile-data .profile-main .transaction-dataall .pw-box .trans-pd {
  font-size: 14px;
  font-family: ibm-sb;
  color: #fff;
}
.profile-content .profile-data .profile-main .transaction-dataall .pw-box .set-trans {
  color: #e7ebfd;
  font-size: 14px;
  width: 180px;
  font-family: ibm-sb;
  padding-bottom: 20px;
}
.profile-content .profile-data .profile-main .transaction-dataall .kyc-box {
  width: 100%;
  height: auto;
  padding: 2%;
}
.profile-content .profile-data .profile-main .transaction-dataall .kyc-box .kyc-head {
  font-size: 14px;
  color: #e7ebfd;
  font-family: ibm-sb;
  font-size: 14px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.profile-content .profile-data .profile-main .transaction-dataall .kyc-box .name-head {
  color: #fff !important;
  font-family: ibm-r;
  font-size: 18px;
  padding-bottom: 10px;
}
.profile-content .profile-data .profile-main .transaction-dataall .kyc-box .kyc-pend {
  font-size: 22px;
  font-family: ibm-sb;
  color: #bebc32;
  padding-bottom: 10px;
}
@media (max-width: 575.98px) {
  .profile-content .profile-data .profile-main .transaction-dataall .kyc-box .kyc-pend {
    font-size: 16px;
  }
}
.profile-content .profile-data .profile-main .transaction-dataall .kyc-box .edit-button2 {
  font-size: 14px;
  font-family: ibm-plex-r;
  width: 100px;
  height: 30px;
  color: #e7ebfd;
  background: transparent linear-gradient(106deg, #818181 0%, #4a4b4c 100%) 0% 0% no-repeat padding-box;
  border-radius: 10px;
  cursor: pointer;
  outline: none;
  position: relative;
  top: 20px;
}
.profile-content .profile-data .profile-main .transaction-dataall .kyc-box .num-p {
  text-align: start;
  justify-content: flex-start;
  padding: 0px;
}
.profile-content .profile-data .profile-main .transaction-dataall .kyc-box .pw-kyc {
  background-color: transparent;
  color: #e5e3e3;
  font-family: ibm-r;
  text-align: center;
  border: 1px solid #707070;
}
.profile-content .profile-data .profile-main .transaction-dataall .kyc-box .curnt-pw1 {
  color: #e7ebfd;
  font-size: 14px;
  font-family: ibm-sb;
}
.profile-content .profile-data .profile-main .transaction-dataall .kyc-box .update-kyc {
  background-color: #ffcd00;
  border: none;
  border-radius: 5px;
  float: right;
  height: 30px;
  color: #000;
  font-size: 14px;
  width: 120px;
  height: 40px;
  cursor: pointer;
  margin-bottom: 15px;
}

.wallets-content {
  width: 100%;
  height: auto;
  min-height: 92vh;
  background-color: #3a3d3f;
  border: 1px solid #adabab;
  border-radius: 13px;
  padding: 25px;
}
@media (max-width: 575.98px) {
  .wallets-content {
    padding: 20px;
  }
}
.wallets-content .wallets-data {
  width: 100%;
  height: auto;
}
.wallets-content .wallets-data .wallets-title {
  font-family: ibm-plex-sb;
  color: #e7ebfd;
  font-size: 14px;
  margin-bottom: 8px;
  width: 50px;
  border-bottom: 1px solid #e7ebfd;
}
.wallets-content .wallets-data .c2f-walletcard {
  width: 100%;
  height: auto;
  min-height: 240px;
  background: transparent linear-gradient(116deg, #818181 0%, #171717 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1607843137);
  border: 1px solid #707070;
  border-radius: 13px;
  margin-top: 10px;
  padding: 20px;
}
@media (max-width: 575.98px) {
  .wallets-content .wallets-data .c2f-walletcard {
    min-height: 212px;
    padding: 10px;
  }
}
.wallets-content .wallets-data .c2f-walletcard .c2f-card {
  width: 100%;
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: none;
}
.wallets-content .wallets-data .c2f-walletcard .c2f-card .c2f-image {
  width: 55px;
  height: 55px;
  margin-bottom: 10px;
}
.wallets-content .wallets-data .c2f-walletcard .c2f-card .c2fcard-name {
  font-family: ibm-plex-r;
  color: #e7ebfd;
  font-size: 12px;
  text-align: center;
  margin-bottom: 18px;
}
.wallets-content .wallets-data .c2f-walletcard .c2f-card .card-balance {
  width: 240px;
  height: 30px;
  font-family: ibm-plex-r;
  color: #e5e3e3;
  font-size: 14px;
  text-align: center;
  border: 1px solid #868686;
  background-color: transparent !important;
  box-shadow: 0px 0px 2px #000029;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wallets-content .wallets-data .c2f-walletcard .c2f-card .card-buttons {
  width: 100%;
  height: auto;
  justify-content: space-between;
  display: flex;
}
.wallets-content .wallets-data .c2f-walletcard .c2f-card .card-buttons .withdraw-button {
  width: 115px;
  height: 30px;
  background-color: #ffcd00;
  border: none;
  font-family: ibm-plex-sb;
  color: #000000;
  font-size: 12px;
  border-radius: 10px;
  cursor: pointer;
  outline: none !important;
}
@media (max-width: 575.98px) {
  .wallets-content .wallets-data .c2f-walletcard .c2f-card .card-buttons .withdraw-button {
    width: 116px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .wallets-content .wallets-data .c2f-walletcard .c2f-card .card-buttons .withdraw-button {
    width: 116px;
  }
}

.dashboard-content {
  width: 100%;
  height: auto !important;
  background-color: #3a3d3f;
  border: 1px solid #6d6969;
  border-radius: 13px;
  padding: 20px;
  min-height: 100vh !important;
}
@media (max-width: 575.98px) {
  .dashboard-content {
    padding: 20px;
  }
}
.dashboard-content .dashboard-data {
  width: 100%;
  height: auto;
}
.dashboard-content .dashboard-data .dashboard-title {
  font-family: ibm-plex-sb;
  color: #e7ebfd;
  font-size: 14px;
  margin-bottom: 8px;
}
.dashboard-content .dashboard-data .line-content {
  width: 70px;
  height: 1px;
  border-bottom: 1px solid #e7ebfd;
  margin: 0;
  margin-bottom: 20px;
}
.dashboard-content .dashboard-data .balance-contents {
  width: 100%;
  height: 125px;
  background: transparent linear-gradient(108deg, #818181 0%, #474747 53%, #171717 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1607843137);
  border: 1px solid #707070;
  border-radius: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  margin-top: 15px;
}
.dashboard-content .dashboard-data .balance-contents .balance-title {
  font-size: 12px;
  color: #e7ebfd;
  font-family: ibm-plex-m;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .dashboard-content .dashboard-data .balance-contents .balance-title {
    font-size: 9px;
  }
}
.dashboard-content .dashboard-data .balance-contents .total-balance {
  font-size: 24px;
  color: #e7ebfd;
  font-family: ibm-plex-r;
  margin: 0;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .dashboard-content .dashboard-data .balance-contents .total-balance {
    font-size: 18px;
  }
}
.dashboard-content .dashboard-data .balance-contents *,
.dashboard-content .dashboard-data .balance-contents *:before,
.dashboard-content .dashboard-data .balance-contents *:after {
  box-sizing: border-box;
}
.dashboard-content .dashboard-data .balance-contents html,
.dashboard-content .dashboard-data .balance-contents body {
  background: #ecf0f1;
  color: #444;
  font-family: "Lato", Tahoma, Geneva, sans-serif;
  font-size: 16px;
  padding: 10px;
}
.dashboard-content .dashboard-data .balance-contents .set-size {
  font-size: 5em;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .dashboard-content .dashboard-data .balance-contents .set-size {
    font-size: 4em;
  }
}
.dashboard-content .dashboard-data .balance-contents .charts-container:after {
  clear: both;
  content: "";
  display: table;
}
.dashboard-content .dashboard-data .balance-contents .pie-wrapper {
  height: 1em;
  width: 1em;
  float: left;
  position: relative;
}
.dashboard-content .dashboard-data .balance-contents .pie-wrapper:nth-child(3n+1) {
  clear: both;
}
.dashboard-content .dashboard-data .balance-contents .pie-wrapper .pie {
  height: 89%;
  width: 89%;
  clip: rect(0, 1em, 1em, 0.5em);
  left: 0;
  position: absolute;
  top: 0;
}
.dashboard-content .dashboard-data .balance-contents .pie-wrapper .pie .half-circle {
  height: 90%;
  width: 90%;
  border: 8px solid #ffcd00;
  border-radius: 50%;
  clip: rect(0, 0.5em, 1em, 0);
  left: 0;
  position: absolute;
  top: 0;
}
.dashboard-content .dashboard-data .balance-contents .pie-wrapper .label {
  border-radius: 50%;
  bottom: 0.4em;
  color: #35c984;
  font-family: avenir-bold;
  cursor: default;
  display: block;
  font-size: 42px;
  left: -10px;
  line-height: 82px;
  position: absolute;
  right: 0.4em;
  text-align: center;
  top: 10px;
}
.dashboard-content .dashboard-data .balance-contents .pie-wrapper .label .smaller {
  color: #bdc3c7;
  font-size: 0.45em;
  padding-bottom: 20px;
  vertical-align: super;
}
.dashboard-content .dashboard-data .balance-contents .pie-wrapper .shadow {
  height: 80%;
  width: 80%;
  border: 8px solid #cfcfcf;
  border-radius: 50%;
}
.dashboard-content .dashboard-data .balance-contents .pie-wrapper .shadow .avai {
  left: 36px;
  position: absolute;
  font-family: avenir-bold;
  z-index: 9999;
  font-size: 12px;
  text-align: center;
  top: 77px;
}
.dashboard-content .dashboard-data .balance-contents .pie-wrapper.progress-45 .pie .half-circle {
  border-color: #ffcd00;
}
.dashboard-content .dashboard-data .balance-contents .pie-wrapper.progress-45 .pie .left-side {
  transform: rotate(162deg);
}
.dashboard-content .dashboard-data .balance-contents .pie-wrapper.progress-45 .pie .right-side {
  display: none;
}
.dashboard-content .dashboard-data .pie-chat-content {
  width: 100%;
  height: auto;
  min-height: 210px;
  background: transparent linear-gradient(116deg, #818181 0%, #171717 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1607843137);
  border: 1px solid #707070;
  border-radius: 13px;
  margin-top: 10px;
  padding: 20px;
}
.dashboard-content .dashboard-data .pie-chat-content .pie-title {
  font-family: ibm-plex-m;
  color: #e7ebfd;
  font-size: 14px;
}
.dashboard-content .dashboard-data .pie-chat-content .pie-data {
  width: 100%;
  height: 100%;
}
.dashboard-content .dashboard-data .dashboard-walletcard {
  width: 100%;
  height: 188px;
  background: transparent linear-gradient(116deg, #818181 0%, #171717 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1607843137);
  border: 1px solid #707070;
  border-radius: 13px;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 575.98px) {
  .dashboard-content .dashboard-data .dashboard-walletcard {
    min-height: 212px;
    padding: 10px;
  }
}
.dashboard-content .dashboard-data .dashboard-walletcard .dashboard-card {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: none;
}
.dashboard-content .dashboard-data .dashboard-walletcard .dashboard-card .c2f-image {
  width: 55px;
  height: 55px;
  margin-bottom: 10px;
}
.dashboard-content .dashboard-data .dashboard-walletcard .dashboard-card .dashboard-name {
  font-family: ibm-plex-r;
  color: #e7ebfd;
  font-size: 12px;
  text-align: center;
  margin-bottom: 6px;
}
.dashboard-content .dashboard-data .dashboard-walletcard .dashboard-card .dashboard-button {
  width: 110px;
  height: 30px;
  background-color: #ffcd00;
  border: none;
  position: relative;
  left: 10px;
  text-align: center;
  font-family: ibm-plex-sb;
  color: #000000;
  font-size: 12px;
  padding: 7px 20px;
  border-radius: 10px;
  cursor: pointer;
  outline: none !important;
}
@media (max-width: 575.98px) {
  .dashboard-content .dashboard-data .dashboard-walletcard .dashboard-card .dashboard-button {
    width: 116px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .dashboard-content .dashboard-data .dashboard-walletcard .dashboard-card .dashboard-button {
    width: 116px;
  }
}
.dashboard-content .dashboard-data .dashboard-walletcard .dashboard-card .btn-v {
  font-size: 16px;
  color: #09a7ee !important;
  position: relative;
  left: 105px;
}
@media (max-width: 575.98px) {
  .dashboard-content .dashboard-data .dashboard-walletcard .dashboard-card .btn-v {
    position: relative;
    left: 83px;
  }
}

.transaction-content {
  width: 100%;
  height: auto;
  min-height: 92vh;
  background-color: transparent;
  padding: 5px 10px 10px 10px;
}
@media (max-width: 575.98px) {
  .transaction-content {
    padding: 20px 0px;
  }
}
.transaction-content .transaction-data {
  width: 100%;
  height: auto;
}
.transaction-content .transaction-data .transaction-title {
  font-family: ibm-plex-sb;
  color: #e7ebfd;
  font-size: 14px;
  margin-bottom: 8px;
}
.transaction-content .transaction-data .line-content {
  width: 83px;
  height: 1px;
  border-bottom: 1px solid #e7ebfd;
  margin: 0;
}
.transaction-content .transaction-data .transaction-main {
  width: 100%;
  height: auto;
  padding: 2% 0%;
}
.transaction-content .transaction-data .transaction-main .pill-content {
  font-family: ibm-plex-sb;
  color: #e7ebfd;
  font-size: 14px;
  margin-right: 40px;
}
@media (max-width: 575.98px) {
  .transaction-content .transaction-data .transaction-main .pill-content {
    margin-right: 16px;
  }
}
.transaction-content .transaction-data .transaction-main .pill-content.active {
  background-color: transparent;
  border-bottom: 2px solid #f6d43a;
  border-radius: 0px;
}
.transaction-content .transaction-data .transaction-main .transaction-dataall {
  width: 100%;
  min-height: 76vh;
  height: auto !important;
  background-color: #3a3d3f;
  border-radius: 13px;
  padding: 20px;
}
@media (max-width: 575.98px) {
  .transaction-content .transaction-data .transaction-main .transaction-dataall {
    padding: 20px 0px;
  }
}
.transaction-content .transaction-data .transaction-main .transaction-dataall .fade {
  width: 100%;
  height: auto;
  max-height: 75vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.transaction-content .transaction-data .transaction-main .transaction-dataall .table-data {
  width: 100%;
  height: auto;
  border: 1px solid #707070;
  border-radius: 13px !important;
}
.transaction-content .transaction-data .transaction-main .transaction-dataall .table-data .table-titles {
  font-family: ibm-plex-sb;
  color: #e7ebfd;
  font-size: 12px;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
.transaction-content .transaction-data .transaction-main .transaction-dataall .table-data .table-inside {
  font-family: ibm-plex-sb;
  color: #e7ebfd;
  font-size: 12px;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
}

.stake-history {
  width: 100%;
  height: auto;
  min-height: 92vh;
  background-color: transparent;
  padding: 5px 10px 10px 10px;
}
@media (max-width: 575.98px) {
  .stake-history {
    padding: 20px;
  }
}
.stake-history .transaction-data {
  width: 100%;
  height: auto;
}
.stake-history .transaction-data .transaction-title {
  font-family: ibm-plex-sb;
  color: #e7ebfd;
  font-size: 14px;
  margin-bottom: 8px;
}
.stake-history .transaction-data .line-content {
  width: 83px;
  height: 1px;
  border-bottom: 1px solid #e7ebfd;
  margin: 0;
}
.stake-history .transaction-data .transaction-main {
  padding: 2% 0%;
  width: 100%;
  height: auto;
  max-height: 75vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.stake-history .transaction-data .transaction-main .table-data {
  width: 100%;
  border: 1px solid #707070;
  overflow-y: scroll;
  border-radius: 13px !important;
}
.stake-history .transaction-data .transaction-main .table-data .table-titles {
  font-family: ibm-plex-sb;
  color: #e7ebfd;
  font-size: 12px;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
.stake-history .transaction-data .transaction-main .table-data .table-inside {
  font-family: ibm-plex-sb;
  color: #e7ebfd;
  font-size: 12px;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
.stake-history .transaction-data .transaction-main .table-data .terminate-btn {
  width: 140px;
  height: 29px;
  background-color: #ffcd00;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1607843137);
  border: none;
  color: #010101;
  font-family: ibm-plex-sb;
  font-size: 12px;
  border-radius: 6px;
  outline: none !important;
}

.withdraw-all-content {
  width: 100%;
  height: auto;
  background: transparent linear-gradient(137deg, #818181 0%, #171717 100%);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1607843137);
  border: 1px solid #707070;
  border-radius: 13px;
}
.withdraw-all-content .withdraw-header {
  border: none;
}
.withdraw-all-content .withdraw-header .withdraw-title {
  font-family: ibm-plex-r;
  color: #e7ebfd;
  font-size: 12px;
  text-align: center;
  position: relative;
  top: 10px;
}
.withdraw-all-content .withdraw-header .withdraw-close {
  color: #e7ebfd;
  outline: none;
}
.withdraw-all-content .withdrawmodal-fealds {
  width: 100%;
  height: auto;
  margin-top: 6%;
}
.withdraw-all-content .withdrawmodal-fealds .left-datafeald {
  font-family: ibm-plex-r;
  color: #e7ebfd;
  font-size: 12px;
}
.withdraw-all-content .withdrawmodal-fealds .right-datafeald {
  width: 100%;
  height: 40px;
  font-family: ibm-plex-r;
  color: #e5e3e3;
  font-size: 12px;
  text-align: center;
  border: 1px solid #868686;
  background-color: transparent !important;
  box-shadow: 0px 0px 2px #000029;
  border-radius: 10px;
}
.withdraw-all-content .withdraw-footer {
  border: none;
}
.withdraw-all-content .withdraw-footer .cancle-button {
  width: 100px;
  height: 40px;
  background: transparent linear-gradient(137deg, #818181 0%, #171717 100%);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1607843137);
  border: none;
  color: #fff6f6;
  font-family: ibm-plex-sb;
  font-size: 14px;
  border-radius: 10px;
}
.withdraw-all-content .withdraw-footer .show-button {
  width: 100px;
  height: 40px;
  background-color: #ffcd00;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1607843137);
  border: none;
  color: #010101;
  font-family: ibm-plex-sb;
  font-size: 14px;
  border-radius: 10px;
}

.confirmation-popup {
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  max-width: 600px;
  background: transparent linear-gradient(137deg, #818181 0%, #171717 100%);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1607843137);
  border: 1px solid #707070;
  border-radius: 13px;
  padding: 30px;
  font-family: ibm-plex-r;
  color: #e7ebfd;
  z-index: 1055;
}
.confirmation-popup p {
  font-size: 12px;
  margin-bottom: 15px;
}
.confirmation-popup ul {
  padding-left: 20px;
  margin-bottom: 15px;
}
.confirmation-popup ul li {
  font-size: 12px;
  margin-bottom: 8px;
}
.confirmation-popup a {
  color: #ffcd00;
  text-decoration: underline;
  font-size: 12px;
}
.confirmation-popup .form-check {
  margin-top: 10px;
}
.confirmation-popup .form-check .form-check-input {
  margin-top: 3px;
  margin-right: 8px;
  accent-color: #ffcd00;
}
.confirmation-popup .form-check .form-check-label {
  font-size: 12px;
  color: #e7ebfd;
}
.confirmation-popup .back-button {
  position: absolute;
  top: 10px;
  left: 10px;
  background: none;
  border: none;
  font-size: 24px;
  font-weight: bold;
  color: #e7ebfd;
  cursor: pointer;
  outline: none;
}
.confirmation-popup .back-button:hover {
  color: #ffcd00;
}
.confirmation-popup .submit-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.confirmation-popup .submit-wrapper .btn-success {
  width: 150px;
  height: 40px;
  background-color: #ffcd00;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1607843137);
  border: none;
  color: #010101;
  font-family: ibm-plex-sb;
  font-size: 14px;
  border-radius: 10px;
}
.confirmation-popup .submit-wrapper .btn-success:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.edit-all-content {
  width: 100%;
  height: auto;
  background: transparent linear-gradient(137deg, #818181 0%, #171717 100%);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1607843137);
  border: 1px solid #e5e3e3;
  border-radius: 13px;
  margin-top: 100px;
}
.edit-all-content .editcontent-header {
  border: none !important;
  padding: 0px 10px;
}
.edit-all-content .editcontent-header .edit-titletop {
  font-family: ibm-plex-r;
  color: #e7ebfd;
  font-size: 18px;
  text-align: center;
  position: relative;
  top: 10px;
}
.edit-all-content .editcontent-header .edit-closetop {
  color: #e7ebfd;
  outline: none;
}
.edit-all-content .editmodal-fealds {
  width: 100%;
  height: auto;
  margin-top: 6%;
}
.edit-all-content .editmodal-fealds .edit-titlecontent {
  font-family: ibm-plex-r;
  color: #e7ebfd;
  font-size: 12px;
}
.edit-all-content .editmodal-fealds .edit-allcontent {
  width: 100%;
  height: 40px;
  font-family: ibm-plex-r;
  color: #e5e3e3;
  font-size: 12px;
  border: 1px solid #868686;
  background-color: transparent !important;
  box-shadow: 0px 0px 2px #000029;
  border-radius: 10px;
}
.edit-all-content .terminate-content {
  width: 100%;
  height: auto;
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  margin-top: 10px;
}
.edit-all-content .terminate-content .lable-data {
  font-family: ibm-plex-r;
  color: #e7ebfd;
  font-size: 14px;
}
.edit-all-content .terminate-content .right-lable {
  font-family: ibm-plex-sb;
  color: #e7ebfd;
  font-size: 14px;
}
.edit-all-content .withdraw-footer {
  border: none;
}
.edit-all-content .withdraw-footer .cancle-button {
  width: 90px;
  height: 35px;
  background: transparent linear-gradient(137deg, #818181 0%, #171717 100%);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1607843137);
  border: none;
  color: #fff6f6;
  font-family: ibm-plex-sb;
  font-size: 14px;
  border-radius: 10px;
}
.edit-all-content .withdraw-footer .show-button {
  width: 90px;
  height: 35px;
  background-color: #ffcd00;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1607843137);
  border: none;
  color: #010101;
  font-family: ibm-plex-sb;
  font-size: 14px;
  border-radius: 10px;
}
.edit-all-content .withdraw-footer .show-button.show-button-1 {
  width: 144px;
}

.login-box {
  width: 100%;
  height: auto;
  background-color: rgba(51, 50, 50, 0.4509803922);
  justify-content: center;
  margin: 0 auto;
  display: flex;
  margin-top: 25px;
}
@media (max-width: 575.98px) {
  .login-box {
    width: 100%;
  }
}
.login-box .log-head {
  font-size: 24px;
  color: #fff;
  font-family: ibm-plex-r;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 15px;
}
.login-box .log-in-p {
  width: 100%;
  height: auto;
  padding: 0% 15%;
}
.login-box .create-form {
  background-color: transparent;
  color: #c5c2c2;
  letter-spacing: 1px;
  border-radius: 10px;
  border: 1px solid rgba(231, 235, 253, 0.4941176471);
}
.login-box .accept-cont {
  font-size: 16px;
  color: #8b8989;
  padding-bottom: 10px;
  text-align: center;
  font-family: ibm-plex-r;
}
@media (max-width: 575.98px) {
  .login-box .accept-cont {
    padding-bottom: 10px;
    font-size: 13px;
  }
}
.login-box .policy-para {
  cursor: pointer;
  color: #09a7ee;
  font-family: ibm-plex-r;
}
.login-box .acct-create {
  width: 100%;
  background-color: #ffcd00;
  font-size: 16px;
  color: #000000;
  height: 40px;
  font-family: ibm-plex-m;
  text-align: center;
  margin-bottom: 10px;
}
.login-box .log-img {
  top: 26px;
  position: absolute;
  left: 83%;
  width: 14%;
  z-index: 9999;
}
@media (max-width: 575.98px) {
  .login-box .log-img {
    display: none;
  }
}
.login-box .create-img1 {
  position: absolute;
  /* top: 60%; */
  left: 430px;
  width: 14%;
  bottom: 0px;
  left: 16px;
}
@media (max-width: 575.98px) {
  .login-box .create-img1 {
    display: none;
  }
}

.create-content {
  width: 100%;
}
.create-content .create-box {
  width: auto;
  height: auto;
  background-color: rgba(51, 50, 50, 0.4509803922);
  justify-content: center;
  margin: 0 auto;
  display: flex;
  margin-top: 25px;
}
@media (max-width: 575.98px) {
  .create-content .create-box {
    width: 100%;
  }
}
.create-content .create-box .create-head {
  font-size: 24px;
  color: #fff6f6;
  font-family: ibm-plex-r;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 15px;
}
@media (max-width: 575.98px) {
  .create-content .create-box .create-head {
    font-size: 18px;
  }
}
.create-content .create-box .log-in-p {
  width: 100%;
  padding: 0% 15%;
}
.create-content .create-box .create-form {
  background-color: transparent !important;
  border-radius: 10px;
  color: #c5c2c2;
  letter-spacing: 1px;
  border: 1px solid rgba(231, 235, 253, 0.4941176471);
}
.create-content .create-box .accept-cont {
  font-size: 16px;
  color: #8b8989;
  padding-bottom: 15px;
  font-family: ibm-plex-r;
}
@media (max-width: 575.98px) {
  .create-content .create-box .accept-cont {
    font-size: 13px;
  }
}
.create-content .create-box .accept-cont1 {
  font-size: 16px;
  color: #8b8989;
  padding-bottom: 15px;
  text-align: center;
  font-family: ibm-plex-r;
}
@media (max-width: 575.98px) {
  .create-content .create-box .accept-cont1 {
    font-size: 13px;
  }
}
.create-content .create-box .policy-para {
  cursor: pointer;
  color: #09a7ee;
  font-family: ibm-plex-r;
}
.create-content .create-box .acct-create {
  width: 100%;
  background-color: #ffcd00;
  font-size: 16px;
  color: #000000;
  height: 40px;
  font-family: ibm-plex-m;
  text-align: center;
  margin-bottom: 10px;
}
.create-content .create-box .create-img {
  position: absolute;
  right: 40px;
  width: 14%;
  z-index: 9999;
}
@media (max-width: 575.98px) {
  .create-content .create-box .create-img {
    display: none;
  }
}
.create-content .create-box .create-img1 {
  position: absolute;
  width: 14%;
  z-index: 9999;
  left: 30px;
  bottom: 11px;
}
@media (max-width: 575.98px) {
  .create-content .create-box .create-img1 {
    display: none;
  }
}

.verify-content {
  width: 100%;
  height: auto;
  margin-top: 25px;
}
.verify-content .verify-box {
  width: auto;
  height: auto;
  background-color: rgba(51, 50, 50, 0.4509803922);
  justify-content: center;
  margin: 0 auto;
  display: flex;
}
.verify-content .verify-box .verify-head {
  font-size: 24px;
  color: #fff6f6;
  font-family: ibm-plex-r;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 15px;
}
@media (max-width: 575.98px) {
  .verify-content .verify-box .verify-head {
    font-size: 18px;
  }
}
.verify-content .verify-box .verify-in-p {
  width: 100%;
  padding: 0% 15%;
}
.verify-content .verify-box .create-form {
  color: #c5c2c2;
  letter-spacing: 1px;
  background-color: transparent;
  border-radius: 10px;
  border: 1px solid rgba(231, 235, 253, 0.4941176471);
}
.verify-content .verify-box .accept-cont {
  color: #fff6f6;
  padding-bottom: 5px;
  font-size: 16px;
  text-align: center;
  font-family: ibm-plex-r;
}
@media (max-width: 575.98px) {
  .verify-content .verify-box .accept-cont {
    font-size: 13px;
  }
}
.verify-content .verify-box .accept-cont1 {
  color: #fff6f6;
  padding-bottom: 5px;
  font-size: 16px;
  text-align: center;
  font-family: ibm-plex-r;
}
@media (max-width: 575.98px) {
  .verify-content .verify-box .accept-cont1 {
    padding-bottom: 10px;
    font-size: 13px;
  }
}
.verify-content .verify-box .policy-para {
  cursor: pointer;
  color: #09a7ee;
  font-family: ibm-plex-r;
}
.verify-content .verify-box .acct-create {
  width: 100%;
  background-color: #ffcd00;
  font-size: 16px;
  color: #000000;
  height: 40px;
  font-family: ibm-plex-m;
  text-align: center;
  margin-bottom: 10px;
}
.verify-content .verify-box .log-img {
  position: absolute;
  left: 63%;
  width: 9%;
  z-index: 9999;
}
.verify-content .verify-box .create-img1 {
  position: absolute;
  top: 62%;
  left: 27%;
  width: 9%;
}

.reg-content {
  width: 100%;
  justify-content: center;
  margin: 0 auto;
  display: flex;
}
.reg-content .reg-box {
  width: 500px;
  height: auto;
  background-color: rgba(51, 50, 50, 0.4509803922);
}
.reg-content .reg-box .reg-head {
  font-size: 18px;
  padding-top: 20px;
  color: #fff6f6;
  font-family: ibm-plex-r;
  text-align: center;
  text-align: center;
}
.reg-content .reg-box .reg-cont {
  text-align: center;
  color: #fff6f6;
  font-size: 14px;
}
.reg-content .reg-box .policy-para {
  cursor: pointer;
  color: #09a7ee;
  font-family: ibm-plex-r;
}/*# sourceMappingURL=style.css.map */