html {
  font-size: 37.5px;
}

body {
  margin: 0;
  padding: 0;
}

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

.box_1 {
  height: 26.934rem;
  background: url(./img/FigmaDDSSlicePNG7c1e364cf843dfe569e9eeb13dd68f94.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 51.2rem;
}

.box_2 {
  width: 28.8rem;
  height: 1.44rem;
  margin: 0.8rem 0 0 1.067rem;
}

.label_1 {
  width: 1.174rem;
  height: 1.174rem;
  margin-top: 0.134rem;
}

.text_1 {
  width: 27.2rem;
  height: 1.44rem;
  overflow-wrap: break-word;
  color: rgba(71, 254, 111, 1);
  font-size: 0.96rem;
  font-family: Poppins-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
}

.text-wrapper_1 {
  width: 35.174rem;
  height: 5.12rem;
  margin: 17.307rem 0 2.267rem 8rem;
}

.text_2 {
  width: 35.174rem;
  height: 5.12rem;
  overflow-wrap: break-word;
  color: rgba(60, 255, 223, 1);
  font-size: 2.133rem;
  letter-spacing: 1.600000023841858px;
  font-family: Inter-Black;
  font-weight: NaN;
  text-align: center;
}

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

.box_4 {
  width: 28.16rem;
  height: 0.134rem;
  border: 1px solid rgba(223, 223, 223, 1);
  margin: 3.147rem 0 0 14.667rem;
}

.box_5 {
  width: 34.4rem;
  height: 4.8rem;
  margin: 1.52rem 0 0 8.4rem;
}

.group_1 {
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.9) 0,
    rgba(0, 0, 0, 0.2) 100%
  );
  height: 4.8rem;
  width: 4.8rem;
}

.text-wrapper_2 {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  height: 0.694rem;
  width: 1.947rem;
  margin: 3.04rem 0 0 1.44rem;
}

.text_3 {
  width: 1.414rem;
  height: 0.48rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.346rem;
  letter-spacing: 0.7799999713897705px;
  font-family: Manrope-SemiBold;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  margin: 0.107rem 0 0 0.267rem;
}

.group_2 {
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.9) 0,
    rgba(0, 0, 0, 0.2) 100%
  );
  height: 4.8rem;
  margin-left: 1.12rem;
  width: 4.8rem;
}

.text-wrapper_3 {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  height: 0.694rem;
  width: 2.027rem;
  margin: 3.04rem 0 0 1.414rem;
}

.text_4 {
  width: 1.494rem;
  height: 0.48rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.346rem;
  letter-spacing: 0.7799999713897705px;
  font-family: Manrope-SemiBold;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  margin: 0.107rem 0 0 0.267rem;
}

.group_3 {
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.9) 0,
    rgba(0, 0, 0, 0.2) 100%
  );
  height: 4.8rem;
  margin-left: 1.12rem;
  width: 4.8rem;
}

.text-wrapper_4 {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  height: 0.694rem;
  width: 1.947rem;
  margin: 3.04rem 0 0 1.44rem;
}

.text_5 {
  width: 1.44rem;
  height: 0.48rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.346rem;
  letter-spacing: 0.7799999713897705px;
  font-family: Manrope-SemiBold;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  margin: 0.107rem 0 0 0.267rem;
}

.group_4 {
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.9) 0,
    rgba(0, 0, 0, 0.2) 100%
  );
  height: 4.8rem;
  margin-left: 1.12rem;
  width: 4.8rem;
}

.text-wrapper_5 {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  height: 0.694rem;
  width: 2.614rem;
  margin: 3.04rem 0 0 1.12rem;
}

.text_6 {
  width: 2.08rem;
  height: 0.48rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.346rem;
  letter-spacing: 0.7799999713897705px;
  font-family: Manrope-SemiBold;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  margin: 0.107rem 0 0 0.267rem;
}

.group_5 {
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.9) 0,
    rgba(0, 0, 0, 0.2) 100%
  );
  height: 4.8rem;
  margin-left: 1.12rem;
  width: 4.8rem;
}

.text-wrapper_6 {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  height: 0.694rem;
  width: 2.107rem;
  margin: 3.04rem 0 0 1.36rem;
}

.text_7 {
  width: 1.574rem;
  height: 0.48rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.346rem;
  letter-spacing: 0.7799999713897705px;
  font-family: Manrope-SemiBold;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  margin: 0.107rem 0 0 0.267rem;
}

.group_6 {
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.9) 0,
    rgba(0, 0, 0, 0.2) 100%
  );
  height: 4.8rem;
  margin-left: 1.12rem;
  width: 4.8rem;
}

.text-wrapper_7 {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  height: 0.694rem;
  width: 1.76rem;
  margin: 3.04rem 0 0 1.547rem;
}

.text_8 {
  width: 1.254rem;
  height: 0.48rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.346rem;
  letter-spacing: 0.7799999713897705px;
  font-family: Manrope-SemiBold;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  margin: 0.107rem 0 0 0.267rem;
}

.box_6 {
  width: 51.2rem;
  height: 22.534rem;
  margin-top: 18.56rem;
}

.box_7 {
  width: 30.8rem;
  height: 1.067rem;
  margin: 2.667rem 0 0 8.4rem;
}

