.page-about-container {
  h1,
  h2,
  h3 {
    margin: 0;
    padding: 0;
  }
  p {
    margin: 0;
    padding: 0;
  }
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  /* 主容器样式 */

  /* Collaboration Tracks Section */
  .collaboration-tracks-part {
    background-color: var(--background-section);
    display: flex;
    padding: 160px 10px 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    .inner {
      display: flex;
      width: 1312px;
      flex-direction: column;
      align-items: center;
      gap: 64px;
      .header {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        align-self: stretch;
        .title {
          /* 标题样式 */
          color: var(--secondary-color);
          text-align: center;
          font-size: 80px;
          font-style: normal;
          font-weight: 400;
          line-height: 80px; /* 100% */
        }
        .desc {
          .desc-text {
            /* 描述文本样式 */
            color: var(--text-secondary);
            text-align: center;

            /* website/text-2 */
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: 40px; /* 166.667% */
          }
        }
      }

      .tracks-content {
        display: flex;
        gap: 48px;
        .track-box {
          display: flex;
          width: 632px;
          padding: 24px;
          flex-direction: column;
          align-items: flex-start;
          gap: 10px;
          position: relative;
          border-radius: 24px;
          transition: all 0.3s ease;
          box-shadow: none;
          &:hover {
            transform: translateY(0px);
            box-shadow: none;
          }
          .track-inner {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 24px;
            align-self: stretch;
            .track-label {
              /* Track标签样式 */
              position: absolute;
              top: 0;
              left: 0;
              padding: 2px 16px;
              justify-content: center;
              align-items: center;
              color: #fff;
              border-radius: var(--border-radius-xxl) 0;
              background: var(--secondary-color);
              color: var(--accent-color);
              font-size: 24px;
              font-style: normal;
              font-weight: 500;
              line-height: 32px; /* 133.333% */
            }
            .track-image {
              width: 82px;
              height: 82px;
              aspect-ratio: 1/1;
              img {
                /* 图片样式 */
              }
            }
            .track-desc {
              .track-desc-title {
                /* Track描述标题样式 */
                color: var(--secondary-color);
                text-align: center;
                font-size: 32px;
                font-style: normal;
                font-weight: 500;
                line-height: 48px; /* 150% */
              }
              .track-desc-info {
                /* Track描述信息样式 */
                color: var(--text-secondary);
                text-align: center;

                /* website/text-2 */
                font-size: 24px;
                font-style: normal;
                font-weight: 400;
                line-height: 40px; /* 166.667% */
              }
            }
            .track-text {
              height: 285px;
              /* Track文本样式 */
              font-family: 'Outfit-Light';
              display: flex;
              padding: 24px;
              align-items: flex-start;
              gap: 10px;
              align-self: stretch;
              border-radius: var(--border-radius-xxl);
              background: var(--background-section);
            }
            .track-button {
              .btn {
                /* 按钮样式 */
                display: flex;
                padding: 16px 32px;
                justify-content: center;
                align-items: center;
                gap: 4px;
                border-radius: 1000px;
                background: var(--secondary-color);
                font-size: 24px;
                font-style: normal;
                font-weight: 500;
                line-height: 32px; /* 133.333% */
                border: none;
              }
            }
          }
        }
      }
    }
  }

  /* About SHEINX Section */
  .about-part {
    display: flex;
    padding: 100px 0;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    .inner {
      display: flex;
      width: 1312px;
      flex-direction: column;
      align-items: flex-start;
      gap: 64px;
      .header {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        .title {
          /* 标题样式 */
          color: var(--secondary-color);
          text-align: center;
          font-size: 80px;
          font-style: normal;
          font-weight: 400;
          line-height: 80px; /* 100% */
        }
        .subtitle {
          /* 副标题样式 */
          color: var(--text-secondary);
          text-align: center;

          /* website/text-2 */
          font-size: 24px;
          font-style: normal;
          font-weight: 400;
          line-height: 40px; /* 166.667% */
        }
      }

      .content {
        display: flex;
        align-items: flex-start;
        gap: 48px;
        align-self: stretch;
        .about-image {
          display: flex;
          width: 420px;
          align-items: center;
          gap: 24px;
          flex-shrink: 0;
          img {
            /* 关于图片样式 */
          }
        }
        .content-box {
          .text {
            margin-bottom: 36px;
            /* 文本样式 */
            color: var(--text-secondary);
            font-size: 20px;
            font-style: normal;
            font-weight: 300;
            line-height: 32px; /* 160% */
            &:last-child {
              margin-bottom: 0;
            }
          }
        }
      }
    }
  }

  /* Our Philosophy Section */
  .philosophy-part {
    display: flex;
    padding: 100px 0;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    background: var(--background-section);
    .inner {
      display: flex;
      width: 1312px;
      flex-direction: column;
      align-items: flex-start;
      gap: 64px;
      .header {
        width: 100%;
        .title {
          /* 标题样式 */
          color: var(--secondary-color);
          text-align: center;
          font-size: 80px;
          font-style: normal;
          font-weight: 400;
          line-height: 80px; /* 100% */
        }
      }

      .content {
        display: flex;
        width: 1312px;
        flex-direction: column;
        align-items: flex-start;
        gap: 48px;
        .item {
          display: flex;
          padding: 24px;
          align-items: flex-start;
          gap: 24px;
          align-self: stretch;
          border-radius: var(--border-radius-xxl);
          background: var(--background-primary);
          transition: all 0.3s ease;
          &:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
          }
          .detail {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 16px;
            flex: 1 0 0;
            .title {
              /* 哲学标题样式 */
              color: var(--secondary-color);
              font-size: 32px;
              font-style: normal;
              font-weight: 500;
              line-height: 48px; /* 150% */
            }
            .text {
              /* 哲学文本样式 */
              color: var(--text-secondary);
              font-size: 20px;
              font-style: normal;
              font-weight: 300;
              line-height: 32px; /* 160% */
            }
          }
          .philosophy-item-image {
            display: flex;
            width: 388px;
            height: 240px;
            flex-direction: column;
            border-radius: var(--border-radius-xxl);
            img {
              /* 哲学图片样式 */
            }
          }
        }
      }
    }
  }

  /* What We Solve Section */
  .solution-part {
    display: flex;
    width: 100%;
    padding: 100px 0;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    .inner {
      display: flex;
      width: 1312px;
      flex-direction: column;
      align-items: flex-start;
      gap: 100px;
      .challenge {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 64px;
        align-self: stretch;
        .header {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 8px;
          align-self: stretch;
          .title {
            /* 标题样式 */
            color: var(--secondary-color);
            text-align: center;
            font-size: 80px;
            font-style: normal;
            font-weight: 400;
            line-height: 80px; /* 100% */
          }
          .subtitle {
            /* 副标题样式 */
            color: var(--text-secondary);
            text-align: center;

            /* website/text-2 */
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: 40px; /* 166.667% */
          }
        }

        .challenges-detail {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 48px;
          align-self: stretch;
          .title {
            /* 挑战详情标题样式 */
            color: var(--secondary-color);
            text-align: center;

            /* website/heading-1 */
            font-size: 56px;
            font-style: normal;
            font-weight: 500;
            line-height: 72px; /* 128.571% */
          }
          .challenges-list {
            display: flex;
            align-items: flex-start;
            flex-wrap: wrap;
            gap: 24px;
            align-self: stretch;
            .challenge-item {
              width: 596px;
              display: flex;
              align-items: center;
              gap: 24px;
              align-self: stretch;
              display: flex;
              padding: 24px;
              align-items: center;
              gap: 16px;
              border-left: none;
              .icon {
                /* 挑战图标样式 */
                width: 24px;
                height: 24px;
              }
              .text {
                /* 挑战文本样式 */
                color: var(--secondary-color);
                font-size: 20px;
                font-style: normal;
                font-weight: 400;
                line-height: 32px; /* 160% */
              }
            }
          }
        }
      }

      .solution-content {
        margin-top: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 48px;
        align-self: stretch;
        .solution-detail {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 48px;
          align-self: stretch;
          .header {
            /* 解决方案标题样式 */
            width: 100%;
            color: var(--secondary-color);
            text-align: center;

            /* website/heading-1 */
            font-size: 56px;
            font-style: normal;
            font-weight: 500;
            line-height: 72px; /* 128.571% */
          }
          .content {
            color: var(--text-secondary);
            font-size: 20px;
            font-style: normal;
            font-weight: 300;
            line-height: 32px; /* 160% */
            .text {
              /* 解决方案文本样式 */
              font-family: 'Outfit-Light';
              font-size: 20px;
              font-weight: 300;
              line-height: 32px; /* 160% */
              margin-bottom: 36px;
              &:last-child {
                margin-bottom: 0;
              }
            }
          }
          .solution-list {
            display: flex;
            width: 1312px;
            align-items: center;
            gap: 24px;
            .item {
              display: flex;
              padding: 24px;
              flex-direction: column;
              align-items: flex-start;
              gap: 16px;
              flex: 1 0 0;
              align-self: stretch;
              border-radius: var(--border-radius-xxl);
              background: var(--background-section);
              transition: all 0.3s ease;
              &:hover {
                transform: translateY(-5px);
                box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
              }
              .image {
                height: 258px;
                align-self: stretch;
                img {
                  /* 解决方案图片样式 */
                }
              }
              .text {
                /* 解决方案文本样式 */
                color: var(--secondary-color);
                font-size: 20px;
                font-style: normal;
                font-weight: 400;
                line-height: 32px; /* 160% */
              }
            }
          }
        }
        .closing-text {
          /* 结束文本样式 */
          color: var(--secondary-color);
          text-align: center;
          font-size: 24px;
          font-style: normal;
          font-weight: 500;
          line-height: 40px; /* 166.667% */
        }
      }
    }
  }

  /* Reducing Waste Section */
  .reducing-waste-part {
    display: flex;
    width: 100%;
    padding: 100px 0;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    background: var(--background-section);
    .inner {
      display: flex;
      width: 1312px;
      flex-direction: column;
      align-items: flex-start;
      gap: 64px;
      .header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
        .title {
          /* 标题样式 */
          color: var(--secondary-color);
          text-align: center;
          font-size: 80px;
          font-style: normal;
          font-weight: 400;
          line-height: 80px; /* 100% */
        }
        .subtitle {
          /* 副标题样式 */
          width: 100%;
          color: var(--text-secondary);
          text-align: center;

          /* website/text-2 */
          font-size: 24px;
          font-style: normal;
          font-weight: 400;
          line-height: 40px; /* 166.667% */
        }
      }

      .content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 48px;
        align-self: stretch;
        .text {
          /* 内容文本样式 */
          color: var(--text-secondary);
          font-size: 20px;
          font-style: normal;
          font-weight: 300;
          line-height: 32px; /* 160% */
        }

        .detail {
          display: flex;
          width: 1312px;
          padding: 24px;
          flex-direction: column;
          align-items: flex-start;
          gap: 24px;
          border-radius: var(--border-radius-xxl);
          background: var(--background-primary);
          .title {
            /* 详情标题样式 */
            color: var(--secondary-color);
            font-size: 32px;
            font-style: normal;
            font-weight: 500;
            line-height: 40px; /* 125% */
          }
          .items {
            display: flex;
            align-items: center;
            gap: 24px;
            align-self: stretch;
            .item {
              display: flex;
              align-items: center;
              gap: 24px;
              align-self: stretch;
              border-radius: var(--border-radius-xxl);
              background: var(--background-section);
              transition: all 0.3s ease;
              &:hover {
                transform: translateY(-5px);
                box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
              }
              .image {
                width: 260px;
                height: 180px;
                img {
                  /* 详情图片样式 */
                }
              }
              .detail-content {
                padding-right: 24px;
                display: flex;
                padding-top: 16px;
                flex-direction: column;
                align-items: flex-start;
                flex: 1 0 0;
                align-self: stretch;
                .symbol {
                  /* 引号符号样式 */
                  width: 100%;
                  color: var(--secondary-color);
                  font-size: 32px;
                  font-style: normal;
                  font-weight: 600;
                  line-height: 24px; /* 75% */
                }
                .symbol-right {
                  /* 右侧引号符号样式 */
                  width: 100%;
                  color: var(--secondary-color);
                  text-align: right;
                  font-size: 32px;
                  font-style: normal;
                  font-weight: 600;
                  line-height: 24px; /* 75% */
                }
                .text {
                  /* 详情子标题样式 */
                  color: var(--secondary-color);
                  font-size: 20px;
                  font-style: normal;
                  font-weight: 400;
                  line-height: 32px; /* 160% */
                }
              }
            }
          }
        }

        .ending {
          .text {
            /* 结束文本样式 */
            margin-bottom: 36px;
            color: var(--text-secondary);
            font-size: 20px;
            font-style: normal;
            font-weight: 300;
            line-height: 32px; /* 160% */
            &:last-child {
              margin-bottom: 0;
            }
          }
        }
      }
    }
  }
}

