h1.hero-sm {
  font-size: 2.125rem;
}

ol {
	padding-left: 1rem;
}

/*Tooltip Payment Info*/

.tooltip-payment-info {
  position: relative;
  cursor: help;
}

.tooltip-payment-info::after {
  content: "Buy courses for each student, with the option to pay later";
  font-family: var(--font-family-PublicSans), Helvetica, Arial, sans-serif !important;
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 6px 10px;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 0.75rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease-in-out;
  z-index: 10;
}

.tooltip-payment-info:hover::after {
  opacity: 1;
}