.background-light .academy-title-lg,.background-light .academy-title-md,.background-light .academy-title-sm{color:#000}
.background-light .academy-subtitle-lg,.background-light .academy-subtitle-md,.background-light .academy-subtitle-sm{color:#000}
.background-light .academy-text-lg,.background-light .academy-text-md,.background-light .academy-text-sm{color:#000}
.background-dark .academy-title-lg,.background-dark .academy-title-md,.background-dark .academy-title-sm{color:#fff}
.background-dark .academy-subtitle-lg,.background-dark .academy-subtitle-md,.background-dark .academy-subtitle-sm{color:#fff}
.background-dark .academy-text-lg,.background-dark .academy-text-md,.background-dark .academy-text-sm{color:#fff}
.academy-title-lg{line-height:1.3;font-weight:700;font-size:66px;font-family:'Poppins'}
@media(max-width:1219px){.academy-title-lg{font-size:54px;font-family:'Poppins'}
}
@media(max-width:767px){.academy-title-lg{font-size:32px;font-family:'Poppins'}
}
.academy-title-md{line-height:1.3;font-weight:700;font-size:48px;font-family:'Poppins'}
@media(max-width:1219px){.academy-title-md{font-size:40px;font-family:'Poppins'}
}
@media(max-width:767px){.academy-title-md{font-size:28px;font-family:'Poppins'}
}
.academy-title-sm{line-height:1.3;font-weight:700;font-size:36px;font-family:'Poppins'}
@media(max-width:1219px){.academy-title-sm{font-size:32px;font-family:'Poppins'}
}
@media(max-width:767px){.academy-title-sm{font-size:24px;font-family:'Poppins'}
}
.academy-subtitle-lg{line-height:1.5;font-weight:500;font-size:30px;font-family:'Poppins'}
@media(max-width:1219px){.academy-subtitle-lg{font-size:30px;font-family:'Poppins'}
}
@media(max-width:767px){.academy-subtitle-lg{font-size:24px;font-family:'Poppins'}
}
.academy-subtitle-md{line-height:1.5;font-weight:500;font-size:24px;font-family:'Poppins'}
@media(max-width:1219px){.academy-subtitle-md{font-size:22px;font-family:'Poppins'}
}
@media(max-width:767px){.academy-subtitle-md{font-size:20px;font-family:'Poppins'}
}
.academy-subtitle-sm{line-height:1.5;font-weight:500;font-size:20px;font-family:'Poppins'}
@media(max-width:1219px){.academy-subtitle-sm{font-size:18px;font-family:'Roboto'}
}
.academy-text-lg{line-height:1.5;font-weight:400;font-size:18px;font-family:'Roboto'}
.academy-text-md{line-height:1.5;font-weight:400;font-size:16px;font-family:'Roboto'}
.academy-text-sm{line-height:1.5;font-weight:400;font-size:12px;font-family:'Roboto'}
.academy-tag{line-height:1.5;font-weight:600;font-size:16px;font-family:'Roboto'}
@media(max-width:767px){.academy-tag{font-size:14px;font-family:'Roboto'}
}
.flex{display:flex;justify-content:center;align-items:center}
[v-cloak]{display:none}
.badges-intro-banner{background-color:#f2f2f2}
.badges-intro-banner .badgesIntroBanner_wrap{padding:60px 0}
@media(max-width:1023px){.badges-intro-banner .badgesIntroBanner_wrap{padding:40px 0}
}
@media(max-width:767px){.badges-intro-banner .badgesIntroBanner_wrap{padding:20px 0}
}
.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container{margin:0 auto;padding:0 40px;max-width:1440px;display:flex;flex-direction:column;align-items:center}
@media(max-width:767px){.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container{padding:0 20px}
}
.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .text{width:1140px}
@media(max-width:1219px){.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .text{width:944px}
}
@media(max-width:1023px){.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .text{width:100%}
}
.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .text .title{text-align:center}
@media(min-width:1220px){.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .text .title{max-height:124px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .text .description{margin-top:16px;text-align:center}
.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .badges-intro{width:100%;max-width:1208px;margin:60px auto 0;display:flex;flex-direction:column}
@media(max-width:1023px){.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .badges-intro{max-width:592px;margin-top:40px}
}
@media(max-width:632px){.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .badges-intro{max-width:100%}
}
@media(max-width:767px){.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .badges-intro{margin-top:20px}
}
.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .badges-intro .badges-row{margin-top:24px}
@media(max-width:767px){.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .badges-intro .badges-row{margin-top:20px}
}
.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .badges-intro .badges-row:first-child{margin-top:0}
.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .badges-intro .badges-row:first-child .badge-attrs-row{justify-content:center}
.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .badges-intro .badges-row .badge-attrs-row{display:flex;text-align:center}
.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .badges-intro .badges-row .badge-attrs-row .badge-attr{max-width:284px;display:flex;justify-content:center;width:calc((100% - 72px)/4)}
@media(max-width:1023px){.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .badges-intro .badges-row .badge-attrs-row .badge-attr{width:calc((100% - 24px)/2)}
}
.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .badges-intro .badges-row .badge-attrs-row .badge-attr.subtitle{align-items:flex-end}
.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .badges-intro .badges-row .badge-attrs-row>*+*{margin-left:24px}
.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .badges-intro .badges-row .badge-attrs-row.imgs .image{max-width:284px;display:flex;justify-content:center;width:calc((100% - 72px)/4);position:relative;align-items:flex-start}
@media(max-width:1023px){.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .badges-intro .badges-row .badge-attrs-row.imgs .image{width:calc((100% - 24px)/2)}
}
.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .badges-intro .badges-row .badge-attrs-row.imgs .image .ribbon{position:absolute;top:8px;left:8px;background:#ff6060;box-shadow:0 4px 20px rgba(0,0,0,0.2);border-radius:4px;padding:2px 8px;font-family:"Roboto";font-size:14px;line-height:16px;font-weight:400;color:#fff}
.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .badges-intro .badges-row .badge-attrs-row.imgs .image img{width:100%;object-fit:cover;border-radius:8px}
.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .badges-intro .badges-row .badge-attrs-row.subtitles{max-height:36px;margin-top:4px}
.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .badges-intro .badges-row .badge-attrs-row.subtitles p{max-height:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .badges-intro .badges-row .badge-attrs-row.titles{max-height:72px;margin-top:4px}
.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .badges-intro .badges-row .badge-attrs-row.titles p{max-height:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-right:.1px}
.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .badges-intro .badges-row .badge-attrs-row.text-btns{margin-top:24px}
.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .badges-intro .badges-row .badge-attrs-row.text-btns .btn{display:flex;justify-content:center}
.badges-intro-banner .badgesIntroBanner_wrap .badges-intro-banner_container .badges-intro .badges-row .badge-attrs-row.text-btns .btn span{transform:unset}