.hero-section-inner .sub-text {
  right: 0%;
  transform: translateY(-50%);
  line-height: 1.5em;
  font-weight: 400;
}

.hero-section-inner {
  margin-top: -68px;
}

.hero-section-inner .container {
  padding-top: calc(((100vh - 68px) / 2) / 2);
  padding-bottom: calc(((100vh - 68px) / 2) / 2);
}

@media screen and (max-width: 1439px) {
  .hero-section-inner {
    align-items: center;
  }

  .hero-section-inner .container {
    max-width: 1080px;
  }
  
  .hero-section-inner .content-container h2 {
    font-size: 84px;
  }
  
  .hero-section-inner .sub-text {
    right: 0%;
    font-size: var(--text-sm-font-size);
    font-weight: var(--text-sm-font-weight);
    line-height: var(--text-sm-line-height);
    letter-spacing: var(--text-sm-letter-spacing);
  }
}

@media screen and (max-width: 1023px) {
  .hero-section-inner .container {
    max-width: 820px;
  }
  
  .hero-section-inner .content-container h2 {
    text-align: center;
    font-size: 83px;
  }
  
  .hero-section-inner .sub-text {
    font-size: var(--text-lg-font-size);
    font-weight: var(--text-lg-font-weight);
    line-height: 1.4;
    letter-spacing: var(--text-lg-letter-spacing);
    transform: none;
    position: unset;
    margin: 20px auto 0;
    max-width: 600px;
    text-align: center;
  }

  .hero-section-inner .sub-text br {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .hero-section-inner {
    margin-top: -90px;
  }

  .hero-section-inner .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .hero-section-inner .content-container h2 {
    font-size: var(--h4-font-size);
  }

  .hero-section-inner .sub-text {
    font-size: var(--text-md-font-size);
    max-width: 450px;
  }
}

@media screen and (max-width: 600px) {
  .hero-section-inner .content-container h2 {
    font-size: 10.38vw;
  }

  .hero-section-inner .sub-text {
    font-size: var(--text-sm-font-size);
    max-width: 299px;
  }
}