/* --------- 以下是 AI 生成，用于兼容低版本浏览器 --------- */

/* 兼容低版本浏览器的传统CSS */

.page-about-container h1,
.page-about-container h2,
.page-about-container h3 {
  margin: 0;
  padding: 0;
}

.page-about-container p {
  margin: 0;
  padding: 0;
}

.page-about-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Collaboration Tracks Section */
.page-about-container .collaboration-tracks-part {
  background-color: var(--background-section);
  display: flex;
  padding: 160px 10px 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}

.page-about-container .collaboration-tracks-part .inner {
  display: flex;
  width: 1312px;
  flex-direction: column;
  align-items: center;
  gap: 64px;
}

.page-about-container .collaboration-tracks-part .inner .header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}

.page-about-container .collaboration-tracks-part .inner .header .title {
  color: var(--secondary-color);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px; /* 100% */
}

.page-about-container
  .collaboration-tracks-part
  .inner
  .header
  .desc
  .desc-text {
  color: var(--text-secondary);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px; /* 166.667% */
}

.page-about-container .collaboration-tracks-part .inner .tracks-content {
  display: flex;
  gap: 48px;
}

.page-about-container
  .collaboration-tracks-part
  .inner
  .tracks-content
  .track-box {
  display: flex;
  width: 632px;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  border-radius: 24px;
  transition: all 0.3s ease;
  box-shadow: none;
}

