.timeline {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 15px 0;
  }
  
  .timeline::after {
	content: '';
	position: absolute;
	width: 2px;
	background: #fe8005;
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -1px;
  }
  
  .container {
	padding: 15px 30px;
	position: relative;
	background: inherit;
	width: 50%;
  }
  
  .container.left {
	right: 25%;
  }
  
  .container.right {
	left: 25%;
  }
  
  .container::after {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	top: calc(50% - 8px);
	right: -8px;
	background: #fe8005;
	border: 1px solid #fe8005;
	border-radius: 16px;
	z-index: 1;
  }
  
  .container.right::after {
	left: -8px;
  }
  
  .container::before {
	content: '';
	position: absolute;
	width: 80px;
	height: 2px;
	top: calc(50% - 1px);
	right: 8px;
	background: #fe8005;
	z-index: 1;
  }
  
  .container.right::before {
	left: 8px;
  }
  
  .container .date {
	position: absolute;
	display: inline-block;
	top: calc(50% - 11px);
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	letter-spacing: 1px;
	z-index: 1;
  }
  
  .container.left .date {
	right: 80px;
	z-index: 2;
  }
  
  .container.right .date {
	left: 80px;
	z-index: 2;
  }
  
  .container .icon {
	position: absolute;
	display: inline-block;
	width: 80px;
	height: 80px;
	padding: 9px 0;
	top: calc(50% - 40px);
	background: rgba(255, 255, 255, 0);
	border: 0px solid #fe8005;
	border-radius: 80px;
	text-align: center;
	font-size: 18px;
	color: #fe8005;
	z-index: 1;
  }
  
  .container.left .icon {
	right: 56px;
  }
  
  .container.right .icon {
	left: 56px;
  }
  
  .container .content {
	padding: 30px 110px 30px 30px;
	position: relative;
	border-radius: 0 500px 500px 0;
  }
  
  .container.right .content {
	padding: 30px 30px 30px 110px;
	border-radius: 500px 0 0 500px;
  }
  
  .container .content h2 {
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: normal;
	color: #fe8005;
  }
  
  .container .content p {
	margin: 0;
	margin-left: 5px;
	font-size: 16px;
	line-height: 22px;
	color: #000000;
  }
  
  @media (max-width: 767.98px) {
	.timeline::after {
	  left: 90px;
	}
  
	.container {
	  width: 100%;
	  padding-left: 120px;
	  padding-right: 30px;
	}
  
	.container.right {
	  left: 0%;
	}
  
	.container.left::after, 
	.container.right::after {
	  left: 82px;
	}
  
	.container.left::before,
	.container.right::before {
	  left: 100px;
	  border-color: transparent #fe8005 transparent transparent;
	}
  
	.container.left .date,
	.container.right .date {
	  right: auto;
	  left: 15px;
	}
  
	.container.left .icon,
	.container.right .icon {
	  right: auto;
	  left: 146px;
	}
  
	.container.left .content,
	.container.right .content {
	  padding: 30px 30px 30px 90px;
	  border-radius: 500px 0 0 500px;
	}
}