/* Timeline custom component */
.timeline-card {
    position: relative;
    margin-left: 16px; }
  
  .timeline-card:before {
    content: '';
    display: inline-block;
    position: absolute;
    background-color: #fff;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    top: 16px;
    left: -12px;
    border: 5px solid;
    z-index: 2; }
  
  .timeline-body {
    border-left: 2px solid #E6E9ED; }
  
  .timeline-card-primary:before {
    border-color: #1266f1; }
  
  .timeline-card-education:before {
    border-color: #39c0ed; }
  
  .timeline-card-achievement:before {
    border-color: #b33c3c; }
  
  .timeline-card-work:before {
    border-color: #20c997; }

  .timeline-card-facilitation:before {
    border-color: #302b1a; }

  .timeline-card-certification:before {
    border-color: #c69c1d; }
  .timeline-card-default:before{
    border-color:#792424;
  }