.timeline-wrapper {
	position: relative;
  }

  .timeline-wrapper:before {
	content: '';
	position: absolute;
	top: 0;
	background: #e3e6e9;
	width: 1px;
	height: 100%;
  }

  .timeline-wrapper .timeline .timeline-date {
	position: relative;
  }

  .timeline-wrapper .timeline .timeline-date:before {
	content: '';
	position: absolute;
	top: 31px;
	background: #e3e6e9;
	width: 20px;
	height: 20px;
	border-radius: 50%;
  }

  .timeline-wrapper .timeline .timeline-date:after {
	content: '';
	position: absolute;
	top: 37px;
	background: #131517;
	width: 8px;
	height: 8px;
	border-radius: 50%;
  }

  @media (min-width: 992px) {
	.timeline-wrapper {
	  position: relative;
	}
	.timeline-wrapper:before {
	  left: 50%;
	  -webkit-transform: translateX(-50%);
	  transform: translateX(-50%);
	}
	.timeline-wrapper .timeline {
	  position: relative;
	}
	.timeline-wrapper .timeline .timeline-date, .timeline-wrapper .timeline .timeline-content {
	  width: 50%;
	  padding: 30px;
	}
	.timeline-wrapper .timeline .timeline-date {
	  position: absolute;
	  top: 0;
	  left: 0;
	  text-align: right;
	}
	.timeline-wrapper .timeline .timeline-date:before {
	  right: -10px;
	}
	.timeline-wrapper .timeline .timeline-date:after {
	  right: -4px;
	}
	.timeline-wrapper .timeline .timeline-date h1, .timeline-wrapper .timeline .timeline-date h2, .timeline-wrapper .timeline .timeline-date h3, .timeline-wrapper .timeline .timeline-date h4, .timeline-wrapper .timeline .timeline-date h5, .timeline-wrapper .timeline .timeline-date h6 {
	  position: relative;
	  text-align: right;
	}
	.timeline-wrapper .timeline .timeline-content {
	  margin-left: 50%;
	}
	.timeline-wrapper .timeline:nth-child(even) .timeline-date {
	  left: 50%;
	  text-align: left;
	}
	.timeline-wrapper .timeline:nth-child(even) .timeline-date:before {
	  right: auto;
	  left: -10px;
	}
	.timeline-wrapper .timeline:nth-child(even) .timeline-date:after {
	  right: auto;
	  left: -4px;
	}
	.timeline-wrapper .timeline:nth-child(even) .timeline-date h1, .timeline-wrapper .timeline:nth-child(even) .timeline-date h2, .timeline-wrapper .timeline:nth-child(even) .timeline-date h3, .timeline-wrapper .timeline:nth-child(even) .timeline-date h4, .timeline-wrapper .timeline:nth-child(even) .timeline-date h5, .timeline-wrapper .timeline:nth-child(even) .timeline-date h6 {
	  text-align: left;
	}
	.timeline-wrapper .timeline:nth-child(even) .timeline-content {
	  margin-left: 0;
	  text-align: right;
	}
	.timeline-wrapper.timeline-left:before {
	  left: 200px;
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	}
	.timeline-wrapper.timeline-left .timeline .timeline-date {
	  width: 200px;
	  padding: 30px 30px 0 0;
	}
	.timeline-wrapper.timeline-left .timeline .timeline-content {
	  width: auto;
	  margin: 0 0 0 200px;
	  padding: 30px 0 0 30px;
	  text-align: left;
	}
	.timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date {
	  left: auto;
	  text-align: right;
	}
	.timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date:before {
	  right: -10px;
	  left: auto;
	}
	.timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date:after {
	  right: -4px;
	  left: auto;
	}
	.timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h1, .timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h2, .timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h3, .timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h4, .timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h5, .timeline-wrapper.timeline-left .timeline:nth-child(even) .timeline-date h6 {
	  text-align: right;
	}
	.timeline-wrapper.timeline-left .timeline:last-child .timeline-date, .timeline-wrapper.timeline-left .timeline:last-child .timeline-content {
	  padding-bottom: 30px;
	}
	.timeline-wrapper.timeline-right:before {
	  right: 200px;
	  left: auto;
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	}
	.timeline-wrapper.timeline-right .timeline .timeline-date {
	  right: 0;
	  left: auto;
	  width: 200px;
	  padding: 30px 0 0 30px;
	  text-align: left;
	}
	.timeline-wrapper.timeline-right .timeline .timeline-date:before {
	  right: auto;
	  left: -10px;
	}
	.timeline-wrapper.timeline-right .timeline .timeline-date:after {
	  right: auto;
	  left: -4px;
	}
	.timeline-wrapper.timeline-right .timeline .timeline-date h1, .timeline-wrapper.timeline-right .timeline .timeline-date h2, .timeline-wrapper.timeline-right .timeline .timeline-date h3, .timeline-wrapper.timeline-right .timeline .timeline-date h4, .timeline-wrapper.timeline-right .timeline .timeline-date h5, .timeline-wrapper.timeline-right .timeline .timeline-date h6 {
	  text-align: left;
	}
	.timeline-wrapper.timeline-right .timeline .timeline-content {
	  width: auto;
	  margin: 0 200px 0 0;
	  padding: 30px 30px 0 0;
	  text-align: right;
	}
	.timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date {
	  left: auto;
	  text-align: left;
	}
	.timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date:before {
	  left: -10px;
	}
	.timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date:after {
	  left: -4px;
	}
	.timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h1, .timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h2, .timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h3, .timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h4, .timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h5, .timeline-wrapper.timeline-right .timeline:nth-child(even) .timeline-date h6 {
	  text-align: left;
	}
	.timeline-wrapper.timeline-right .timeline:last-child .timeline-date, .timeline-wrapper.timeline-right .timeline:last-child .timeline-content {
	  padding-bottom: 30px;
	}
  }

  @media (max-width: 991.98px) {
	.timeline-wrapper {
	  padding-left: 30px;
	}
	.timeline-wrapper:before {
	  left: 0;
	}
	.timeline-wrapper .timeline {
	  margin-bottom: 30px;
	}
	.timeline-wrapper .timeline:first-child {
	  padding-top: 30px;
	}
	.timeline-wrapper .timeline:last-child {
	  margin-bottom: 0;
	  padding-bottom: 30px;
	}
	.timeline-wrapper .timeline .timeline-date:before {
	  top: 1px;
	  left: -40px;
	}
	.timeline-wrapper .timeline .timeline-date:after {
	  top: 7px;
	  left: -34px;
	}
  }

  @media (max-width: 575.98px) {
	.timeline-wrapper {
	  padding-left: 20px;
	}
	.timeline-wrapper .timeline .timeline-date:before {
	  left: -30px;
	}
	.timeline-wrapper .timeline .timeline-date:after {
	  left: -24px;
	}
  }

  div[class^='bg-black'] .timeline-wrapper:before, div[class*=' bg-black'] .timeline-wrapper:before, div[class^='bg-dark'] .timeline-wrapper:before, div[class*=' bg-dark'] .timeline-wrapper:before {
	background: rgba(255, 255, 255, 0.2);
  }

  div[class^='bg-black'] .timeline-wrapper .timeline .timeline-date:before, div[class*=' bg-black'] .timeline-wrapper .timeline .timeline-date:before, div[class^='bg-dark'] .timeline-wrapper .timeline .timeline-date:before, div[class*=' bg-dark'] .timeline-wrapper .timeline .timeline-date:before {
	background: rgba(255, 255, 255, 0.2);
  }

  div[class^='bg-black'] .timeline-wrapper .timeline .timeline-date:after, div[class*=' bg-black'] .timeline-wrapper .timeline .timeline-date:after, div[class^='bg-dark'] .timeline-wrapper .timeline .timeline-date:after, div[class*=' bg-dark'] .timeline-wrapper .timeline .timeline-date:after {
	background: #fff;
  }