.page3{ 
    height: 925px;
    background-color: rgb(244, 244, 244);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

a{
    text-decoration: none;
    color: rgb(0, 157, 255);
}

.services{
    background-color: white;
    height: 900px;
    display:flex;
    align-items: center;
    justify-content: center;
}

.servicestag{
    width: 100%;
    font-weight: 400;
    font-size: 48px;
    letter-spacing: 0.8;
    color: rgb(48, 48, 54);
    text-align: center;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}


  .history-tl-container{
      font-family: "Roboto",sans-serif;
    width:50%;
    margin:auto;
    display:block;
    position:relative;
  }
  .history-tl-container ul.tl{
      margin:20px 0;
      padding:0;
      display:inline-block;
  
  }
  .history-tl-container ul.tl li{
      list-style: none;
      margin:auto;
      margin-left:200px;
      min-height:50px;
      /*background: rgba(255,255,0,0.1);*/
      border-left:1px dashed #86D6FF;
      padding:0 0 50px 30px;
      position:relative;
  }
  .history-tl-container ul.tl li:last-child{ border-left:0;}
  .history-tl-container ul.tl li::before{
      position: absolute;
      left: -18px;
      top: -5px;
      content: " ";
      border: 8px solid rgba(255, 255, 255, 0.74);
      border-radius: 500%;
      background: #258CC7;
      height: 20px;
      width: 20px;
      transition: all 500ms ease-in-out;
  
  }
  .history-tl-container ul.tl li:hover::before{
      border-color:  #258CC7;
      transition: all 1000ms ease-in-out;
  }
  ul.tl li .item-title{
  }
  ul.tl li .item-detail{
      color:rgba(0,0,0,0.5);
      font-size:14px;
  }
  ul.tl li .timestamp{
      color: #8D8D8D;
      position: absolute;
    width:100px;
      left: -50%;
      text-align: right;
      font-size: 12px;
  }

.banners{
    display: flex;
    align-items: center;
    justify-content:space-evenly;
    padding-left: 10px;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 10px;
    width: 100%;
}

.ser{  
    height: 110px;
}

.sercap{
    display: flex;
    flex-direction: column;
    width: 300px;
    align-items: center;
    text-align: center;
    justify-content: space-between;
    color: black;
    font-weight: 400;
    font-size: 28px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
