.nav-fill .nav-item,
.nav-fill > .nav-link {
  text-align: left;
  font-size: 20px;
  padding: 25px 25px;
  margin: 0px 1px;
  border: 1px solid transparent;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  border-bottom-left-radius: 1.1rem;
  border-bottom-right-radius: 1.1rem;
}
.nav-fill .nav-item,
.nav-fill > .nav-link {
  color: #495057;
  background-color: #fff;
  /* border-color: ; */
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #ffffff;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs {
  border-bottom: 0px;
}

.box {
  padding: 20px;
  align-items: center;
  justify-content: center;
}
.card-brder-left-theme {
  border-radius: 0 !important;
  border-left: 4px solid var(--theme-color) !important;
}
.card-brder-top-theme {
  border-radius: 0 !important;
  border-top: 4px solid var(--theme-color) !important;
}
.percentage_value {
  color: var(--theme-color);
  font-size: 64px;
}