* {
  font-family: var(--font-family);
}

.typo {
  font-family: var(--font-family);
  color: var(--color-dark);
  margin-bottom: 0.6em;
}

.lg_title {
  font-family: var(--font-family);
  color: var(--color-dark);
  margin-bottom: 0.6em;
  font-weight: bold;
  font-size: 42px;
  line-height: 50px;
}

.title {
  font-family: var(--font-family);
  color: var(--color-dark);
  margin-bottom: 0.6em;
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
}

.sub_title {
  font-family: var(--font-family);
  color: var(--color-dark);
  margin-bottom: 0.6em;
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
}

.text {
  font-family: var(--font-family);
  color: var(--color-dark);
  margin-bottom: 0.6em;
  font-size: 16px;
  line-height: 24px;
}

.bold {
  font-weight: bold;
}

.text_sm {
  font-family: var(--font-family);
  color: var(--color-dark);
  margin-bottom: 0.6em;
  font-size: 12px;
  line-height: 14px;
}

.link {
  font-family: var(--font-family);
  color: var(--color-dark);
  margin-bottom: 0.6em;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-primary);
  border: none;
  background: transparent;
}

.underline {
  text-decoration: underline;
}

.text_primary {
  color: var(--color-primary);
}

.text_info {
  color: var(--color-info);
}

.text_success {
  color: var(--color-success);
}

.text_warning {
  color: var(--color-warning);
}

.text_danger {
  color: var(--color-danger);
}

.text_dark {
  color: var(--color-dark);
}

.text_secondary {
  color: var(--color-secondary);
}

.text_light {
  color: var(--color-light);
}

.text_center {
  text-align: center;
}

.no_margin {
  margin: 0px;
}

.mb_24 {
  margin-bottom: 24px !important;
}