.about {
  --layout: 1200px;
}

.section1 {
  padding: 160px 0 0;
  aspect-ratio: 1920 / 557;
  background-image: var(--bg-img, url(/assets/img/about.png));
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

.section1 .title {
  margin: 0;
  font-weight: bold;
  font-size: 55px;
  color: #fff;
  text-align: center;
  filter: drop-shadow(0 0 10px #333);
}

.section2 .company-title {
  padding: 65px 0 40px;
  font-size: 53px;
  color: #3e3a39;
  text-align: center;
}

.section2 .company-desc {
  font-size: 20px;
  color: #3e3a39;
  line-height: 33px;
  /* white-space: pre-line; */
}

.section2 .img {
  margin-top: 30px;
}

.section2 .img img {
  width: 100%;
}

.section3 .items .item {
  margin-bottom: 55px;
  display: flex;
  background-color: #efefef;
}

.section3 .items .item .img {
  flex-shrink: 0;
}

.section3 .items .item .img img {
  width: 426px;
}

.section3 .items .item .info {
  flex: 1;
  padding: 30px 50px 0;
}

.section3 .items .item .info .title {
  font-weight: bold;
  font-size: 38px;
  color: #3e3a39;
  text-align: center;
}

.section3 .items .item .info .title:hover {
  color: var(--primary-color);
}

.section3 .items .item .info .subtitle {
  margin-top: 30px;
  font-weight: bold;
  font-size: 20px;
  color: #3e3a39;
  text-align: center;
}

.section3 .items .item .info .desc {
  margin-top: 30px;
  font-weight: 400;
  font-size: 20px;
  color: #3e3a39;
  line-height: 33px;
  text-align: center;
}

.section4 {
  display: flex;
  align-items: center;
  margin-top: 77px;
  aspect-ratio: 1920 / 434;
  background-image: var(--bg-img, url(/assets/img/collaborate.png));
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

.section4 .title {
  font-size: 41px;
  color: #3e3a39;
}

.section4 .subtitle {
  margin-top: 30px;
  font-weight: bold;
  font-size: 54px;
  color: #dd133d;
}

.section5 {
  padding: 80px 0 135px;
}

.section5 .title {
  font-size: 35px;
  color: #3e3a39;
}

.section5 .desc {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}

.section5 .desc .desc1 {
  flex: 1 1 610px;
  font-weight: bold;
  font-size: 44px;
  color: #dd133d;
  line-height: 54px;
}

.section5 .desc .desc2 {
  flex: 1 1 527px;
  font-size: 20px;
  color: #3e3a39;
  line-height: 33px;
}