.ml-196 {
  margin-left: 196px;
}
.ml-99 {
  margin-left: 99px;
}
.ml-121 {
  margin-left: 121px;
}
.ml-106 {
  margin-left: 106px;
}
.ml-7 {
  margin-left: 7px;
}
.ml-279 {
  margin-left: 279px;
}
.ml-308 {
  margin-left: 308px;
}
.mt-9 {
  margin-top: 9px;
}
.page {
  background-color: rgb(255, 255, 255);
  
}
.section {
  padding: 14px 30px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.02);
}

.image_2 {
  width: 92px;
  height: 23px;
}
.font {
  font-size: 16px;
  font-family: MiSans;
  line-height: 15px;
  color: rgb(48, 49, 51);
}
.text {
  line-height: 15px;
}
.text_2 {
  margin-left: 30px;
  line-height: 14.5px;
}
.text_3 {
  margin-left: 30px;
  line-height: 15px;
}
.text_4 {
  margin-left: 28px;
  line-height: 15px;
}
.text_5 {
  margin-left: 29px;
  line-height: 15px;
}
.text_6 {
  margin-left: 28px;
  line-height: 15px;
}
.text_7 {
  margin-left: 28px;
  line-height: 15px;
}
.text_8 {
  margin-left: 30px;
  line-height: 15px;
}
.text_9 {
  margin-left: 28px;
  line-height: 15px;
}
/* .group {
  margin-left: 30px;
} */
.font_2 {
  font-size: 16px;
  font-family: MiSans;
  line-height: 15px;
  color: rgb(220, 85, 25);
}
.text_10 {
  line-height: 15px;
}
.section_2 {
  background-color: rgb(220, 85, 25);
  border-radius: 2px;
  width: 28px;
  height: 3px;
}
.text_11 {
  margin-left: 28px;
  line-height: 15px;
}
.text_12 {
  margin-left: 30px;
  line-height: 15px;
}
.text_13 {
  margin-left: 28px;
  line-height: 15px;
}
.text-wrapper {
  margin-left: 8px;
  padding: 8px 0 10px;
  background-color: rgb(255, 255, 255);
  border-radius: 20px;
  width: 116px;
  height: 33px;
  border-left: solid 0.5px rgb(220, 85, 25);
  border-right: solid 0.5px rgb(220, 85, 25);
  border-top: solid 0.5px rgb(220, 85, 25);
  border-bottom: solid 0.5px rgb(220, 85, 25);
}
.font_3 {
  font-size: 14px;
  font-family: MiSans;
  line-height: 13px;
  color: rgb(220, 85, 25);
}
.text_14 {
  line-height: 13px;
}
.text-wrapper_2 {
  margin-left: 14px;
  padding: 8px 0 10px;
  background-color: rgb(255, 255, 255);
  border-radius: 20px;
  width: 88px;
  height: 33px;
  border-left: solid 0.5px rgb(220, 85, 25);
  border-right: solid 0.5px rgb(220, 85, 25);
  border-top: solid 0.5px rgb(220, 85, 25);
  border-bottom: solid 0.5px rgb(220, 85, 25);
}
.text_15 {
  line-height: 13px;
}
.text-wrapper_3 {
  margin-left: 14px;
  padding: 10px 0;
  background-color: rgb(220, 85, 25);
  border-radius: 20px;
  width: 88px;
  height: 33px;
}
.font_4 {
  font-size: 14px;
  font-family: MiSans;
  line-height: 13px;
  color: rgb(255, 255, 255);
}
.text_16 {
  line-height: 13px;
}
.section_3 {
  padding: 140px 0 135px;
  background-image: url('/static/assets/images/1fc6e42d0eb723c80dc47b4479cb7c15.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.text_17 {
  color: rgb(255, 255, 255);
  font-size: 36px;
  font-family: MiSans;
  font-weight: 700;
  line-height: 33.5px;
}
.text_18 {
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-family: MiSans;
  line-height: 20.5px;
}
.group_2 {
  padding: 0 410px;
}
.course-filter-row {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: nowrap;
}
.course-filter-label {
  flex-shrink: 0;
}
.course-category-list {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
  overflow-x: auto;
}
.course-category-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 120px;
  height: 44px;
  padding: 0 20px;
  border-radius: 22px;
  background-color: rgb(240, 240, 240);
  color: rgb(96, 98, 102);
  text-decoration: none;
  font-size: 16px;
  line-height: 16px;
}
.course-category-chip.is-active {
  color: #ffffff;
  background: linear-gradient(135deg, #fb923c 0%, #f97316 100%);
  box-shadow: 0 10px 20px rgba(249, 115, 22, 0.24);
}
.text_19 {
  line-height: 14.5px;
}
.text_20 {
  line-height: 14.5px;
}
.font_5 {
  font-size: 16px;
  font-family: MiSans;
  line-height: 15px;
  color: rgb(96, 98, 102);
}
.text_21 {
  line-height: 14.5px;
}
.text_22 {
  line-height: 15px;
}
.text_23 {
  line-height: 15px;
}
.text_24 {
  line-height: 14.5px;
}
.text_25 {
  margin-left: 76px;
  line-height: 14.5px;
}
.text_26 {
  margin-left: 92px;
  line-height: 14.5px;
}
.section_4 {
  padding: 60px 0;
  background-color: rgb(241, 244, 248);
}
.grid {
  width: 1100px;
  height: 1400px;
  display: grid;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: 42px;
  column-gap: 42px;
}
.grid-item {
  padding-bottom: 30px;
  background-color: rgb(255, 255, 255);
  border-radius: 20px;
  width: 340px;
}
.group_3 {
  padding-bottom: 28px;
}
.section_5 {
  padding-top: 20px;
  border-radius: 20px 20px 0px 0px;
  background-image: url('/static/assets/images/5bb5b2f24112165f9ea0d36b643956fa.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.section_5 > .flex-col.items-start {
  width: 200px;
  min-width: 0;
}
.text-wrapper_4 {
  padding: 8px 0;
  background-image: linear-gradient(90deg, rgb(255, 100, 31) 0%, rgb(255, 47, 113) 100%);
  border-radius: 12px 4px 12px 4px;
}
.text_27 {
  margin-left: 8px;
  margin-right: 6px;
}
.font_6 {
  font-size: 38px;
  font-family: FZZhengHeiS-EB-GB;
  line-height: 49px;
  color: rgb(39, 51, 119);
}
.text_30 {
  margin-left: 2px;
  margin-top: 8px;
  display: block;
  max-width: 100%;
  min-height: 98px;
  white-space: normal;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-word;
}
.text_32 {
  margin-left: 2px;
}
.text_33 {
  margin-top: 14px;
  line-height: 15px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.image_5 {
  margin-top: 25px;
  width: 108px;
  height: 163px;
}
.group_6 {
  margin-left: 18px;
  margin-right: 16px;
  line-height: 19px;
}
.font_8 {
  font-size: 16px;
  font-family: MiSans;
  line-height: 19px;
  color: rgb(48, 49, 51);
}
.font_9 {
  font-size: 16px;
  font-family: MiSans;
  line-height: 27px;
  color: rgb(48, 49, 51);
}
.group_7 {
  display: flex;
  gap: 10px;
  padding: 16px 0;
  color: #ffffff;
  background: linear-gradient(135deg, #fb923c 0%, #f97316 100%);
  border-radius: 24.5px;
  width: 232px;
  cursor: pointer;
  border: none;
  box-shadow: 0 10px 20px rgba(249, 115, 22, 0.24);
}
.group_7 .font_2 {
  color: #ffffff;
}
.course-link {
  color: inherit;
  text-decoration: none;
}
.detail-btn {
  margin-left: 24px;
  color: rgb(96, 98, 102);
  text-decoration: none;
}
.detail-btn:hover {
  color: rgb(220, 85, 25);
}
.text_35 {
  margin-left: 0;
}
.course-register-arrow {
  color: #ffffff;
  font-size: 16px;
  line-height: 15px;
}
.section_6 {
  padding: 20px 20px 104px;
  border-radius: 20px 20px 0px 0px;
  background-image: url('/static/assets/images/defe1a2261cb0ae133ea56aaa5ba1aef.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.text_28 {
  margin-left: 8px;
  margin-right: 6px;
}
.font_7 {
  font-size: 37px;
  font-family: FZZhengHeiS-EB-GB;
  line-height: 44px;
  color: rgb(39, 51, 119);
}
.text_31 {
  margin-left: 2px;
  margin-top: 10px;
}
.group_5 {
  padding: 66px 0 58px;
  width: 318.5px;
}
.pos_3 {
  position: absolute;
  left: 21.5px;
  right: 0;
  top: 41px;
}
.image_4 {
  width: 117px;
  height: 167px;
}
.pos_4 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.text_34 {
  line-height: 15px;
}
.pos_6 {
  position: absolute;
  left: 21px;
  bottom: 20.5px;
}
.section_7 {
  padding: 20px 0 157px;
  border-radius: 20px 20px 0px 0px;
  background-image: url('/static/assets/images/1aab5e0af7791b24b1643a760bdf5cd2.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.view {
  margin-left: 20px;
}
.text_29 {
  margin-left: 8px;
  margin-right: 6px;
  line-height: 13px;
}
.group_4 {
  padding: 22px 0 104px;
  width: 318.5px;
}
.pos {
  position: absolute;
  left: 21.5px;
  right: 0;
  top: 39px;
}
.image_3 {
  width: 127px;
  height: 169px;
}
.pos_2 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.pos_5 {
  position: absolute;
  left: 21.5px;
  bottom: 57.5px;
}
.pos_7 {
  position: absolute;
  left: 21px;
  bottom: 20.5px;
}
.pos_10 {
  position: absolute;
  left: 21.5px;
  right: 0;
  top: 41px;
}
.pos_11 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.pos_13 {
  position: absolute;
  left: 21px;
  bottom: 20.5px;
}
.pos_8 {
  position: absolute;
  left: 21.5px;
  right: 0;
  top: 39px;
}
.pos_9 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.pos_12 {
  position: absolute;
  left: 21.5px;
  bottom: 57.5px;
}
.pos_14 {
  position: absolute;
  left: 21px;
  bottom: 20.5px;
}
.pos_17 {
  position: absolute;
  left: 21.5px;
  right: 0;
  top: 41px;
}
.pos_18 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.pos_20 {
  position: absolute;
  left: 21px;
  bottom: 20.5px;
}
.pos_15 {
  position: absolute;
  left: 21.5px;
  right: 0;
  top: 39px;
}
.pos_16 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.pos_19 {
  position: absolute;
  left: 21.5px;
  bottom: 57.5px;
}
.pos_21 {
  position: absolute;
  left: 21px;
  bottom: 20.5px;
}
.group_8 {
  padding-top: 40px;
}
.text-wrapper_5 {
  padding: 20px 0;
  background-color: rgb(255, 235, 224);
  border-radius: 10px;
  width: 1100px;
}
.text_36 {
  line-height: 16px;
}
.section_8 {
  background-color: rgb(20, 33, 52);
}
.group_9 {
  padding: 62px 358px 62px 360px;
  border-bottom: solid 1px rgb(32, 45, 64);
}
.image_7 {
  width: 97px;
  height: 24px;
}
.group_10 {
  margin-right: 98px;
  margin-top: 2px;
}
.font_10 {
  font-size: 16px;
  font-family: MiSans;
  line-height: 15px;
  color: rgb(176, 176, 176);
}
.text_37 {
  line-height: 15px;
}
.text_38 {
  line-height: 15px;
}
.text_39 {
  line-height: 15px;
}
.text_40 {
  line-height: 15px;
}
.text_41 {
  margin-right: 126px;
  margin-top: 2px;
  line-height: 15px;
}
.group_11 {
  margin-top: 6px;
  padding: 0 72px;
}
.text_42 {
  line-height: 13px;
}
.text_43 {
  margin-left: 78px;
  line-height: 13px;
}
.text_44 {
  margin-left: 106px;
  line-height: 13px;
}
.text_45 {
  margin-left: 106px;
  line-height: 13px;
}
.image_8 {
  width: 16px;
  height: 15px;
}
.text_46 {
  line-height: 11px;
}
.font_11 {
  font-size: 14px;
  font-family: MiSans;
  line-height: 17px;
  color: rgb(255, 255, 255);
}
.text_47 {
  line-height: 13px;
}
.text_48 {
  line-height: 13px;
}
.text_49 {
  line-height: 13px;
}
.text_50 {
  line-height: 13px;
}
.group_12 {
  width: 192px;
  height: 15.5px;
}
.image_9 {
  width: 16px;
  height: 13px;
}
.text_51 {
  margin-top: -12px;
  line-height: 14.5px;
}
.group_13 {
  height: 23px;
}
.group_14 {
  margin-top: -10px;
}
.text_52 {
  margin-left: 338px;
  line-height: 13px;
}
.text_53 {
  line-height: 13px;
}
.text_54 {
  line-height: 13px;
}
.text_55 {
  line-height: 13px;
}
.text_56 {
  line-height: 13px;
}
.text_57 {
  line-height: 13px;
}
.text_58 {
  margin-left: 338px;
  line-height: 13px;
}
.group_15 {
  padding: 10px 0;
}
.font_12 {
  font-size: 12px;
  font-family: MiSans;
  line-height: 11px;
  color: rgb(176, 176, 176);
}
.text_59 {
  margin-left: 464px;
  line-height: 13.5px;
}
.text_60 {
  margin-left: 22px;
}
.image_10 {
  margin-left: 24px;
  width: 21px;
  height: 21px;
}
.text_61 {
  margin-left: 6px;
}
.text_62 {
  margin-left: 22px;
  line-height: 11px;
}