.text-banner__wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  background: linear-gradient(180deg, #b8f1ce 0%, #f1fff4 50%);
  font-size: 72px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -1.44px;
  color: #111827;
  text-align: center;
}
.text-banner__wrap strong {
  font-weight: 600;
  color: #9ca3af;
  background: linear-gradient(90deg, rgb(179, 181, 186) 0%, rgb(179, 181, 186) 50%, rgb(13, 214, 95) 0%, rgb(14, 212, 187) 100%) 200% 50% / 200% 100% text;
  -webkit-text-fill-color: transparent;
  transition: background 1.2s;
  will-change: background;
  transition-delay: 0.3s;
}

.text-banner__wrap .common-text-animation strong {
  background-position: 100% 50%;
}

.text-banner__wrap .br-tablet {
  display: none;
}

@media screen and (max-width: 1024px) {
  .text-banner__wrap {
    font-size: 32px;
    letter-spacing: -0.32px;
  }
  .text-banner__wrap .br-tablet {
    display: block;
  }
}