.historyC {
    display: flex;
    justify-content: center;
}
.history.item {
    display: flex;
    justify-content: center;
    padding-top: 2rem;
    clear: both;
    width: 100%;

}
.history.item .item {
    padding: 0 2rem;
}
li.historyTextBox h2 {
    font-weight: bold; 
    color: #293f6d;
    margin-bottom: 24px;
}
li.historyTextBox h2:before {
    width: 72px;
    height: 1px;
    content: '';
    border-bottom: 4px solid #ffc107;
    position: absolute;
    margin-top: 39px;
}
li.historyTextBox p {
    margin-bottom: 0.5rem;
}
.historyImg {
    width: 300px;
}
.sub_title {
  text-align: center;
    padding-bottom: 5rem;
}
@media (min-width:992px) {
    .col-lg-6 {
        flex:0 0 auto;
        width: 29%;
    }
    
}