._container {
}
._page-promotion_container {
  display: flex;

  position: relative;

  height: 570px;

  @media (max-width: 767px) {
    height: 474px;
  }
}
.page_promotion-block_content {
  display: flex;
  flex-direction: column;
  gap: 60px;

  width: 704px;
  position: relative;
  z-index: 2;

  @media (max-width: 767px) {
    gap: 40px;
  }

  h1 {
    font-family: Unbounded;
    font-weight: 500;
    font-size: 60px;
    line-height: 125%;
    letter-spacing: 0%;

    color: black;

    @media (max-width: 1439px) {
      font-size: 48px;
    }
    @media (max-width: 1023px) {
      font-size: 40px;
    }
  }

  h5 {
    font-family: Poppins;
    font-weight: 600;
    font-size: 30px;
    line-height: 125%;
    letter-spacing: 0%;

    color: black;
    width: 600px;

    @media (max-width: 1919px) {
      width: 560px;
    }
    @media (max-width: 1439px) {
      font-size: 24px;
      width: 460px;
    }
    @media (max-width: 1023px) {
      width: 330px;
    }
  }
}
.page-promotion_nav {
  color: var(--color-grey_text_light);

  a {
    color: var(--color-grey_text_light);

    font-family: Onest;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0%;

    @media (max-width: 767px) {
      font-size: 16px;
    }
  }

  p {
    display: inline;
    color: black;

    font-family: Onest;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;

    @media (max-width: 767px) {
      font-size: 16px;
    }
  }
}
.page-promotion_block_img {
  position: absolute;
  top: 0;

  right: 100px;

  @media (max-width: 1919px) {
    right: -210px;
  }
  @media (max-width: 1439px) {
    right: -210px;
  }
  @media (max-width: 1023px) {
    right: -90px;
    top: 200px;
  }
  @media (max-width: 767px) {
    right: -260px;
    top: 150px;
  }

  img {
    width: 1200px;

    @media (max-width: 1919px) {
      width: 1100px;
      height: 560px;
    }
    @media (max-width: 1439px) {
      width: 760px;
      height: 520px;
    }
    @media (max-width: 1023px) {
      width: 550px;
      height: 320px;
    }
    @media (max-width: 767px) {
      width: 520px;
      height: 300px;

      opacity: 65%;
    }
  }
}

/* discount */

._discount-container {
  background-color: rgba(213, 217, 226, 0.6);

  display: flex;
  flex-direction: column;
  gap: 24px;
}
.discount-block_head {
  h3 {
    font-family: Unbounded;
    font-weight: 400;
    font-size: 40px;
    line-height: 125%;
    letter-spacing: 0%;
    text-align: center;

    margin-bottom: 24px;

    @media (max-width: 767px) {
      font-size: 32px;
    }
  }
  h5 {
    font-family: Onest;
    font-weight: 600;
    font-size: 30px;
    line-height: 125%;
    letter-spacing: 0%;
    text-align: center;

    @media (max-width: 767px) {
      font-size: 20px;
    }
  }
}
.discount-conditions_one {
  p {
    font-family: Onest;
    font-weight: 600;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: 0%;

    @media (max-width: 767px) {
      font-size: 20px;
    }
  }

  ol {
    margin-top: 32px;

    @media (max-width: 767px) {
      margin-top: 16px;
    }

    li {
      list-style: inside;
      list-style-type: unset;

      font-family: Onest;
      font-weight: 400;
      font-size: 20px;
      line-height: 150%;
      letter-spacing: 0%;

      @media (max-width: 767px) {
        font-size: 16px;
      }
    }
  }
}
.discount-conditions_two {
  p {
    font-family: Onest;
    font-weight: 600;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: 0%;

    @media (max-width: 767px) {
      font-size: 20px;
    }
  }

  ul {
    margin-top: 32px;

    @media (max-width: 767px) {
      margin-top: 16px;
    }

    li {
      font-family: Onest;
      font-weight: 400;
      font-size: 20px;
      line-height: 150%;
      letter-spacing: 0%;

      @media (max-width: 767px) {
        font-size: 16px;
      }
    }
  }
}
.discount-block_footer {
  margin: 0 auto;

  display: flex;
  flex-direction: column;
  gap: 24px;

  div {
    display: flex;
    flex-direction: column;
    gap: 6px;

    p {
      font-family: Onest;
      font-weight: 700;
      font-size: 18px;
      line-height: 100%;
      letter-spacing: 0%;
      text-align: center;

      @media (max-width: 767px) {
        font-size: 16px;
      }
    }
  }
}
.discount-block_footer-text {
  font-family: Onest;
  font-weight: 600;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: center;

  @media (max-width: 767px) {
    font-size: 20px;
  }
}