.vh-fact-box {
  padding: 15px;
  border: 5px solid;
  border-image-slice: 1;
  border-width: 2px;
  @include xl-screen {
    padding: 30px;
  }
  &--purple-border {
    border-image-source: linear-gradient(to left, $bg-3, $bg-4);
  }
  &--orange-border {
    border-image-source: linear-gradient(to left, $bg-7, $bg-8);
  }
  &--teal-border {
    border-image-source: linear-gradient(to left, $bg-1, $bg-2);
  }
  &--green-border {
    border-image-source: linear-gradient(to left, $bg-5, $bg-6);
  }
  &__title {
    line-height: 1;
    &-sm {
      font-size: 30px;
      font-weight: 600;
    }
  }
  &__sub-title {
    font-weight: 600;
  }
}
