/* text-size */
.font-12 {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-16 {
    font-size: 1rem;
    line-height: 1.25rem;
  }
.font-20 {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
  .text-link {
    font-size: 1.25rem;
    line-height: 2.5rem;
  }
.font-22 {
  font-size: 1.375rem;
  line-height: 1.75rem;
}
.font-28 {
  font-size: 1.75rem;
  line-height: 2.25rem;
}
.font-48 {
  font-size: 3rem;
  line-height: 3.75rem;
}
.font-68 {
  font-size: 4.25rem;
  line-height: 5.313rem;
}
/* text-color */
.text-dark-blue {
  color: #0a083a;
}
.text-light-blue {
  color: #0076ff;
}
.text-grey-20 {
  color: #0a083a33;
}
.text-grey-40 {
  color: #0a083a66;
}
.text-grey-60 {
  color: #0a083a99;
}
/* background-color */
.bg-light-blue {
  background-color: #0076ff !important;
}
.bg-dark-blue {
    background-color: #0a083a !important;
  }
/* max-width */
.max-w-1440 {
  max-width: 1440px;
}
.max-w-340 {
    max-width: 21.25rem;
}
.max-w-426 {
    max-width: 26.625rem;
}
.max-w-616 {
    max-width: 38.5rem;
}
.w-335 {
  width: 335px;
}
/* border-radius */
.round-30 {
    border-radius: 30px;
}
/* margin */
.-mr-30 {
    margin-right: -1.875rem;
}
.-mb-30 {
    margin-bottom: -1.875rem;
}
.mt-30 {
    margin-top: 30px;
}
.-ml-88 {
  margin-left: -5.5rem;
}
/* padding */
.pt-30 {
    padding-top: 1.875rem;
}
.pl-30 {
    padding-left: 1.875rem;
}
.pb-30 {
    padding-bottom: 1.875rem;
}
.icon {
  width: 20px;
  height: 20px;
}
.inline-flex {
  display: inline-flex;
}
.top-130 {
  top: 130px;
}