#timeline .timeline-item:after, #timeline .timeline-item:before {
	 content: '';
	 display: block;
	 width: 100%;
	 clear: both;
}

 #timeline {
max-width: 1100px;
    margin: 30px auto;
    position: relative;
    padding: 0 10px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
 #timeline:before {
    content: "";
    width: 5px;
    height: 100%;
    background: #0463907d;
    left: 50%;
    top: 0;
    position: absolute;
}
 #timeline:after {
	 content: "";
	 clear: both;
	 display: table;
	 width: 100%;
}
 #timeline .timeline-item {
	 margin-bottom: 0px;
	 position: relative;
}
#timeline .timeline-item .timeline-icon {
    background-color: #ffffff;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 6px;
    left: 50%;
    overflow: hidden;
    margin-left: -18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 4px #0463907d solid;
}
 #timeline .timeline-item .timeline-icon svg {
	 position: relative;
	 top: 14px;
	 left: 14px;
}
 #timeline .timeline-item .timeline-content {
    width: 45%;
    background: #fff;
    padding: 20px;
    -webkit-box-shadow: 0 14px 24px -15px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 14px 24px -15px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 14px 24px -15px rgb(0 0 0 / 30%);
    box-shadow: 0 14px 24px -15px rgb(0 0 0 / 30%);
     -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
     border-radius: 3px; 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
 #timeline .timeline-item .timeline-content h5 {
padding: 10px;
    background: #046390;
    color: #fff;
    margin: -20px -20px 0 -20px;
    font-weight: 500;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
 #timeline .timeline-item .timeline-content:before {
content: '';
    position: absolute;
    left: 100%;
    top: 15px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #046390;
}
 #timeline .timeline-item .timeline-content.right {
	 float: right;
}
 #timeline .timeline-item .timeline-content.right:before {
	 content: '';
	 right: 100%;
	 left: inherit;
	 border-left: 0;
	 border-right: 10px solid #046390;
}
 
 @media screen and (max-width: 768px) {
	 #timeline {
		 margin: 30px;
		 padding: 0px;
		 width: 90%;
	}
	 #timeline:before {
		 left: 0;
	}
	 #timeline .timeline-item .timeline-content {
		 width: 90%;
		 float: right;
	}
	 #timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before {
		 left: 10%;
		 margin-left: -6px;
		 border-left: 0;
		 border-right: 7px solid #046390;
	}
	 #timeline .timeline-item .timeline-icon {
		 left: 0;
	}
}