html {
  font-size: 37.5px;
}

body {
  margin: 0;
}

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

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

.section_2 {
  position: relative;
  width: 51.2rem;
  height: 86.4rem;
  background: url(./img/FigmaDDSSlicePNG62fa595564c34a37e87554b7a4c02c81.png)
    100% no-repeat;
  background-size: 100% 100%;
  /* margin-bottom: 2.374rem; */
}

.text_1 {
  width: 8.374rem;
  height: 2.827rem;
  overflow-wrap: break-word;
  color: rgba(3, 21, 40, 1);
  font-size: 2.133rem;
  letter-spacing: -2px;
  font-family: Roboto Slab-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  margin: 1.307rem 0 0 21.414rem;
}

.text_2 {
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  width: 12.24rem;
  height: 2.027rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.226rem;
  font-family: Roboto-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  margin: 0.347rem 0 0 19.494rem;
}

.text_3 {
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  width: 14.614rem;
  height: 1.627rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.853rem;
  letter-spacing: 3px;
  font-family: Inter-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  margin: 0.08rem 0 0 18.294rem;
}

.group_1 {
  width: 41.04rem;
  height: 16.427rem;
  margin: 1.92rem 0 0 5.254rem;
}

.box_1 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 29px;
  height: 16.427rem;
  border: 6px solid rgba(255, 203, 78, 1);
  width: 9.254rem;
}

.section_3 {
  height: 16.427rem;
  width: 9.254rem;
}

.group_2 {
  height: 16.427rem;
  background: url(./img/FigmaDDSSlicePNGe43c82f0f29a376c25177133f36dee54.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 9.254rem;
}

.group_3 {
  background-image: linear-gradient(
    360deg,
    rgba(1, 19, 37, 0.5) 0,
    rgba(1, 19, 37, 0) 100%
  );
  height: 5.84rem;
  width: 9.254rem;
  position: relative;
}

.paragraph_1 {
  width: 6.24rem;
  height: 1.894rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.746rem;
  font-family: Roboto-Bold;
  font-weight: 700;
  text-align: center;
  margin: 0.907rem 0 0 1.494rem;
}

.image-wrapper_1 {
  height: 4.987rem;
  background: url(./img/FigmaDDSSlicePNG80342c9ee1e894b9f861ef8edb8afc44.png)
    0rem -2.187rem no-repeat;
  background-size: 6.64rem 6.64rem;
  width: 4.987rem;
  position: absolute;
  left: -0.4rem;
  top: 4.267rem;
}

.image_1 {
  width: 2.774rem;
  height: 1.387rem;
  margin: 0.72rem 0 0 1.787rem;
}

.box_2 {
  background-image: linear-gradient(
    360deg,
    rgba(1, 19, 37, 0.5) 0,
    rgba(1, 19, 37, 0.1) 47.5308%,
    rgba(1, 19, 37, 0.1) 100%
  );
  position: relative;
  width: 9.254rem;
  height: 16.427rem;
  margin-left: 1.387rem;
}

.paragraph_2 {
  width: 7.787rem;
  height: 1.894rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.746rem;
  font-family: Roboto-Bold;
  font-weight: 700;
  text-align: center;
  margin: 0.907rem 0 0 0.694rem;
}

.image-wrapper_2 {
  position: relative;
  width: 2.107rem;
  height: 1.654rem;
  margin: 3.28rem 0 8.694rem 3.92rem;
}

.label_1 {
  width: 1.2rem;
  height: 1.014rem;
  margin: 0.64rem 0 0 0.4rem;
}

.image_2 {
  width: 0.534rem;
  height: 0.934rem;
  margin-left: -0.026rem;
}

.image_3 {
  position: absolute;
  left: 0;
  top: 0.16rem;
  width: 0.48rem;
  height: 0.854rem;
}

.image_4 {
  position: absolute;
  left: -1.893rem;
  top: 10.027rem;
  width: 8.32rem;
  height: 8.027rem;
}

.box_3 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 29px;
  height: 16.427rem;
  border: 6px solid rgba(255, 203, 78, 1);
  margin-left: 1.387rem;
  width: 9.254rem;
}

.box_4 {
  height: 16.427rem;
  width: 9.254rem;
}

