:root{--st-accent:#00D9CB;--st-secondary:#ff6440;--st-interest:#1477cc;--st-text-gray:#A3A3A3;--st-text-highlight:#5A5959;--st-gray-tint:#f6f6f6;--st-light-gray:#efefef;--st-green:#03CF0B;--st-orange:#FE6440;--st-purple:#AA40FE}.primary-font{font-family:Quicksand,sans-serif;color:var(--bs-gray)}.profile-picture{width:100px;height:100px;border-radius:50%;text-align:center;line-height:120px;border:2px solid var(--st-accent)}header{border-bottom:1px solid var(--st-text-gray)}.grade,a.item h3{color:var(--st-accent)}.header-right{text-align:center}.header-mid{padding:38px 28px 27px}.notification{background:var(--st-light-gray);border-left:4px solid var(--bs-red);padding:6px 10px}.notification i{margin-right:9px;color:var(--bs-gray-100);background:var(--bs-red);padding:3px;border-radius:4px}.block{margin-bottom:15px;padding-top:11px;padding-bottom:11px;display:block}.event{border-left-width:0;border-left-style:none;border-radius:0;background:var(--bs-orange)}.block-meta-box{width:147.984px;margin-top:34px}#class_list ul{padding:0;list-style:none}#class_list{padding:0}#class_list li{margin-right:20px;font-weight:700}#class_list a,a.item{text-decoration:none;color:inherit}#class_list a.active{text-decoration:none;color:var(--st-accent)}.lesson-item .progress-detail{width:25%;max-width:200px}.lesson-item .progress-detail .progress-bar{background-color:var(--st-accent)}.lesson-head{background:var(--bs-border-color);color:var(--bs-gray-dark)}#wrapper{min-height:100vh}.btn.btn-primary{background-color:var(--st-accent);font-size:22px;outline:0;box-shadow:none;border:none}.btn.hollow{background:0 0;color:var(--st-accent);border:none;margin:0 0 10px}.btn.hollow i{color:#fff;background:var(--st-accent);padding:0;border-radius:25px;width:45px;line-height:45px}.page-footer{position:sticky;bottom:0;background:#fff}.btn.hollow:hover i{background-color:var(--st-secondary)}.input-group.login{border:2px solid var(--st-accent);border-radius:38px;background:var(--bs-gray-100)}@media (min-width:300px){.video{height:167px}}@media (min-width:576px){.video{height:269px}}@media (min-width:768px){.video{height:366px}}@media (min-width:992px){.video{height:513px}}@media (min-width:1200px){.video{height:395px}}@media (min-width:1400px){.video{height:470px}}.btn i{margin-right:10px}.btn{border-radius:24px;padding:4px 15px}span.input-group-text{color:var(--st-accent);background:0 0;border-style:none}.login .loginText{border:none;background:0 0;color:var(--st-text-highlight)}.login .loginText::focus{outline:0}select.form-select{border:2px solid var(--st-accent);border-radius:38px}a.item:hover h3{color:var(--st-interest)}.nav-tabs a.nav-link{border:none;font-weight:700;color:var(--bs-nav-tabs-link-active-color)}.nav-tabs a.nav-link.active{color:var(--st-secondary);border:none}.que-hide{display:none}