/* Sidebar menu */

main .sidebar .account-menu {position: relative;}
main .sidebar .account-menu-toggle {color: #fff;border-radius: 10px;font-size: 13px;font-weight: 700;font-size: 18px;background: var(--c-main);display: inline-flex;align-items: center;padding: 16px 20px;line-height: 1;gap: 10px;border: none;width: 100%;}
main .sidebar .account-menu-toggle.active { border-radius: 10px 10px 0 0; }
main .sidebar .account-menu-toggle::after {content:"\f107";font-family: "Font Awesome 6 Pro";font-weight: 300;margin: 0 0 0 auto;font-size: 24px;transition:all 0.3s;}
main .sidebar .account-menu-toggle.active::after { transform: rotate(180deg); }
main .sidebar .account-menu .menu {list-style: none;border-radius: 0;padding: 0 0 0 25px;position:relative;margin: 0;border-radius: 20px;}
main .sidebar .account-menu .menu::before {content:""; width: 5px;display: block;height: 100%;position: absolute;background: #ddd;left: 0;border-radius: 10px;}
main .sidebar .account-menu .menu li { position: relative; }
main .sidebar .account-menu .menu li a {color: var(--c-textcolor);text-decoration: none;padding: 5px 0;display: block;font-weight: 400;} .sidebar .menu li a:hover {color:var(--c-main)}
main .sidebar .account-menu .menu li a.active { font-weight: 700; color: var(--c-main); }
main .sidebar .account-menu .menu li a.active::before {content:"";width: 11px;background: var(--c-main);display: block;position: absolute;left: 0;top: 0;height: 100%;left: -28px;border-radius: 10px;box-shadow: 0 0 0 5px #eee;}

@media (max-width: 991px) {
	main .sidebar .account-menu .menu { padding: 0px 20px 20px 20px; background: var(--c-main); position: absolute; left: 0; right: 0; top: 100%; display: none; border-radius: 0 0 10px 10px; }
	main .sidebar .account-menu .menu.open {display:block}
	main .sidebar .account-menu .menu::before { content: none; }
	main .sidebar .account-menu .menu li {}
	main .sidebar .account-menu .menu li a {color: #fff;padding: 5px 0;}
	main .sidebar .account-menu .menu li a.active {color: #fff;}
	main .sidebar .account-menu .menu li a.active::before { content: none; }
}



/* Sidebar stats */

main .sidebar .stats {display: flex;flex-direction: column;gap: 20px;margin: 30px 0 0 0;}
main .sidebar .stats .box {padding: 20px;background: #fff;color: var(--c-textcolor);text-align: center;min-height: 180px;display: flex;flex-direction: column;gap: 15px;justify-content: center;border-radius: 20px;margin: 0;}
main .sidebar .stats .box h2 {margin: 0;font-weight: 700;line-height: 1;font-size: 17px;}
main .sidebar .stats .box h2 strong {display: block;font-size: 400%;font-weight: 900;}
main .sidebar .stats .box .links {display: flex;justify-content: center;row-gap: 10px;column-gap: 15px;font-size: 12px;/* flex-direction: column; */align-items: center;}
main .sidebar .stats .box .links a {border-bottom: solid 1px var(--c-textcolor);color: var(--c-textcolor);padding: 0 0 4px 0;line-height: 1;font-weight: 300;text-decoration: none;}

@media (max-width: 1024px) {
	main .sidebar .stats {display:none;}
}




/* Sidebar - webinar page */
main .sidebar > h2 {margin-top:0;font-size: 24px;}
main .sidebar .box {background: #f2f2f2;padding: 20px;margin: 0 0 30px 0;border-radius: 10px;overflow: hidden;}
main .sidebar .box:last-child {margin-bottom:0;}
main .sidebar .box.disclaimer {font-size: 13px;display: flex;flex-wrap: wrap;gap: 10px;align-items: center;}
main .sidebar .box.disclaimer .elem {background: #ddd;padding: 10px 15px;border-radius: 20px;line-height: 1;}
main .sidebar .box.disclaimer span {font-weight:600}
main .sidebar .box.disclaimer .provider-logos { margin: 10px 0 20px 0; display: flex; /* align-items: center; */ max-width: 100%; gap: 10px; width: 100%; }
main .sidebar .box.disclaimer .provider-logos .provider-logo { margin: 0; /* flex: 1; */ background: #fff; border-radius: 10px; padding: 10px; display: inline-flex; align-items: center; /* flex: 1; */ }
main .sidebar .box.disclaimer .provider-logos .provider-logo img { max-width: 190px; max-height: 40px; opacity: 0.5; }
main .sidebar .box.disclaimer > p { margin: 0px 0 0 0; }

main .sidebar .box h3 {font-size: 22px;font-weight: 800;margin: 0 0 15px 0;flex: 0 1 100%;}
main .sidebar .box ul {padding: 0;margin: 0;list-style: none;font-size: 14px;}
main .sidebar .box ul li {margin: 0 0 20px 0;line-height: 1.3;}
main .sidebar .box ul li:last-child {margin:0}
main .sidebar .box ul li a {text-decoration: none;color: var(--c-textcolor);}
main .sidebar .box ul li a:hover {color:var(--c-secondary);/* font-weight: 600; */}
main .sidebar .box ul li a:hover::before {font-weight: 900;}

main .box.certificate { padding: 0; background: none; }
main .content .box.certificate {display:none}
main .box.certificate .btn {background: #FF1744;display: flex;gap: 0;}
main .box.certificate .btn i { font-size: 63px; margin: 0 20px 0 0; }
main .box.certificate strong { font-size: 22px; margin: 0; text-align: left; }
main .box.certificate small { font-weight: 300; font-size: 85%; display: block; font-size: 12px; margin: 5px 0 0 0; }



@media (max-width: 1024px) {
	main .content .box.certificate {display:block;}
	main .sidebar .box.certificate {display:none;}
	main .sidebar .box h3 {font-size: 18px;}
}
@media (max-width: 991px) {
	main .sidebar > h2 { font-size: 20px; margin: 0 0 10px 0; }
}