
.jtimeline ul.jtimeline-events > li.jtimeline-event > .jtimeline-event-label {
    position: absolute;
    left: -85px;
    width: 280%;
    height: 110px;
    display: flex;
    justify-content: center;
    text-align: center;
    background-color: transparent;
}
.jtimeline ul.jtimeline-events > li.jtimeline-event > .jtimeline-event-bullet {
    display: block;
    width: 127px;
    height: 48px;
    background-color: #fafafa;
    border-width: 3px;
    border-color: transparent;
    border-style: solid;
    position: relative;
    top: -16.5px;
    right: 85px;
}
.orangec {
	background-color: #f58220 !important;
    color: white;
    padding: 13px;
    text-align: center;
    font-size: 17px;
    font-style: bold;
    font-weight: 600;
}
.blackc {
   
    background-color: black !important;
	color:white;
	 padding: 13px;
    text-align: center;
    font-size: 17px;
    font-style: bold;
    font-weight: 600;
   
}
.blackborder{
	border-left:2px solid black !important;
}
.orangeborder{
	border-left:2px solid #f58220 !important;
}
/* Triangle part */
.jtimeline-events li:nth-child(odd) .jtimeline-event-bullet::after {
  content: "";
    position: absolute;
    top: -3px;
    right: -27px;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #f58220;
}
.jtimeline-events li:nth-child(even) .jtimeline-event-bullet::after {
  content: "";
    position: absolute;
    top: -3px;
    right: -27px;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #000;
}

.jtimeline ul.jtimeline-events > li.jtimeline-event:hover > .jtimeline-event-bullet, .jtimeline ul.jtimeline-events > li.jtimeline-event.is-active > .jtimeline-event-bullet {
    border-color: transparent !important;
    background-color: #3abb67;
}

.jtimeline ul.jtimeline-events:before {
    
    height: 7px;
    top: 11px;
}


/* First two dots (top-left & top-right) */
.jtimeline-events li:nth-child(even) .jtimeline-event-label::before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  background: orange;
  border-radius: 50%;
  top: -5px;
  left: -5px;
  /* clone the dot to the top-right corner */
  box-shadow: calc(100% + 0px) 0 red;
}

/* Second two dots (bottom-left & bottom-right) */
.jtimeline-events li:nth-child(even) .jtimeline-event-label::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  background: orange;
  border-radius: 50%;
  bottom: -5px;
  left: -5px;
  /* clone the dot to the bottom-right corner */
  box-shadow: calc(100% + 0px) 0 red;
}

/* First two dots (top-left & top-right) */
.jtimeline-events li:nth-child(odd) .jtimeline-event-label::before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  background: black;
  border-radius: 50%;
  top: -5px;
  left: -5px;
  /* clone the dot to the top-right corner */
  box-shadow: calc(100% + 0px) 0 red;
}

/* Second two dots (bottom-left & bottom-right) */
.jtimeline-events li:nth-child(odd) .jtimeline-event-label::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  background: black;
  border-radius: 50%;
  bottom: -5px;
  left: -5px;
  /* clone the dot to the bottom-right corner */
  box-shadow: calc(100% + 0px) 0 red;
}
.jtimeline {
    max-width: 100%;
    position: relative;
    padding: 171px 206px;
    overflow: hidden;
}
.orangeborder .heading_main{
	font-size: 17px !important;
    font-weight: 500 !important;
    margin-left: 0px !important;
	line-height:24px;
	text-transform:uppercase;
	color:#f08121  !important;
}
.blackborder .heading_main{
	font-size: 17px !important;
    font-weight: 500 !important;
    margin-left: 0px !important;
	line-height:24px;
	text-transform:uppercase;
	color:black !important;
}
.jtimeline ul.jtimeline-events > li.jtimeline-event:nth-child(odd) > .jtimeline-event-label {
    top: -126.5px;
    align-items: baseline;
    text-align: left;
} 
.jtimeline ul.jtimeline-events > li.jtimeline-event:nth-child(even) > .jtimeline-event-label {
    align-items: baseline;
	text-align: left;
	color:#f08121  !important;
}
.jtimeline-event-label p{
	margin-left:7px;
	font-size:11px;	
}
.jtimeline .jtimeline-scroll-left > .jtimeline-arrow, .jtimeline .jtimeline-scroll-right > .jtimeline-arrow {
 
    top: -1px;
	width:30px;
	height:30px;
}

/*future roadmap*/
.fr .blackborder{
	border-right: 2px solid black !important;	
	border-left: none !important;	

}

.fr .orangeborder{
	border-right: 2px solid black !important;	
	border-left: none !important;	

}


.fr .jtimeline-events li:nth-child(odd) .jtimeline-event-label::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: transparent;
    border-radius: 50%;
    top: -5px;
    left: -5px;
    box-shadow: calc(100% + 0px) 0 red;
}
.fr .jtimeline-events li:nth-child(even) .jtimeline-event-label::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  background: transparent;
  border-radius: 50%;
  bottom: -5px;
  left: -5px;
  /* clone the dot to the bottom-right corner */
  box-shadow: calc(100% + 0px) 0 red;
}
.fr .jtimeline-events li:nth-child(odd) .jtimeline-event-label::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: transparent;
    border-radius: 50%;
    bottom: -5px;
    left: -5px;
    box-shadow: calc(100% + 0px) 0 red;
}
.fr .jtimeline-events li:nth-child(even) .jtimeline-event-label::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: transparent;
    border-radius: 50%;
    top: -5px;
    left: -5px;
    box-shadow: calc(100% + 0px) 0 red;
}

.fr .jtimeline ul.jtimeline-events > li.jtimeline-event:nth-child(odd) > .jtimeline-event-label {
   left:-147px
}

.fr .jtimeline ul.jtimeline-events > li.jtimeline-event:nth-child(even) > .jtimeline-event-label {
  left:-147px
}
.jtimeline ul.jtimeline-events > li.jtimeline-event:nth-child(odd) > .jtimeline-event-label {
    top: -143.5px;
    align-items: baseline;
    text-align: left;
}
