.ticktextwrap {
  position: relative;
  /* border: solid 1px #fff; */
  //overflow: hidden;
  height: 20px;
}

.tick_text {
  /* background-color: #e2e2e2; */
  position: relative;
  //display: inline-block;
  //float: left;
  text-align: center;
}

.lt {
  display: block;
  //vertical-align: middle;
}

.ticktextwrap p {
  white-space: nowrap;
  overflow: hidden;
  width: 30em;
  opacity: 1;
  animation: type 4s steps(60, end);
}

/* .lt_animate {
  margin-top: -216px;
  -webkit-animation-name: letter1;
  animation-name: letter1;
  -webkit-animation-duration: 1.8s;
  animation-duration: 1.8s;
  -webkit-animation-delay: 2.3s;
  animation-delay: 2.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
} */
/*
.tick_text {
  width: 12px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  //overflow: hidden;
  margin: 0 0;
  font-family: sans-serif;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
  color: #375d59;
}

.tick_text span {
  display: inline-block;
  float: left;
} */
/* .tick_text {
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  word-break: break-all;
  background-color: #0a1213;
} */
/* .tick_text {
  //content: "123X567890";
  margin-top: -216px;
  -webkit-animation-name: letter1;
  animation-name: letter1;
  -webkit-animation-duration: 1.8s;
  animation-duration: 1.8s;
  -webkit-animation-delay: 2.3s;
  animation-delay: 2.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
} */
/* @-webkit-keyframes letter1 {
  from {
    margin-top: -216px;
  }

  to {
    margin-top: 24px;
  }
}

@keyframes letter1 {
  from {
    margin-top: -216px;
  }

  to {
    margin-top: 24px;
  }
} */