a {
  &.theme-color {
    color: color(500) !important;
    &:hover {
      color: darken(color(500), 6%) !important;
    }
  }
  &.green-color {
    color: color(600) !important;
    &:hover {
      color: darken(color(600), 6%) !important;
    }
  }
  &.default-color {
    color: color(900) !important;
    &:hover {
      color: color(500) !important;
    }
  }
}

//text-size
.h-22 {
  font-size: 22px;
  @media (max-width: 1399px) {
    font-size: 20px;
  }
  @include media-breakpoint-down(md) {
    font-size: 18px;
  }
}
.h-18 {
  font-size: 18px;
  @media (max-width: 1599px) {
    font-size: 16px;
  }
}
.h-20 {
  font-size: 20px;
  @media (max-width: 1399px) {
    font-size: 18px;
  }
  @include media-breakpoint-down(md) {
    font-size: 16px;
  }
}
.disabled {
    pointer-events: none;
    cursor: default;
}