.academy-banner-component.background-light .academy-banner-container .special-title{color:#00626b !important}
.academy-banner-component.background-dark .academy-banner-container .special-title{color:#aaccb7 !important}
.all-videos-page .academy-banner-component,.all-course-page .academy-banner-component,.all-badges-page .academy-banner-component{height:400px;padding:40px 0}
@media(max-width:767px){.all-videos-page .academy-banner-component,.all-course-page .academy-banner-component,.all-badges-page .academy-banner-component{padding:20px 0;height:auto}
}
.all-videos-page .academy-banner-component .academy-banner-container,.all-course-page .academy-banner-component .academy-banner-container,.all-badges-page .academy-banner-component .academy-banner-container{padding:0 40px;width:100%;max-width:980px}
@media(max-width:1219px){.all-videos-page .academy-banner-component .academy-banner-container,.all-course-page .academy-banner-component .academy-banner-container,.all-badges-page .academy-banner-component .academy-banner-container{padding:0;max-width:calc(100vw - 80px)}
}
@media(max-width:767px){.all-videos-page .academy-banner-component .academy-banner-container,.all-course-page .academy-banner-component .academy-banner-container,.all-badges-page .academy-banner-component .academy-banner-container{padding:40px 0;max-width:calc(100vw - 40px)}
}
.all-videos-page .academy-banner-component .academy-banner-container>.text-and-button-container>.text-container>.title-container>p,.all-course-page .academy-banner-component .academy-banner-container>.text-and-button-container>.text-container>.title-container>p,.all-badges-page .academy-banner-component .academy-banner-container>.text-and-button-container>.text-container>.title-container>p{max-height:62px;overflow:hidden;font-family:'Poppins';font-weight:700;font-size:48px;line-height:130%}
@media(max-width:1219px){.all-videos-page .academy-banner-component .academy-banner-container>.text-and-button-container>.text-container>.title-container>p,.all-course-page .academy-banner-component .academy-banner-container>.text-and-button-container>.text-container>.title-container>p,.all-badges-page .academy-banner-component .academy-banner-container>.text-and-button-container>.text-container>.title-container>p{font-size:40px;max-height:52px !important}
}
@media(max-width:767px){.all-videos-page .academy-banner-component .academy-banner-container>.text-and-button-container>.text-container>.title-container>p,.all-course-page .academy-banner-component .academy-banner-container>.text-and-button-container>.text-container>.title-container>p,.all-badges-page .academy-banner-component .academy-banner-container>.text-and-button-container>.text-container>.title-container>p{font-size:28px;max-height:unset !important}
}
.all-videos-page .academy-banner-component .academy-banner-container>.text-and-button-container>.text-container>.subtitle,.all-course-page .academy-banner-component .academy-banner-container>.text-and-button-container>.text-container>.subtitle,.all-badges-page .academy-banner-component .academy-banner-container>.text-and-button-container>.text-container>.subtitle{margin:10px auto 0;max-height:48px;font-family:'Roboto';font-weight:400;font-size:16px;line-height:150%;overflow:hidden}
@media(max-width:767px){.all-videos-page .academy-banner-component .academy-banner-container>.text-and-button-container>.text-container>.subtitle,.all-course-page .academy-banner-component .academy-banner-container>.text-and-button-container>.text-container>.subtitle,.all-badges-page .academy-banner-component .academy-banner-container>.text-and-button-container>.text-container>.subtitle{max-height:unset}
}
.academy-banner-component{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:800px;padding:100px 80px}
@media(max-width:1219px){.academy-banner-component{padding:40px}
}
@media(max-width:767px){.academy-banner-component{padding:20px;height:auto}
}
.academy-banner-component .academy-banner-image-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
@media(max-width:767px){.academy-banner-component .academy-banner-image-container{display:none}
}
.academy-banner-component .academy-banner-image-container>img{position:absolute;top:0;left:50%;transform:translateX(-50%);object-fit:cover;min-width:3840px;width:100%;height:100%;z-index:0}
.academy-banner-component .academy-banner-container{max-width:100%;max-height:100%;height:100%;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}
@media(max-width:767px){.academy-banner-component .academy-banner-container{padding:40px 0;max-height:unset}
}
.academy-banner-component .academy-banner-container .setting-button{cursor:pointer;width:60px;height:60px;border-radius:4px;display:block;position:absolute;right:40px;top:40px;z-index:3}
.academy-banner-component .academy-banner-container .setting-button>svg rect,.academy-banner-component .academy-banner-container .setting-button>svg path{transition:.3s}
.academy-banner-component .academy-banner-container .setting-button:hover>svg rect{fill-opacity:.6}
.academy-banner-component .academy-banner-container .setting-button:active>svg path,.academy-banner-component .academy-banner-container .setting-button.active>svg path{fill:#757575;fill-opacity:.6}
@media(max-width:767px){.academy-banner-component .academy-banner-container .setting-button{width:40px;height:40px;right:20px;top:20px}
}
.academy-banner-component .academy-banner-container .academy-banner-image{position:absolute;top:0;left:50%;transform:translateX(-50%);object-fit:cover;min-width:3840px;width:100%;height:100%;z-index:0}
@media(max-width:767px){.academy-banner-component .academy-banner-container .academy-banner-image{min-width:unset;width:100%}
}
.academy-banner-component .academy-banner-container .academy-banner-image.pc-image{display:block}
@media(max-width:767px){.academy-banner-component .academy-banner-container .academy-banner-image.pc-image{display:none}
}
.academy-banner-component .academy-banner-container .academy-banner-image.mobile-image{display:none}
@media(max-width:767px){.academy-banner-component .academy-banner-container .academy-banner-image.mobile-image{display:block}
}
.academy-banner-component .academy-banner-container>.text-and-button-container{text-align:center;max-height:100%;overflow:hidden;position:relative;z-index:1}
.academy-banner-component .academy-banner-container>.text-and-button-container .icon{margin:auto;width:96px;height:96px}
@media(max-width:767px){.academy-banner-component .academy-banner-container>.text-and-button-container .icon{height:60px;width:60px}
}
.academy-banner-component .academy-banner-container>.text-and-button-container .icon>img{object-fit:cover;height:100%;width:100%}
.academy-banner-component .academy-banner-container>.text-and-button-container .text-container .title-container{display:flex;flex-wrap:wrap;justify-content:center}
@media(max-width:1219px){.academy-banner-component .academy-banner-container>.text-and-button-container .text-container .title-container{display:block}
}
@media(max-width:1219px){.academy-banner-component .academy-banner-container>.text-and-button-container .text-container .title-container p{max-height:140px;overflow:hidden}
.academy-banner-component .academy-banner-container>.text-and-button-container .text-container .title-container p:last-child{max-height:70px}
}
@media(max-width:767px){.academy-banner-component .academy-banner-container>.text-and-button-container .text-container .title-container p{max-height:unset}
.academy-banner-component .academy-banner-container>.text-and-button-container .text-container .title-container p:last-child{max-height:unset}
}
@media(max-width:1219px){.academy-banner-component .academy-banner-container>.text-and-button-container .text-container .title-container p+p{margin-top:20px}
}
@media(max-width:767px){.academy-banner-component .academy-banner-container>.text-and-button-container .text-container .title-container p+p{margin-top:0}
}
.academy-banner-component .academy-banner-container>.text-and-button-container .text-container .title-container p.special-title{font-family:'Verveine';font-weight:400;font-size:110px;line-height:90px;margin-left:20px;margin-right:20px;color:#00626b}
@media(max-width:1219px){.academy-banner-component .academy-banner-container>.text-and-button-container .text-container .title-container p.special-title{font-size:90px;line-height:60px;margin-left:0;margin-right:0;max-height:60px;overflow:visible}
}
@media(max-width:767px){.academy-banner-component .academy-banner-container>.text-and-button-container .text-container .title-container p.special-title{font-size:60px;line-height:56px}
}
.academy-banner-component .academy-banner-container>.text-and-button-container .text-container .title-container+.title{margin-top:10px}
@media(max-width:1219px){.academy-banner-component .academy-banner-container>.text-and-button-container .text-container .title-container+.title{overflow:hidden;max-height:70px;margin-top:0}
}
@media(max-width:767px){.academy-banner-component .academy-banner-container>.text-and-button-container .text-container .title-container+.title{max-height:unset}
}
.academy-banner-component .academy-banner-container>.text-and-button-container .text-container>.subtitle{margin-top:16px;max-height:108px;overflow:hidden;max-width:980px;margin:16px auto 0;padding:0 40px}
@media(max-width:1219px){.academy-banner-component .academy-banner-container>.text-and-button-container .text-container>.subtitle{max-width:100%;padding:0;max-height:135px}
}
@media(max-width:767px){.academy-banner-component .academy-banner-container>.text-and-button-container .text-container>.subtitle{max-height:unset}
}
.academy-banner-component .academy-banner-container>.text-and-button-container>.academy-solid-btn-lg{margin:32px auto 0}
.academy-banner-component .academy-banner-container svg{width:100%;height:100%}
.academy-banner-component>.overlay{top:0;left:0;width:100vw;height:100vh;position:fixed;visibility:hidden;z-index:-1;opacity:0;transition:opacity .2s cubic-bezier(0.2,0.4,0.6,1),visibility .2s cubic-bezier(0.2,0.4,0.6,1),z-index .2s cubic-bezier(0.2,0.4,0.6,1);background-color:#000}
.academy-banner-component>.overlay.active{opacity:.6;visibility:visible;z-index:99}
.all-badges-page .academy-banner-component .academy-banner-container .all-badges-page-hide{display:none}