#timelinedata .timeline {
    position: relative;
    padding: 0px 0;
    width: 100%;
    box-sizing: border-box;
}

#timelinedata .timeline:before {
    content: '';
    position: absolute;
    left: 0%;
    width: 2px;
    height: 85%;
    top: 40px;
    background: #d2e1e7;
}

#timelinedata .timeline ul {
    padding: 0;
    margin: 0;
}

#timelinedata .timeline ul li {
    list-style: none;
    position: relative;
    width: 100%;
    padding: 20px 10px 0px 40px;
    box-sizing: border-box;
}

#timelinedata .timeline ul li:nth-child(odd) {
    float: right;
    text-align: left;
    clear: both;
}

#timelinedata .timeline ul li:nth-child(even) {
    float: right;
    text-align: left;
    clear: both;
}

#timelinedata .content {
    padding-bottom: 20px;
}

#timelinedata .timeline ul li:nth-child(odd):before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 32px;
    /* top:24px; */
    /* right:-6px; */
    left: -4px;
    background: #3E92CC;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgb(157 158 193 / 20%);
}

#timelinedata .timeline ul li:nth-child(even):before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 32px;
    left: -4px;
    background: #3E92CC;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgb(157 158 193 / 20%);
}

#timelinedata .timeline ul li h3 {
    padding: 0;
    margin: 0;
    color: #2596be;
    font-weight: 600;
}

#timelinedata .timeline ul li p {
    margin: 10px 0 0;
    padding: 0;
}


@media(max-width:1000px) {
    #timelinedata .timeline {
        width: 100%;
    }
}

@media(max-width:767px) {
    #timelinedata .timeline {
        width: 100%;
        padding-bottom: 0;
        margin-top:45px;
    }

    #timelinedata .content {
        padding-bottom: 45px;
        margin-top: -48px;
    }

    #timelinedata .timeline:before {
        left: 20px;
        height: 95%;
        top: -12px;
    }

    #timelinedata .timeline ul li:nth-child(odd),
    #timelinedata .timeline ul li:nth-child(even) {
        width: 100%;
        text-align: left;
        padding-left: 50px;
        padding-bottom: 10px;
    }

    #timelinedata .timeline ul li:nth-child(odd):before,
    #timelinedata .timeline ul li:nth-child(even):before {
        top: -18px;
        left: 16px;
    }
}





.font-24
{
font-size: 20px;
}
.bold_class
{
    color:#3E92CC;
}





@media only screen and (max-width: 768px) {
    .section_padding.pt-3.bg_tertiary.pb-5 {
      padding-bottom:0px !important;
    }
  }