/*  qr-page  */
@media screen and (max-width: 767px) {
  .qr-page h2 {
    font-size: 24px !important;
  }

  .qr-page h3 {
    font-size: 20px !important;
  }

  .qr-page h3.h5,
  .qr-page h5 {
    font-size: 16px !important;
  }
}

.p-block{
  padding: 50px 0;
}

@media screen and (max-width: 480px) {
  .p-block {
    padding: 25px 0;
  }
}
/* qr__intro */
.qr__intro-container {
  background: linear-gradient(180deg, var(--bs-light) 0%, rgba(222, 68, 55, .1) 100%);
}

.qr__intro svg {
  width: 100%;
  fill: rgba(222, 68, 55, .05);
}

.qr__intro-wrapper {
  display: flex;
  align-items: center;
}

.qr__intro-block {
  padding-right: 15px;
  flex: 1 1 50%;
}

.qr__intro-text {
  width: 100%;
}

.qr__intro-video {
  flex: 1 1 50%;
  width: 100%;
  height: 100%;
  position: relative;
  aspect-ratio: 16 / 9;
}

.qr__intro-video iframe {
  object-fit: cover;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .qr__intro-container {
    padding-bottom: 10px;

  }

  .qr__intro-wrapper {
    flex-direction: column;
    gap: 15px;
  }

  .qr__intro-block {
    padding-right: 0;
    text-align: center;
  }

  .qr__intro-title {
    font-size: 35px !important;
  }
}

/* qr__info */
.qr__info-block{
  gap: 30px;
}
.qr__info-img {
  flex: 1 1 25%
}
.qr__info-text {
  flex: 1 1 75%
}
@media screen and (max-width: 767px) {
  .qr__info-img img{
    max-height: 450px;
  }
}
/* qr__advantages */
.qr__advantages-blocks{
  gap: 30px;
}
.qr__advantages-item{
  gap: 30px;
}
.qr__advantages-image{
  flex: 0 0 100px;
  max-width: 100px;
}

@media screen and (max-width: 767px) {
  .qr__advantages-item{
    text-align: center;
    gap: 20px;
  }
  .qr__advantages-image{
    max-width: 80px;
  }
}
/* qr__application */
.qr__application-wrapper{
  gap: 50px;
} 
.qr__application-items{
  gap: 30px;
}
.qr__application-img{
  flex: 1 1 45%;
}
.qr__application-block{
  flex: 1 1 55%;
}
@media screen and (max-width: 767px) {
  .qr__application-wrapper{
    gap: 30px;
  }
  .qr__application-items:nth-child(2n) {
    flex-direction: column-reverse!important;
  }
  .qr__application-img img{
    max-height: 250px;
  }
}