.register {
  margin-top: 48px;
  margin-bottom: 48px;
}

.register p {
  color: var(--text-color);
}

.column-count {
  column-count: 2;
  column-gap: 5rem;
}

.register a {
  color: var(--primary-color);
  text-decoration: none;
}

.register a:hover {
  color: var(--hero-color);
}

@media (max-width: 991px) {
  .column-count {
    column-count: 1;
    column-gap: 2rem;
  }
}