html {
  font-size: 37.5px;
}

body {
  margin: 0;
}

.page {
  background-color: rgba(7, 6, 5, 1);
  position: relative;
  width: 51.2rem;
  height: 93.04rem;
  overflow: hidden;
}

.box_1 {
  
  background: url(./img/img_banner_top@2x.png)
    100% no-repeat;
  background-size: 100% 100%;
  height: 26.667rem;
  width: 51.2rem;
}

.box_2 {
  background-image: linear-gradient(
    135deg,
    rgba(0, 0, 0, 0.3) 0,
    rgba(0, 0, 0, 0) 100%
  );
  border-radius: 50%;
  height: 21.174rem;
  width: 67.254rem;
  margin: 1.094rem 0 0 -8.907rem;
}

.block_1 {
  width: 10.96rem;
  height: 1.92rem;
  margin: 0.507rem 0 0 10.507rem;
}

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

.text_1 {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
  width: 8.614rem;
  height: 1.147rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.96rem;
  font-family: SF Pro Rounded-Heavy;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
  line-height: 0.96rem;
  margin-top: 0.4rem;
}

.text-wrapper_1 {
  position: relative;
  width: 34.267rem;
  height: 5.12rem;
  margin: 3.414rem 0 10.214rem 16.107rem;
}

.paragraph_1 {
  text-shadow: 4px 7px 0px rgba(0, 0, 0, 0.3);
  width: 34.267rem;
  height: 5.12rem;
  -webkit-text-stroke: 3.484745740890503px rgba(255, 255, 255, 1);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 2.533rem;
  font-family: SF Pro Rounded-Heavy;
  font-weight: 900;
  text-align: center;
  line-height: 2.534rem;
}

.paragraph_2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 34.267rem;
  height: 5.12rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 2.533rem;
  font-family: SF Pro Rounded-Heavy;
  font-weight: 900;
  text-align: center;
  line-height: 2.534rem;
}

.box_3 {
  position: absolute;
  left: 0;
  top: 26.667rem;
  width: 51.2rem;
  height: 66.4rem;
}

.image_2 {
  position: absolute;
  left: 6.774rem;
  top: -2.293rem;
  width: 19.52rem;
  height: 34.72rem;
}

.group_1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 51.2rem;
  height: 22.134rem;
  background: url(./img/FigmaDDSSlicePNGd84df2e5ffd8b3eba95dfa311129e818.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.image_3 {
  width: 7.094rem;
  height: 7.094rem;
  margin: 8.8rem 0 0 6rem;
}

.box_4 {
  height: 10.987rem;
  background: url(./img/FigmaDDSSlicePNG5dc9d6aa0dd2cc48d5efb188e1b34a1c.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 10.48rem;
  margin: 6.854rem 25.387rem 0 2.24rem;
}

.image-wrapper_1 {
  height: 10.987rem;
  background: url(./img/FigmaDDSSlicePNG73c1889a5f6dea6b05c5af034adcb86b.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 10.48rem;
}

.image_4 {
  width: 10.48rem;
  height: 10.987rem;
}

.box_5 {
  position: absolute;
  left: 0;
  top: 0;
  width: 51.2rem;
  height: 22.134rem;
}

.text_2 {
  text-shadow: 3px 6px 0px rgba(0, 0, 0, 0.3);
  width: 11.12rem;
  height: 2.134rem;
  -webkit-text-stroke: 2.876882791519165px rgba(255, 255, 255, 1);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 2.106rem;
  font-family: SF Pro Rounded-Heavy;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
  line-height: 2.107rem;
  margin: 1.974rem 0 0 20.027rem;
}

.image_5 {
  width: 7.787rem;
  height: 13.84rem;
  margin: 5.094rem 0 0.907rem 18.48rem;
}

.text_3 {
  position: absolute;
  left: 20.027rem;
  top: 1.974rem;
  width: 11.12rem;
  height: 2.134rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 2.106rem;
  font-family: SF Pro Rounded-Heavy;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
  line-height: 2.107rem;
}

.group_2 {
  height: 22.134rem;
  background: url(./img/FigmaDDSSlicePNG5ec5d5f853632da44c75e7ec0c7c65c9.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 51.2rem;
  position: absolute;
  left: 0;
  top: 22.134rem;
}

.image_6 {
  width: 38.4rem;
  height: 17.814rem;
  margin: 4.294rem 0 0 6.4rem;
}

.group_3 {
  position: absolute;
  left: 0;
  top: 0;
  width: 51.2rem;
  height: 22.134rem;
}

.text_4 {
  text-shadow: 3px 6px 0px rgba(0, 0, 0, 0.3);
  width: 17.76rem;
  height: 2.134rem;
  -webkit-text-stroke: 2.876882791519165px rgba(255, 255, 255, 1);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 2.106rem;
  font-family: SF Pro Rounded-Heavy;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
  line-height: 2.107rem;
  margin: 1.974rem 0 0 16.694rem;
}

.text_5 {
  position: absolute;
  left: 16.694rem;
  top: 1.974rem;
  width: 17.76rem;
  height: 2.134rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 2.106rem;
  font-family: SF Pro Rounded-Heavy;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
  line-height: 2.107rem;
}

.image_7 {
  position: absolute;
  left: 16.694rem;
  top: 10.214rem;
  width: 10rem;
  height: 17.76rem;
}

.group_4 {
  position: absolute;
  left: 0;
  top: 44.24rem;
  width: 51.2rem;
  height: 22.134rem;
  background: url(./img/FigmaDDSSlicePNG3d93fe91bd65411ef5816f2084b143e8.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.text_6 {
  text-shadow: 3px 6px 0px rgba(0, 0, 0, 0.3);
  width: 10.907rem;
  height: 2.134rem;
  -webkit-text-stroke: 2.876882791519165px rgba(255, 255, 255, 1);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 2.106rem;
  font-family: SF Pro Rounded-Heavy;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
  line-height: 2.107rem;
  margin: 2.134rem 0 0 20.134rem;
}

.text_7 {
  width: 7.894rem;
  height: 1.147rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.96rem;
  font-family: SF Pro Rounded-Semibold;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  line-height: 0.96rem;
  margin: 15.067rem 0 1.654rem 21.627rem;
}

.text_8 {
  position: absolute;
  left: 20.134rem;
  top: 2.134rem;
  width: 10.907rem;
  height: 2.134rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 2.106rem;
  font-family: SF Pro Rounded-Heavy;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
  line-height: 2.107rem;
}

.image_8 {
  position: absolute;
  left: 16.694rem;
  top: 10.374rem;
  width: 10rem;
  height: 17.76rem;
}

.box_6 {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 40px;
  position: absolute;
  left: 14.107rem;
  top: 6.747rem;
  width: 22.987rem;
  height: 10.16rem;
}

.image_9 {
  width: 1.76rem;
  height: 1.76rem;
  margin: 2.4rem 0 0 1.974rem;
}

.paragraph_3 {
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  width: 19.04rem;
  height: 2.027rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.853rem;
  font-family: SF Pro Rounded-Semibold;
  font-weight: 600;
  text-align: left;
  margin: 0.64rem 0 3.334rem 1.974rem;
}

.box_7 {
  position: absolute;
  left: 0;
  top: 0;
  width: 51.2rem;
  height: 22.134rem;
}

.box_8 {
  position: absolute;
  left: 0;
  top: 0;
  width: 51.2rem;
  height: 26.667rem;
}