.parallel-header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    align-content: center;
    text-align: center;

    font-size: 1.3em;
    margin-top: 50px;
    width: 100% ;
}
.parallel-header span {
    color: var(--primary-color);
    font-size: 2em;
}


.tooltip {
  position: relative;
  display: inline-block;
  text-align: center;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 500px;
  background-color: black;
  color: white !important;
  font-size: .8em !important;
  text-align: center;
  border-radius: 6px;
  padding: 5px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 105%;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
  background-color: var(--lightgrey-color);
}