@keyframes text-l2r {
  from {
    left: -1000px;
  }
  to {
    left: 0px;
  }
}
@keyframes text-r2l {
  from {
    right: -1000px;
  }
  to {
    right: 0px;
  }
}

x@media (min-width: 640px) {
  .t3m-Feature h1,
  .t3m-Feature .h1 {
    font-size: 40px !important;
    line-height: 100%;
    font-style: normal;
    margin-bottom: 1rem;
  }
  h1.jb2025-big-hl,
  .h1.jb2025-big-hl {
    font-size: 40px !important;
  }
  h1 small,
  .h1 small {
    font-size: 20px !important;
    font-weight: 700;
    align-self: center;
    padding-left: 20px;
    line-height: 150%;
  }
}

@media (min-width: 1024px) {
  .t3m-Feature h1,
  .t3m-Feature .h1 {
    font-size: 96px !important;
    line-height: 100%;
    font-style: normal;
    margin-bottom: 1rem;
  }
  h1.jb2025-big-hl,
  .h1.jb2025-big-hl {
    font-size: 96px !important;
    line-height: 100%;
    font-style: normal;
  }
  h1 small,
  .h1 small {
    font-size: 30px;
    font-weight: 700;
    text-transform: normal;
    padding-left: 90px;
    line-height: 150%;
    align-self: center;
  }
}

.text-ani-l2r {
  position: relative;
  animation-name: text-l2r;
  animation-duration: 1s;
}
.jb2025-start .text-ani-l2r.flex {
  flex-direction: column;
}
.text-ani-r2l {
  position: relative;
  animation-name: text-r2l;
  animation-duration: 1s;
}

.jb2025-start .text-ani-r2l {
  padding-left: 140px;
  font-style: normal;
}

@media (min-width: 640px) {
  .jb2025-start .text-ani-l2r.flex {
    flex-direction: row;
  }

  .jb2025-start .text-ani-r2l {
    padding-left: 145px;
  }
}
@media (min-width: 1024px) {
  .jb2025-start .text-ani-r2l {
    padding-left: 265px;
  }
}

.jb2025-hidden-sm {
  display: none;
}

@media (min-width: 640px) {
  .jb2025-hidden-md {
    display: none;
  }
  .jb2025-hidden-sm {
    display: block;
  }
}