.font-thin {
  font-weight: 100;
}

.font-extralight {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-black {
  font-weight: 900;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.normal-case {
  text-transform: none;
}

.underline {
  text-decoration: underline;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.truncate-multiline {
  display: inline;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.break-words {
  overflow-wrap: break-word;
}

.text-ellipsis {
  text-overflow: ellipsis;
}

.text-clip {
  text-overflow: clip;
}

.text-left {
  text-align: left;
}

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

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

/* 8 10 12 14  */
.xss-text {
  font-size: 10px;
}
.xs-text {
  font-size: 12px;
}

.sm-text {
  font-size: 14px;
}
.md-text {
  font-size: 16px;
}

.l-text {
  font-size: 24px;
}

.px_20-text {
  font-size: 20px;
}

.px_16-text {
  font-size: 16px;
}

.xl-text {
  font-size: 34px;
}

.org-text {
  font-size: 20px;
  font-weight: 600;
}

.sb-text-primary {
  color: var(--mui-palette-secondary-main);
}

.font-oblique {
  font-style: oblique;
}

.sb-text-contrast {
  color: var(--mui-palette-primary-contrastText);
}
.sb-text-gray {
  color: #868686;
}
.sb-text-info {
  color: #667085;
}
.sb-text-error {
  color: #fa3131;
}

.sb-text-black {
  /* color: #000; */
  color: var(--mui-palette-primary-main);
}

.sb-text-success {
  color: #4ab56d;
}