.page-about-container
  .collaboration-tracks-part
  .inner
  .tracks-content
  .track-box:hover {
  transform: translateY(0px);
  box-shadow: none;
}

.page-about-container
  .collaboration-tracks-part
  .inner
  .tracks-content
  .track-box
  .track-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}

.page-about-container
  .collaboration-tracks-part
  .inner
  .tracks-content
  .track-box
  .track-inner
  .track-label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 16px;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: var(--border-radius-xxl) 0;
  background: var(--secondary-color);
  color: var(--accent-color);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 133.333% */
}

.page-about-container
  .collaboration-tracks-part
  .inner
  .tracks-content
  .track-box
  .track-inner
  .track-image {
  width: 82px;
  height: 82px;
  aspect-ratio: 1/1;
}

.page-about-container
  .collaboration-tracks-part
  .inner
  .tracks-content
  .track-box
  .track-inner
  .track-desc
  .track-desc-title {
  color: var(--secondary-color);
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px; /* 150% */
}

.page-about-container
  .collaboration-tracks-part
  .inner
  .tracks-content
  .track-box
  .track-inner
  .track-desc
  .track-desc-info {
  color: var(--text-secondary);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px; /* 166.667% */
}

.page-about-container
  .collaboration-tracks-part
  .inner
  .tracks-content
  .track-box
  .track-inner
  .track-text {
  height: 285px;
  font-family: 'Outfit-Light';
  display: flex;
  padding: 24px;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: var(--border-radius-xxl);
  background: var(--background-section);
}

