/* historybox style1 */
.tm-historybox-wrapper.tm-historybox-style1 .tm-box-title h4{
    font-size: 48px;
    line-height: 58px;
    margin-bottom: 12px;
    font-weight: 600;
}
.tm-historybox-wrapper.tm-historybox-style1 .tm-history-box-wrapper{
    text-align: center;
}
.tm-historybox-wrapper.tm-historybox-style1 .tm-history-box-border{
    position: relative;
    margin: 40px 0 30px;
    border: 1px solid var(--ttm-skincolor);
    width: 110%;
}
.tm-historybox-wrapper.tm-historybox-style1 .tm-history-box-border:before{
    content: '';
    position: absolute;
    top: -11px;
    left: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 5px solid var(--ttm-skincolor);
    border-radius: 50px;
    margin: 0 auto;
}
.tm-historybox-wrapper.tm-historybox-style1 .tm-historybox-description{
    padding: 0px 70px;
}
.tm-historybox-wrapper.tm-historybox-style1:after{    
    left: 0;
    width: 16%;
    background: linear-gradient(90deg,#f8f8f8, rgb(255 255 255 / 0%));
}
.tm-historybox-wrapper.tm-historybox-style1:before,
.tm-historybox-wrapper.tm-historybox-style1:after{ 
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    height: 100%;
    z-index: 2;
}
.tm-historybox-wrapper.tm-historybox-style1:before{    
    right: 0;
    background: linear-gradient(90deg, rgb(255 255 255 / 0%), #f8f8f8);
    width: 20%;
}
/* History Box style3 */
.tm-historybox-style3 .tm-history-box-content {
    text-align: center;
  }
  .tm-historybox-style3 .tm-box-col-wrapper .tm-history-box-content {
      display: flex;
      flex-direction: column;
      align-items: center;
  }
  .tm-historybox-style3 .tm-box-col-wrapper:nth-child(even) .tm-history-box-content {
      display: flex;
      flex-direction: column-reverse;
  }
  .tm-historybox-style3 .tm-box-col-wrapper:nth-child(even) .tm-history-box-content .tm-history-box-border {
      margin: 31px 0 39px;
  }
  .tm-historybox-style3 .tm-top-content-box {
      padding: 25px 0 0;
      min-height: 186px;
  }
  .tm-historybox-style3 .tm-history-box-border {
      position: relative;
      margin: 52px 0 39px;
      opacity: 0.7;
      border: 1px solid var(--ttm-bordercolor);
      width: 110%;
  }
  .tm-historybox-style3 .tm-history-box-border:before {
      position: absolute;
      content: ' ';
      left: 50%;
      margin-left: -19px;
      height: 16px;
      width: 16px;
      z-index: 1;
      border-radius: 50px;
      background-color: var(--ttm-bordercolor);
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      -moz-transition: all .3s ease;
      transition: all .3s ease;
      top: -8px;
  }
  .tm-historybox-style3 .tm-historybox-imagebox {
      min-height: 207px;
  }
  .tm-historybox-style3 .tm-ptable-icon-type-image {
      position: relative;
      overflow: hidden;
  }
  .tm-historybox-style3 .tm-history-box-wrapper .tm-bottom-content img {
      -webkit-transition: all 0.5s ease-in-out 0s;
      -moz-transition: all 0.5s ease-in-out 0s;
      -ms-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s;
  }
  .tm-historybox-style3 .tm-historybox-description{
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      margin-bottom: 9px;
  }
  .tm-historybox-style3 .tm-history-box-details h4{
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      margin-bottom: 10px;
  }
  .tm-historybox-style3 .tm-history-box-details span{
      font-weight: 500;
      color: var(--ttm-secondarycolor);
      font-size: 18px;
  }
  /* History Box style3 */