.box_5 {
  height: 16.427rem;
  background: url(./img/FigmaDDSSlicePNG26e15efb20c88e5010f2f5f34a200c40.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 9.254rem;
}

.block_1 {
  background-image: linear-gradient(
    360deg,
    rgba(1, 19, 37, 0.5) 0,
    rgba(1, 19, 37, 0.1) 47.5308%,
    rgba(1, 19, 37, 0.1) 100%
  );
  position: relative;
  width: 9.254rem;
  height: 16.427rem;
}

.paragraph_3 {
  width: 7.334rem;
  height: 1.894rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.746rem;
  font-family: Roboto-Bold;
  font-weight: 700;
  text-align: center;
  margin: 0.907rem 0 0 0.96rem;
}

.image_5 {
  width: 2.64rem;
  height: 1.44rem;
  margin: 5.947rem 0 0 4.16rem;
}

.image_6 {
  width: 0.88rem;
  height: 1.734rem;
  margin: 0.8rem 0 3.707rem 5.947rem;
}

.block_2 {
  position: absolute;
  left: 4.72rem;
  top: 3.44rem;
  width: 2.854rem;
  height: 6.187rem;
  background: url(./img/FigmaDDSSlicePNG396762a6285b7af4345d9a9b16a9ad32.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.image-wrapper_3 {
  height: 6.054rem;
  background: url(./img/FigmaDDSSlicePNGdd0ce052fb6fb609063099e940b06e70.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 4.987rem;
  position: absolute;
  left: 3.574rem;
  top: 3.6rem;
}

.image_7 {
  width: 3.067rem;
  height: 2.96rem;
  margin: 4.347rem 0 0 0.96rem;
}

.box_6 {
  background-image: linear-gradient(
    360deg,
    rgba(1, 19, 37, 0.5) 0,
    rgba(1, 19, 37, 0.1) 47.5308%,
    rgba(1, 19, 37, 0.1) 100%
  );
  position: relative;
  width: 9.254rem;
  height: 16.427rem;
  margin-left: 1.254rem;
}

.paragraph_4 {
  width: 7.76rem;
  height: 2.827rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.746rem;
  font-family: Roboto-Bold;
  font-weight: 700;
  text-align: center;
  margin: 0.8rem 0 0 0.747rem;
}

.image_8 {
  width: 2.667rem;
  height: 0.96rem;
  margin: 5.387rem 0 6.454rem 1.947rem;
}

.block_3 {
  position: absolute;
  left: 0.64rem;
  top: 3.974rem;
  width: 5.44rem;
  height: 5.787rem;
  background: url(./img/FigmaDDSSlicePNGb7a63e33cbc747ce695af3aeb0fab1c3.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.image-wrapper_4 {
  width: 1.52rem;
  height: 3.68rem;
  margin: 0.454rem 0 0 2.347rem;
}

.label_2 {
  width: 0.774rem;
  height: 1.227rem;
  margin-left: 0.054rem;
}

.image_9 {
  width: 1.52rem;
  height: 1.28rem;
  margin-top: 1.174rem;
}

.label_3 {
  width: 0.907rem;
  height: 1.12rem;
  margin: 1.6rem 0.107rem 0 0.56rem;
}

.label_4 {
  position: absolute;
  left: 1.36rem;
  top: 2.08rem;
  width: 1.094rem;
  height: 0.907rem;
}

.text_4 {
  width: 10.534rem;
  height: 2.827rem;
  overflow-wrap: break-word;
  color: rgba(3, 21, 40, 1);
  font-size: 2.133rem;
  letter-spacing: -2px;
  font-family: Roboto Slab-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  margin: 3.6rem 0 0 20.347rem;
}

.group_4 {
  background-color: rgba(2, 21, 39, 0.3);
  border-radius: 60px;
  height: 21.36rem;
  width: 44.267rem;
  margin: 1.334rem 0 0 3.467rem;
}

.image-wrapper_5 {
  width: 37.894rem;
  height: 7.467rem;
  margin: 2.134rem 0 0 3.174rem;
}

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

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

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

.box_7 {
  width: 41.707rem;
  height: 8.72rem;
  margin: 0.827rem 0 2.214rem 1.28rem;
}

.text-group_1 {
  width: 11.36rem;
  height: 8.48rem;
  margin-top: 0.24rem;
}

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

.text_6 {
  width: 11.36rem;
  height: 5.734rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.64rem;
  font-family: Inter-Medium;
  font-weight: 500;
  text-align: center;
  margin-top: 0.907rem;
}

.text-wrapper_1 {
  position: relative;
  width: 12.32rem;
  height: 8.16rem;
  margin-left: 3.307rem;
}

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

.text_7 {
  width: 12.32rem;
  height: 4.587rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.64rem;
  font-family: Inter-Medium;
  font-weight: 500;
  text-align: center;
  margin-top: 1.227rem;
}

.paragraph_6 {
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 2.187rem;
  top: 0;
  width: 7.6rem;
  height: 2.347rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.96rem;
  letter-spacing: 3px;
  font-family: Inter-Bold;
  font-weight: 700;
  text-align: center;
}

.text-group_2 {
  width: 11.36rem;
  height: 8.48rem;
  margin: 0.24rem 0 0 3.36rem;
}

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

.text_9 {
  width: 11.36rem;
  height: 5.734rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.64rem;
  font-family: Inter-Medium;
  font-weight: 500;
  text-align: center;
  margin-top: 0.907rem;
}

.text_10 {
  width: 11.52rem;
  height: 2.827rem;
  overflow-wrap: break-word;
  color: rgba(3, 21, 40, 1);
  font-size: 2.133rem;
  letter-spacing: -2px;
  font-family: Roboto Slab-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  margin: 2.934rem 0 0 19.734rem;
}

.image_13 {
  width: 44.267rem;
  height: 17.707rem;
  margin: 1.227rem 0 0 3.44rem;
}

.group_5 {
  width: 16.374rem;
  height: 3.094rem;
  margin: 0.587rem 0 2.347rem 17.44rem;
}

.image_14 {
  width: 3.094rem;
  height: 3.094rem;
}

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

.image_15 {
  position: absolute;
  left: 12.587rem;
  top: 14.8rem;
  width: 2.187rem;
  height: 2.187rem;
}

.group_6 {
  height: 14.107rem;
  background: url(./img/FigmaDDSSlicePNGc310d364d6d78af585198c20af8e471b.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 7.947rem;
  position: absolute;
  left: 6.854rem;
  top: 14.107rem;
}

.group_7 {
  height: 14.107rem;
  background: url(./img/FigmaDDSSlicePNG761634376adcaf44858d5bdf9e8f5c25.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 7.947rem;
}

.image-wrapper_6 {
  box-shadow: 0px 0px 20px 0px rgba(255, 225, 154, 1);
  border-radius: 41px;
  height: 5.654rem;
  width: 5.654rem;
  margin: 8.107rem 0 0 -3.414rem;
}

.image_16 {
  width: 5.654rem;
  height: 5.654rem;
}

.group_8 {
  height: 10.4rem;
  background: url(./img/FigmaDDSSlicePNG01dbcb0465db52b64eec06a75ea746af.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 5.867rem;
  position: absolute;
  left: 26.534rem;
  top: 16.747rem;
}

.image-wrapper_7 {
  height: 10.4rem;
  background: url(./img/FigmaDDSSlicePNGbd980c1915696e9feba9e4e1c640a68f.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 5.867rem;
}

.image_17 {
  width: 0.88rem;
  height: 1.734rem;
  margin: 3.76rem 0 0 0.694rem;
}

.image_18 {
  position: absolute;
  left: 38.214rem;
  top: 25.04rem;
  width: 8.32rem;
  height: 8.027rem;
}

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

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

.group_11 {
  position: absolute;
  left: 0;
  top: 57.6rem;
  width: 51.2rem;
  height: 28.8rem;
}

.section_4 {
  position: absolute;
  left: -5.573rem;
  top: 0;
  width: 61.147rem;
  height: 32.56rem;
  background: url(./img/FigmaDDSSlicePNGb497eec7446870ab02d18b32709a44b9.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.image_19 {
  width: 2.054rem;
  height: 2.054rem;
  margin: 1.734rem 0 0 7.28rem;
}

.text_12 {
  text-shadow: 2px 2px 4px rgba(98, 42, 18, 0.5);
  width: 9.44rem;
  height: 2.027rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.226rem;
  font-family: Roboto Serif-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  margin: 1.707rem 41.547rem 0 0.827rem;
}

.box_8 {
  background-image: linear-gradient(
    360deg,
    rgba(2, 22, 42, 0) 0,
    rgba(2, 22, 42, 1) 100%
  );
  position: absolute;
  left: 5.547rem;
  top: 9.334rem;
  width: 51.227rem;
  height: 19.467rem;
}

.box_9 {
  height: 28.8rem;
  width: 51.2rem;
  position: absolute;
  left: 5.574rem;
  top: 0;
}

.group_12 {
  width: 34.614rem;
  height: 11.76rem;
  margin: 4.534rem 0 0 8.454rem;
}

.text-wrapper_2 {
  width: 15.947rem;
  height: 6.4rem;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: Roboto-ExtraBold;
  font-weight: NaN;
  text-align: left;
  margin-top: 3.974rem;
}

.text_13 {
  width: 15.947rem;
  height: 6.4rem;
  overflow-wrap: break-word;
  color: rgba(243, 201, 69, 1);
  font-size: 2.666rem;
  font-family: Roboto-ExtraBold;
  font-weight: NaN;
  text-align: left;
}

.paragraph_7 {
  width: 15.947rem;
  height: 6.4rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 2.666rem;
  font-family: Roboto-ExtraBold;
  font-weight: NaN;
  text-align: left;
}

.image_20 {
  width: 12.534rem;
  height: 11.76rem;
}

.image-wrapper_8 {
  width: 1.68rem;
  height: 3.627rem;
  margin: 1.28rem 0 0 5.227rem;
}

.image_21 {
  width: 1.68rem;
  height: 3.627rem;
}

.image-wrapper_9 {
  width: 1.707rem;
  height: 3.6rem;
  margin: 0.48rem 0 3.52rem 13.307rem;
}

.image_22 {
  width: 1.707rem;
  height: 3.6rem;
}

.image_23 {
  position: absolute;
  left: 2.347rem;
  top: 17.76rem;
  width: 11.04rem;
  height: 11.04rem;
}