.text-wrapper_8 {
  height: 1.067rem;
  background: url(./img/FigmaDDSSlicePNG72933f3c9a63b5196bd6202ff0b81409.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 7.494rem;
}

.text_9 {
  width: 6rem;
  height: 0.64rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.533rem;
  font-family: Manrope-ExtraBold;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  margin: 0.214rem 0 0 0.747rem;
}

.group_7 {
  width: 23.707rem;
  height: 0.134rem;
  border: 1px solid rgba(37, 51, 70, 1);
  margin: 0.48rem 0 0 -0.4rem;
}

.box_8 {
  width: 34.054rem;
  height: 14.427rem;
  margin: 1.067rem 0 3.307rem 8.4rem;
}

.box_9 {
  width: 16.8rem;
  height: 13.76rem;
}

.box_10 {
  height: 10.134rem;
  background: url(./img/FigmaDDSSlicePNG9407be814b4ab7ed5aa5dcea8b505928.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 16.8rem;
}

.section_1 {
  background-color: rgba(0, 0, 0, 0.37);
  width: 16.8rem;
  height: 10.134rem;
}

.text-wrapper_9 {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  height: 0.694rem;
  margin-top: 0.587rem;
  width: 2.107rem;
}

.text_10 {
  width: 1.574rem;
  height: 0.48rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.346rem;
  letter-spacing: 0.7799999713897705px;
  font-family: Manrope-SemiBold;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  margin: 0.107rem 0 0 0.267rem;
}

.paragraph_1 {
  width: 14.827rem;
  height: 1.947rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.746rem;
  font-family: Manrope-Bold;
  font-weight: 700;
  text-align: left;
  margin-top: 0.4rem;
}

.box_11 {
  background-color: rgba(37, 51, 70, 1);
  width: 0.027rem;
  height: 14.4rem;
  margin-left: 0.8rem;
}

.box_12 {
  width: 5.067rem;
  height: 14.427rem;
  margin-left: 0.907rem;
}

.box_13 {
  height: 4.267rem;
  background: url(./img/FigmaDDSSlicePNGa4267e4160c13635060e31fa70c87cba.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 5.067rem;
}

.block_1 {
  background-color: rgba(0, 0, 0, 0.37);
  width: 5.067rem;
  height: 4.267rem;
}

.box_14 {
  height: 4.294rem;
  background: url(./img/FigmaDDSSlicePNG245efce2c68d78b168465d3464972ffc.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-top: 0.8rem;
  width: 5.067rem;
}

.group_8 {
  background-color: rgba(0, 0, 0, 0.37);
  width: 5.067rem;
  height: 4.294rem;
}

.box_15 {
  height: 4.294rem;
  background: url(./img/FigmaDDSSlicePNGbb4d42e9fe447a5df7652bda2e825dfe.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-top: 0.774rem;
  width: 5.067rem;
}

.section_2 {
  background-color: rgba(0, 0, 0, 0.37);
  width: 5.067rem;
  height: 4.294rem;
}

.box_16 {
  width: 9.654rem;
  height: 12.854rem;
  margin: 0.374rem 0 0 0.8rem;
}

.text-wrapper_10 {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  height: 0.694rem;
  width: 2.614rem;
}

.text_11 {
  width: 2.08rem;
  height: 0.48rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.346rem;
  letter-spacing: 0.7799999713897705px;
  font-family: Manrope-SemiBold;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  margin: 0.107rem 0 0 0.267rem;
}

.paragraph_2 {
  width: 6.72rem;
  height: 1.654rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.586rem;
  font-family: Manrope-Bold;
  font-weight: 700;
  text-align: left;
  margin-top: 0.374rem;
}

.text-wrapper_11 {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  height: 0.694rem;
  margin-top: 2.32rem;
  width: 1.947rem;
}

.text_12 {
  width: 1.414rem;
  height: 0.48rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.346rem;
  letter-spacing: 0.7799999713897705px;
  font-family: Manrope-SemiBold;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  margin: 0.107rem 0 0 0.267rem;
}

.paragraph_3 {
  width: 9.654rem;
  height: 1.654rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.586rem;
  font-family: Manrope-Bold;
  font-weight: 700;
  text-align: left;
  margin-top: 0.4rem;
}

.text-wrapper_12 {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  height: 0.694rem;
  margin-top: 2.347rem;
  width: 1.947rem;
}

.text_13 {
  width: 1.44rem;
  height: 0.48rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.346rem;
  letter-spacing: 0.7799999713897705px;
  font-family: Manrope-SemiBold;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  margin: 0.107rem 0 0 0.267rem;
}

.paragraph_4 {
  width: 9.494rem;
  height: 1.654rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.586rem;
  font-family: Manrope-Bold;
  font-weight: 700;
  text-align: left;
  margin-top: 0.374rem;
}

.text-wrapper_13 {
  height: 1.067rem;
  background: url(./img/FigmaDDSSlicePNG19ca01a1df553c8502ec270d32cab9bf.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 6.667rem;
  position: absolute;
  left: 8.4rem;
  top: 2.667rem;
}

.text_14 {
  width: 5.174rem;
  height: 0.64rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.533rem;
  font-family: Manrope-ExtraBold;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  margin: 0.214rem 0 0 0.747rem;
}

.image_1 {
  position: absolute;
  left: 11.414rem;
  top: 7.6rem;
  width: 28.374rem;
  height: 23.36rem;
}

.text-wrapper_14 {
  background-color: rgba(1, 4, 0, 1);
  height: 4.88rem;
  width: 51.2rem;
}

.text_15 {
  width: 27.947rem;
  height: 2.72rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.906rem;
  font-family: Poppins-Medium;
  font-weight: 500;
  text-align: center;
  margin: 1.094rem 0 0 11.627rem;
}
