html {
  overflow: auto;
}

.deposit-card {
  background: #1A25E8;
  background-size: cover;
  padding: 2em;
  /* border-radius: 25px; */
  display: flex;
  flex-direction: column;
  /* gap: 3em; */
  margin-bottom: 3em;
  -webkit-mask-image: url("../img/version_2/shape/vector.png");
  mask-image: url("../img/version_2/shape/vector.png");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  min-height: 210px;
  justify-content: space-between;
}

.deposit-bar-card {
  margin-bottom: 1em;
}

.deposit-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.deposit-card-bottom {
  display: flex;
  gap: .5em;
  align-items: center;
  justify-content: space-between;
}

.top-right-icon {
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  background: #F6F7FB38;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5em;
}

.top-right-icon-logo {
  width: 1.5em;
  height: auto;
  object-fit: contain;
}

.card-bottom-left h5 {
  font-size: 0.85em;
  font-weight: 500;
  margin-bottom: 0.5em;
  color: #FFFFFFC2;
}

.card-bottom-left h2 {
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 0.5em;
  color: var(--secondary-color);
  display: grid;
  grid-template-columns: 100px auto;
  align-items: center;
}

.card-bottom-left h2 span {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

.card-bottom-left h4 {
  font-size: 0.85em;
  font-weight: 600;
  margin-bottom: 0em;
  color: #FFFFFFC2;
}

.secondary-btn {
  border: 1px solid transparent !important;
  border-radius: 30px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: var(--primary-color) !important;
  gap: 0.5em;
  background-color: var(--secondary-color) !important;
  padding: 0.6em 1.8em !important;
  /* width: 100%; */
  font-size: 0.9em !important;
  font-weight: 500 !important;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  position: relative;
}

.secondary-btn:hover,
.secondary-btn:focus,
.secondary-btn:active {
  text-decoration: none !important;
  background-color: var(--secondary-color) !important;
}

.secondary-btn:hover:before {
  background-position: -20% 0;
}

.secondary-btn:before {
  border-radius: 50px;
  content: "";
  background: linear-gradient(45deg, transparent 50%, rgb(96 121 230 / 5%) 58%, rgb(34 44 80 / 5%) 67%, transparent 68%);
  background-size: 200% 100%;
  background-position: 165% 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: 1s;
}

.bar-details-info-copy button {
  height: 2.8em;
  width: 2.8em;
  border-radius: 50% !important;
  background: #5961E6 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0 !important;
}

.bar-details-card-right button {
  border-radius: 30px !important;
  background: #5961E6 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .3em;
  padding: 0.7em;
  border: none !important;
}

.bar-details-card-right button span {
  color: var(--secondary-color);
  font-size: 0.85em;
  font-weight: 500;
}

.bar-details-info {
  border-radius: 30px !important;
  background: #5961E6 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
  padding: 0.6em;
}

.bar-details-card {
  background: var(--secondary-color);
  border-radius: 45px;
  padding: 0.8em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bar-details-card-left {
  display: grid;
  grid-template-columns: 80% auto;
  align-items: center;
  gap: 0.5em;
}

.bar-details-info h5 {
  font-size: 0.9em;
  font-weight: 600;
  color: var(--secondary-color);
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 15ch;
}

.deposit-transfer-wrapped {
  background: var(--secondary-color);
  padding: 2em;
  border-radius: 25px;
}

.select-option {
  display: flex !important;
  /* grid-template-columns: 45px auto; */
  align-items: center;
  gap: 1em;
}

.bar-code-frame {
  background: var(--secondary-color);
  padding: 1.5em;
  border-radius: 12px;
}

.bar-code-avater {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  border: 1px solid var(--primary-color);
  box-shadow: rgb(49 81 225) 0px 1px 4px, rgb(49 81 225 / 10%) 0px 0px 0px 5px;
  border-radius: 4px;
}

.bar-code-frame-img {
  min-width: 10em;
  margin-bottom: 1em;
}

.bar-copy-pad h3 {
  font-size: 0.9em;
  font-weight: 500;
  margin-bottom: 0;
  color: var(--tertiary-color);

  box-shadow: 0px -3px 14px 0px #C9C9D433;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1em;
  border-radius: 30px;
  width: 100%;
}

.bar-copy-pad h3 span {
  color: var(--gray-color);
}

.bar-copy-pad h3 span:first-child {
  white-space: nowrap;
}

.bar-copy-pad h3 span+.bar-token-class {
  color: var(--tertiary-color) !important;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

.bar-copy-pad {
  display: grid;
  grid-template-columns: 335px auto;
  align-items: center;
  border-radius: 30px;
  padding: 0.5em;
  gap: 0.5em;
}

.bar-code-close-btn {
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
}

.bar-copy-pad-1 {
  display: grid;
  grid-template-columns: 300px auto;
  align-items: center;
  border-radius: 30px;
  padding: 0.5em;
  gap: 0.5em;
}

.bar-copy-pad-2 {
  display: grid;
  grid-template-columns: 300px auto;
  align-items: center;
  border-radius: 30px;
  padding: 0.5em;
  gap: 0.5em;
  padding-bottom: 0;
}

.bar-copy-pad-2 h3 {
  font-size: 0.9em;
  font-weight: 500;
  margin-bottom: 0;
  color: var(--tertiary-color);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

.bar-copy-pad-2 h3 span {
  color: var(--gray-color);
}

.bar-copy-pad-1 h3 {
  font-size: 0.9em;
  font-weight: 500;
  margin-bottom: 0;
  color: var(--tertiary-color);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

.bar-copy-pad-1 h3 span {
  color: var(--gray-color);
}

.bar-code-frame p {
  font-size: 0.9em;
  text-align: center;
  font-weight: 600;
  color: var(--gray-color);
  margin-bottom: 0.5em;
}

.bar-copy-btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  background-color: #F6F7FB !important;
  padding: 0.6em 1em !important;
  border: 0 !important;
  color: var(--primary-color);
  border-radius: 25px !important;

}

.bar-copy-btn span {
  color: var(--primary-color);
  font-weight: 600;
  font-size: 0.8em;
}

.bar-code-modal .modal-content {
  background-color: transparent !important;
  padding: 0 !important;
  border: 0 !important;
}


/* Setting Style  */
.setting-head-back-frame {
  display: flex;
  align-items: center;
  gap: 1em;
}

.back-btn-setting {
  width: 2.8em;
  height: 2.8em;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-color: #F6F7FB !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
}

.setting-head-back-frame h3 {
  font-size: 1.2em;
  font-weight: 600;
  color: var(--tertiary-color);
  margin-bottom: 0;
}

.overlay-btn {
  align-items: center;
  background: #F6F7FB !important;
  border: 0 !important;
  border-radius: 50px !important;
  color: var(--primary-color) !important;
  display: flex !important;
  font-size: 0.9em !important;
  font-weight: 500 !important;
  justify-content: center;
  padding: .7em 2em !important;
  position: relative;
  text-decoration: none !important;
  transition: all .4s ease-in-out;
  /* width: 100%; */
  -webkit-transition: 1s;
  -o-transition: 1s;
  -ms-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}

.overlay-btn:hover,
.overlay-btn:focus,
.overlay-btn:active {
  text-decoration: none !important;
  background-color: #F6F7FB !important;
}

.overlay-btn:hover:before {
  background-position: -20% 0;
}

.overlay-btn:before {
  border-radius: 50px;
  content: "";
  background: linear-gradient(45deg, transparent 50%, rgb(96 121 230 / 5%) 58%, rgb(34 44 80 / 5%) 67%, transparent 68%);
  background-size: 200% 100%;
  background-position: 165% 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: 1s;
}


.overlay-btn-white {
  align-items: center;
  background: var(--secondary-color) !important;
  border: 0 !important;
  border-radius: 50px !important;
  color: var(--primary-color) !important;
  display: flex !important;
  font-size: 0.9em !important;
  font-weight: 500 !important;
  justify-content: center;
  padding: .7em 2em !important;
  position: relative;
  text-decoration: none !important;
  transition: all .4s ease-in-out;
  /* width: 100%; */
  -webkit-transition: 1s;
  -o-transition: 1s;
  -ms-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}

.overlay-btn-white:hover,
.overlay-btn-white:focus,
.overlay-btn-white:active {
  text-decoration: none !important;
  background-color: var(--secondary-color) !important;
}

.overlay-btn-white:hover:before {
  background-position: -20% 0;
}

.overlay-btn-white:before {
  border-radius: 50px;
  content: "";
  background: linear-gradient(45deg, transparent 50%, rgb(96 121 230 / 5%) 58%, rgb(34 44 80 / 5%) 67%, transparent 68%);
  background-size: 200% 100%;
  background-position: 165% 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: 1s;
}

.setting-head-wrapped {
  background: var(--secondary-color);
  border-radius: 40px;
  padding: 0.8em 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.setting-card {
  padding: 1.5em;
  border-radius: 20px;
  background: var(--secondary-color);
}

.profile-setting-edit {
  align-items: center;
  background: var(--secondary-color) !important;
  border: 0 !important;
  border-radius: 50px !important;
  color: var(--primary-color) !important;
  display: flex !important;
  font-size: 0.9em !important;
  font-weight: 500 !important;
  justify-content: center;
  gap: 0.5em;
  padding: .7em 2em !important;
  position: relative;
  text-decoration: none !important;
  transition: all .4s ease-in-out;
  /* /* width: 100%; */
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  position: relative;
}

.profile-setting-edit:hover,
.profile-setting-edit:focus,
.profile-setting-edit:active {
  text-decoration: none !important;
  background-color: var(--secondary-color) !important;
}

.profile-setting-edit:hover:before {
  background-position: -20% 0;
}

.profile-setting-edit:before {
  border-radius: 50px;
  content: "";
  background: linear-gradient(45deg, transparent 50%, rgb(96 121 230 / 5%) 58%, rgb(34 44 80 / 5%) 67%, transparent 68%);
  background-size: 200% 100%;
  background-position: 165% 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: 1.5s;
}


.setting-profile-card {
  width: 7em;
  height: 7em;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--primary-color);
  overflow: hidden;
}

.profile-avater img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.profile-avater span {
  text-align: center;
  font-size: 1em;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--secondary-color);
}

.profile-card-info {
  display: flex;
  align-items: center;
  gap: 1em;
}

.profile-info h3 {
  font-size: 1em;
  font-weight: 600;
  color: var(--tertiary-color);
  margin-bottom: 0.3em;
}

.profile-info p {
  font-size: 0.9em;
  font-weight: 400;
  margin-bottom: 0;
  color: var(--tertiary-color);
}

.profile-card,
.setting-titles-wrapped,
.setting-token-checked-card,
.settings-flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.setting-titles-wrapped {
  align-items: center !important;
}

.setting-token-checked-card {
  align-items: center;
}

.setting-titles-wrapped {
  margin: 1.5em 0;
}

.setting-titles-wrapped h3 {
  font-size: 1em;
  font-weight: 600;
  color: var(--tertiary-color);
  margin-bottom: 0em;
}

.setting-titles-wrapped :where(a, button),
.import-tokens-btn {
  color: var(--primary-color) !important;
  border: 0 !important;
  background-color: #F6F7FB !important;
  margin-bottom: 0em;
  border-radius: 50px !important;
  display: flex !important;
  font-size: 0.9em !important;
  font-weight: 500 !important;
  justify-content: center;
  padding: .7em 2em !important;


  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  position: relative;
}

.import-tokens-btn:hover,
.import-tokens-btn:focus,
.import-tokens-btn:active {
  text-decoration: none !important;
  background-color: #F6F7FB !important;
}

.import-tokens-btn:hover:before {
  background-position: -20% 0;
}

.import-tokens-btn:before {
  border-radius: 50px;
  content: "";
  background: linear-gradient(45deg, transparent 50%, rgb(96 121 230 / 5%) 58%, rgb(34 44 80 / 5%) 67%, transparent 68%);
  background-size: 200% 100%;
  background-position: 165% 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: 1.5s;
}

.setting-copy-btn {
  width: 2.5em;
  height: 2.5em;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-color: var(--secondary-color) !important;
  border: 0 !important;
  color: var(--tertiary-color);
  border-radius: 50% !important;
  color: var(--tertiary-color);
  padding: 10px !important;
}

.setting-copy-btn span {
  color: var(--tertiary-color);
  font-weight: 600;
  font-size: 0.9em;
}

.setting-token-checked-info h4 {
  font-size: 0.85em;
  font-weight: 400;
  color: var(--tertiary-color);
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

.setting-token-checked-info {
  display: grid;
  grid-template-columns: 260px auto;
  align-items: end;
  /* gap: 1em; */
}

.setting-token-icons {
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background: #F6F7FB;
  overflow: hidden;
}

.setting-token-icons svg {
  width: 1.5em;
  height: 1.5em;
}

.setting-token-checked-card {
  cursor: pointer;
}

.setting-card-check {
  padding: 1em;
  cursor: pointer;
}

.setting-card-check .form-check-input {
  display: none;
}

.setting-card-check .form-check-input:checked+.setting-token-checked-card .setting-token-icons svg {
  opacity: 1;
}

.setting-card-check .form-check-input+.setting-token-checked-card .setting-token-icons svg {
  opacity: 0;
}

.badges-primary {
  background: #3FE3632E;
  font-size: 0.9em;
  font-weight: 500;
  color: #27C249;
  padding: 0.4em 1.2em;
  border-radius: 25px;
  text-align: center;
  display: inline-block;
}

.badges-frame {
  margin-bottom: 0.7em;
}

.setting-token-list-wrapped .form-check {
  padding: 0 !important;
}

.setting-token-list-wrapped,
.settings-card-frame {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.setting-card-info h4 {
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 0.6em;
  color: var(--tertiary-color);
}

.setting-card-info p {
  font-size: 0.9em;
  font-weight: 400;
  margin-bottom: 0em;
  color: #9C9DA5;
}

.pretty.p-switch input:checked~.state:before {
  border-color: #0F34DB !important;
  background: #0F34DB !important;
}

.setting-card-action .pretty.p-switch input:checked~.state label:after {
  background-color: var(--secondary-color) !important;
}

.setting-card-action .pretty.p-switch .state label:after {
  background-color: #fff !important;
}

.pretty.p-switch .state:before {
  border: 1px solid #fff !important;

  background-color: #dbdde4 !important;
}

.setting-card-action :where(a, button) {
  font-size: 1.2em;
  font-weight: 700 !important;
  color: var(--primary-color) !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  margin-bottom: 0em;
}

.settings-card-action button {
  margin-top: 1em;
}

/* .profile-card {
    margin-top: 1.5em;
} */

/* Tabs style  */

.walletr-tab-box {
  background-color: var(--secondary-color);
  border-radius: 25px;
}

.wallet-tab-header-sec .nav.nav-pills .nav-link.active {
  background-color: #DDE2F7;
  color: var(--primary-color);
}

.wallet-tab-header-sec .nav.nav-pills .nav-link {
  color: var(--tertiary-color);
  font-size: 0.8em;
  font-weight: 600;
  border-radius: 50px;
  padding: 1em 2em !important;
}

.import-wallet-modal-btn-sec {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 1em;
}

.import-wallet-modal-btn-sec .default-primary-btn {
  width: auto;
}

.wallet-token-content {
  margin-top: 1em;
}

/* transfer style  */
/* .#F6F7FB */
.transfer-content-from {
  background: #F6F7FB;
  padding: 1em;
  border-radius: 20px;
}

.transfer-amount-info {
  margin-top: 1.5em;
}

.transfer-amount-info h5 {
  color: #8F9899;
  font-size: 0.9em;
  font-weight: 400;
  margin-bottom: 0;
  text-align: center;
}

.transfer-amount-info h5 span {
  font-weight: 700;
  color: var(--tertiary-color);
}

.transfer-content-to {
  margin-top: 1.5em;
}

.transfer-content-to .transfer-from-from .form-control {
  background: #F6F7FB !important;
}

.transfer-title h3 {
  font-size: 0.9em;
  font-weight: 400;
  color: #1A1A1AE5;
  margin-bottom: 1em;
}

.transfer-from-from {
  flex: 1 auto;
}

.transfer-modal-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  margin-top: 2em;
}

.modal-action {
  display: flex;
  align-items: center;
  gap: 1em;
}

.wallet-onboard-strip {
  background: url("../img/strip-back.png") no-repeat var(--secondary-color) right;
  background-size: contain;
  /* padding: 1.5em; */
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 1em;
}

.wallet-onboard-strip-info h3 {
  font-size: 1.2em;
  font-weight: 700;
  color: var(--tertiary-color);
  margin-bottom: 0.5em;
}

.wallet-onboard-strip-info p {
  font-size: 0.9em;
  font-weight: 400;
  color: #878E96;
  margin-bottom: 0;
}

.strip-img {
  width: 3em;
  height: auto;
  object-fit: contain;
}


.header-nav-center .navbar-nav {
  display: grid;
  grid-template-columns: 100px auto;
  align-items: center;
  gap: 1em;
}

.transfer-history-tabs {
  display: flex;
  align-items: center;
  gap: 1.5em;
}

.all-contact-content {
  margin-top: 2em;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
  gap: 1.5em;
}

/* .transfer-history-sec{
    background: #F9F9F9;
    padding: 1.5em;
    border-radius: 25px;
} */

.transfer-history-table-sec table {
  border-collapse: separate;
  border-spacing: 0 0.8em;
}

.no-data-found-new-sec p {
  font-weight: 500;
  color: var(--gray-color);
  font-size: 0.9em;
  position: absolute;
  bottom: 14px;
}

.transfer-history-table-sec tr {
  /* border-bottom: 1px solid #f2f2f2; */
  box-shadow: 0px -3px 14px 0px #C9C9D433;
  border-radius: 16px;
  position: relative;
}

.transfer-history-table-sec td {
  padding: 1.2em !important;
  white-space: nowrap;
}

/* .transfer-history-table-sec .transaction-activity-hash-card{
    padding-left: 2em;
} */

.transfer-history-table-sec th {
  padding: 1em !important;
  padding-bottom: 0.5em !important;
  white-space: nowrap;
  font-size: 0.9em;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 0.5em;
  color: var(--gray-color);
  vertical-align: middle;
}

.transfer-history-table-sec.activity-history-sec .sno-hide {
  opacity: 0;
  padding: 0;
}

.transfer-history-table-sec td:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.transfer-history-table-sec td:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.drop-custome-frame {
  border: 1px dashed var(--primary-color);
  border-radius: 12px !important;
  padding: 1.5em;
  text-align: center;
  background: #F6F7FB !important;
  min-height: 10em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.drop-custome-frame p {
  font-size: 0.9em;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 0.5em;
  color: var(--primary-color);
}

.drop-input-group {
  display: inline-block !important;
  height: auto !important;
}

.welcome-wrapped {
  background: var(--secondary-color);
  position: relative;
  border-radius: 16px;
  padding: 2em;
}

.welcome-wrapped-avater {
  margin-bottom: 1.5em;
}

.welcome-wrapped-logo-info h4 {
  color: var(--secondary-color);
  font-size: 1.4em;
  font-weight: 600;
  margin-bottom: 0;
}

.welcome-wrapped .auth-btn-sec {
  display: flex;
  align-items: center;
  gap: 1em;
}

.welcome-wrapped-logo-info-img img {
  margin-bottom: 1em;
}

.welocme-avater-img {
  width: 100%;
  max-width: 20em;
  margin: 0 auto;
}

.welcome-wrapped-logo-info h5 {
  font-size: 1.2em;
  font-weight: 400;
  color: var(--tertiary-color);
}

.welcome-wrapped-logo-info h3 {
  font-weight: 600;
  font-size: 1.4em;
  margin-bottom: 0;
  color: var(--tertiary-color);
  line-height: 1.4;
}

.efi-wallet-sec {
  min-height: 100vh;
  /* background-color: #171717; */
  display: flex;
  width: 100%;
  height: 100%;
}

.admin-ui-sidebar {
  width: 5.5em;
  position: fixed;
  left: 0;
  top: 0;
  overflow: auto !important;
  will-change: transform;
  display: flex;
  flex-direction: column;
  background-color: #F2F3F5;
  /* box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.15); */
  bottom: 0;
  animation: fadeIn 1s;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  overflow: hidden;
  /* z-index: 9; */
}

.admin-ui-sidebar {
  padding: 1em;
}

.admin-ui-sidebar.admin-ui-collapse-sidebar {
  width: 16em;
  position: relative;
  position: fixed;
  left: 0;
  top: 0;
  overflow: auto !important;
  transition: transform 0.1s ease-in;
  will-change: transform;
  display: flex;
  flex-direction: column;
  /* box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.15); */
  bottom: 0;
  z-index: 99;
  -webkit-animation: fadeIn 1s;
  background-color: #F2F3F5;
  animation: fadeIn 1s;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  overflow: hidden;
}

.admin-ui-sidebar.admin-ui-collapse-sidebar .offcanvas-close {
  background-color: transparent !important;
  border: 0 !important;
  padding-right: 0 !important;
  align-items: center;
  justify-content: flex-end;
  display: none;
}

.admin-ui-collapse-btn {
  display: none;
}

.admin-ui-main-wrapper {
  /* background: var(--dark-light-color); */
  background: var(--secondary-color);
  /* margin-left: 5.5em; */
  width: 100%;
}

.ai-body-wrapped {
  background: var(--secondary-color);
  margin-left: 6%;
  /* margin-left: 2.8em; */
}

.admin-ui-logo-sec {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  margin-bottom: 1em;
  padding: 1em;
}

.admin-ui-logo-sec a {
  display: block;
  width: 100%;
}

.admin-ui-header-sec {
  border-bottom: 1px solid #EFEFF1;
  /* background-color: var(--dark-light-color); */
  background-color: var(--secondary-color);
  padding: 0.5em 1em;
  z-index: 99;
  position: fixed;
  right: 0;
}

.admin-ui-header-sec.static-page-header {
  width: 100%;
}

.admin-collapse-main-wrapper .admin-ui-header-sec {
  left: 20em !important;
}

.admin-ui-main-wrapper .admin-ui-header-sec {
  left: 16em;
}

.admin-ui-main-wrapper.admin-collapse-main-wrapper {
  margin-left: 20em;
}

.admin-ui-sidebar-list {
  display: flex;
  flex-direction: column;
  border-bottom: 0 !important;
  align-items: flex-start;
}

.admin-ui-sidebar-list li {
  padding-bottom: 1em;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}

.admin-ui-sidebar-list li a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.7em 1em;
  font-weight: 500;
  color: var(--gray-color);
  transition: 0.5s;
  line-height: 1.8;
  font-size: 0.9em;
  text-decoration: none !important;
  border-radius: 8px;
}

.admin-ui-sidebar.admin-ui-collapse-sidebar .admin-ui-sidebar-list li a {
  display: grid;
  align-items: center;
  grid-template-columns: 35px auto;
}

.admin-ui-sidebar-list li a:hover {
  background-color: var(--primary-hover-bg);
  color: var(--gray-color);
}

.admin-ui-sidebar-list li a.active {
  background-color: var(--primary-hover-bg);
  color: var(--gray-color);
  position: relative;
}

/* .admin-ui-sidebar.admin-ui-collapse-sidebar .admin-ui-sidebar-list li a.active::after {
  content: " ";
  background: var(--secondary-color);
  width: 6px;
  height: 6px;
  position: absolute;
  right: 5%;
  border-radius: 50%;
} */

.admin-ui-logo {
  max-width: 10em;
}

.admin-ui-collapse-logo {
  max-width: 3em;
}

.admin-ui-collapse-logo-sec a {
  display: block;
  width: 100%;
}

.admin-user-img {
  max-width: 10em;
}

.efi-wallet-sec .admin-ui-main-wrapper {
  margin-left: 16em;
}

.user-dropdown-sec .dropdown-toggle {
  background-color: transparent !important;
  /* border: 0 !important; */
  display: flex;
  align-items: center;
  gap: 1em;
  color: var(--tertiary-color) !important;
  border: 1px solid #EEEEEE;
  border-radius: 50px;
}

.user-dropdown-sec .dropdown-toggle:hover {
  color: var(--tertiary-color);
}

.user-dropdown-sec .dropdown-menu {
  left: -25px !important;
}

.user-dropdown-sec .dropdown-menu a {
  display: flex;
  align-items: center;
  gap: 0.5em;
  color: #6E6D8E;
  font-size: 0.9em;
  padding: 0.8em 1em !important;
  text-decoration: none !important;
}

.user-dropdown-sec .dropdown-toggle::after {
  display: none !important;
}

.user-dropdown-sec .dropdown-menu a:hover {
  background-color: #F6F7F7;
}

/* .user-dropdown-sec .dropdown-menu a svg {
    fill: #6E6D8E;
  } */

.user-dropdown-sec .dropdown-toggle span {
  color: var(--tertiary-color);
  font-size: 0.9em;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

.user-dropdown-sec .dropdown-toggle:hover span {
  color: var(--btn-color);
}

.admin-ui-collapse-btn {
  cursor: pointer;
}

.user-dropdown-img {
  width: 2.5em;
  height: 2.5em;
  object-fit: cover;
  border-radius: 50%;
}

.add-new-contact-img-sec {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}


.add-new-contact-img {
  width: 100%;
  max-width: 23em;
}

.navbar-toggler {
  border: 0 !important;
}

.bar-code-titles h2 {
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom: 1em;
  color: var(--tertiary-color);
  text-align: center;
}

.no-bot-exists-img {
  max-width: 25em;
}

.transfer-successful-sec .modal-close {
  right: 20px;
  top: 20px;
  position: absolute;
}

.transfer-successful-btn-sec {
  grid-template-columns: repeat(2, 1fr);
  display: grid;
  gap: 1em;
  margin-top: 1em;
  width: 100%;
}

.transfer-successful-info-sec h2 {
  font-size: 1.1em;
  font-weight: 600;
  color: var(--tertiary-color);
  margin-bottom: 1em;
}

.transfer-successful-info-sec p {
  font-size: 0.9em;
  font-weight: 500;
  margin-bottom: 0;
  color: var(--gray-color);
  line-height: 1.8;
}

.transfer-successful-card {
  padding: 1em;
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 1em;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.transfer-successful-icon {
  max-width: 10em;
}

.admin-ui-sidebar.admin-ui-collapse-sidebar .admin-ui-sidebar-list li a {
  justify-content: flex-start;
  border-radius: 30px;
  width: 100%;
}

.admin-ui-sidebar.admin-ui-collapse-sidebar .admin-ui-sidebar-list li a.active {
  background-color: var(--secondary-color);
  color: var(--primary-color);
}

.admin-ui-sidebar.admin-ui-collapse-sidebar .admin-ui-sidebar-list li a.active svg path {
  stroke: var(--primary-color);
}

.admin-ui-sidebar.admin-ui-collapse-sidebar .admin-ui-sidebar-list li a:hover {
  background-color: var(--secondary-color);
  color: var(--primary-color);
}

.admin-ui-sidebar.admin-ui-collapse-sidebar .admin-ui-sidebar-list li a:hover svg path {
  stroke: var(--primary-color);
}

.admin-ui-sidebar.admin-ui-collapse-sidebar .admin-ui-sidebar-list li {
  width: 100%;
}

.default-primary-btn {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}

.default-primary-btn:hover,
.default-primary-btn:focus,
.default-primary-btn:active {
  text-decoration: none !important;
  background-color: #0321A8 !important;
}

.default-primary-btn:hover:before {
  background-position: -20% 0;
}

.default-primary-btn:before {
  border-radius: 50px;
  content: "";
  background: linear-gradient(45deg,
      transparent 50%,
      rgba(255, 255, 255, 0.03) 58%,
      rgba(255, 255, 255, 0.16) 67%,
      transparent 68%);
  background-size: 200% 100%;
  background-position: 165% 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: 1s;
}

.all-contact-list-box {
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 1em;
  display: grid;
  max-height: 50vh;
  overflow-y: auto;
  margin-bottom: 1em;
}

.all-contact-list-card {
  display: grid;
  grid-template-columns: 80px auto;
  align-items: center;
  background-color: #F1F3F9;
  padding: 0.8em;
  border-radius: 50px;
}

.all-contact-list-img {
  width: 4em;
  height: 4em;
  object-fit: cover;
  border-radius: 50%;
}

.all-contact-list-info h4 {
  font-size: 0.95em;
  font-weight: 600;
  color: var(--tertiary-color);
}


.all-contact-list-info p {
  font-size: 0.75em;
  font-weight: 500;
  margin-bottom: 0;
  color: var(--gray-color);
  line-height: 1.8;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.modal-content {
  border: 0 !important;
}

.key-confirm-icon-sec {
  display: flex;
  align-items: center;
  justify-content: center;
}

.private-key-confirmation-card {
  padding: 1em;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.private-key-confirmation-card h2 {
  font-size: 1.1em;
  font-weight: 600;
  color: var(--tertiary-color);
  margin-bottom: 1em;
}

.private-key-confirmation-card p {
  font-size: 0.9em;
  font-weight: 500;
  margin-bottom: 0;
  color: var(--gray-color);
  line-height: 1.8;
}

.otp-timer {
  text-align: center;
}

.line-graph-sec {
  font-size: 0.75em;
}