.word-break {
  display: inline-block; /* Ensures proper text wrapping */
  max-width: 100%; /* Prevents content from exceeding container width */
  
  overflow-wrap: anywhere;  /* Breaks long words or URLs at any point */
  word-wrap: break-word;  /* Allows words to wrap normally */
  word-break: break-word;  /* Ensures words break correctly */
  
  white-space: normal; /* Prevents text from staying on a single line */
  
  /* More aggressive word-breaking if necessary */
  word-break: break-all;

  /* Hyphenation support for better appearance */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}



ul.timeline {
  list-style-type: none;
  position: relative;
}
ul.timeline:before {
  content: ' ';
  background: #d4d9df;
  display: inline-block;
  position: absolute;
  left: 0px;
  width: 2px;
  height: 100%;
  z-index: 400;
}
ul.timeline > li {
  margin: 20px 0;
  padding-left: 20px;
}
ul.timeline > li:before {
  content: ' ';
  background: white;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 3px solid #22c0e8;
  left: -9px;
  width: 20px;
  height: 20px;
  z-index: 400;
}