.page-about-container
  .collaboration-tracks-part
  .inner
  .tracks-content
  .track-box
  .track-inner
  .track-button
  .btn {
  display: flex;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 1000px;
  background: var(--secondary-color);
  background: var(--secondary-color);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 133.333% */
  border: none;
}

/* About SHEINX Section */
.page-about-container .about-part {
  display: flex;
  padding: 100px 0;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}

.page-about-container .about-part .inner {
  display: flex;
  width: 1312px;
  flex-direction: column;
  align-items: flex-start;
  gap: 64px;
}

.page-about-container .about-part .inner .header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.page-about-container .about-part .inner .header .title {
  color: var(--secondary-color);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px; /* 100% */
}

.page-about-container .about-part .inner .header .subtitle {
  color: var(--text-secondary);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px; /* 166.667% */
}

.page-about-container .about-part .inner .content {
  display: flex;
  align-items: flex-start;
  gap: 48px;
  align-self: stretch;
}

.page-about-container .about-part .inner .content .about-image {
  display: flex;
  width: 420px;
  align-items: center;
  gap: 24px;
  flex-shrink: 0;
}

.page-about-container .about-part .inner .content .content-box .text {
  margin-bottom: 36px;
  color: var(--text-secondary);
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px; /* 160% */
}

.page-about-container
  .about-part
  .inner
  .content
  .content-box
  .text:last-child {
  margin-bottom: 0;
}

