.untitled-page.main {
  display: flex;
  flex-direction: column;
  background-color: white;
  overflow: hidden;
}
.untitled-page .section1 {
  display: flex;
  flex-direction: column;
}
.untitled-page .flex_col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px 0px;
}
.untitled-page .content_box {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #6c6c6c;
  box-shadow: 0px 12px 11.3999996185px 0px rgba(0, 0, 0, 0.498);
}
.untitled-page .flex_row {
  display: flex;
  justify-content: space-between;
  gap: 0px 10px;
  margin: 0px auto 4px;
  width: 332px;
  padding: 0px 29px 0px 0px;
}
.untitled-page .image1 {
  width: 129px;
}
.untitled-page .title {
  margin: 48px 0px 52px;
  font: 700 28px/1.32 "JetBrains Mono", Helvetica, Arial, serif;
  color: #ecab38;
}
.untitled-page .group {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.untitled-page .cover {
  position: relative;
  width: 100%;
}
.untitled-page .flex_col1 {
  position: absolute;
  top: 458px;
  left: 47px;
  display: flex;
  flex-direction: column;
  gap: 48px 0px;
  width: 960px;
  height: 333px;
}
.untitled-page .hero_title {
  width: 76.35%;
  font: 600 48px/1 "Josefin Slab", Helvetica, Arial, serif;
  color: black;
}
.untitled-page .flex_row1 {
  display: flex;
  align-items: center;
  gap: 0px 8px;
  margin: 0px 0px 0px 10px;
}
.untitled-page .flex_col2 {
  display: flex;
  flex-direction: column;
  width: 18px;
}
.untitled-page .image {
  width: 18px;
  height: 18px;
}
.untitled-page .image2 {
  margin: 44px 0px 0px;
  width: 18px;
  height: 18px;
}
.untitled-page .image3 {
  margin: 35px 0px 0px;
  width: 18px;
  height: 18px;
}
.untitled-page .image4 {
  margin: 24px 0px 0px;
  width: 18px;
  height: 18px;
}
.untitled-page .flex_col3 {
  display: flex;
  flex-direction: column;
  width: 924px;
}
.untitled-page .title1 {
  font: 400 28px/1.21 "Inter", Helvetica, Arial, serif;
  color: black;
}
.untitled-page .title11 {
  margin: 27px 0px 0px;
  font: 400 28px/1.21 "Inter", Helvetica, Arial, serif;
  color: black;
}
.untitled-page .title12 {
  margin: 16px 0px 0px;
  font: 400 28px/1.21 "Inter", Helvetica, Arial, serif;
  color: black;
}
.untitled-page .title13 {
  margin: 10px 0px 0px;
  font: 400 28px/1.21 "Inter", Helvetica, Arial, serif;
  color: black;
}
.untitled-page .section2 {
  display: flex;
  flex-direction: column;
  background: var(--src) center center/100% 100% no-repeat;
}
.untitled-page .flex_row2 {
  display: flex;
  justify-content: space-between;
  gap: 0px 10px;
  margin: 31px auto 491px;
  width: 74.9%;
  padding: 0px 44px 0px 0px;
}
.untitled-page .flex_col4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px 0px;
  width: 571px;
}
.untitled-page .hero_title1 {
  width: 100%;
  font: 400 65px/1.32 "JetBrains Mono", Helvetica, Arial, serif;
  color: #ecab38;
}
.untitled-page .flex_col5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px 0px;
  width: 98.77%;
}
.untitled-page .flex_col6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 41px 0px;
  width: 100%;
  background: var(--src) center center/100% 100% no-repeat;
  padding: 30px 60px 165px 71px;
}
.untitled-page .image21 {
  width: 50px;
  height: 50px;
}
.untitled-page .medium_title_box {
  display: flex;
  justify-content: center;
}
.untitled-page .medium_title {
  font: 400 24px/1.2 "Inter", Helvetica, Arial, serif;
  color: black;
  text-align: center;
}
.untitled-page .medium_title_span0 {
  font: 1em/1.2 "Inter", Helvetica, Arial, serif;
}
.untitled-page .medium_title_span1 {
  font: 0.8333333333em/1.2 "Inter", Helvetica, Arial, serif;
}
.untitled-page .flex_row3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0px 10px;
  width: 100%;
}
.untitled-page .flex_col7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 35px 0px;
  width: 255px;
  background: var(--src) center center/100% 100% no-repeat;
  padding: 44px 4px 70px 9px;
}
.untitled-page .flex_col8 {
  display: flex;
  flex-direction: column;
  gap: 39px 0px;
  width: 255px;
  background: var(--src) center center/100% 100% no-repeat;
  padding: 40px 0px 70px 19px;
}
.untitled-page .image22 {
  margin: 0px 0px 0px 35.59%;
  width: 50px;
  height: 50px;
}
.untitled-page .flex_col9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 17px 0px;
  margin: 114px 0px 0px;
  width: 552px;
}
.untitled-page .flex_col10 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 41px 0px;
  width: 255px;
  background: var(--src) center center/100% 100% no-repeat;
  padding: 30px 10px 107px 28px;
}
.untitled-page .flex_col11 {
  display: flex;
  flex-direction: column;
  gap: 41px 0px;
  width: 255px;
  background: var(--src) center center/100% 100% no-repeat;
  padding: 30px 18px 136px 11px;
}
.untitled-page .image23 {
  margin: 0px 37.17% 0px auto;
  width: 50px;
  height: 50px;
}
.untitled-page .flex_col12 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 39px 0px;
  width: 255px;
  background: var(--src) center center/100% 100% no-repeat;
  padding: 40px 7px 70px 26px;
}
.untitled-page .flex_col13 {
  display: flex;
  flex-direction: column;
  gap: 28px 0px;
  width: 255px;
  background: var(--src) center center/100% 100% no-repeat;
  padding: 45px 8px 135px 8px;
}
.untitled-page .image24 {
  margin: 0px 0px 0px 38.08%;
  width: 50px;
  height: 50px;
}
.untitled-page .section3 {
  display: flex;
  flex-direction: column;
}
.untitled-page .flex_row4 {
  display: flex;
  gap: 0px 9px;
  margin: 34px 0px 0px;
  background: var(--src) center center/100% 100% no-repeat;
  padding: 10px 88px 301px 88px;
}
.untitled-page .flex_col14 {
  display: flex;
  flex-direction: column;
  margin: 237px 0px 403px;
  width: 18px;
}
.untitled-page .image5 {
  width: 18px;
  height: 18px;
}
.untitled-page .image6 {
  margin: 97px 0px 0px;
  width: 18px;
  height: 18px;
}
.untitled-page .image7 {
  margin: 96px 0px 0px;
  width: 18px;
  height: 18px;
}
.untitled-page .image8 {
  margin: 42px 0px 0px;
  width: 18px;
  height: 18px;
}
.untitled-page .hero_title2_box {
  width: 1572px;
}
.untitled-page .hero_title2 {
  font: 400 48px/1.31 "JetBrains Mono", Helvetica, Arial, serif;
  color: #21304f;
  letter-spacing: -3.36px;
}
.untitled-page .hero_title2_span0 {
  font: 1em/1.31 "JetBrains Mono", Helvetica, Arial, serif;
}
.untitled-page .hero_title2_span1 {
  font: 0.6666666667em/1.31 "JetBrains Mono", Helvetica, Arial, serif;
  letter-spacing: -2.25px;
}
.untitled-page .hero_title2_span2 {
  font: 0.5em/1.33 "JetBrains Mono", Helvetica, Arial, serif;
  letter-spacing: -1.68px;
}
.untitled-page .hero_title2_span3 {
  font: 0.6666666667em/1.31 "JetBrains Mono", Helvetica, Arial, serif;
  letter-spacing: -2.25px;
}
.untitled-page .hero_title2_span4 {
  font: 0.4166666667em/1.3 "JetBrains Mono", Helvetica, Arial, serif;
  letter-spacing: -1.4px;
}
.untitled-page .hero_title2_span5 {
  font: 0.6666666667em/1.31 "JetBrains Mono", Helvetica, Arial, serif;
  letter-spacing: -2.25px;
}
.untitled-page .hero_title2_span6 {
  font: 0.4166666667em/1.3 "JetBrains Mono", Helvetica, Arial, serif;
  letter-spacing: -1.4px;
}
.untitled-page .hero_title2_span7 {
  font: 0.6666666667em/1.31 "JetBrains Mono", Helvetica, Arial, serif;
  letter-spacing: -2.25px;
}
.untitled-page .section4 {
  display: flex;
  flex-direction: column;
}
.untitled-page .flex_col15 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 49px 0px;
  margin: 50px auto 54px;
  width: 85.31%;
}
.untitled-page .hero_title21 {
  width: 96.09%;
  font: 400 48px/1.31 "JetBrains Mono", Helvetica, Arial, serif;
  color: #21304f;
}
.untitled-page .content_box1 {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: white;
  border-radius: 18px 18px 18px 18px;
  padding: 88px 53px 156px 53px;
  outline: 15px solid rgba(255, 184, 0, 0.309);
  outline-offset: -15px;
}
.untitled-page .flex_col16 {
  display: flex;
  flex-direction: column;
  width: 704px;
}
.untitled-page .flex_row5 {
  display: flex;
  justify-content: space-between;
  gap: 0px 10px;
  margin: 0px auto;
  width: 91.9%;
}
.untitled-page .subtitle {
  margin: 13px 0px 5px;
  font: 400 20px/1.3 "JetBrains Mono", Helvetica, Arial, serif;
  color: black;
}
.untitled-page .rect3 {
  width: 577px;
  min-height: 44px;
  background-color: white;
  border-radius: 5px 5px 5px 5px;
  outline: 1px solid #bababa;
  outline-offset: -1px;
}
.untitled-page .flex_row6 {
  display: flex;
  align-items: center;
  gap: 0px 27px;
  margin: 9px 1px 0px 15px;
}
.untitled-page .subtitle1 {
  font: 400 20px/1.3 "JetBrains Mono", Helvetica, Arial, serif;
  color: black;
}
.untitled-page .rect31 {
  width: 577px;
  height: 44px;
  min-height: 44px;
  background-color: white;
  border-radius: 5px 5px 5px 5px;
  outline: 1px solid #bababa;
  outline-offset: -1px;
}
.untitled-page .flex_row7 {
  display: flex;
  gap: 0px 27px;
  margin: 9px 0px 0px 28px;
}
.untitled-page .subtitle2 {
  margin: 12px 0px 6px;
  font: 400 20px/1.3 "JetBrains Mono", Helvetica, Arial, serif;
  color: black;
}
.untitled-page .flex_row8 {
  display: flex;
  gap: 0px 10px;
  margin: 24px 0px 0px;
}
.untitled-page .subtitle3 {
  margin: 8px 0px 207px;
  width: 117px;
  font: 400 20px/1.3 "JetBrains Mono", Helvetica, Arial, serif;
  color: black;
}
.untitled-page .rect2 {
  width: 577px;
  min-height: 241px;
  background-color: white;
  border-radius: 5px 5px 5px 5px;
  outline: 1px solid #bababa;
  outline-offset: -1px;
}
.untitled-page .subtitle4 {
  margin: 22px 0px 0px 17.9%;
  width: 308px;
  font: 400 20px/1.3 "JetBrains Mono", Helvetica, Arial, serif;
  color: black;
  background-color: #ecab38;
  border-radius: 13px 13px 13px 13px;
  padding: 16px 18px 16px 26px;
  outline: 2px solid black;
  outline-offset: -2px;
}
.untitled-page .image31 {
  width: 826px;
}