.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'}
}
.badges-overview-banner-wrap{padding:60px 40px}
@media(max-width:1023px){.badges-overview-banner-wrap{padding:40px}
}
@media(max-width:767px){.badges-overview-banner-wrap{padding:20px}
}
.badges-overview-banner-wrap .badges-overview-banner-container{margin:0 auto;display:flex;align-items:center;flex-direction:column;background-color:#fff}
.badges-overview-banner-wrap .badges-overview-banner-container .title{width:1140px}
.badges-overview-banner-wrap .badges-overview-banner-container .title p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center}
@media(max-width:1219px){.badges-overview-banner-wrap .badges-overview-banner-container .title{width:944px}
}
@media(max-width:1023px){.badges-overview-banner-wrap .badges-overview-banner-container .title{width:100%}
}
@media(max-width:1219px){.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap{width:100%}
}
.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container{margin-top:60px;display:flex;justify-content:center;max-width:1360px}
@media(max-width:1219px){.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container{max-width:100%}
}
@media(max-width:1023px){.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container{margin-top:40px}
}
@media(max-width:767px){.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container{margin-top:20px}
}
.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .swipe-btn{min-width:24px;max-width:24px;cursor:pointer;display:flex;align-items:center;background-color:#fff}
@media(min-width:1220px){.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .swipe-btn{display:none}
}
@media(max-width:767px){.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .swipe-btn{display:none}
}
.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .swipe-btn svg{height:16px;width:16px}
.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .swipe-btn.right{justify-content:flex-end}
@media(max-width:1023px){.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .swipe-btn.hide-btn{width:0;min-width:0}
}
.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .tabs{user-select:none;padding:10px 0;background-color:#fff;height:60px;position:relative;overflow:hidden;width:100%}
.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .tabs:hover{cursor:grab}
.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .tabs:active{cursor:grabbing}
.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .tabs.overlay-left::before{content:'';position:absolute;width:60px;height:100%;top:0;left:0;z-index:2;transform:rotate(-180deg);background:linear-gradient(270deg,#fff 0,rgba(255,255,255,0) 100%)}
@media(max-width:767px){.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .tabs.overlay-left::before{width:40px}
}
@media(min-width:1220px){.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .tabs.overlay-left::before{display:none}
}
.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .tabs.overlay-right::after{content:'';position:absolute;width:60px;height:60px;top:0;right:0;z-index:2;background:linear-gradient(270deg,#fff 0,rgba(255,255,255,0) 100%)}
@media(max-width:767px){.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .tabs.overlay-right::after{width:40px}
}
@media(min-width:1220px){.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .tabs.overlay-right::after{display:none}
}
.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .tabs ul{transform:translateX(0);display:flex;flex-wrap:nowrap;height:39px}
.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .tabs ul.click{transition:transform .3s ease}
.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .tabs ul .tab{min-width:164px;max-width:164px;height:39px;padding-bottom:8px;align-items:center;justify-content:center;text-align:center;position:relative}
@media(max-width:1023px){.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .tabs ul .tab{min-width:unset;max-width:unset}
}
.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .tabs ul .tab:hover{cursor:pointer}
.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .tabs ul .tab a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-family:'Roboto';font-weight:400;font-size:18px;line-height:27px;color:#ccc;text-decoration:none;background-color:#fff;display:block;width:100%;height:27px;position:relative;margin-top:1px;white-space:nowrap}
.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .tabs ul .tab a.active{color:#000}
.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .tabs ul .tab.is-pc:hover a{color:#000}
.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .tabs ul .tab .active-label.active{height:4px;width:100%;background-color:black;border-radius:2px;position:absolute;bottom:0}
.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .tabs ul .tab:not(:first-child){margin-left:32px}
@media(max-width:767px){.badges-overview-banner-wrap .badges-overview-banner-container .tabs-wrap .tab-container .tabs ul .tab:not(:first-child){margin-left:24px}
}
.badges-overview-banner-wrap .badges-overview-banner-container .badge-cards{max-width:1360px;margin:40px 40px 0 40px;display:flex;flex-wrap:wrap;width:100%}
@media(max-width:1023px){.badges-overview-banner-wrap .badges-overview-banner-container .badge-cards{margin-top:20px}
}
.badges-overview-banner-wrap .badges-overview-banner-container .badge-cards .card{max-width:460px;max-height:429px;border-radius:24px;overflow:hidden;width:calc((100% - 48px) / 3);border:1px solid #ccc;position:relative}
.badges-overview-banner-wrap .badges-overview-banner-container .badge-cards .card:hover{cursor:pointer;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.badges-overview-banner-wrap .badges-overview-banner-container .badge-cards .card:active{box-shadow:0 4px 12px rgba(0,0,0,0.06);border-color:#757575}
@media(min-width:576px){.badges-overview-banner-wrap .badges-overview-banner-container .badge-cards .card:not(:nth-child(3n+1)){margin-left:24px}
.badges-overview-banner-wrap .badges-overview-banner-container .badge-cards .card:nth-child(n+4){margin-top:24px}
}
@media(min-width:576px) and (max-width:1023px){.badges-overview-banner-wrap .badges-overview-banner-container .badge-cards .card{border-radius:12px;width:calc((100% - 24px) / 2)}
.badges-overview-banner-wrap .badges-overview-banner-container .badge-cards .card:nth-child(n+3){margin-top:24px}
.badges-overview-banner-wrap .badges-overview-banner-container .badge-cards .card:nth-child(2n+1){margin-left:0}
.badges-overview-banner-wrap .badges-overview-banner-container .badge-cards .card:not(:nth-child(2n+1)){margin-left:24px}
}
@media(max-width:575px){.badges-overview-banner-wrap .badges-overview-banner-container .badge-cards .card{width:100%;margin:0 auto}
.badges-overview-banner-wrap .badges-overview-banner-container .badge-cards .card:not(:first-child){margin-top:24px}
}
.badges-overview-banner-wrap .badges-overview-banner-container .badge-cards .card a,.badges-overview-banner-wrap .badges-overview-banner-container .badge-cards .card a:hover{text-decoration:none;color:#000}
.badges-overview-banner-wrap .badges-overview-banner-container .badge-cards .card .ribbon{position:absolute;top:24px;right:24px;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}
@media(max-width:1023px){.badges-overview-banner-wrap .badges-overview-banner-container .badge-cards .card .ribbon{top:12px;right:12px}
}
.badges-overview-banner-wrap .badges-overview-banner-container .badge-cards .card .cover-img{height:238px}
.badges-overview-banner-wrap .badges-overview-banner-container .badge-cards .card .cover-img img{width:100%;height:100%;object-fit:cover}
.badges-overview-banner-wrap .badges-overview-banner-container .badge-cards .card .content{padding:12px 23px 22px}
.badges-overview-banner-wrap .badges-overview-banner-container .badge-cards .card .content .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;width:100%;font-family:'Poppins';font-weight:500;font-size:18px;line-height:150%}
.badges-overview-banner-wrap .badges-overview-banner-container .badge-cards .card .content .description{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:4px;color:#757575}