/* Our Philosophy Section */
.page-about-container .philosophy-part {
  display: flex;
  padding: 100px 0;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  background: var(--background-section);
}

.page-about-container .philosophy-part .inner {
  display: flex;
  width: 1312px;
  flex-direction: column;
  align-items: flex-start;
  gap: 64px;
}

.page-about-container .philosophy-part .inner .header {
  width: 100%;
}

.page-about-container .philosophy-part .inner .header .title {
  color: var(--secondary-color);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px; /* 100% */
}

.page-about-container .philosophy-part .inner .content {
  display: flex;
  width: 1312px;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
}

.page-about-container .philosophy-part .inner .content .item {
  display: flex;
  padding: 24px;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  border-radius: var(--border-radius-xxl);
  background: var(--background-primary);
  transition: all 0.3s ease;
}

.page-about-container .philosophy-part .inner .content .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.page-about-container .philosophy-part .inner .content .item .detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
}

.page-about-container .philosophy-part .inner .content .item .detail .title {
  color: var(--secondary-color);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px; /* 150% */
}

.page-about-container .philosophy-part .inner .content .item .detail .text {
  color: var(--text-secondary);
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px; /* 160% */
}

.page-about-container
  .philosophy-part
  .inner
  .content
  .item
  .philosophy-item-image {
  display: flex;
  width: 388px;
  height: 240px;
  flex-direction: column;
  border-radius: var(--border-radius-xxl);
}

/* What We Solve Section */
.page-about-container .solution-part {
  display: flex;
  width: 100%;
  padding: 100px 0;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.page-about-container .solution-part .inner {
  display: flex;
  width: 1312px;
  flex-direction: column;
  align-items: flex-start;
  gap: 100px;
}

.page-about-container .solution-part .inner .challenge {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 64px;
  align-self: stretch;
}

.page-about-container .solution-part .inner .challenge .header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.page-about-container .solution-part .inner .challenge .header .title {
  color: var(--secondary-color);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px; /* 100% */
}

.page-about-container .solution-part .inner .challenge .header .subtitle {
  color: var(--text-secondary);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px; /* 166.667% */
}

.page-about-container .solution-part .inner .challenge .challenges-detail {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  align-self: stretch;
}

.page-about-container
  .solution-part
  .inner
  .challenge
  .challenges-detail
  .title {
  color: var(--secondary-color);
  text-align: center;
  font-size: 56px;
  font-style: normal;
  font-weight: 500;
  line-height: 72px; /* 128.571% */
}

.page-about-container
  .solution-part
  .inner
  .challenge
  .challenges-detail
  .challenges-list {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 24px;
  align-self: stretch;
}

.page-about-container
  .solution-part
  .inner
  .challenge
  .challenges-detail
  .challenges-list
  .challenge-item {
  width: 596px;
  display: flex;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  display: flex;
  padding: 24px;
  align-items: center;
  gap: 16px;
  border-left: none;
}

.page-about-container
  .solution-part
  .inner
  .challenge
  .challenges-detail
  .challenges-list
  .challenge-item
  .icon {
  width: 24px;
  height: 24px;
}

.page-about-container
  .solution-part
  .inner
  .challenge
  .challenges-detail
  .challenges-list
  .challenge-item
  .text {
  color: var(--secondary-color);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 160% */
}

.page-about-container .solution-part .inner .solution-content {
  margin-top: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  align-self: stretch;
}

.page-about-container .solution-part .inner .solution-content .solution-detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  align-self: stretch;
}

.page-about-container
  .solution-part
  .inner
  .solution-content
  .solution-detail
  .header {
  width: 100%;
  color: var(--secondary-color);
  text-align: center;
  font-size: 56px;
  font-style: normal;
  font-weight: 500;
  line-height: 72px; /* 128.571% */
}

.page-about-container
  .solution-part
  .inner
  .solution-content
  .solution-detail
  .content {
  color: var(--text-secondary);
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px; /* 160% */
}

