html {
  font-size: 37.5px;
}

body {
  margin: 0;
}

.page {
  position: relative;
  width: 51.2rem;
  height: 86.4rem;
  overflow: hidden;
}

.section_1 {
  background-color: rgba(217, 217, 217, 1);
  height: 28.8rem;
  width: 51.227rem;
}

.section_2 {
  height: 28.8rem;
  background: url(./img/FigmaDDSSlicePNGd5c2c3eb2fbcc49dbf3f3a8068ca3c2c.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 51.2rem;
  position: relative;
}

.box_1 {
  width: 17.387rem;
  height: 2.027rem;
  margin: 1.627rem 0 0 2.16rem;
}

.image_1 {
  width: 2.027rem;
  height: 2.027rem;
}

.text_1 {
  width: 14.134rem;
  height: 2.027rem;
  overflow-wrap: break-word;
  color: rgba(10, 10, 10, 1);
  font-size: 1.226rem;
  font-family: Roboto-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
}

.image-wrapper_1 {
  width: 27.627rem;
  height: 12.694rem;
  margin: 4.4rem 0 8.054rem 11.814rem;
}

.image_2 {
  width: 27.627rem;
  height: 12.694rem;
}

.box_2 {
  position: absolute;
  left: 0.027rem;
  top: 0;
  width: 51.2rem;
  height: 28.8rem;
}

.section_3 {
  position: relative;
  width: 51.2rem;
  height: 57.627rem;
  margin-bottom: 0.027rem;
}

.image-text_1 {
  width: 28.96rem;
  height: 8.187rem;
  margin: 0.587rem 0 0 11.014rem;
}

.text-wrapper_1 {
  position: relative;
  width: 22.347rem;
  height: 5.84rem;
  background: url(./img/FigmaDDSSlicePNG24efbe9ce3149bf2908ac8505adc9375.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-left: 3.12rem;
}

.text_2 {
  width: 8.8rem;
  height: 2rem;
  -webkit-text-stroke: 6px rgba(85, 49, 0, 1);
  overflow-wrap: break-word;
  color: rgba(254, 255, 220, 1);
  font-size: 1.84rem;
  font-family: SF Pro Rounded-Heavy;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
  margin: 0.8rem 0 0 7.067rem;
}

.text_3 {
  position: absolute;
  left: 7.067rem;
  top: 0.774rem;
  width: 8.8rem;
  height: 2rem;
  overflow-wrap: break-word;
  color: rgba(254, 255, 220, 1);
  font-size: 1.84rem;
  font-family: SF Pro Rounded-Heavy;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
}

.text-group_1 {
  width: 33rem;
  height: 2.027rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.853rem;
  font-family: SF Pro Rounded-Semibold;
  font-weight: 600;
  text-align: center;
  margin-top: 0.32rem;
}

.block_1 {
  width: 43.254rem;
  height: 17.307rem;
  margin: 1.36rem 0 0 3.974rem;
}

.image-wrapper_2 {
  height: 17.307rem;
  background: url(./img/FigmaDDSSlicePNG88d0d0dfdb0c9bf0d75dccf64fa65cd1.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 9.76rem;
}

.image_3 {
  width: 5.334rem;
  height: 5.334rem;
  margin: 12.347rem 0 0 -1.654rem;
}

.image_4 {
  width: 9.76rem;
  height: 17.307rem;
  margin-left: 1.574rem;
}

.image_5 {
  width: 9.76rem;
  height: 17.307rem;
  margin-left: 1.307rem;
}

.image_6 {
  width: 9.76rem;
  height: 17.307rem;
  margin-left: 1.334rem;
}

.text-wrapper_2 {
  position: relative;
  width: 22.347rem;
  height: 5.84rem;
  background: url(./img/FigmaDDSSlicePNG24efbe9ce3149bf2908ac8505adc9375.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin: 1.36rem 0 0 14.134rem;
}

.text_4 {
  width: 9.147rem;
  height: 2rem;
  -webkit-text-stroke: 6px rgba(85, 49, 0, 1);
  overflow-wrap: break-word;
  color: rgba(254, 255, 220, 1);
  font-size: 1.84rem;
  font-family: SF Pro Rounded-Heavy;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
  margin: 0.8rem 0 0 6.907rem;
}

.text_5 {
  position: absolute;
  left: 6.907rem;
  top: 0.774rem;
  width: 9.147rem;
  height: 2rem;
  overflow-wrap: break-word;
  color: rgba(254, 255, 220, 1);
  font-size: 1.84rem;
  font-family: SF Pro Rounded-Heavy;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
}

.block_2 {
  background-color: rgba(255, 236, 153, 0.54);
  border-radius: 20px;
  height: 20.32rem;
  width: 44.267rem;
  margin: 0.72rem 0 0 3.44rem;
}

.image-wrapper_3 {
  width: 37.894rem;
  height: 7.467rem;
  margin: 2.56rem 0 0 3.2rem;
}

.image_7 {
  width: 7.467rem;
  height: 7.467rem;
}

.image_8 {
  width: 7.467rem;
  height: 7.467rem;
  margin-left: 7.734rem;
}

.image_9 {
  width: 7.467rem;
  height: 7.467rem;
  margin-left: 7.76rem;
}

.group_1 {
  width: 42.747rem;
  height: 7.52rem;
  margin: 0.827rem 0 1.947rem 0.774rem;
}

.text-group_2 {
  width: 12.32rem;
  height: 7.28rem;
  margin-top: 0.24rem;
}

.text_6 {
  width: 8.027rem;
  height: 1.84rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.96rem;
  letter-spacing: 3px;
  font-family: Inter-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  margin-left: 2.16rem;
}

.text_7 {
  width: 12.32rem;
  height: 4.534rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.53);
  font-size: 0.64rem;
  letter-spacing: 3px;
  font-family: Inter-Medium;
  font-weight: 500;
  text-align: center;
  margin-top: 0.907rem;
}

.text-group_3 {
  width: 12.32rem;
  height: 6.614rem;
  margin-left: 2.88rem;
}

.paragraph_1 {
  width: 9.6rem;
  height: 2.347rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.96rem;
  letter-spacing: 3px;
  font-family: Inter-Bold;
  font-weight: 700;
  text-align: center;
  margin-left: 2.187rem;
}

.text_8 {
  width: 12.32rem;
  height: 3.627rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.53);
  font-size: 0.64rem;
  letter-spacing: 3px;
  font-family: Inter-Medium;
  font-weight: 500;
  text-align: center;
  margin-top: 0.64rem;
}

.text-group_4 {
  width: 12.32rem;
  height: 7.28rem;
  margin: 0.24rem 0 0 2.907rem;
}

.text_9 {
  width: 8.64rem;
  height: 1.84rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.96rem;
  letter-spacing: 3px;
  font-family: Inter-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  margin-left: 1.84rem;
}

.text_10 {
  width: 12.32rem;
  height: 4.534rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.53);
  font-size: 0.64rem;
  letter-spacing: 3px;
  font-family: Inter-Medium;
  font-weight: 500;
  text-align: center;
  margin-top: 0.907rem;
}

.text_11 {
  width: 17.92rem;
  height: 2.694rem;
  -webkit-text-stroke: 8px rgba(23, 26, 18, 1);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 2.4rem;
  letter-spacing: 2px;
  font-family: FZChaoCuHei-M10S-Regular;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  margin: 4.374rem 0 0 16.614rem;
}

.text-wrapper_3 {
  width: 35.494rem;
  height: 2.56rem;
  margin: 20.134rem 0 27.814rem 6.614rem;
}

.paragraph_2 {
  width: 14.347rem;
  height: 2.56rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.066rem;
  font-family: Inter-Semi Bold;
  font-weight: NaN;
  text-align: left;
}

.text_12 {
  width: 11.894rem;
  height: 1.28rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.066rem;
  font-family: Inter-Semi Bold;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
}

.image_10 {
  position: absolute;
  left: 3.094rem;
  top: 64.214rem;
  width: 21.334rem;
  height: 16rem;
}

.image_11 {
  position: absolute;
  left: 26.694rem;
  top: 64.214rem;
  width: 21.334rem;
  height: 16rem;
}

.image_12 {
  position: absolute;
  left: 26.694rem;
  top: 82.16rem;
  width: 3.094rem;
  height: 3.094rem;
}

.image_13 {
  position: absolute;
  left: 3.094rem;
  top: 82.374rem;
  width: 3.094rem;
  height: 3.094rem;
}

.section_4 {
  position: absolute;
  left: 0;
  top: 28.8rem;
  width: 51.2rem;
  height: 28.8rem;
    background: rgb(234, 244, 156);
    z-index: -1;
}

.section_5 {
  position: absolute;
  left: 0;
  top: 57.6rem;
  width: 51.2rem;
  height: 28.8rem;
    background: rgb(234, 244, 156);
    z-index: -1;
}