.our-numbers {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  background-image: url("/wp-content/themes/hijump/assets/imgs/svg/reversed-triangles.svg");
  background-size: 245px 130px !important;
  background-repeat: no-repeat !important;
  background-position: 0% 0% !important;

  @media (min-width: 1024px) {
    background-size: 630px 330px !important;
  }

  & .our-numbers__body {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    padding: 56px var(--wp--preset--spacing--40) 40px
      var(--wp--preset--spacing--40);

    @media (min-width: 1024px) {
      flex-direction: row;
      max-width: var(--wp--style--global--wide-size);
      margin: 0 auto;
      padding: 140px var(--wp--preset--spacing--50);
    }
  }

  & .our-numbers__title-stack {
    width: 100%;
    max-width: 360px;
    margin-bottom: 40px;

    @media (min-width: 1024px) {
      margin-bottom: 0;
    }

    & .our-numbers__title {
      width: 100%;
      color: var(--wp--preset--color--white);
      background: transparent;
      text-align: center;

      @media (min-width: 1024px) {
        text-align: left;
      }
    }
    & p {
      text-align: center;
      @media (min-width: 1024px) {
        text-align: left;
      }
    }
  }

  & .our-numbers__numbers-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 32px;
    width: 100%;

    @media (min-width: 770px) {
      max-width: 1024px;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 24px;
    }

    & .our-numbers__number-box {
      gap: 16px;

      & p {
        width: 100%;
        max-width: 210px;
        font-size: 20px;
        font-weight: 400;
        line-height: 26px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
      }

      & .our-numbers__number {
        font-size: 50px;
        font-weight: 700;
        line-height: 48px;
      }
    }
  }
}