@media screen and (min-width: 1366.02px) {
  .qr-code-item-container-left img {
    max-width: 8.0208333333vw;
  }
  .qr-code-item-container-title-container {
    margin-bottom: 1.7708333333vw;
  }
  .qr-code-item-container-tips {
    color: rgb(38, 55, 81);
    font-size: 0.8333333333vw;
    font-weight: 400;
    line-height: 1.25vw;
  }
  .qr-code-item-container-title {
    color: rgb(0, 20, 51);
    font-size: 2.9166666667vw;
    font-weight: 600;
  }
  .qr-code-item-container-subtitle {
    color: rgb(0, 20, 51);
    font-size: 1.3541666667vw;
    font-weight: 600;
    margin-top: 0.5208333333vw;
  }
  .qr-code-item-container {
    width: 36.5625vw;
    border-radius: 0.2083333333vw;
    background: rgb(245, 247, 250);
    padding: 2.3958333333vw;
    display: flex;
    gap: 1.5625vw;
  }
  .qr-code-container {
    background: #fff;
    padding: 7.2916666667vw 12.03125vw;
  }
  .qr-code-container-top {
    display: flex;
    flex-direction: row;
    gap: 1.875vw;
  }
  .qr-code-container-bottom {
    margin-top: 1.5625vw;
  }
  .qr-code-container-bottom-text {
    color: rgb(140, 149, 163);
    font-size: 0.625vw;
    font-weight: 400;
  }
  .qr-code-container-bottom-text-two {
    margin-top: 0.625vw;
  }
}@media screen and (max-width: 767.98px) {
  .qr-code-item-container-left img {
    max-width: 43.7333333333vw;
  }
  .qr-code-item-container-title-container {
    margin-bottom: 3.2vw;
    margin-top: 8vw;
  }
  .qr-code-item-container-tips {
    color: rgb(38, 55, 81);
    text-align: justify;
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 5.3333333333vw;
    letter-spacing: 0;
    text-align: justify;
  }
  .qr-code-item-container-tips.content-2-mobile-tips:not(:last-child) {
    margin-bottom: 3.2vw;
  }
  .qr-code-item-container-title {
    color: rgb(0, 20, 51);
    font-size: 6.4vw;
    font-weight: 500;
    line-height: 8.5333333333vw;
  }
  .qr-code-item-container-subtitle {
    color: rgb(0, 20, 51);
    font-size: 6.4vw;
    font-weight: 500;
    line-height: 8.5333333333vw;
  }
  .qr-code-item-container {
    width: 87.2vw;
    border-radius: 1.0666666667vw;
    background: rgb(245, 247, 250);
    padding: 6.4vw;
  }
  .qr-code-container {
    background: #fff;
    padding: 16vw 6.4vw;
  }
  .qr-code-container-top {
    display: flex;
    flex-direction: column;
    gap: 6.4vw;
  }
  .qr-code-container-bottom {
    margin-top: 6.4vw;
  }
  .qr-code-container-bottom-text {
    color: rgb(140, 149, 163);
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 5.3333333333vw;
    letter-spacing: 0;
    text-align: justify;
  }
  .qr-code-container-bottom-text-two {
    margin-top: 5.3333333333vw;
  }
}@media screen and (max-width: 1023.98px) and (min-width: 768px) {
  .qr-code-item-container-left img {
    max-width: 8.0208333333vw;
  }
  .qr-code-item-container-title-container {
    margin-bottom: 1.7708333333vw;
  }
  .qr-code-item-container-tips {
    color: rgb(38, 55, 81);
    font-size: 0.8333333333vw;
    font-weight: 400;
    line-height: 1.25vw;
  }
  .qr-code-item-container-title {
    color: rgb(0, 20, 51);
    font-size: 2.9166666667vw;
    font-weight: 600;
  }
  .qr-code-item-container-subtitle {
    color: rgb(0, 20, 51);
    font-size: 1.3541666667vw;
    font-weight: 600;
    margin-top: 0.5208333333vw;
  }
  .qr-code-item-container {
    width: 36.5625vw;
    border-radius: 0.2083333333vw;
    background: rgb(245, 247, 250);
    padding: 2.3958333333vw;
    display: flex;
    gap: 1.5625vw;
  }
  .qr-code-container {
    background: #fff;
    padding: 7.2916666667vw 12.03125vw;
  }
  .qr-code-container-top {
    display: flex;
    flex-direction: row;
    gap: 1.875vw;
  }
  .qr-code-container-bottom {
    margin-top: 1.5625vw;
  }
  .qr-code-container-bottom-text {
    color: rgb(140, 149, 163);
    font-size: 0.625vw;
    font-weight: 400;
  }
  .qr-code-container-bottom-text-two {
    margin-top: 0.625vw;
  }
}@media screen and (max-width: 1366px) and (min-width: 1024px) {
  .qr-code-item-container-left img {
    max-width: 8.0208333333vw;
  }
  .qr-code-item-container-title-container {
    margin-bottom: 1.7708333333vw;
  }
  .qr-code-item-container-tips {
    color: rgb(38, 55, 81);
    font-size: 0.8333333333vw;
    font-weight: 400;
    line-height: 1.25vw;
  }
  .qr-code-item-container-title {
    color: rgb(0, 20, 51);
    font-size: 2.9166666667vw;
    font-weight: 600;
  }
  .qr-code-item-container-subtitle {
    color: rgb(0, 20, 51);
    font-size: 1.3541666667vw;
    font-weight: 600;
    margin-top: 0.5208333333vw;
  }
  .qr-code-item-container {
    width: 36.5625vw;
    border-radius: 0.2083333333vw;
    background: rgb(245, 247, 250);
    padding: 2.3958333333vw;
    display: flex;
    gap: 1.5625vw;
  }
  .qr-code-container {
    background: #fff;
    padding: 7.2916666667vw 12.03125vw;
  }
  .qr-code-container-top {
    display: flex;
    flex-direction: row;
    gap: 1.875vw;
  }
  .qr-code-container-bottom {
    margin-top: 1.5625vw;
  }
  .qr-code-container-bottom-text {
    color: rgb(140, 149, 163);
    font-size: 0.625vw;
    font-weight: 400;
  }
  .qr-code-container-bottom-text-two {
    margin-top: 0.625vw;
  }
}