.harislearningplan section {
			  padding: 100px 0;
			}



			.harislearningplanheader {
			  background: #3F51B5;
			  color: #FFFFFF;
			  padding: 150px 0;
			}
			.harislearningplanheader p {
			  color: rgba(255, 255, 255, 0.2);
			  margin-bottom: 0;
			  font-size: 60px;
			  margin-top: -30px;
			}

			.harislearningplan .timeline {
			  position: relative;
			}
			.harislearningplan .timeline::before {
			  content: '';
			  background: #C5CAE9;
			  width: 5px;
			  height: 95%;
			  position: absolute;
			  left: 50%;
			  transform: translateX(-50%);
			}

			.harislearningplan .timeline-item {
			  width: 100%;
			  margin-bottom: 70px;
			}
			.harislearningplan .timeline-item:nth-child(even) .timeline-content {
			  float: right;
			}
			.harislearningplan .timeline-item:nth-child(even) .timeline-content .date {
			  right: 0;
			}
			.harislearningplan .timeline-item:nth-child(even) .timeline-content::after {
			  content: '';
			  position: absolute;
			  border-style: solid;
			  width: 0;
			  height: 0;
			  top: 30px;
			  left: -15px;
			  border-width: 10px 15px 10px 0;
			  border-color: transparent #f5f5f5 transparent transparent;
			}
			.harislearningplan .timeline-item::after {
			  content: '';
			  display: block;
			  clear: both;
			}

			.harislearningplan .timeline-content {
			  position: relative;
			  width: 45%;
			  padding: 0;
			  border-radius: 25px;
			  background: #ffffff;
			  box-shadow: 5px 5px 25px 0 rgba(46,61,73,.2);
			}
			
			.timeline-header {
                    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
                    padding: 1px 2px 1px 16px;
                        BORDER-RADIUS: 25PX;
            }

			.harislearningplan .timeline-content::after {
			  content: '';
			  position: absolute;
			  border-style: solid;
			  width: 0;
			  height: 0;
			  top: 30px;
			  right: -15px;
			  border-width: 10px 0 10px 15px;
			  border-color: transparent transparent transparent #f5f5f5;
			}

			.harislearningplan .timeline-img {
			  width: 30px;
			  height: 30px;
			  background: #3F51B5;
			  border-radius: 50%;
			  position: absolute;
			  left: 50%;
			  margin-top: 25px;
			  margin-left: -15px;
			}

			.harislearningplan a {
			  background: #3F51B5;
			  color: #FFFFFF;
			      padding: 8px 42px;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 11px;
    letter-spacing: 4px;
    margin-top: 8px;
    font-weight: 500;
    display: inline-block;
    border-radius: 8px;
			  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.6);
			}
			.harislearningplan a:hover, .harislearningplan a:active, .harislearningplan a:focus {
			  background: #32408f;
			  color: #FFFFFF;
			  text-decoration: none;
			}

			
			.harislearningplan .timeline-card p {
			  padding: 10px;
			}
			.harislearningplan .timeline-card a {
			  margin-left: 0;
			}

			.harislearningplan .timeline-item .timeline-img-header {
			  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("https://hd.unsplash.com/photo-1458530970867-aaa3700e966d") center center no-repeat;
			  background-size: cover;
			}
			
			
			
			.harislearningplan .timeline-item:nth-child(5) .timeline-img-header {
			  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("https://hd.unsplash.com/photo-1444093826349-9ce8c622f4f3") center center no-repeat;
			  background-size: cover;
			}
			.harislearningplan .timeline-item:nth-child(6) .timeline-img-header {
			  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("https://hd.unsplash.com/photo-1471479917193-f00955256257") center center no-repeat;
			  background-size: cover;
			}
			.harislearningplan .timeline-item:nth-child(8) .timeline-img-header {
			  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("https://hd.unsplash.com/photo-1466840787022-48e0ec048c8a") center center no-repeat;
			  background-size: cover;
			}
			.harislearningplan .timeline-item:nth-child(10) .timeline-img-header {
			  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("https://hd.unsplash.com/photo-1447639703758-f525f36456bf") center center no-repeat;
			  background-size: cover;
			}
			.harislearningplan .timeline-item:nth-child(11) .timeline-img-header {
			  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("https://hd.unsplash.com/photo-1469429978400-082eec725ad5") center center no-repeat;
			  background-size: cover;
			}

			

			.harislearningplan blockquote {
			  margin-top: 30px;
			  color: #757575;
			  border-left-color: #3F51B5;
			  padding: 0 20px;
			}

			.harislearningplan .date {
			  background: #FF4081;
			  display: inline-block;
			  color: #FFFFFF;
			  padding: 10px;
			  position: absolute;
			  top: 0;
			  right: 0;
			      border-top-right-radius: 25px;
			}

			@media screen and (max-width: 768px) {
			  .harislearningplan .timeline::before {
			    left: 50px;
			  }
			  .harislearningplan .timeline .timeline-img {
			    left: 50px;
			  }
			  .harislearningplan .timeline .timeline-content {
			    max-width: 100%;
			    width: auto;
			    margin-left: 70px;
			  }
			  .harislearningplan .timeline .timeline-item:nth-child(even) .timeline-content {
			    float: none;
			  }
			  .harislearningplan .timeline .timeline-item:nth-child(odd) .timeline-content::after {
			    content: '';
			    position: absolute;
			    border-style: solid;
			    width: 0;
			    height: 0;
			    top: 30px;
			    left: -15px;
			    border-width: 10px 15px 10px 0;
			    border-color: transparent #f5f5f5 transparent transparent;
			  }
			}


.harislearningplan .timeline-img-header h3
{
   color: #FFFFFF;
   position: absolute;
   bottom: 5px;
   font-size:1.5em;
}

.harislearningplan .timeline-img-header {
			  height: 150px;
			  position: relative;
			  margin-bottom: 20px;
			}
			.harislearningplan .timeline-img-header h2 {
			  color: #555;
			  position: absolute;
			}
			

            .harislearningplan .timeline-item:nth-child(odd) .timeline-img-header h2 {
			  width:100%;
			  text-align:left;
			  padding-left:10px;
			}
			
			.harislearningplan .timeline-item:nth-child(odd) .timeline-img-header h3 {
			  width:100%;
			  text-align:left;
			  padding-left:10px;
			}
			
			.harislearningplan .timeline-item:nth-child(even) .timeline-img-header h2 {
			  width:100%;
			  text-align:right;
			  padding-right:10px;
			}
			
			.harislearningplan .timeline-item:nth-child(even) .timeline-img-header h3 {
			  width:100%;
			  text-align:right;
			  padding-right:10px;
			}