body {
  background: #fef4f2;
}

.intro {
  padding: 70rem 0 90rem;
  position: relative;
}

.brand-item {
  display: flex;
  margin: 150rem 0;
}

.brand-item:last-child {
  margin-bottom: 250rem;
}

.brand-title-wrap {
  margin-bottom: 30rem;
}

.brand-title {
  font-size: 48rem;
  color: var(--main-text-color);
  font-weight: normal;
  vertical-align: bottom;
}

.brand-icon {
  margin-right: 28rem;
}

.text-container > p {
  margin-bottom: 30rem;
}

.more {
  margin-bottom: 40rem;
  font-size: 18rem;
  color: #8b8b8c;
}

.more-link {
  color: var(--red-color);
}

.more-link:hover {
  text-decoration: underline;
}

.contact-group {
  display: flex;
  align-items: center;
}

.contact-icon-wrap {
  position: relative;
  margin-right: 40rem;
}

.contact-icon-wrap:hover .qr-code {
  display: block;
}

.qr-code {
  position: absolute;
  top: -20rem;
  left: 0;
  width: 120rem;
  transform: translateY(-100%);
  display: none;
}

.text-container {
  padding-right: 90rem;
}


.brand-img {
  object-fit: cover;
  width: 620rem;
  flex-shrink: 0;
}


.brand-item.img-left .brand-img {
  order: 1;
}

.brand-item.img-left .text-container {
  order: 2;
  padding-right: 0;
  padding-left: 90rem;
}