.why-now {
  padding-top: 31px;
  padding-bottom: 65px;

  .box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    max-width: 998px;
  }

  .column-title {
    align-items: flex-start;
    & p {
      text-align: left;
      font-size: 16px;
    }
  }
}

.why-now__graph {
  margin-top: -13px;
  margin-left: -18px;
}

@media (width >= 1200px) {
  .why-now {
    padding-bottom: 48px;
    .box {
      flex-direction: row;
    }

    & .column-title {
      margin-top: 48px;

      & > p{
        font-size: 18px;
      }
    }
  }

  .why-now__graph {
    margin-top: 12px;
    margin-left: 0;
    width: 460px;
  }
}