.page-about-container
  .solution-part
  .inner
  .solution-content
  .solution-detail
  .content
  .text {
  font-family: 'Outfit-Light';
  font-size: 20px;
  font-weight: 300;
  line-height: 32px; /* 160% */
  margin-bottom: 36px;
}

.page-about-container
  .solution-part
  .inner
  .solution-content
  .solution-detail
  .content
  .text:last-child {
  margin-bottom: 0;
}

.page-about-container
  .solution-part
  .inner
  .solution-content
  .solution-detail
  .solution-list {
  display: flex;
  width: 1312px;
  align-items: center;
  gap: 24px;
}

.page-about-container
  .solution-part
  .inner
  .solution-content
  .solution-detail
  .solution-list
  .item {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--border-radius-xxl);
  background: var(--background-section);
  transition: all 0.3s ease;
}

.page-about-container
  .solution-part
  .inner
  .solution-content
  .solution-detail
  .solution-list
  .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.page-about-container
  .solution-part
  .inner
  .solution-content
  .solution-detail
  .solution-list
  .item
  .image {
  height: 258px;
  align-self: stretch;
}

.page-about-container
  .solution-part
  .inner
  .solution-content
  .solution-detail
  .solution-list
  .item
  .text {
  color: var(--secondary-color);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 160% */
}

.page-about-container .solution-part .inner .solution-content .closing-text {
  color: var(--secondary-color);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px; /* 166.667% */
}

/* Reducing Waste Section */
.page-about-container .reducing-waste-part {
  display: flex;
  width: 100%;
  padding: 100px 0;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  background: var(--background-section);
}

.page-about-container .reducing-waste-part .inner {
  display: flex;
  width: 1312px;
  flex-direction: column;
  align-items: flex-start;
  gap: 64px;
}

.page-about-container .reducing-waste-part .inner .header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.page-about-container .reducing-waste-part .inner .header .title {
  color: var(--secondary-color);
  text-align: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px; /* 100% */
}

.page-about-container .reducing-waste-part .inner .header .subtitle {
  width: 100%;
  color: var(--text-secondary);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px; /* 166.667% */
}

.page-about-container .reducing-waste-part .inner .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  align-self: stretch;
}

.page-about-container .reducing-waste-part .inner .content .text {
  color: var(--text-secondary);
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px; /* 160% */
}

.page-about-container .reducing-waste-part .inner .content .detail {
  display: flex;
  width: 1312px;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  border-radius: var(--border-radius-xxl);
  background: var(--background-primary);
}

.page-about-container .reducing-waste-part .inner .content .detail .title {
  color: var(--secondary-color);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px; /* 125% */
}

.page-about-container .reducing-waste-part .inner .content .detail .items {
  display: flex;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}

.page-about-container
  .reducing-waste-part
  .inner
  .content
  .detail
  .items
  .item {
  display: flex;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  border-radius: var(--border-radius-xxl);
  background: var(--background-section);
  transition: all 0.3s ease;
}

.page-about-container
  .reducing-waste-part
  .inner
  .content
  .detail
  .items
  .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.page-about-container
  .reducing-waste-part
  .inner
  .content
  .detail
  .items
  .item
  .image {
  width: 260px;
  height: 180px;
}

.page-about-container
  .reducing-waste-part
  .inner
  .content
  .detail
  .items
  .item
  .detail-content {
  padding-right: 24px;
  display: flex;
  padding-top: 16px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
}

.page-about-container
  .reducing-waste-part
  .inner
  .content
  .detail
  .items
  .item
  .detail-content
  .symbol {
  width: 100%;
  color: var(--secondary-color);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 75% */
}

.page-about-container
  .reducing-waste-part
  .inner
  .content
  .detail
  .items
  .item
  .detail-content
  .symbol-right {
  width: 100%;
  color: var(--secondary-color);
  text-align: right;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 75% */
}

.page-about-container
  .reducing-waste-part
  .inner
  .content
  .detail
  .items
  .item
  .detail-content
  .text {
  color: var(--secondary-color);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 160% */
}

.page-about-container .reducing-waste-part .inner .content .ending .text {
  margin-bottom: 36px;
  color: var(--text-secondary);
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px; /* 160% */
}

.page-about-container
  .reducing-waste-part
  .inner
  .content
  .ending
  .text:last-child {
  margin-bottom: 0;
}