/* Timeline Code */
.conference-timeline {
  position: relative;
  width: 100%;
  margin: 0 auto; }
  @media (max-width: 767.98px) {
  
    .conference-timeline h2 {
      font-size: 22px; } }
  
  .conference-timeline .conference-center-line {
    position: absolute;
    height: 90%;
    top: 30px;
    left: 48.5%;
    border-left: 4px dashed #4b0054;
    z-index: -1; }
   
    [dir="rtl"] .conference-timeline .conference-center-line {
      right: 48%;
      left: 0;
      border-right: 4px dashed #4b0054;
      border-left: 0; }
    @media (max-width: 991.98px) {
   
      .conference-timeline .conference-center-line {
        display: flex;
        flex-direction: column;
        padding-left: 100px;
        height: 97%;
        top: 10px;
        left: 48%; }
 
        [dir="rtl"] .conference-timeline .conference-center-line {
          padding-left: 0; } }


.timeline-article {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }
  @media (max-width: 991.98px) {
   
    [dir="rtl"] .timeline-article {
      left: auto;
      padding-left: 0; } }
  
  .timeline-article .content-left-container {
    max-width: 44%;
    width: 100%;
    float: left; }
    
    [dir="rtl"] .timeline-article .content-left-container {
      float: right; }
  
  .timeline-article .content-right-container {
    max-width: 44%;
    width: 100%;
    float: right; }
    
    [dir="rtl"] .timeline-article .content-right-container {
      float: left; }
 
  .timeline-article .content-left,
  .timeline-article .content-right {
    position: relative;
    width: auto;
    padding: 0; }
  
  .timeline-article .meta-date {
    justify-content: center;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 48%;
    width: 65px;
    height: 65px;
    margin-left: -31px;
    color: #fff;
    border-radius: 50%;
    background: #4b0054; }
  
    [dir="rtl"] .timeline-article .meta-date {
      margin-left: 0;
      margin-right: -31px;
      left: auto;
      right: 47%; }
    @media (max-width: 767.98px) {
  
      .timeline-article .meta-date {
        left: 51.5%;
        width: 35px;
        height: 35px; }
     
        [dir="rtl"] .timeline-article .meta-date {
          left: auto;
          right: 51.5%; } }
    @media (max-width: 767.98px) {
  
      .timeline-article .meta-date h3 {
        font-size: 11px; 
		color:#ffffff;} }