.artical-info ul.latest_headlines {
    margin-bottom: 50px;
}
.timeline {padding: 70px 0;}
.timeline .content-block {text-align: center;}
.timeline .title-gif {display: inline-flex;position: relative;}
.timeline .title-gif img {right: -65px;position: absolute;top: -50px;transform: rotate(17deg);width: 118px;}
.timeline h2 {font-size: 54px;}
.timeline h2 span {color: #f90081;}
.timeline-block {position: relative; min-height: 500px; margin-top: 30px; padding-top: 50px;}
.timeline-block .center-line {width: 5px; height: 100%; background-color: #FFECF6; position: absolute; left: 0; right: 0; margin: auto; top: 0;display: flex;justify-content: center;align-items: start;}
.timeline-block .center-line img {width: 23px;}
.timeline-txt {position: relative;}
.timeline-txt i {width: 29px; position: absolute; top: 1px; line-height: 1;}
.timeline-txt.left {text-align: right; margin-right: auto; width: 50%; padding-right: 40px;}
.timeline-txt.left i {right: 0;}
.timeline-txt.right {text-align: left; margin-left: auto; width: 50%; padding-left: 40px;}
.timeline-txt.right i {left: 0;}
.timeline-txt b {display: block; font-family: Cosmica-Bold,sans-serif; color: #F90081;}
.timeline-txt.active i img {filter: invert(25%) sepia(159%) saturate(7479%) hue-rotate(320deg) brightness(104%) contrast(108%);}
.timeline-txt.completed i img {filter: invert(25%) sepia(159%) saturate(7479%) hue-rotate(320deg) brightness(104%) contrast(108%);}
.center-line #timelineMarker {position: absolute;left: 50%;transform: translateX(-50%);transition: top 0.3s cubic-bezier(.22,.9,.39,1);will-change: top;z-index: 1;}
.center-line #timelineMarker img {width: 40px; margin-top: -18px;}
.center-line .desktop-icon {display: flex;}
.center-line .mobile-icon {display: none;}
.center-line-fill {position: absolute;top: 0;left: 0;width: 100%;height: 0;background: #F90081;transition: height 0.3s ease;}

@media only screen and (max-width: 1199px) {
.timeline h2 {font-size: 44px;}
}

@media only screen and (max-width: 767px) {
.timeline {padding: 50px 0 20px;}
.timeline h2 {font-size: 36px;}
.timeline .title-gif img {right: -52px;top: -39px;width: 85px;}
.timeline-txt i {top: -2px;}
.timeline-txt p {font-size: 16px;}
.timeline-block {margin-top: 10px;}
.timeline-block .center-line {right: auto;}
.timeline-txt.left {text-align: left; padding: 0 0 0 40px; width: 100%;}
.timeline-txt.left i {right: auto;left: 0;transform: scaleX(-1);}
.timeline-txt.right {margin-left: 0; width: 100%;}
.center-line .desktop-icon {display: none;}
.center-line .mobile-icon {display: flex;}
.center-line #timelineMarker img {width: 28px; margin-top: -11px;}
  .artical-info ul.latest_headlines {
    margin-bottom: 30px;
}
  
/* Styles inside here will run only on iOS WebKit browsers */
@supports (-webkit-overflow-scrolling: touch) {
  .timeline-txt i {
    top: 1px;
  }
}
}