.nf_container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 50px 0;

  @media screen and (max-width: 480px) {
    padding: 50px 15px;
  }

  .nf_item {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 10px;
    padding: 20px;
    width: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 30px;

    @media screen and (max-width: 880px) {
      flex-direction: column;
      width: fit-content;
    }

    img {
      width: 300px;
      height: fit-content;

      @media screen and (max-width: 480px) {
        width: 200px;
      }
    }
  }
}

.nf_back {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #78b8f8;
  padding: 7px 45px;
  border-radius: 50px;
  color: #fff;
  cursor: pointer;
  margin-top: 30px;

  &:hover {
    background-color: #56a8fb;
  }
}