.academy-header-component{background:#fff;border-bottom:1px solid #f2f2f2}
.academy-header-component .academy-header-container{display:flex;align-items:center;position:relative;max-width:1360px;width:calc(100% - 80px);height:auto;margin:auto;padding:16px 0}
@media(max-width:1023px){.academy-header-component .academy-header-container{width:calc(100% - 40px)}
}
@media(max-width:767px){.academy-header-component .academy-header-container{padding:14px 0}
}
.academy-header-component .academy-header-container .hamburger-bar-icon{width:44px;height:44px;display:none}
@media(max-width:767px){.academy-header-component .academy-header-container .hamburger-bar-icon{display:block}
}
.academy-header-component .academy-header-container .logo{display:flex;height:100%}
@media(max-width:767px){.academy-header-component .academy-header-container .logo{height:auto;position:absolute;left:50%;transform:translateX(-50%)}
}
.academy-header-component .academy-header-container .logo>svg{width:auto}
.academy-header-component .academy-header-container .link{margin-left:50px;flex-grow:1;display:flex}
@media(max-width:767px){.academy-header-component .academy-header-container .link{display:none}
}
.academy-header-component .academy-header-container .link li{padding:5.5px 10px}
.academy-header-component .academy-header-container .link li+li{margin-left:8px}
.academy-header-component .academy-header-container .link li>a{text-decoration:unset;color:#000;font-family:'Poppins';font-weight:500;font-size:14px;line-height:21px}
.academy-header-component .academy-header-container .user-icon{width:24px;height:24px;position:relative;cursor:pointer}
@media(max-width:767px){.academy-header-component .academy-header-container .user-icon{display:none}
}
.academy-header-component .academy-header-container .user-icon:not(.active):hover>svg path,.academy-header-component .academy-header-container .user-icon:not(.active):active>svg path{fill:#00707a}
.academy-header-component .academy-header-container .user-icon.active:hover>svg path,.academy-header-component .academy-header-container .user-icon.active:active>svg path{fill:#00707a}
.academy-header-component .academy-header-container .user-icon>svg circle,.academy-header-component .academy-header-container .user-icon>svg path{transition:.5s}
.academy-header-component .academy-header-container .user-icon.visible .user-option{visibility:visible;opacity:1}
.academy-header-component .academy-header-container .user-icon .user-option{z-index:10;visibility:hidden;opacity:0;transition:.5s;position:absolute;top:24px;right:0;width:320px;flex-direction:column;justify-content:center;align-items:center}
.academy-header-component .academy-header-container .user-icon .user-option::before{content:'';position:absolute;top:0;width:100%;height:32px}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container{margin-top:32px;padding:16px;width:100%;box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:12px;background-color:#fff}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a{height:44px;display:flex;align-items:center;color:#000;text-decoration:unset;position:relative}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a::before{content:'';width:100%;height:44px;position:absolute;left:0;background-color:#e4f0e9;opacity:0;border-radius:4px;transition:opacity .3s}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a:hover::before,.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a:active::before{opacity:1}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a:hover>.icon>svg path,.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a:active>.icon>svg path{stroke:#00626b}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a:hover>.text,.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a:active>.text{color:#00626b}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a:not(:last-child){height:56px;padding-bottom:12px;border-bottom:1px solid #ccc}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a:not(:last-child):hover::before,.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a:not(:last-child):active::before{bottom:12px}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a:not(:first-child){height:56px;padding-top:12px}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a:not(:first-child):hover::before,.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a:not(:first-child):active::before{top:12px}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a>.icon{position:relative;z-index:1;width:44px;height:44px}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a>.icon svg path{transition:.3s}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a>.text{position:relative;z-index:1;font-family:'Roboto';font-weight:400;font-size:16px;line-height:19px}
.academy-header-component .academy-header-container .user-icon .user-option .user-option-container>a>.text>span{color:#00626b}
.academy-header-component .mobile-menu-container{position:fixed;height:100vh;width:100vw;z-index:999;visibility:hidden;top:0;left:0}
@media(max-width:767px){.academy-header-component .mobile-menu-container.show-header-menu{visibility:visible}
.academy-header-component .mobile-menu-container.show-header-menu .mobile-menu{left:0;-webkit-transition:.3s cubic-bezier(0.6,0,0.4,1);transition:.3s cubic-bezier(0.6,0,0.4,1)}
.academy-header-component .mobile-menu-container.show-header-menu .overlay{opacity:.6}
}
.academy-header-component .mobile-menu-container>.overlay{width:100%;height:100%;background:#000;opacity:0;-webkit-transition:opacity .2s cubic-bezier(0.6,0,0.4,1);transition:opacity .2s cubic-bezier(0.6,0,0.4,1)}
.academy-header-component .mobile-menu-container .mobile-menu{padding:12px 20px 0;width:320px;height:100%;background-color:#fff;position:absolute;left:-100%;top:0;z-index:1;-webkit-transition:.2s cubic-bezier(0.6,0,0.4,1);transition:.2s cubic-bezier(0.6,0,0.4,1)}
.academy-header-component .mobile-menu-container .mobile-menu .close-button{display:block;width:44px;height:44px}
.academy-header-component .mobile-menu-container .mobile-menu>ul{margin:0 12px}
.academy-header-component .mobile-menu-container .mobile-menu>ul:not(:last-child){padding-bottom:12px;border-bottom:1px solid #ccc}
.academy-header-component .mobile-menu-container .mobile-menu>ul:not(:first-child){padding-top:12px}
.academy-header-component .mobile-menu-container .mobile-menu>ul>li{height:44px;display:flex;align-items:center}
.academy-header-component .mobile-menu-container .mobile-menu>ul>li>a{flex-grow:1;color:#000;text-decoration:unset;font-family:'Poppins';font-weight:500;font-size:18px;line-height:27px;display:flex;align-items:center}
.academy-header-component .mobile-menu-container .mobile-menu>ul.user-option-container>li>a{height:44px;display:flex;align-items:center;color:#000;text-decoration:unset}
.academy-header-component .mobile-menu-container .mobile-menu>ul.user-option-container>li>a>.icon{width:44px;height:44px}
.academy-header-component .mobile-menu-container .mobile-menu>ul.user-option-container>li>a>.icon+.text{margin-left:4px}
.academy-header-component .mobile-menu-container .mobile-menu>ul.user-option-container>li>a>p.text>span{color:#00626b}
.academy-header-component .mobile-menu-container .mobile-menu>ul.user-option-container>li+li{margin-top:10px}
.academy-header-component svg{width:100%;height:100%}