.brand-forward {
  height: calc(var(--vhOne, 1vh) * 100);
  max-height: 56.25vw;
  position: relative;
}
.brand-forward .text-box {
  position: absolute;
  width: 100%;
  top: 8.33333vw;
}
.brand-forward .text-box h2 {
  font-weight: bold;
  font-size: 2.5vw;
  color: #393939;
  line-height: 3.33333vw;
  text-align: center;
  font-style: normal;
  margin-bottom: 1.35417vw;
}
.brand-forward .text-box p {
  font-size: 0.9375vw;
  color: #393939;
  line-height: 1.5625vw;
  text-align: center;
  font-style: normal;
}
@media screen and (max-width: 768px) and (orientation: portrait) and (pointer: coarse) {
.mob--brand-forward {
    max-height: calc(var(--vhOne, 1vh) * 100);
}
.mob--brand-forward .text-box {
    top: 4.66667rem;
}
.mob--brand-forward .text-box h2 {
    font-weight: bold;
    font-size: 2rem;
    color: #393939;
    line-height: 2.63333rem;
    text-align: center;
    font-style: normal;
    margin-bottom: 0.66667rem;
}
.mob--brand-forward .text-box p {
    font-size: 0.86667rem;
    color: #393939;
    line-height: 1.6rem;
    text-align: center;
    font-style: normal;
}
}